@maggioli-design-system/mds-modal 4.3.0 → 4.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-f216518d.js → index-2ef62850.js} +219 -51
- package/dist/cjs/loader.cjs.js +3 -12
- package/dist/cjs/mds-modal.cjs.entry.js +2 -2
- package/dist/cjs/mds-modal.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/common/aria.js +9 -1
- package/dist/collection/components/mds-modal/mds-modal.css +37 -39
- 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 +6 -3
- package/dist/documentation.d.ts +361 -88
- package/dist/documentation.json +69 -7
- package/dist/esm/{index-118e6bec.js → index-822a7c21.js} +219 -51
- package/dist/esm/loader.js +4 -13
- package/dist/esm/mds-modal.entry.js +2 -2
- package/dist/esm/mds-modal.js +4 -4
- package/dist/esm-es5/index-822a7c21.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-e2fdb863.system.js → p-0e1a634c.system.js} +1 -1
- package/dist/mds-modal/p-62ef7bee.system.entry.js +1 -0
- package/dist/mds-modal/p-6acd79b6.system.js +2 -0
- package/dist/mds-modal/p-cc1354fb.js +2 -0
- package/dist/mds-modal/p-f67f79a7.entry.js +1 -0
- package/dist/stats.json +74 -40
- package/dist/types/common/aria.d.ts +2 -1
- package/dist/types/components.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +32 -17
- package/documentation.json +416 -9
- package/loader/index.d.ts +2 -2
- package/package.json +4 -4
- package/readme.md +20 -1
- package/src/common/aria.ts +12 -0
- package/src/components/mds-modal/css/mds-modal-animate-bottom.css +2 -1
- package/src/components/mds-modal/css/mds-modal-animate-center.css +2 -1
- package/src/components/mds-modal/css/mds-modal-animate-left.css +1 -1
- package/src/components/mds-modal/css/mds-modal-animate-right.css +1 -1
- package/src/components/mds-modal/css/mds-modal-animate-top.css +2 -1
- package/src/components/mds-modal/mds-modal.css +18 -21
- package/src/components/mds-modal/mds-modal.tsx +7 -0
- package/src/components/mds-modal/readme.md +11 -1
- package/src/components/mds-modal/test/mds-modal.e2e.ts +1 -1
- package/src/components/mds-modal/test/mds-modal.stories.mdx +1 -3
- package/src/components.d.ts +1 -0
- package/src/fixtures/icons.json +4 -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-e2fdb863.system.js → p-0e1a634c.system.js} +1 -1
- package/www/build/p-62ef7bee.system.entry.js +1 -0
- package/www/build/p-6acd79b6.system.js +2 -0
- package/www/build/p-cc1354fb.js +2 -0
- package/www/build/p-f67f79a7.entry.js +1 -0
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm-es5/index-118e6bec.js +0 -2
- package/dist/mds-modal/p-24b3f7bd.entry.js +0 -1
- package/dist/mds-modal/p-3aeea0b7.system.js +0 -2
- package/dist/mds-modal/p-4fdbb5fc.js +0 -2
- package/dist/mds-modal/p-b2f313ba.system.entry.js +0 -1
- package/www/build/p-24b3f7bd.entry.js +0 -1
- package/www/build/p-3aeea0b7.system.js +0 -2
- package/www/build/p-4fdbb5fc.js +0 -2
- package/www/build/p-b2f313ba.system.entry.js +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-modal",
|
|
3
|
-
"version": "4.
|
|
4
|
-
"description": "mds-modal is a web-component from
|
|
3
|
+
"version": "4.4.1",
|
|
4
|
+
"description": "mds-modal is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"es2015": "dist/esm/index.mjs",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@maggioli-design-system/styles": "^11.7.0",
|
|
28
|
-
"@stencil/core": "^
|
|
29
|
-
"clsx": "^
|
|
28
|
+
"@stencil/core": "^4.3.0",
|
|
29
|
+
"clsx": "^2.0.0"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
32
|
"author": {
|
package/readme.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
+
This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
|
|
6
|
+
|
|
5
7
|
<!-- Auto Generated Below -->
|
|
6
8
|
|
|
7
9
|
|
|
@@ -20,6 +22,23 @@
|
|
|
20
22
|
| `mdsModalClose` | Emits when a modal is closed | `CustomEvent<void>` |
|
|
21
23
|
|
|
22
24
|
|
|
25
|
+
## Slots
|
|
26
|
+
|
|
27
|
+
| Slot | Description |
|
|
28
|
+
| ----------- | -------------------------------------------------------------------------------------------------------------------------- |
|
|
29
|
+
| `"bottom"` | Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
30
|
+
| `"default"` | Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
31
|
+
| `"top"` | Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
32
|
+
| `"window"` | Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
## Shadow Parts
|
|
36
|
+
|
|
37
|
+
| Part | Description |
|
|
38
|
+
| ---------- | ----------- |
|
|
39
|
+
| `"window"` | |
|
|
40
|
+
|
|
41
|
+
|
|
23
42
|
## CSS Custom Properties
|
|
24
43
|
|
|
25
44
|
| Name | Description |
|
|
@@ -47,4 +66,4 @@ graph TD;
|
|
|
47
66
|
|
|
48
67
|
----------------------------------------------
|
|
49
68
|
|
|
50
|
-
Built with love @
|
|
69
|
+
Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)
|
package/src/common/aria.ts
CHANGED
|
@@ -6,6 +6,8 @@ const hash = (s: string): string => {
|
|
|
6
6
|
return h.toString()
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
const randomInt = (max: number): number => Math.floor(Math.random() * max)
|
|
10
|
+
|
|
9
11
|
const unslugName = (name: string): string => {
|
|
10
12
|
return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
|
|
11
13
|
}
|
|
@@ -20,8 +22,18 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
|
|
|
20
22
|
|
|
21
23
|
const hashValue = (value: string): string => `${value}-${hash(value)}`
|
|
22
24
|
|
|
25
|
+
const hashRandomValue = (value?: string): string => {
|
|
26
|
+
const randomValue = randomInt(1000000)
|
|
27
|
+
if (value) {
|
|
28
|
+
return `${value}-${hash(randomValue.toString())}`
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
return hash(randomValue.toString())
|
|
32
|
+
}
|
|
33
|
+
|
|
23
34
|
export {
|
|
24
35
|
unslugName,
|
|
25
36
|
setAttributeIfEmpty,
|
|
37
|
+
hashRandomValue,
|
|
26
38
|
hashValue,
|
|
27
39
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* @prop --mds-modal-window-overflow: Set the overflow of the window
|
|
13
13
|
* @prop --mds-modal-window-shadow: Set the box shadow of the window
|
|
14
14
|
* @prop --mds-modal-z-index: Set the z-index of the window when the component is opened
|
|
15
|
-
*/
|
|
15
|
+
*/
|
|
16
16
|
|
|
17
17
|
:host {
|
|
18
18
|
|
|
@@ -25,30 +25,28 @@
|
|
|
25
25
|
|
|
26
26
|
@apply
|
|
27
27
|
duration-700
|
|
28
|
-
ease-in-out-expo
|
|
29
|
-
fixed
|
|
30
|
-
flex
|
|
31
|
-
inset-0
|
|
32
|
-
items-center
|
|
33
|
-
justify-center
|
|
34
|
-
pointer-events-none;
|
|
28
|
+
ease-in-out-expo;
|
|
35
29
|
|
|
30
|
+
align-items: center;
|
|
36
31
|
background-color: rgba(var(--mds-modal-overlay-color) / 0);
|
|
32
|
+
display: flex;
|
|
37
33
|
fill: theme('colors.tone-neutral');
|
|
34
|
+
inset: 0;
|
|
35
|
+
justify-content: center;
|
|
38
36
|
perspective: 600px;
|
|
37
|
+
pointer-events: none;
|
|
38
|
+
position: fixed;
|
|
39
39
|
z-index: var(--mds-modal-z-index, 1000);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
:host( [position=top] ) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
justify-center;
|
|
43
|
+
align-items: flex-start;
|
|
44
|
+
justify-content: center;
|
|
46
45
|
}
|
|
47
46
|
|
|
48
47
|
:host( [position=bottom] ) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
justify-center;
|
|
48
|
+
align-items: flex-end;
|
|
49
|
+
justify-content: center;
|
|
52
50
|
}
|
|
53
51
|
|
|
54
52
|
:host( .to-bottom-opened ),
|
|
@@ -56,28 +54,27 @@
|
|
|
56
54
|
:host( .to-left-opened ),
|
|
57
55
|
:host( .to-right-opened ),
|
|
58
56
|
:host( .to-top-opened ) {
|
|
59
|
-
@apply
|
|
60
|
-
duration-500
|
|
61
|
-
pointer-events-auto;
|
|
57
|
+
@apply duration-500;
|
|
62
58
|
|
|
63
59
|
background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));
|
|
60
|
+
pointer-events: auto;
|
|
64
61
|
}
|
|
65
62
|
|
|
66
63
|
.close {
|
|
67
64
|
@apply
|
|
68
|
-
absolute
|
|
69
|
-
cursor-pointer
|
|
70
65
|
duration-500
|
|
71
66
|
ease-in-out-quart
|
|
72
67
|
h-9
|
|
73
68
|
opacity-0
|
|
74
|
-
origin-center
|
|
75
69
|
rounded-full
|
|
76
70
|
text-4xl
|
|
77
71
|
top-0
|
|
78
72
|
w-9;
|
|
79
73
|
|
|
74
|
+
cursor: pointer;
|
|
80
75
|
fill: inherit;
|
|
76
|
+
position: absolute;
|
|
77
|
+
transform-origin: center;
|
|
81
78
|
transform: translate(0, 24px) rotate(90deg);
|
|
82
79
|
transition-property: opacity, outline, outline-offset, transform;
|
|
83
80
|
}
|
|
@@ -85,11 +82,11 @@
|
|
|
85
82
|
.window {
|
|
86
83
|
@apply
|
|
87
84
|
gap-0
|
|
88
|
-
grid
|
|
89
85
|
h-full;
|
|
90
86
|
|
|
91
87
|
background-color: var(--mds-modal-window-background);
|
|
92
88
|
box-shadow: var(--mds-modal-window-shadow);
|
|
89
|
+
display: grid;
|
|
93
90
|
grid-template-rows: 1fr;
|
|
94
91
|
max-width: calc(100vw - 80px);
|
|
95
92
|
overflow: var(--mds-modal-window-overflow);
|
|
@@ -4,6 +4,13 @@ import { Component, Element, Event, EventEmitter, Host, h, Listen, Prop, Watch,
|
|
|
4
4
|
import { KeyboardManager } from '@common/keyboard-manager'
|
|
5
5
|
import { ModalPositionType, ModalAnimationStateType } from './meta/types'
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* @slot default - Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot.
|
|
9
|
+
* @slot bottom - Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot.
|
|
10
|
+
* @slot top - Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot.
|
|
11
|
+
* @slot window - Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot.
|
|
12
|
+
*/
|
|
13
|
+
|
|
7
14
|
@Component({
|
|
8
15
|
tag: 'mds-modal',
|
|
9
16
|
styleUrl: 'mds-modal.css',
|
|
@@ -20,6 +20,16 @@
|
|
|
20
20
|
| `mdsModalClose` | Emits when a modal is closed | `CustomEvent<void>` |
|
|
21
21
|
|
|
22
22
|
|
|
23
|
+
## Slots
|
|
24
|
+
|
|
25
|
+
| Slot | Description |
|
|
26
|
+
| ----------- | -------------------------------------------------------------------------------------------------------------------------- |
|
|
27
|
+
| `"bottom"` | Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
28
|
+
| `"default"` | Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
29
|
+
| `"top"` | Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
30
|
+
| `"window"` | Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot. |
|
|
31
|
+
|
|
32
|
+
|
|
23
33
|
## Shadow Parts
|
|
24
34
|
|
|
25
35
|
| Part | Description |
|
|
@@ -41,4 +51,4 @@
|
|
|
41
51
|
|
|
42
52
|
----------------------------------------------
|
|
43
53
|
|
|
44
|
-
Built with love @
|
|
54
|
+
Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)
|
package/src/components.d.ts
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
|
|
8
8
|
import { ModalPositionType } from "./components/mds-modal/meta/types";
|
|
9
|
+
export { ModalPositionType } from "./components/mds-modal/meta/types";
|
|
9
10
|
export namespace Components {
|
|
10
11
|
interface MdsModal {
|
|
11
12
|
/**
|
package/src/fixtures/icons.json
CHANGED
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"mgg/bill",
|
|
42
42
|
"mgg/box-multiple",
|
|
43
43
|
"mgg/breadcrumb",
|
|
44
|
+
"mgg/bus-stops",
|
|
44
45
|
"mgg/calendar-euro",
|
|
45
46
|
"mgg/calendar-multiple",
|
|
46
47
|
"mgg/calendar-schedule",
|
|
@@ -246,6 +247,7 @@
|
|
|
246
247
|
"mi/baseline/explore",
|
|
247
248
|
"mi/baseline/folder-zip",
|
|
248
249
|
"mi/baseline/groups",
|
|
250
|
+
"mi/baseline/horizontal-rule",
|
|
249
251
|
"mi/baseline/indeterminate-check-box",
|
|
250
252
|
"mi/baseline/info",
|
|
251
253
|
"mi/baseline/insert-drive-file",
|
|
@@ -271,9 +273,11 @@
|
|
|
271
273
|
"mi/baseline/warning-amber",
|
|
272
274
|
"mi/baseline/web",
|
|
273
275
|
"mi/baseline/wysiwyg",
|
|
276
|
+
"mi/outline/help-outline",
|
|
274
277
|
"mi/round/arrow-circle-down",
|
|
275
278
|
"mi/round/email",
|
|
276
279
|
"mi/round/groups",
|
|
277
280
|
"mi/round/menu",
|
|
281
|
+
"mi/round/more-vert",
|
|
278
282
|
"mi/round/person"
|
|
279
283
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-
|
|
1
|
+
import{p as e,b as o}from"./p-cc1354fb.js";export{s as setNonce}from"./p-cc1354fb.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-f67f79a7",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)));
|
package/www/build/mds-modal.js
CHANGED
|
@@ -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-0e1a634c.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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-6acd79b6.system.js"],(function(e,n){"use strict";var s,t;return{setters:[function(n){s=n.p;t=n.b;e("setNonce",n.s)}],execute:function(){var e=function(){var e=n.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return s(t)};e().then((function(e){return t([["p-62ef7bee.system",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-6acd79b6.system.js"],(function(t){"use strict";var o,i,e,r,n;return{setters:[function(t){o=t.r;i=t.c;e=t.h;r=t.H;n=t.g}],execute:function(){function a(t){var o,i,e="";if("string"==typeof t||"number"==typeof t)e+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=a(t[o]))&&(e&&(e+=" "),e+=i);else for(o in t)t[o]&&(e&&(e+=" "),e+=o);return e}function s(){for(var t,o,i=0,e="";i<arguments.length;)(t=arguments[i++])&&(o=a(t))&&(e&&(e+=" "),e+=o);return e}var l='<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 d=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,i){if(i===void 0){i="element"}t.elements[i]=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 c='@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);-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);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;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){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;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);cursor:pointer;fill:inherit;position:absolute;-webkit-transform-origin:center;transform-origin:center;-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{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);display:grid;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){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}: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){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}: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){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}: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 w=t("mds_modal",function(){function t(t){var e=this;o(this,t);this.closeEvent=i(this,"mdsModalClose",7);this.window=false;this.top=false;this.bottom=false;this.animationState="intro";this.km=new d;this.componentDidLoad=function(){var t;e.km.addElement(e.host,"host");var o=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".close");if(o)e.km.addElement(o,"close");e.km.attachEscapeBehavior((function(){return e.closeEvent.emit()}));e.km.attachClickBehavior("close")};this.animationName=function(t,o){if(t===void 0){t=""}if(o===void 0){o=""}return"to-".concat(o!==""?o:e.position).concat(t!==""?"-"+t:"")};this.closeModal=function(t){var o;if(((o=t.target)===null||o===void 0?void 0:o.localName)!=="mds-modal"){return}e.opened=t.target!==t.currentTarget;if(!e.opened){e.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 e(r,{"aria-modal":s(this.opened?"true":"false"),class:s(this.stateOpened&&this.animationName("opened")),onClick:function(o){t.closeModal(o)}},this.window?e("slot",{name:"window"}):e("div",{class:s("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&e("slot",{name:"top"}),e("slot",null),this.bottom&&e("slot",{name:"bottom"})),!this.window&&e("i",{innerHTML:l,tabindex:"0",onClick:function(o){t.closeModal(o)},class:"svg close focusable-light"}))};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}());w.style=c}}}));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(n,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]};return e(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(n,t);function r(){this.constructor=n}n.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,n,t,r){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function l(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r["throw"](e))}catch(e){i(e)}}function u(e){e.done?t(e.value):a(e.value).then(l,o)}u((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(n){return u([e,n])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(r=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{r=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,t){if(t||arguments.length===2)for(var r=0,a=n.length,i;r<a;r++){if(i||!(r in n)){if(!i)i=Array.prototype.slice.call(n,0,r);i[r]=n[r]}}return e.concat(i||Array.prototype.slice.call(n))};System.register([],(function(e,n){"use strict";return{execute:function(){var t=this;var r="mds-modal";var a;var i;var l=false;var o=false;var u=function(e,n){if(n===void 0){n=""}{return function(){return}}};var s=function(e,n){{return function(){return}}};var f="{visibility:hidden}[hydrated]{visibility:inherit}";var $={};var c=function(e){return e!=null};var v=function(e){e=typeof e;return e==="object"||e==="function"};function d(e){var n,t,r;return(r=(t=(n=e.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&r!==void 0?r:undefined}var h=e("h",(function(e,n){var t=[];for(var r=2;r<arguments.length;r++){t[r-2]=arguments[r]}var a=null;var i=false;var l=false;var o=[];var u=function(n){for(var t=0;t<n.length;t++){a=n[t];if(Array.isArray(a)){u(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!v(a)){a=String(a)}if(i&&l){o[o.length-1].$text$+=a}else{o.push(i?p(null,a):a)}l=i}}};u(t);if(n){{var s=n.className||n.class;if(s){n.class=typeof s!=="object"?s:Object.keys(s).filter((function(e){return s[e]})).join(" ")}}}var f=p(e,null);f.$attrs$=n;if(o.length>0){f.$children$=o}return f}));var p=function(e,n){var t={$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null};{t.$attrs$=null}return t};var m=e("H",{});var y=function(e){return e&&e.$tag$===m};var g=function(e,n){if(e!=null&&!v(e)){if(n&4){return e==="false"?false:e===""||!!e}if(n&1){return String(e)}return e}return e};var b=e("g",(function(e){return $e(e).$hostElement$}));var w=e("c",(function(e,n,t){var r=b(e);return{emit:function(e){return _(r,n,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}}));var _=function(e,n,t){var r=we.ce(n,t);e.dispatchEvent(r);return r};var S=new WeakMap;var R=function(e,n,t){var r=ye.get(e);if(Se&&t){r=r||new CSSStyleSheet;if(typeof r==="string"){r=n}else{r.replaceSync(n)}}else{r=n}ye.set(e,r)};var N=function(e,n,t){var r;var a=A(n);var i=ye.get(a);e=e.nodeType===11?e:be;if(i){if(typeof i==="string"){e=e.head||e;var l=S.get(e);var o=void 0;if(!l){S.set(e,l=new Set)}if(!l.has(a)){{o=be.createElement("style");o.innerHTML=i;var u=(r=we.$nonce$)!==null&&r!==void 0?r:d(be);if(u!=null){o.setAttribute("nonce",u)}e.insertBefore(o,e.querySelector("link"))}if(l){l.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var x=function(e){var n=e.$cmpMeta$;var t=e.$hostElement$;var r=n.$flags$;var a=u("attachStyles",n.$tagName$);var i=N(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);if(r&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var A=function(e,n){return"sc-"+e.$tagName$};var E=function(e,n,t,r,a,i){if(t!==r){var l=de(e,n);var o=n.toLowerCase();if(n==="class"){var u=e.classList;var s=C(t);var f=C(r);u.remove.apply(u,s.filter((function(e){return e&&!f.includes(e)})));u.add.apply(u,f.filter((function(e){return e&&!s.includes(e)})))}else if(!l&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(de(ge,o)){n=o.slice(2)}else{n=o[2]+n.slice(3)}if(t){we.rel(e,n,t,false)}if(r){we.ael(e,n,r,false)}}else{var $=v(r);if((l||$&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var c=r==null?"":r;if(n==="list"){l=false}else if(t==null||e[n]!=c){e[n]=c}}else{e[n]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(n)===""){{e.removeAttribute(n)}}}else if((!l||i&4||a)&&!$){r=r===true?"":r;{e.setAttribute(n,r)}}}}};var L=/\s/;var C=function(e){return!e?[]:e.split(L)};var P=function(e,n,t,r){var a=n.$elm$.nodeType===11&&n.$elm$.host?n.$elm$.host:n.$elm$;var i=e&&e.$attrs$||$;var l=n.$attrs$||$;{for(r in i){if(!(r in l)){E(a,r,i[r],undefined,t,n.$flags$)}}}for(r in l){E(a,r,i[r],l[r],t,n.$flags$)}};var j=function(e,n,t,r){var i=n.$children$[t];var o=0;var u;var s;if(i.$text$!==null){u=i.$elm$=be.createTextNode(i.$text$)}else{u=i.$elm$=be.createElement(i.$tag$);{P(null,i,l)}if(c(a)&&u["s-si"]!==a){u.classList.add(u["s-si"]=a)}if(i.$children$){for(o=0;o<i.$children$.length;++o){s=j(e,i,o);if(s){u.appendChild(s)}}}}return u};var k=function(e,n,t,r,a,l){var o=e;var u;if(o.shadowRoot&&o.tagName===i){o=o.shadowRoot}for(;a<=l;++a){if(r[a]){u=j(null,t,a);if(u){r[a].$elm$=u;o.insertBefore(u,n)}}}};var M=function(e,n,t){for(var r=n;r<=t;++r){var a=e[r];if(a){var i=a.$elm$;if(i){i.remove()}}}};var O=function(e,n,t,r){var a=0;var i=0;var l=n.length-1;var o=n[0];var u=n[l];var s=r.length-1;var f=r[0];var $=r[s];var c;while(a<=l&&i<=s){if(o==null){o=n[++a]}else if(u==null){u=n[--l]}else if(f==null){f=r[++i]}else if($==null){$=r[--s]}else if(I(o,f)){T(o,f);o=n[++a];f=r[++i]}else if(I(u,$)){T(u,$);u=n[--l];$=r[--s]}else if(I(o,$)){T(o,$);e.insertBefore(o.$elm$,u.$elm$.nextSibling);o=n[++a];$=r[--s]}else if(I(u,f)){T(u,f);e.insertBefore(u.$elm$,o.$elm$);u=n[--l];f=r[++i]}else{{c=j(n&&n[i],t,i);f=r[++i]}if(c){{o.$elm$.parentNode.insertBefore(c,o.$elm$)}}}}if(a>l){k(e,r[s+1]==null?null:r[s+1].$elm$,t,r,i,s)}else if(i>s){M(n,a,l)}};var I=function(e,n){if(e.$tag$===n.$tag$){return true}return false};var T=function(e,n){var t=n.$elm$=e.$elm$;var r=e.$children$;var a=n.$children$;var i=n.$tag$;var o=n.$text$;if(o===null){{if(i==="slot");else{P(e,n,l)}}if(r!==null&&a!==null){O(t,r,n,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}k(t,null,n,a,0,a.length-1)}else if(r!==null){M(r,0,r.length-1)}}else if(e.$text$!==o){t.data=o}};var z=function(e,n,t){if(t===void 0){t=false}var r=e.$hostElement$;var l=e.$cmpMeta$;var o=e.$vnode$||p(null,null);var u=y(n)?n:h(null,null,n);i=r.tagName;if(l.$attrsToReflect$){u.$attrs$=u.$attrs$||{};l.$attrsToReflect$.map((function(e){var n=e[0],t=e[1];return u.$attrs$[t]=r[n]}))}if(t&&u.$attrs$){for(var s=0,f=Object.keys(u.$attrs$);s<f.length;s++){var $=f[s];if(r.hasAttribute($)&&!["key","ref","style","class"].includes($)){u.$attrs$[$]=r[$]}}}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=o.$elm$=r.shadowRoot||r;{a=r["s-sc"]}T(o,u)};var q=function(e,n){if(n&&!e.$onRenderResolve$&&n["s-p"]){n["s-p"].push(new Promise((function(n){return e.$onRenderResolve$=n})))}};var B=function(e,n){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}q(e,e.$ancestorComponent$);var t=function(){return U(e,n)};return Ce(t)};var U=function(e,n){var t=u("scheduleUpdate",e.$cmpMeta$.$tagName$);var r=e.$lazyInstance$;var a;if(n){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var n=e[0],t=e[1];return J(r,n,t)}));e.$queuedListeners$=undefined}}{a=J(r,"componentWillLoad")}}{a=H(a,(function(){return J(r,"componentWillRender")}))}t();return H(a,(function(){return W(e,r,n)}))};var H=function(e,n){return V(e)?e.then(n):n()};var V=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var W=function(e,n,r){return __awaiter(t,void 0,void 0,(function(){var t,a,i,l,o,s,f;return __generator(this,(function($){a=e.$hostElement$;i=u("update",e.$cmpMeta$.$tagName$);l=a["s-rc"];if(r){x(e)}o=u("render",e.$cmpMeta$.$tagName$);{D(e,n,a,r)}if(l){l.map((function(e){return e()}));a["s-rc"]=undefined}o();i();{s=(t=a["s-p"])!==null&&t!==void 0?t:[];f=function(){return F(e)};if(s.length===0){f()}else{Promise.all(s).then(f);e.$flags$|=4;s.length=0}}return[2]}))}))};var D=function(e,n,t,r){try{n=n.render();{e.$flags$&=~16}{e.$flags$|=2}{{{z(e,n,r)}}}}catch(n){he(n,e.$hostElement$)}return null};var F=function(e){var n=e.$cmpMeta$.$tagName$;var t=e.$hostElement$;var r=u("postUpdate",n);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;{J(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{K(t)}r();{e.$onReadyResolve$(t);if(!i){G()}}}else{r()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){Le((function(){return B(e,false)}))}e.$flags$&=~(4|512)}};var G=function(e){{K(be.documentElement)}Le((function(){return _(ge,"appload",{detail:{namespace:r}})}))};var J=function(e,n,t){if(e&&e[n]){try{return e[n](t)}catch(e){he(e)}}return undefined};var K=function(e){return e.setAttribute("hydrated","")};var Q=function(e,n){return $e(e).$instanceValues$.get(n)};var X=function(e,n,t,r){var a=$e(e);var i=a.$hostElement$;var l=a.$instanceValues$.get(n);var o=a.$flags$;var u=a.$lazyInstance$;t=g(t,r.$members$[n][0]);var s=Number.isNaN(l)&&Number.isNaN(t);var f=t!==l&&!s;if((!(o&8)||l===undefined)&&f){a.$instanceValues$.set(n,t);if(u){if(r.$watchers$&&o&128){var $=r.$watchers$[n];if($){$.map((function(e){try{u[e](t,l,n)}catch(e){he(e,i)}}))}}if((o&(2|16))===2){B(a,false)}}}};var Y=function(e,n,t){var r;if(n.$members$){if(e.watchers){n.$watchers$=e.watchers}var a=Object.entries(n.$members$);var i=e.prototype;a.map((function(e){var r=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(i,r,{get:function(){return Q(this,r)},set:function(e){X(this,r,e,n)},configurable:true,enumerable:true})}}));if(t&1){var l=new Map;i.attributeChangedCallback=function(e,t,r){var a=this;we.jmp((function(){var o=l.get(e);if(a.hasOwnProperty(o)){r=a[o];delete a[o]}else if(i.hasOwnProperty(o)&&typeof a[o]==="number"&&a[o]==r){return}else if(o==null){var u=$e(a);var s=u===null||u===void 0?void 0:u.$flags$;if(!(s&8)&&s&128&&r!==t){var f=u.$lazyInstance$;var $=n.$watchers$[e];$===null||$===void 0?void 0:$.forEach((function(n){if(f[n]!=null){f[n].call(f,r,t,e)}}))}return}a[o]=r===null&&typeof a[o]==="boolean"?false:r}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((r=n.$watchers$)!==null&&r!==void 0?r:{}),true),a.filter((function(e){var n=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],r=e[1];var a=r[1]||t;l.set(a,t);if(r[0]&512){n.$attrsToReflect$.push([t,a])}return a})),true)))}}return e};var Z=function(e,n,r,a,i){return __awaiter(t,void 0,void 0,(function(){var e,t,a,l,o,f,$;return __generator(this,(function(c){switch(c.label){case 0:if(!((n.$flags$&32)===0))return[3,3];n.$flags$|=32;i=me(r);if(!i.then)return[3,2];e=s();return[4,i];case 1:i=c.sent();e();c.label=2;case 2:if(!i.isProxied){{r.$watchers$=i.watchers}Y(i,r,2);i.isProxied=true}t=u("createInstance",r.$tagName$);{n.$flags$|=8}try{new i(n)}catch(e){he(e)}{n.$flags$&=~8}{n.$flags$|=128}t();if(i.style){a=i.style;l=A(r);if(!ye.has(l)){o=u("registerStyles",r.$tagName$);R(l,a,!!(r.$flags$&1));o()}}c.label=3;case 3:f=n.$ancestorComponent$;$=function(){return B(n,true)};if(f&&f["s-rc"]){f["s-rc"].push($)}else{$()}return[2]}}))}))};var ee=function(e){};var ne=function(e){if((we.$flags$&1)===0){var n=$e(e);var t=n.$cmpMeta$;var r=u("connectedCallback",t.$tagName$);if(!(n.$flags$&1)){n.$flags$|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){q(n,n.$ancestorComponent$=a);break}}}if(t.$members$){Object.entries(t.$members$).map((function(n){var t=n[0],r=n[1][0];if(r&31&&e.hasOwnProperty(t)){var a=e[t];delete e[t];e[t]=a}}))}{Z(e,n,t)}}else{ie(e,n,t.$listeners$);if(n===null||n===void 0?void 0:n.$lazyInstance$);else if(n===null||n===void 0?void 0:n.$onReadyPromise$){n.$onReadyPromise$.then((function(){return ee()}))}}r()}};var te=function(e){{J(e,"disconnectedCallback")}};var re=function(e){return __awaiter(t,void 0,void 0,(function(){var n;return __generator(this,(function(t){if((we.$flags$&1)===0){n=$e(e);{if(n.$rmListeners$){n.$rmListeners$.map((function(e){return e()}));n.$rmListeners$=undefined}}if(n===null||n===void 0?void 0:n.$lazyInstance$){te(n.$lazyInstance$)}else if(n===null||n===void 0?void 0:n.$onReadyPromise$){n.$onReadyPromise$.then((function(){return te(n.$lazyInstance$)}))}}return[2]}))}))};var ae=e("b",(function(e,n){if(n===void 0){n={}}var t;var r=u();var a=[];var i=n.exclude||[];var l=ge.customElements;var o=be.head;var s=o.querySelector("meta[charset]");var $=be.createElement("style");var c=[];var v;var h=true;Object.assign(we,n);we.$resourcesUrl$=new URL(n.resourcesUrl||"./",be.baseURI).href;e.map((function(e){e[1].map((function(n){var t;var r={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};{r.$members$=n[2]}{r.$listeners$=n[3]}{r.$attrsToReflect$=[]}{r.$watchers$=(t=n[4])!==null&&t!==void 0?t:{}}var o=r.$tagName$;var u=function(e){__extends(n,e);function n(n){var t=e.call(this,n)||this;n=t;ve(n,r);if(r.$flags$&1){{{n.attachShadow({mode:"open"})}}}return t}n.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}if(h){c.push(this)}else{we.jmp((function(){return ne(e)}))}};n.prototype.disconnectedCallback=function(){var e=this;we.jmp((function(){return re(e)}))};n.prototype.componentOnReady=function(){return $e(this).$onReadyPromise$};return n}(HTMLElement);r.$lazyBundleId$=e[0];if(!i.includes(o)&&!l.get(o)){a.push(o);l.define(o,Y(u,r,1))}}))}));{$.innerHTML=a+f;$.setAttribute("data-styles","");var p=(t=we.$nonce$)!==null&&t!==void 0?t:d(be);if(p!=null){$.setAttribute("nonce",p)}o.insertBefore($,s?s.nextSibling:o.firstChild)}h=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{we.jmp((function(){return v=setTimeout(G,30)}))}}r()}));var ie=function(e,n,t,r){if(t){t.map((function(t){var r=t[0],a=t[1],i=t[2];var l=oe(e,r);var o=le(n,i);var u=ue(r);we.ael(l,a,o,u);(n.$rmListeners$=n.$rmListeners$||[]).push((function(){return we.rel(l,a,o,u)}))}))}};var le=function(e,n){return function(t){try{{if(e.$flags$&256){e.$lazyInstance$[n](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,t])}}}catch(e){he(e)}}};var oe=function(e,n){if(n&4)return be;return e};var ue=function(e){return(e&2)!==0};var se=e("s",(function(e){return we.$nonce$=e}));var fe=new WeakMap;var $e=function(e){return fe.get(e)};var ce=e("r",(function(e,n){return fe.set(n.$lazyInstance$=e,n)}));var ve=function(e,n){var t={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};{t.$onReadyPromise$=new Promise((function(e){return t.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}ie(e,t,n.$listeners$);return fe.set(e,t)};var de=function(e,n){return n in e};var he=function(e,n){return(0,console.error)(e,n)};var pe=new Map;var me=function(e,t,r){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var l=pe.get(i);if(l){return l[a]}
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return n.import("./".concat(i,".entry.js").concat("")).then((function(e){{pe.set(i,e)}return e[a]}),he)};var ye=new Map;var ge=typeof window!=="undefined"?window:{};var be=ge.document||{head:{}};var we={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,n,t,r){return e.addEventListener(n,t,r)},rel:function(e,n,t,r){return e.removeEventListener(n,t,r)},ce:function(e,n){return new CustomEvent(e,n)}};var _e=e("p",(function(e){return Promise.resolve(e)}));var Se=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var Re=[];var Ne=[];var xe=function(e,n){return function(t){e.push(t);if(!o){o=true;if(n&&we.$flags$&4){Le(Ee)}else{we.raf(Ee)}}}};var Ae=function(e){for(var n=0;n<e.length;n++){try{e[n](performance.now())}catch(e){he(e)}}e.length=0};var Ee=function(){Ae(Re);{Ae(Ne);if(o=Re.length>0){we.raf(Ee)}}};var Le=function(e){return _e().then(e)};var Ce=xe(Ne,true)}}}));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let n,t,e=!1;const l={},o=n=>"object"==(n=typeof n)||"function"===n;function s(n){var t,e,l;return null!==(l=null===(e=null===(t=n.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const c=(n,t,...e)=>{let l=null,s=!1,c=!1;const r=[],u=t=>{for(let e=0;e<t.length;e++)l=t[e],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(e),t){const n=t.className||t.class;n&&(t.class="object"!=typeof n?n:Object.keys(n).filter((t=>n[t])).join(" "))}const a=i(n,null);return a.l=t,r.length>0&&(a.o=r),a},i=(n,t)=>({i:0,u:n,t,m:null,o:null,l:null}),r={},u=n=>_(n).h,a=(n,t,e)=>{const l=u(n);return{emit:n=>f(l,t,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:n})}},f=(n,t,e)=>{const l=Z.ce(t,e);return n.dispatchEvent(l),l},d=new WeakMap,y=n=>"sc-"+n.p,m=(n,t,e,l,s,c)=>{if(e!==l){let i=G(n,t),r=t.toLowerCase();if("class"===t){const t=n.classList,o=p(e),s=p(l);t.remove(...o.filter((n=>n&&!s.includes(n)))),t.add(...s.filter((n=>n&&!o.includes(n))))}else if(i||"o"!==t[0]||"n"!==t[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(n.tagName.includes("-"))n[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=e&&n[t]==o||(n[t]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(t)||n.removeAttribute(t):(!i||4&c||s)&&!r&&n.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):G(X,r)?r.slice(2):r[2]+t.slice(3),e&&Z.rel(n,t,e,!1),l&&Z.ael(n,t,l,!1)}},h=/\s/,p=n=>n?n.split(h):[],$=(n,t,e,o)=>{const s=11===t.m.nodeType&&t.m.host?t.m.host:t.m,c=n&&n.l||l,i=t.l||l;for(o in c)o in i||m(s,o,c[o],void 0,e,t.i);for(o in i)m(s,o,c[o],i[o],e,t.i)},v=(t,e,l)=>{const o=e.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=v(t,o,i),c&&s.appendChild(c);return s},b=(n,e,l,o,s,c)=>{let i,r=n;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=v(null,l,s),i&&(o[s].m=i,r.insertBefore(i,e)))},w=(n,t,e)=>{for(let l=t;l<=e;++l){const t=n[l];if(t){const n=t.m;n&&n.remove()}}},S=(n,t)=>n.u===t.u,g=(n,t)=>{const e=t.m=n.m,l=n.o,o=t.o,s=t.t;null===s?("slot"===t.u||$(n,t,!1),null!==l&&null!==o?((n,t,e,l)=>{let o,s=0,c=0,i=t.length-1,r=t[0],u=t[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=t[++s]:null==u?u=t[--i]:null==f?f=l[++c]:null==d?d=l[--a]:S(r,f)?(g(r,f),r=t[++s],f=l[++c]):S(u,d)?(g(u,d),u=t[--i],d=l[--a]):S(r,d)?(g(r,d),n.insertBefore(r.m,u.m.nextSibling),r=t[++s],d=l[--a]):S(u,f)?(g(u,f),n.insertBefore(u.m,r.m),u=t[--i],f=l[++c]):(o=v(t&&t[c],e,c),f=l[++c],o&&r.m.parentNode.insertBefore(o,r.m));s>i?b(n,null==l[a+1]?null:l[a+1].m,e,l,c,a):c>a&&w(t,s,i)})(e,l,t,o):null!==o?(null!==n.t&&(e.textContent=""),b(e,null,t,o,0,o.length-1)):null!==l&&w(l,0,l.length-1)):n.t!==s&&(e.data=s)},j=(n,t)=>{t&&!n.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>n.$=t)))},k=(n,t)=>{if(n.i|=16,!(4&n.i))return j(n,n.v),un((()=>M(n,t)));n.i|=512},M=(n,t)=>{const e=n.S;let l;return t&&(n.i|=256,n.g&&(n.g.map((([n,t])=>A(e,n,t))),n.g=void 0),l=A(e,"componentWillLoad")),l=O(l,(()=>A(e,"componentWillRender"))),O(l,(()=>P(n,e,t)))},O=(n,t)=>C(n)?n.then(t):t(),C=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,P=async(n,t,e)=>{var l;const o=n.h,c=o["s-rc"];e&&(n=>{const t=n.j,e=n.h,l=t.i,o=((n,t)=>{var e;const l=y(t),o=Q.get(l);if(n=11===n.nodeType?n:Y,o)if("string"==typeof o){let t,c=d.get(n=n.head||n);if(c||d.set(n,c=new Set),!c.has(l)){{t=Y.createElement("style"),t.innerHTML=o;const l=null!==(e=Z.k)&&void 0!==e?e:s(Y);null!=l&&t.setAttribute("nonce",l),n.insertBefore(t,n.querySelector("link"))}c&&c.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),t);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(n);R(n,t,o,e),c&&(c.map((n=>n())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],e=()=>W(n);0===t.length?e():(Promise.all(t).then(e),n.i|=4,t.length=0)}},R=(e,l,o,s)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l,o=!1)=>{const s=e.h,u=e.j,a=e.M||i(null,null),f=(n=>n&&n.u===r)(l)?l:c(null,null,l);if(t=s.tagName,u.O&&(f.l=f.l||{},u.O.map((([n,t])=>f.l[t]=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,e.M=f,f.m=a.m=s.shadowRoot||s,n=s["s-sc"],g(a,f)})(e,l,s)}catch(n){I(n,e.h)}return null},W=n=>{const t=n.h,e=n.v;A(n.S,"componentDidRender"),64&n.i||(n.i|=64,E(t),n.C(t),e||x()),n.$&&(n.$(),n.$=void 0),512&n.i&&rn((()=>k(n,!1))),n.i&=-517},x=()=>{E(Y.documentElement),rn((()=>f(X,"appload",{detail:{namespace:"mds-modal"}})))},A=(n,t,e)=>{if(n&&n[t])try{return n[t](e)}catch(n){I(n)}},E=n=>n.setAttribute("hydrated",""),L=(n,t,e)=>{var l;if(t.P){n.watchers&&(t.R=n.watchers);const s=Object.entries(t.P),c=n.prototype;if(s.map((([n,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(c,n,{get(){return((n,t)=>_(this).W.get(t))(0,n)},set(e){((n,t,e,l)=>{const s=_(n),c=s.h,i=s.W.get(t),r=s.i,u=s.S;if(e=((n,t)=>null==n||o(n)?n:4&t?"false"!==n&&(""===n||!!n):1&t?n+"":n)(e,l.P[t][0]),(!(8&r)||void 0===i)&&e!==i&&(!Number.isNaN(i)||!Number.isNaN(e))&&(s.W.set(t,e),u)){if(l.R&&128&r){const n=l.R[t];n&&n.map((n=>{try{u[n](e,i,t)}catch(n){I(n,c)}}))}2==(18&r)&&k(s,!1)}})(this,n,e,t)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;c.attributeChangedCallback=function(n,l,o){Z.jmp((()=>{const s=e.get(n);if(this.hasOwnProperty(s))o=this[s],delete this[s];else{if(c.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==o)return;if(null==s){const e=_(this),s=null==e?void 0:e.i;if(!(8&s)&&128&s&&o!==l){const s=e.S,c=t.R[n];null==c||c.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,n)}))}return}}this[s]=(null!==o||"boolean"!=typeof this[s])&&o}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.R)&&void 0!==l?l:{}),...s.filter((([n,t])=>15&t[0])).map((([n,l])=>{const o=l[1]||n;return e.set(o,n),512&l[0]&&t.O.push([n,o]),o}))]))}}return n},N=n=>{A(n,"disconnectedCallback")},T=(n,t={})=>{var e;const l=[],o=t.exclude||[],c=X.customElements,i=Y.head,r=i.querySelector("meta[charset]"),u=Y.createElement("style"),a=[];let f,d=!0;Object.assign(Z,t),Z.A=new URL(t.resourcesUrl||"./",Y.baseURI).href,n.map((n=>{n[1].map((t=>{var e;const s={i:t[0],p:t[1],P:t[2],L:t[3]};s.P=t[2],s.L=t[3],s.O=[],s.R=null!==(e=t[4])&&void 0!==e?e:{};const i=s.p,r=class extends HTMLElement{constructor(n){super(n),B(n=this,s),1&s.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Z.jmp((()=>(n=>{if(0==(1&Z.i)){const t=_(n),e=t.j,l=()=>{};if(1&t.i)H(n,t,e.L),(null==t?void 0:t.S)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.i|=1;{let e=n;for(;e=e.parentNode||e.host;)if(e["s-p"]){j(t,t.v=e);break}}e.P&&Object.entries(e.P).map((([t,[e]])=>{if(31&e&&n.hasOwnProperty(t)){const e=n[t];delete n[t],n[t]=e}})),(async(n,t,e,l,o)=>{if(0==(32&t.i)){t.i|=32;{if((o=K(e)).then){const n=()=>{};o=await o,n()}o.isProxied||(e.R=o.watchers,L(o,e,2),o.isProxied=!0);const n=()=>{};t.i|=8;try{new o(t)}catch(n){I(n)}t.i&=-9,t.i|=128,n()}if(o.style){let n=o.style;const t=y(e);if(!Q.has(t)){const l=()=>{};((n,t,e)=>{let l=Q.get(n);tn&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,Q.set(n,l)})(t,n,!!(1&e.i)),l()}}}const s=t.v,c=()=>k(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,e)}l()}})(this)))}disconnectedCallback(){Z.jmp((()=>(async()=>{if(0==(1&Z.i)){const n=_(this);n.T&&(n.T.map((n=>n())),n.T=void 0),(null==n?void 0:n.S)?N(n.S):(null==n?void 0:n.N)&&n.N.then((()=>N(n.S)))}})()))}componentOnReady(){return _(this).N}};s.H=n[0],o.includes(i)||c.get(i)||(l.push(i),c.define(i,L(r,s,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(e=Z.k)&&void 0!==e?e: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,t,e)=>{e&&e.map((([e,l,o])=>{const s=q(n,e),c=U(t,o),i=D(e);Z.ael(s,l,c,i),(t.T=t.T||[]).push((()=>Z.rel(s,l,c,i)))}))},U=(n,t)=>e=>{try{256&n.i?n.S[t](e):(n.g=n.g||[]).push([t,e])}catch(n){I(n)}},q=(n,t)=>4&t?Y:n,D=n=>0!=(2&n),F=n=>Z.k=n,V=new WeakMap,_=n=>V.get(n),z=(n,t)=>V.set(t.S=n,t),B=(n,t)=>{const e={i:0,h:n,j:t,W:new Map};return e.N=new Promise((n=>e.C=n)),n["s-p"]=[],n["s-rc"]=[],H(n,e,t.L),V.set(n,e)},G=(n,t)=>t in n,I=(n,t)=>(0,console.error)(n,t),J=new Map,K=n=>{const t=n.p.replace(/-/g,"_"),e=n.H,l=J.get(e);return l?l[t]:import(`./${e}.entry.js`).then((n=>(J.set(e,n),n[t])),I)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Q=new Map,X="undefined"!=typeof window?window:{},Y=X.document||{head:{}},Z={i:0,A:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,e,l)=>n.addEventListener(t,e,l),rel:(n,t,e,l)=>n.removeEventListener(t,e,l),ce:(n,t)=>new CustomEvent(n,t)},nn=n=>Promise.resolve(n),tn=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),en=[],ln=[],on=(n,t)=>l=>{n.push(l),e||(e=!0,t&&4&Z.i?rn(cn):Z.raf(cn))},sn=n=>{for(let t=0;t<n.length;t++)try{n[t](performance.now())}catch(n){I(n)}n.length=0},cn=()=>{sn(en),sn(ln),(e=en.length>0)&&Z.raf(cn)},rn=n=>nn().then(n),un=on(ln,!0);export{r as H,T as b,a as c,u as g,c as h,nn as p,z as r,F as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as r,g as e}from"./p-cc1354fb.js";function n(t){var o,i,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=n(t[o]))&&(r&&(r+=" "),r+=i);else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function a(){for(var t,o,i=0,r="";i<arguments.length;)(t=arguments[i++])&&(o=n(t))&&(r&&(r+=" "),r+=o);return r}class s{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=t=>{"Space"!==t.code&&"Enter"!==t.code&&"NumpadEnter"!==t.code||t.target.click()},this.handleEscapeBehaviorDispatchEvent=t=>{"Escape"===t.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(t,o="element")=>{this.elements[o]=t},this.attachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=t=>{this.escapeCallback=t,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const l=class{constructor(i){t(this,i),this.closeEvent=o(this,"mdsModalClose",7),this.window=!1,this.top=!1,this.bottom=!1,this.animationState="intro",this.km=new s,this.componentDidLoad=()=>{var t;this.km.addElement(this.host,"host");const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".close");o&&this.km.addElement(o,"close"),this.km.attachEscapeBehavior((()=>this.closeEvent.emit())),this.km.attachClickBehavior("close")},this.animationName=(t="",o="")=>`to-${""!==o?o:this.position}${""!==t?"-"+t:""}`,this.closeModal=t=>{var o;"mds-modal"===(null===(o=t.target)||void 0===o?void 0:o.localName)&&(this.opened=t.target!==t.currentTarget,this.opened||this.closeEvent.emit())},this.stateOpened=void 0,this.opened=!1,this.position="center"}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector('[slot="bottom"]'),this.top=null!==this.host.querySelector('[slot="top"]'),this.window=null!==this.host.querySelector('[slot="window"]'),this.stateOpened=this.opened,this.window||(this.position="right"),this.window&&(null===(t=this.host.querySelector('[slot="window"]'))||void 0===t||t.setAttribute("role","modal"))}componentWillRender(){this.animationState=this.opened?"intro":"outro",this.host.classList.add(this.animationName())}componentDidRender(){this.animationDeelay=window.setTimeout((()=>{this.animationState="intro"===this.animationState?"outro":"intro",this.host.classList.remove(this.animationName("intro"===this.animationState?"outro":"intro")),this.host.classList.add(this.animationName(this.animationState)),window.clearTimeout(this.animationDeelay)}),500)}disconnectedCallback(){this.km.detachEscapeBehavior(),this.km.detachClickBehavior("close")}positionChange(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))}openedChange(t){this.stateOpened=t,window.clearTimeout(this.animationDeelay)}onModalCloseListener(){this.opened=!1}onBannerCloseListener(){this.opened=!1}render(){return i(r,{"aria-modal":a(this.opened?"true":"false"),class:a(this.stateOpened&&this.animationName("opened")),onClick:t=>{this.closeModal(t)}},this.window?i("slot",{name:"window"}):i("div",{class:a("window",(this.top||this.bottom)&&`window-${this.top?"-top":""}${this.bottom?"-bottom":""}`),role:"dialog",part:"window"},this.top&&i("slot",{name:"top"}),i("slot",null),this.bottom&&i("slot",{name:"bottom"})),!this.window&&i("i",{innerHTML:'<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>',tabindex:"0",onClick:t=>{this.closeModal(t)},class:"svg close focusable-light"}))}get host(){return e(this)}static get watchers(){return{position:["positionChange"],opened:["openedChange"]}}};l.style='@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);-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);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;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){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;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);cursor:pointer;fill:inherit;position:absolute;-webkit-transform-origin:center;transform-origin:center;-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{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);display:grid;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){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}: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){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}: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){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}: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}}';export{l as mds_modal}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},__assign.apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@",VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);
|