@maggioli-design-system/mds-modal 3.4.0 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/mds-modal.cjs.entry.js +1 -1
- package/dist/collection/components/mds-modal/mds-modal.css +9 -7
- package/dist/collection/dictionary/icon.js +3 -1
- package/dist/components/mds-modal.js +1 -1
- package/dist/esm/mds-modal.entry.js +1 -1
- package/dist/esm-es5/mds-modal.entry.js +1 -1
- package/dist/mds-modal/mds-modal.esm.js +1 -1
- package/dist/mds-modal/p-1a268c3b.system.entry.js +1 -0
- package/dist/mds-modal/p-a8cbce5a.entry.js +1 -0
- package/dist/mds-modal/p-f856db3e.system.js +1 -1
- package/dist/stats.json +48 -16
- package/dist/types/dictionary/icon.d.ts +2 -1
- package/package.json +2 -2
- package/readme.md +12 -0
- package/src/components/mds-modal/mds-modal.css +10 -8
- package/src/components/mds-modal/readme.md +12 -0
- package/src/dictionary/icon.ts +4 -0
- package/src/fixtures/icons.json +173 -0
- package/src/fixtures/iconsauce.json +175 -0
- package/www/build/mds-modal.esm.js +1 -1
- package/www/build/p-1a268c3b.system.entry.js +1 -0
- package/www/build/p-a8cbce5a.entry.js +1 -0
- package/www/build/p-f856db3e.system.js +1 -1
- package/dist/mds-modal/p-96e1c297.entry.js +0 -1
- package/dist/mds-modal/p-bd8bddd0.system.entry.js +0 -1
- package/www/build/p-96e1c297.entry.js +0 -1
- package/www/build/p-bd8bddd0.system.entry.js +0 -1
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2023-
|
|
2
|
+
"timestamp": "2023-02-20T10:24:45",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "18.3.0"
|
|
@@ -76,20 +76,20 @@
|
|
|
76
76
|
"./dist/mds-modal/index.esm.js",
|
|
77
77
|
"./dist/mds-modal/mds-modal.esm.js",
|
|
78
78
|
"./dist/mds-modal/mds-modal.js",
|
|
79
|
+
"./dist/mds-modal/p-1a268c3b.system.entry.js",
|
|
79
80
|
"./dist/mds-modal/p-3aeea0b7.system.js",
|
|
80
81
|
"./dist/mds-modal/p-4fdbb5fc.js",
|
|
81
82
|
"./dist/mds-modal/p-50ea2036.system.js",
|
|
82
|
-
"./dist/mds-modal/p-
|
|
83
|
-
"./dist/mds-modal/p-bd8bddd0.system.entry.js",
|
|
83
|
+
"./dist/mds-modal/p-a8cbce5a.entry.js",
|
|
84
84
|
"./dist/mds-modal/p-f856db3e.system.js",
|
|
85
85
|
"./www/build/index.esm.js",
|
|
86
86
|
"./www/build/mds-modal.esm.js",
|
|
87
87
|
"./www/build/mds-modal.js",
|
|
88
|
+
"./www/build/p-1a268c3b.system.entry.js",
|
|
88
89
|
"./www/build/p-3aeea0b7.system.js",
|
|
89
90
|
"./www/build/p-4fdbb5fc.js",
|
|
90
91
|
"./www/build/p-50ea2036.system.js",
|
|
91
|
-
"./www/build/p-
|
|
92
|
-
"./www/build/p-bd8bddd0.system.entry.js",
|
|
92
|
+
"./www/build/p-a8cbce5a.entry.js",
|
|
93
93
|
"./www/build/p-f856db3e.system.js"
|
|
94
94
|
]
|
|
95
95
|
},
|
|
@@ -123,12 +123,12 @@
|
|
|
123
123
|
"components": [
|
|
124
124
|
"mds-modal"
|
|
125
125
|
],
|
|
126
|
-
"bundleId": "p-
|
|
127
|
-
"fileName": "p-
|
|
126
|
+
"bundleId": "p-a8cbce5a",
|
|
127
|
+
"fileName": "p-a8cbce5a.entry.js",
|
|
128
128
|
"imports": [
|
|
129
129
|
"p-4fdbb5fc.js"
|
|
130
130
|
],
|
|
131
|
-
"originalByteSize":
|
|
131
|
+
"originalByteSize": 20030
|
|
132
132
|
}
|
|
133
133
|
],
|
|
134
134
|
"esm": [
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"imports": [
|
|
143
143
|
"index-118e6bec.js"
|
|
144
144
|
],
|
|
145
|
-
"originalByteSize":
|
|
145
|
+
"originalByteSize": 20034
|
|
146
146
|
}
|
|
147
147
|
],
|
|
148
148
|
"es5": [
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
"imports": [
|
|
157
157
|
"index-118e6bec.js"
|
|
158
158
|
],
|
|
159
|
-
"originalByteSize":
|
|
159
|
+
"originalByteSize": 20034
|
|
160
160
|
}
|
|
161
161
|
],
|
|
162
162
|
"system": [
|
|
@@ -165,12 +165,12 @@
|
|
|
165
165
|
"components": [
|
|
166
166
|
"mds-modal"
|
|
167
167
|
],
|
|
168
|
-
"bundleId": "p-
|
|
169
|
-
"fileName": "p-
|
|
168
|
+
"bundleId": "p-1a268c3b.system",
|
|
169
|
+
"fileName": "p-1a268c3b.system.entry.js",
|
|
170
170
|
"imports": [
|
|
171
171
|
"p-3aeea0b7.system.js"
|
|
172
172
|
],
|
|
173
|
-
"originalByteSize":
|
|
173
|
+
"originalByteSize": 20937
|
|
174
174
|
}
|
|
175
175
|
],
|
|
176
176
|
"commonjs": [
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
"imports": [
|
|
185
185
|
"index-f216518d.js"
|
|
186
186
|
],
|
|
187
|
-
"originalByteSize":
|
|
187
|
+
"originalByteSize": 20111
|
|
188
188
|
}
|
|
189
189
|
]
|
|
190
190
|
},
|
|
@@ -414,7 +414,38 @@
|
|
|
414
414
|
"legacyContext": [],
|
|
415
415
|
"internal": false,
|
|
416
416
|
"assetsDirs": [],
|
|
417
|
-
"styleDocs": [
|
|
417
|
+
"styleDocs": [
|
|
418
|
+
{
|
|
419
|
+
"name": "--mds-modal-overlay-color",
|
|
420
|
+
"docs": "Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.",
|
|
421
|
+
"annotation": "prop"
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "--mds-modal-overlay-opacity",
|
|
425
|
+
"docs": "Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.",
|
|
426
|
+
"annotation": "prop"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "--mds-modal-window-background",
|
|
430
|
+
"docs": "Set the background color of the window",
|
|
431
|
+
"annotation": "prop"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "--mds-modal-window-overflow",
|
|
435
|
+
"docs": "Set the overflow of the window",
|
|
436
|
+
"annotation": "prop"
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"name": "--mds-modal-window-shadow",
|
|
440
|
+
"docs": "Set the box shadow of the window",
|
|
441
|
+
"annotation": "prop"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "--mds-modal-z-index",
|
|
445
|
+
"docs": "Set the z-index of the window when the component is opened",
|
|
446
|
+
"annotation": "prop"
|
|
447
|
+
}
|
|
448
|
+
],
|
|
418
449
|
"docs": {
|
|
419
450
|
"tags": [],
|
|
420
451
|
"text": ""
|
|
@@ -511,7 +542,8 @@
|
|
|
511
542
|
"./src/dictionary/color.ts": [],
|
|
512
543
|
"./src/dictionary/floating-ui.ts": [],
|
|
513
544
|
"./src/dictionary/icon.ts": [
|
|
514
|
-
"./src/fixtures/icons.json"
|
|
545
|
+
"./src/fixtures/icons.json",
|
|
546
|
+
"./src/fixtures/iconsauce.json"
|
|
515
547
|
],
|
|
516
548
|
"./src/dictionary/input-text-type.ts": [],
|
|
517
549
|
"./src/dictionary/loading.ts": [],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-modal",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.0",
|
|
4
4
|
"description": "mds-modal is a web-component from Maggioli Design System Magma, 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",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"test": "stencil test --spec --e2e"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@maggioli-design-system/styles": "^11.
|
|
26
|
+
"@maggioli-design-system/styles": "^11.1.0",
|
|
27
27
|
"@stencil/core": "^2.22.2",
|
|
28
28
|
"clsx": "^1.2.1"
|
|
29
29
|
},
|
package/readme.md
CHANGED
|
@@ -20,6 +20,18 @@
|
|
|
20
20
|
| `close` | Emits when a modal is closed | `CustomEvent<void>` |
|
|
21
21
|
|
|
22
22
|
|
|
23
|
+
## CSS Custom Properties
|
|
24
|
+
|
|
25
|
+
| Name | Description |
|
|
26
|
+
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
27
|
+
| `--mds-modal-overlay-color` | Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`. |
|
|
28
|
+
| `--mds-modal-overlay-opacity` | Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`. |
|
|
29
|
+
| `--mds-modal-window-background` | Set the background color of the window |
|
|
30
|
+
| `--mds-modal-window-overflow` | Set the background color of the window |
|
|
31
|
+
| `--mds-modal-window-shadow` | Set the oveflow of the window |
|
|
32
|
+
| `--mds-modal-z-index` | Set the z-index of the window when the component is opened |
|
|
33
|
+
|
|
34
|
+
|
|
23
35
|
## Dependencies
|
|
24
36
|
|
|
25
37
|
### Used by
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
@tailwind utilities;
|
|
3
3
|
@import '../../tailwind/components.css';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
* @prop --mds-modal-overlay-color: Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.
|
|
7
|
-
* @prop --mds-modal-overlay-opacity: Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.
|
|
8
|
-
* @prop --mds-modal-window-background: Set the background color of the window
|
|
9
|
-
* @prop --mds-modal-window-
|
|
10
|
-
* @prop --mds-modal-
|
|
5
|
+
/**
|
|
6
|
+
* @prop --mds-modal-overlay-color: Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.
|
|
7
|
+
* @prop --mds-modal-overlay-opacity: Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.
|
|
8
|
+
* @prop --mds-modal-window-background: Set the background color of the window
|
|
9
|
+
* @prop --mds-modal-window-overflow: Set the overflow of the window
|
|
10
|
+
* @prop --mds-modal-window-shadow: Set the box shadow of the window
|
|
11
|
+
* @prop --mds-modal-z-index: Set the z-index of the window when the component is opened
|
|
11
12
|
*/
|
|
12
13
|
|
|
13
14
|
@layer components {
|
|
@@ -72,6 +73,7 @@
|
|
|
72
73
|
--mds-modal-overlay-color: var(--magma-overlay-color, 0 0 0);
|
|
73
74
|
--mds-modal-overlay-opacity: var(--magma-overlay-opacity, 0.5);
|
|
74
75
|
--mds-modal-window-background: theme('colors.tone-neutral');
|
|
76
|
+
--mds-modal-window-overflow: auto;
|
|
75
77
|
--mds-modal-window-shadow: theme('boxShadow.2xl');
|
|
76
78
|
--mds-modal-z-index: var(--magma-modal-z-index);
|
|
77
79
|
|
|
@@ -136,13 +138,13 @@
|
|
|
136
138
|
@apply
|
|
137
139
|
gap-0
|
|
138
140
|
grid
|
|
139
|
-
h-full
|
|
140
|
-
overflow-auto;
|
|
141
|
+
h-full;
|
|
141
142
|
|
|
142
143
|
background-color: var(--mds-modal-window-background);
|
|
143
144
|
box-shadow: var(--mds-modal-window-shadow);
|
|
144
145
|
grid-template-rows: 1fr;
|
|
145
146
|
max-width: calc(100vw - 80px);
|
|
147
|
+
overflow: var(--mds-modal-window-overflow);
|
|
146
148
|
}
|
|
147
149
|
|
|
148
150
|
.window--top {
|
|
@@ -20,6 +20,18 @@
|
|
|
20
20
|
| `close` | Emits when a modal is closed | `CustomEvent<void>` |
|
|
21
21
|
|
|
22
22
|
|
|
23
|
+
## CSS Custom Properties
|
|
24
|
+
|
|
25
|
+
| Name | Description |
|
|
26
|
+
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
27
|
+
| `--mds-modal-overlay-color` | Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`. |
|
|
28
|
+
| `--mds-modal-overlay-opacity` | Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`. |
|
|
29
|
+
| `--mds-modal-window-background` | Set the background color of the window |
|
|
30
|
+
| `--mds-modal-window-overflow` | Set the overflow of the window |
|
|
31
|
+
| `--mds-modal-window-shadow` | Set the box shadow of the window |
|
|
32
|
+
| `--mds-modal-z-index` | Set the z-index of the window when the component is opened |
|
|
33
|
+
|
|
34
|
+
|
|
23
35
|
----------------------------------------------
|
|
24
36
|
|
|
25
37
|
Built with love @ **Maggioli Informatica / R&D Department**
|
package/src/dictionary/icon.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import jsonIconsDictionary from '../fixtures/icons.json'
|
|
2
|
+
import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
|
|
2
3
|
const iconsDictionary = jsonIconsDictionary
|
|
4
|
+
const mggIconsDictionary = jsonMggIconsDictionary
|
|
5
|
+
|
|
3
6
|
export {
|
|
4
7
|
iconsDictionary,
|
|
8
|
+
mggIconsDictionary,
|
|
5
9
|
}
|
package/src/fixtures/icons.json
CHANGED
|
@@ -10,6 +10,179 @@
|
|
|
10
10
|
"mdi/map-marker",
|
|
11
11
|
"mdi/replay",
|
|
12
12
|
"mdi/vector-curve",
|
|
13
|
+
"mgg/abitazione-principale",
|
|
14
|
+
"mgg/action-hide-down-side",
|
|
15
|
+
"mgg/action-hide-left-side",
|
|
16
|
+
"mgg/action-hide-right-side",
|
|
17
|
+
"mgg/action-hide-sidebar-left",
|
|
18
|
+
"mgg/action-hide-sidebar-right",
|
|
19
|
+
"mgg/action-show-down-side",
|
|
20
|
+
"mgg/action-show-left-side",
|
|
21
|
+
"mgg/action-show-right-side",
|
|
22
|
+
"mgg/action-show-sidebar-left",
|
|
23
|
+
"mgg/action-show-sidebar-right",
|
|
24
|
+
"mgg/add-document-settings",
|
|
25
|
+
"mgg/additional-contents",
|
|
26
|
+
"mgg/address-book-off",
|
|
27
|
+
"mgg/address-book-on",
|
|
28
|
+
"mgg/adv-denied",
|
|
29
|
+
"mgg/area-edificabile",
|
|
30
|
+
"mgg/area-weather",
|
|
31
|
+
"mgg/box-multiple",
|
|
32
|
+
"mgg/breadcrumb",
|
|
33
|
+
"mgg/calendar-euro",
|
|
34
|
+
"mgg/calendar-multiple",
|
|
35
|
+
"mgg/calendar-schedule",
|
|
36
|
+
"mgg/car-license",
|
|
37
|
+
"mgg/card-stamping",
|
|
38
|
+
"mgg/checklist",
|
|
39
|
+
"mgg/checklist-settings",
|
|
40
|
+
"mgg/citizenship",
|
|
41
|
+
"mgg/city-bin",
|
|
42
|
+
"mgg/copy-paste",
|
|
43
|
+
"mgg/data-analytics-alt",
|
|
44
|
+
"mgg/data-analytics-search",
|
|
45
|
+
"mgg/data-analytics-time",
|
|
46
|
+
"mgg/data-category-alt",
|
|
47
|
+
"mgg/data-civil-union",
|
|
48
|
+
"mgg/data-death-civil-union",
|
|
49
|
+
"mgg/data-death-marriage",
|
|
50
|
+
"mgg/data-end-civil-union",
|
|
51
|
+
"mgg/data-end-marriage",
|
|
52
|
+
"mgg/dataset",
|
|
53
|
+
"mgg/document-magic",
|
|
54
|
+
"mgg/document-rename",
|
|
55
|
+
"mgg/electronic-document",
|
|
56
|
+
"mgg/email-open-check",
|
|
57
|
+
"mgg/email-open-off",
|
|
58
|
+
"mgg/face-to-face-meeting",
|
|
59
|
+
"mgg/farmer",
|
|
60
|
+
"mgg/field",
|
|
61
|
+
"mgg/file-download",
|
|
62
|
+
"mgg/file-folder-tree",
|
|
63
|
+
"mgg/file-folder-tree-open",
|
|
64
|
+
"mgg/file-import",
|
|
65
|
+
"mgg/file-odt",
|
|
66
|
+
"mgg/file-rtf",
|
|
67
|
+
"mgg/file-settings-alt",
|
|
68
|
+
"mgg/file-stack",
|
|
69
|
+
"mgg/file-stack-alt",
|
|
70
|
+
"mgg/file-sub",
|
|
71
|
+
"mgg/file-type-document-attachment",
|
|
72
|
+
"mgg/file-type-document-multiple-attachment",
|
|
73
|
+
"mgg/file-type-document-rubber-stamp",
|
|
74
|
+
"mgg/file-type-home",
|
|
75
|
+
"mgg/file-type-pdf",
|
|
76
|
+
"mgg/file-type-success",
|
|
77
|
+
"mgg/file-type-warning",
|
|
78
|
+
"mgg/finance-euro-cashback",
|
|
79
|
+
"mgg/fit-horizontal",
|
|
80
|
+
"mgg/fit-vertical",
|
|
81
|
+
"mgg/fullscreen-on-alt",
|
|
82
|
+
"mgg/google-check-small",
|
|
83
|
+
"mgg/google-place-item",
|
|
84
|
+
"mgg/heart",
|
|
85
|
+
"mgg/heart-outline",
|
|
86
|
+
"mgg/historic-building",
|
|
87
|
+
"mgg/historic-building-unusable",
|
|
88
|
+
"mgg/home-hammer",
|
|
89
|
+
"mgg/home-number",
|
|
90
|
+
"mgg/inagibile",
|
|
91
|
+
"mgg/input-calendar-costs",
|
|
92
|
+
"mgg/input-calendar-period",
|
|
93
|
+
"mgg/input-calendar-time",
|
|
94
|
+
"mgg/isbn",
|
|
95
|
+
"mgg/judge-hammer",
|
|
96
|
+
"mgg/land-registry",
|
|
97
|
+
"mgg/layers",
|
|
98
|
+
"mgg/list-dot",
|
|
99
|
+
"mgg/logo-girasole-camuno",
|
|
100
|
+
"mgg/logo-gpl",
|
|
101
|
+
"mgg/logo-ilibro",
|
|
102
|
+
"mgg/map-marker-settings",
|
|
103
|
+
"mgg/military-draft",
|
|
104
|
+
"mgg/money-bag-settings",
|
|
105
|
+
"mgg/money-on-hand",
|
|
106
|
+
"mgg/move-down",
|
|
107
|
+
"mgg/move-left",
|
|
108
|
+
"mgg/move-right",
|
|
109
|
+
"mgg/move-row-down",
|
|
110
|
+
"mgg/move-row-up",
|
|
111
|
+
"mgg/move-up",
|
|
112
|
+
"mgg/multiple-payments",
|
|
113
|
+
"mgg/national-document",
|
|
114
|
+
"mgg/national-document-off",
|
|
115
|
+
"mgg/order-return-down-left-to-right",
|
|
116
|
+
"mgg/order-return-down-left-to-up",
|
|
117
|
+
"mgg/order-return-down-right-to-left",
|
|
118
|
+
"mgg/order-return-down-right-to-up",
|
|
119
|
+
"mgg/order-return-up-left-to-down",
|
|
120
|
+
"mgg/order-return-up-left-to-right",
|
|
121
|
+
"mgg/order-return-up-right-to-down",
|
|
122
|
+
"mgg/order-return-up-right-to-left",
|
|
123
|
+
"mgg/order-zigzag-down-left-to-right",
|
|
124
|
+
"mgg/order-zigzag-down-left-to-up",
|
|
125
|
+
"mgg/order-zigzag-down-right-to-left",
|
|
126
|
+
"mgg/order-zigzag-down-right-to-up",
|
|
127
|
+
"mgg/order-zigzag-up-left-to-down",
|
|
128
|
+
"mgg/order-zigzag-up-left-to-right",
|
|
129
|
+
"mgg/order-zigzag-up-right-to-down",
|
|
130
|
+
"mgg/order-zigzag-up-right-to-left",
|
|
131
|
+
"mgg/other-properties",
|
|
132
|
+
"mgg/other-properties-off",
|
|
133
|
+
"mgg/partial-wall",
|
|
134
|
+
"mgg/payment-settings",
|
|
135
|
+
"mgg/places-green",
|
|
136
|
+
"mgg/places-green-doc",
|
|
137
|
+
"mgg/places-green-history",
|
|
138
|
+
"mgg/places-green-info",
|
|
139
|
+
"mgg/places-holiday-beach",
|
|
140
|
+
"mgg/places-market",
|
|
141
|
+
"mgg/places-park",
|
|
142
|
+
"mgg/places-park-alt",
|
|
143
|
+
"mgg/places-store-access-denied",
|
|
144
|
+
"mgg/property-owner",
|
|
145
|
+
"mgg/relevance",
|
|
146
|
+
"mgg/reporting-abuse",
|
|
147
|
+
"mgg/residency-permit",
|
|
148
|
+
"mgg/rubber-stamp",
|
|
149
|
+
"mgg/rurale",
|
|
150
|
+
"mgg/search-maggioli",
|
|
151
|
+
"mgg/send-progress",
|
|
152
|
+
"mgg/settings-attachment",
|
|
153
|
+
"mgg/sign-shop",
|
|
154
|
+
"mgg/square-viewfinder",
|
|
155
|
+
"mgg/stamp",
|
|
156
|
+
"mgg/status-progress-a-quarter",
|
|
157
|
+
"mgg/status-progress-complete",
|
|
158
|
+
"mgg/status-progress-half",
|
|
159
|
+
"mgg/status-progress-three-quarter",
|
|
160
|
+
"mgg/stuck-codes",
|
|
161
|
+
"mgg/tea-light",
|
|
162
|
+
"mgg/terminal",
|
|
163
|
+
"mgg/todo",
|
|
164
|
+
"mgg/todo-completed",
|
|
165
|
+
"mgg/todo-completed-re-executable",
|
|
166
|
+
"mgg/todo-in-charge-by-me",
|
|
167
|
+
"mgg/todo-in-charge-by-others",
|
|
168
|
+
"mgg/todo-in-evaluation",
|
|
169
|
+
"mgg/todo-in-evaluation-by-others",
|
|
170
|
+
"mgg/todo-incoming-in-charge",
|
|
171
|
+
"mgg/todo-incoming-rejected",
|
|
172
|
+
"mgg/todo-pause",
|
|
173
|
+
"mgg/todo-running-completed",
|
|
174
|
+
"mgg/todo-suspended",
|
|
175
|
+
"mgg/traffic-cone",
|
|
176
|
+
"mgg/trending-down",
|
|
177
|
+
"mgg/tributes",
|
|
178
|
+
"mgg/urban-city",
|
|
179
|
+
"mgg/user-dead",
|
|
180
|
+
"mgg/user-family",
|
|
181
|
+
"mgg/user-location",
|
|
182
|
+
"mgg/user-location-off",
|
|
183
|
+
"mgg/view-chart-gantt",
|
|
184
|
+
"mgg/view-side-by-side",
|
|
185
|
+
"mgg/work-book",
|
|
13
186
|
"mi/baseline/account-balance",
|
|
14
187
|
"mi/baseline/account-balance-wallet",
|
|
15
188
|
"mi/baseline/adobe",
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
[
|
|
2
|
+
"mgg/abitazione-principale",
|
|
3
|
+
"mgg/action-hide-down-side",
|
|
4
|
+
"mgg/action-hide-left-side",
|
|
5
|
+
"mgg/action-hide-right-side",
|
|
6
|
+
"mgg/action-hide-sidebar-left",
|
|
7
|
+
"mgg/action-hide-sidebar-right",
|
|
8
|
+
"mgg/action-show-down-side",
|
|
9
|
+
"mgg/action-show-left-side",
|
|
10
|
+
"mgg/action-show-right-side",
|
|
11
|
+
"mgg/action-show-sidebar-left",
|
|
12
|
+
"mgg/action-show-sidebar-right",
|
|
13
|
+
"mgg/add-document-settings",
|
|
14
|
+
"mgg/additional-contents",
|
|
15
|
+
"mgg/address-book-off",
|
|
16
|
+
"mgg/address-book-on",
|
|
17
|
+
"mgg/adv-denied",
|
|
18
|
+
"mgg/area-edificabile",
|
|
19
|
+
"mgg/area-weather",
|
|
20
|
+
"mgg/box-multiple",
|
|
21
|
+
"mgg/breadcrumb",
|
|
22
|
+
"mgg/calendar-euro",
|
|
23
|
+
"mgg/calendar-multiple",
|
|
24
|
+
"mgg/calendar-schedule",
|
|
25
|
+
"mgg/car-license",
|
|
26
|
+
"mgg/card-stamping",
|
|
27
|
+
"mgg/checklist-settings",
|
|
28
|
+
"mgg/checklist",
|
|
29
|
+
"mgg/citizenship",
|
|
30
|
+
"mgg/city-bin",
|
|
31
|
+
"mgg/copy-paste",
|
|
32
|
+
"mgg/data-analytics-alt",
|
|
33
|
+
"mgg/data-analytics-search",
|
|
34
|
+
"mgg/data-analytics-time",
|
|
35
|
+
"mgg/data-category-alt",
|
|
36
|
+
"mgg/data-civil-union",
|
|
37
|
+
"mgg/data-death-civil-union",
|
|
38
|
+
"mgg/data-death-marriage",
|
|
39
|
+
"mgg/data-end-civil-union",
|
|
40
|
+
"mgg/data-end-marriage",
|
|
41
|
+
"mgg/dataset",
|
|
42
|
+
"mgg/document-magic",
|
|
43
|
+
"mgg/document-rename",
|
|
44
|
+
"mgg/electronic-document",
|
|
45
|
+
"mgg/email-open-check",
|
|
46
|
+
"mgg/email-open-off",
|
|
47
|
+
"mgg/face-to-face-meeting",
|
|
48
|
+
"mgg/farmer",
|
|
49
|
+
"mgg/field",
|
|
50
|
+
"mgg/file-download",
|
|
51
|
+
"mgg/file-folder-tree-open",
|
|
52
|
+
"mgg/file-folder-tree",
|
|
53
|
+
"mgg/file-import",
|
|
54
|
+
"mgg/file-odt",
|
|
55
|
+
"mgg/file-rtf",
|
|
56
|
+
"mgg/file-settings-alt",
|
|
57
|
+
"mgg/file-stack-alt",
|
|
58
|
+
"mgg/file-stack",
|
|
59
|
+
"mgg/file-sub",
|
|
60
|
+
"mgg/file-type-document-attachment",
|
|
61
|
+
"mgg/file-type-document-multiple-attachment",
|
|
62
|
+
"mgg/file-type-document-rubber-stamp",
|
|
63
|
+
"mgg/file-type-home",
|
|
64
|
+
"mgg/file-type-pdf",
|
|
65
|
+
"mgg/file-type-success",
|
|
66
|
+
"mgg/file-type-warning",
|
|
67
|
+
"mgg/finance-euro-cashback",
|
|
68
|
+
"mgg/fit-horizontal",
|
|
69
|
+
"mgg/fit-vertical",
|
|
70
|
+
"mgg/fullscreen-on-alt",
|
|
71
|
+
"mgg/google-check-small",
|
|
72
|
+
"mgg/google-place-item",
|
|
73
|
+
"mgg/heart-outline",
|
|
74
|
+
"mgg/heart",
|
|
75
|
+
"mgg/historic-building-unusable",
|
|
76
|
+
"mgg/historic-building",
|
|
77
|
+
"mgg/home-hammer",
|
|
78
|
+
"mgg/home-number",
|
|
79
|
+
"mgg/inagibile",
|
|
80
|
+
"mgg/input-calendar-costs",
|
|
81
|
+
"mgg/input-calendar-period",
|
|
82
|
+
"mgg/input-calendar-time",
|
|
83
|
+
"mgg/isbn",
|
|
84
|
+
"mgg/judge-hammer",
|
|
85
|
+
"mgg/land-registry",
|
|
86
|
+
"mgg/layers",
|
|
87
|
+
"mgg/list-dot",
|
|
88
|
+
"mgg/logo-girasole-camuno",
|
|
89
|
+
"mgg/logo-gpl",
|
|
90
|
+
"mgg/logo-ilibro",
|
|
91
|
+
"mgg/map-marker-settings",
|
|
92
|
+
"mgg/military-draft",
|
|
93
|
+
"mgg/money-bag-settings",
|
|
94
|
+
"mgg/money-on-hand",
|
|
95
|
+
"mgg/move-down",
|
|
96
|
+
"mgg/move-left",
|
|
97
|
+
"mgg/move-right",
|
|
98
|
+
"mgg/move-row-down",
|
|
99
|
+
"mgg/move-row-up",
|
|
100
|
+
"mgg/move-up",
|
|
101
|
+
"mgg/multiple-payments",
|
|
102
|
+
"mgg/national-document-off",
|
|
103
|
+
"mgg/national-document",
|
|
104
|
+
"mgg/order-return-down-left-to-right",
|
|
105
|
+
"mgg/order-return-down-left-to-up",
|
|
106
|
+
"mgg/order-return-down-right-to-left",
|
|
107
|
+
"mgg/order-return-down-right-to-up",
|
|
108
|
+
"mgg/order-return-up-left-to-down",
|
|
109
|
+
"mgg/order-return-up-left-to-right",
|
|
110
|
+
"mgg/order-return-up-right-to-down",
|
|
111
|
+
"mgg/order-return-up-right-to-left",
|
|
112
|
+
"mgg/order-zigzag-down-left-to-right",
|
|
113
|
+
"mgg/order-zigzag-down-left-to-up",
|
|
114
|
+
"mgg/order-zigzag-down-right-to-left",
|
|
115
|
+
"mgg/order-zigzag-down-right-to-up",
|
|
116
|
+
"mgg/order-zigzag-up-left-to-down",
|
|
117
|
+
"mgg/order-zigzag-up-left-to-right",
|
|
118
|
+
"mgg/order-zigzag-up-right-to-down",
|
|
119
|
+
"mgg/order-zigzag-up-right-to-left",
|
|
120
|
+
"mgg/other-properties-off",
|
|
121
|
+
"mgg/other-properties",
|
|
122
|
+
"mgg/partial-wall",
|
|
123
|
+
"mgg/payment-settings",
|
|
124
|
+
"mgg/places-green-doc",
|
|
125
|
+
"mgg/places-green-history",
|
|
126
|
+
"mgg/places-green-info",
|
|
127
|
+
"mgg/places-green",
|
|
128
|
+
"mgg/places-holiday-beach",
|
|
129
|
+
"mgg/places-market",
|
|
130
|
+
"mgg/places-park-alt",
|
|
131
|
+
"mgg/places-park",
|
|
132
|
+
"mgg/places-store-access-denied",
|
|
133
|
+
"mgg/property-owner",
|
|
134
|
+
"mgg/relevance",
|
|
135
|
+
"mgg/reporting-abuse",
|
|
136
|
+
"mgg/residency-permit",
|
|
137
|
+
"mgg/rubber-stamp",
|
|
138
|
+
"mgg/rurale",
|
|
139
|
+
"mgg/search-maggioli",
|
|
140
|
+
"mgg/send-progress",
|
|
141
|
+
"mgg/settings-attachment",
|
|
142
|
+
"mgg/sign-shop",
|
|
143
|
+
"mgg/square-viewfinder",
|
|
144
|
+
"mgg/stamp",
|
|
145
|
+
"mgg/status-progress-a-quarter",
|
|
146
|
+
"mgg/status-progress-complete",
|
|
147
|
+
"mgg/status-progress-half",
|
|
148
|
+
"mgg/status-progress-three-quarter",
|
|
149
|
+
"mgg/stuck-codes",
|
|
150
|
+
"mgg/tea-light",
|
|
151
|
+
"mgg/terminal",
|
|
152
|
+
"mgg/todo-completed-re-executable",
|
|
153
|
+
"mgg/todo-completed",
|
|
154
|
+
"mgg/todo-in-charge-by-me",
|
|
155
|
+
"mgg/todo-in-charge-by-others",
|
|
156
|
+
"mgg/todo-in-evaluation-by-others",
|
|
157
|
+
"mgg/todo-in-evaluation",
|
|
158
|
+
"mgg/todo-incoming-in-charge",
|
|
159
|
+
"mgg/todo-incoming-rejected",
|
|
160
|
+
"mgg/todo-pause",
|
|
161
|
+
"mgg/todo-running-completed",
|
|
162
|
+
"mgg/todo-suspended",
|
|
163
|
+
"mgg/todo",
|
|
164
|
+
"mgg/traffic-cone",
|
|
165
|
+
"mgg/trending-down",
|
|
166
|
+
"mgg/tributes",
|
|
167
|
+
"mgg/urban-city",
|
|
168
|
+
"mgg/user-dead",
|
|
169
|
+
"mgg/user-family",
|
|
170
|
+
"mgg/user-location-off",
|
|
171
|
+
"mgg/user-location",
|
|
172
|
+
"mgg/view-chart-gantt",
|
|
173
|
+
"mgg/view-side-by-side",
|
|
174
|
+
"mgg/work-book"
|
|
175
|
+
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-4fdbb5fc.js";export{s as setNonce}from"./p-4fdbb5fc.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-
|
|
1
|
+
import{p as e,b as o}from"./p-4fdbb5fc.js";export{s as setNonce}from"./p-4fdbb5fc.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-a8cbce5a",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"close","onCloseListener"]]]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-3aeea0b7.system.js"],(function(t){"use strict";var o,i,e,n,r;return{setters:[function(t){o=t.r;i=t.c;e=t.h;n=t.H;r=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 d='<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 l="@tailwind components; .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-8{padding:2rem}.p-4{padding:1rem}.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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-left,.animate-right{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)}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);pointer-events:none;position:fixed;top:0px;right:0px;bottom:0px;left:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);background-color:rgba(var(--mds-modal-overlay-color) / 0);-webkit-perspective:600px;perspective:600px;z-index:var(--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(.animate-bottom-opened),:host(.animate-center-opened),:host(.animate-left-opened),:host(.animate-right-opened),:host(.animate-top-opened){pointer-events:auto;-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity))}.close{position:absolute;top:0px;height:2.25rem;width:2.25rem;-webkit-transform-origin:center;transform-origin:center;cursor:pointer;fill:rgb(var(--tone-neutral-10));font-size:2.25rem;line-height:2.5rem;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(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg)}.window{display:grid;height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.animate-bottom){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.animate-bottom){padding:1rem}}:host(.animate-bottom) .window,:host(.animate-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(.animate-bottom-intro) .window,:host(.animate-bottom-intro)>::slotted([slot=window]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.animate-bottom-opened.animate-bottom-outro) .window,:host(.animate-bottom-opened.animate-bottom-outro)>::slotted([slot=window]),:host(.animate-bottom-opened) .window,:host(.animate-bottom-opened)>::slotted([slot=window]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.animate-bottom-outro) .window,:host(.animate-bottom-outro)>::slotted([slot=window]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.animate-center){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.animate-center){padding:1rem}}:host(.animate-center) .window,:host(.animate-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(.animate-center-intro) .window,:host(.animate-center-intro)>::slotted([slot=window]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.animate-center-opened.animate-center-outro) .window,:host(.animate-center-opened.animate-center-outro)>::slotted([slot=window]),:host(.animate-center-opened) .window,:host(.animate-center-opened)>::slotted([slot=window]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.animate-center-outro) .window,:host(.animate-center-outro)>::slotted([slot=window]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.animate-left){-ms-flex-pack:start;justify-content:flex-start}:host(.animate-left) .window,:host(.animate-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(.animate-left-intro) .window,:host(.animate-left-intro)>::slotted([slot=window]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.animate-left-opened.animate-left-outro) .window,:host(.animate-left-opened.animate-left-outro)>::slotted([slot=window]),:host(.animate-left-opened) .window,:host(.animate-left-opened)>::slotted([slot=window]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.animate-left-opened) .close,:host(.animate-left-opened.animate-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.animate-left-outro) .window,:host(.animate-left-outro)>::slotted([slot=window]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.animate-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.animate-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.animate-right){-ms-flex-pack:end;justify-content:flex-end}:host(.animate-right) .window,:host(.animate-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(.animate-right-intro) .window,:host(.animate-right-intro)>::slotted([slot=window]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.animate-right-opened.animate-right-outro) .window,:host(.animate-right-opened.animate-right-outro)>::slotted([slot=window]),:host(.animate-right-opened) .window,:host(.animate-right-opened)>::slotted([slot=window]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.animate-right-opened) .close,:host(.animate-right-opened.animate-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.animate-right-outro) .window,:host(.animate-right-outro)>::slotted([slot=window]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.animate-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.animate-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.animate-top){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.animate-top){padding:1rem}}:host(.animate-top) .window,:host(.animate-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(.animate-top-intro) .window,:host(.animate-top-intro)>::slotted([slot=window]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.animate-top-opened.animate-top-outro) .window,:host(.animate-top-opened.animate-top-outro)>::slotted([slot=window]),:host(.animate-top-opened) .window,:host(.animate-top-opened)>::slotted([slot=window]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.animate-top-outro) .window,:host(.animate-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 c=t("mds_modal",function(){function t(t){var e=this;o(this,t);this.close=i(this,"close",7);this.window=null;this.top=null;this.bottom=null;this.animationState="intro";this.animationName=function(t,o){if(t===void 0){t=null}if(o===void 0){o=null}return"animate-".concat(o!==null?o:e.position).concat(t!==null?"-"+t:"")};this.checkKeyboardEscape=function(t){if(t.code==="Escape"){e.close.emit()}};this.closeModal=function(t){if(t===void 0){t=null}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.close.emit()}};this.stateOpened=undefined;this.opened=undefined;this.position=null}t.prototype.componentWillLoad=function(){this.bottom=this.hostElement.querySelector('[slot="bottom"]')!==null;this.top=this.hostElement.querySelector('[slot="top"]')!==null;this.window=this.hostElement.querySelector('[slot="window"]')!==null;this.stateOpened=this.opened;if(this.window&&this.position===null){this.position="center"}if(this.position===null){this.position="right"}if(this.window){var t=this.hostElement.querySelector('[slot="window"]');t.setAttribute("role","modal")}};t.prototype.componentWillRender=function(){this.animationState=this.opened?"intro":"outro";this.hostElement.classList.add(this.animationName())};t.prototype.componentDidRender=function(){var t=this;this.animationDeelay=window.setTimeout((function(){t.animationState=t.animationState==="intro"?"outro":"intro";t.hostElement.classList.remove(t.animationName(t.animationState==="intro"?"outro":"intro"));t.hostElement.classList.add(t.animationName(t.animationState));window.clearTimeout(t.animationDeelay)}),500);if(this.opened){this.addKeyboardEscapeListener();return}this.removeKeyboardEscapeListener()};t.prototype.disconnectedCallback=function(){this.removeKeyboardEscapeListener()};t.prototype.positionChange=function(t,o){window.clearTimeout(this.animationDeelay);this.hostElement.classList.remove(this.animationName(null,o));this.hostElement.classList.remove(this.animationName("intro",o));this.hostElement.classList.remove(this.animationName("outro",o))};t.prototype.addKeyboardEscapeListener=function(){window.addEventListener("keydown",this.checkKeyboardEscape.bind(this))};t.prototype.removeKeyboardEscapeListener=function(){window.removeEventListener("keydown",this.checkKeyboardEscape.bind(this))};t.prototype.openedChange=function(t){this.stateOpened=t;window.clearTimeout(this.animationDeelay);if(t){this.addKeyboardEscapeListener();return}this.removeKeyboardEscapeListener()};t.prototype.onCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return e(n,{"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"},this.top&&e("slot",{name:"top"}),e("slot",null),this.bottom&&e("slot",{name:"bottom"})),!this.window&&e("i",{innerHTML:d,class:"svg close"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
|