@moni-labs/moni-ui 0.4.7 → 0.4.8
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/custom-elements.json +30 -0
- package/dist/browser/moni-ui.iife.min.js +19 -6
- package/dist/browser/moni-ui.iife.min.js.br +0 -0
- package/dist/browser/moni-ui.iife.min.js.gz +0 -0
- package/dist/browser/moni-ui.iife.min.js.map +1 -1
- package/dist/browser/moni-ui.min.js +1539 -1508
- package/dist/browser/moni-ui.min.js.br +0 -0
- package/dist/browser/moni-ui.min.js.gz +0 -0
- package/dist/browser/moni-ui.min.js.map +1 -1
- package/dist/cdn/components/moni-morph-modal.js +17 -4
- package/dist/cdn/importmap.json +98 -98
- package/dist/components/moni-morph-modal.d.ts +7 -0
- package/dist/components/moni-morph-modal.d.ts.map +1 -1
- package/dist/components/moni-morph-modal.js +37 -1
- package/docs/api.json +28 -1
- package/docs/components/morph-modal.md +3 -0
- package/package.json +90 -90
- package/src/components/moni-morph-modal.test.ts +26 -0
- package/src/components/moni-morph-modal.ts +33 -1
package/dist/cdn/importmap.json
CHANGED
|
@@ -1,102 +1,102 @@
|
|
|
1
1
|
{
|
|
2
2
|
"imports": {
|
|
3
|
-
"@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
4
|
-
"@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
5
|
-
"@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
6
|
-
"@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
7
|
-
"@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
8
|
-
"@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
9
|
-
"@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
10
|
-
"@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
11
|
-
"@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
12
|
-
"@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
13
|
-
"@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
14
|
-
"@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
15
|
-
"@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
16
|
-
"@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
17
|
-
"@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
18
|
-
"@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
19
|
-
"@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
20
|
-
"@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
21
|
-
"@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
22
|
-
"@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
23
|
-
"@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
24
|
-
"@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
25
|
-
"@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
26
|
-
"@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
27
|
-
"@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
28
|
-
"@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
29
|
-
"@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
30
|
-
"@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
31
|
-
"@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
32
|
-
"@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
33
|
-
"@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
34
|
-
"@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
35
|
-
"@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
36
|
-
"@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
37
|
-
"@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
38
|
-
"@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
39
|
-
"@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
40
|
-
"@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
41
|
-
"@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
42
|
-
"@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
43
|
-
"@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
44
|
-
"@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
45
|
-
"@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
46
|
-
"@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
47
|
-
"@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
48
|
-
"@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
49
|
-
"@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
50
|
-
"@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
51
|
-
"@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
52
|
-
"@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
53
|
-
"@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
54
|
-
"@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
55
|
-
"@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
56
|
-
"@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
57
|
-
"@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
58
|
-
"@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
59
|
-
"@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
60
|
-
"@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
61
|
-
"@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
62
|
-
"@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
63
|
-
"@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
64
|
-
"@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
65
|
-
"@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
66
|
-
"@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
67
|
-
"@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
68
|
-
"@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
69
|
-
"@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
70
|
-
"@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
71
|
-
"@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
72
|
-
"@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
73
|
-
"@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
74
|
-
"@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
75
|
-
"@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
76
|
-
"@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
77
|
-
"@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
78
|
-
"@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
79
|
-
"@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
80
|
-
"@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
81
|
-
"@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
82
|
-
"@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
83
|
-
"@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
84
|
-
"@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
85
|
-
"@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
86
|
-
"@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
87
|
-
"@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
88
|
-
"@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
89
|
-
"@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
90
|
-
"@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
91
|
-
"@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
92
|
-
"@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
93
|
-
"@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
94
|
-
"@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
95
|
-
"@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
96
|
-
"@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
97
|
-
"@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
98
|
-
"@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
99
|
-
"@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
100
|
-
"@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
3
|
+
"@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-app-bar.js",
|
|
4
|
+
"@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-app-bar.js",
|
|
5
|
+
"@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-badge.js",
|
|
6
|
+
"@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-badge.js",
|
|
7
|
+
"@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-bottom-sheet.js",
|
|
8
|
+
"@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-bottom-sheet.js",
|
|
9
|
+
"@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button-group.js",
|
|
10
|
+
"@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button-group.js",
|
|
11
|
+
"@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button-segment.js",
|
|
12
|
+
"@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button-segment.js",
|
|
13
|
+
"@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button.js",
|
|
14
|
+
"@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-button.js",
|
|
15
|
+
"@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-card.js",
|
|
16
|
+
"@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-card.js",
|
|
17
|
+
"@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-carousel.js",
|
|
18
|
+
"@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-carousel.js",
|
|
19
|
+
"@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-checkbox.js",
|
|
20
|
+
"@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-checkbox.js",
|
|
21
|
+
"@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-chip.js",
|
|
22
|
+
"@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-chip.js",
|
|
23
|
+
"@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-color-field.js",
|
|
24
|
+
"@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-color-field.js",
|
|
25
|
+
"@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-context-menu.js",
|
|
26
|
+
"@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-context-menu.js",
|
|
27
|
+
"@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-dialog.js",
|
|
28
|
+
"@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-dialog.js",
|
|
29
|
+
"@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-divider.js",
|
|
30
|
+
"@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-divider.js",
|
|
31
|
+
"@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-expansion.js",
|
|
32
|
+
"@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-expansion.js",
|
|
33
|
+
"@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-fab-menu.js",
|
|
34
|
+
"@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-fab-menu.js",
|
|
35
|
+
"@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-fab.js",
|
|
36
|
+
"@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-fab.js",
|
|
37
|
+
"@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-file-field.js",
|
|
38
|
+
"@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-file-field.js",
|
|
39
|
+
"@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-icon.js",
|
|
40
|
+
"@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-icon.js",
|
|
41
|
+
"@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-list-item.js",
|
|
42
|
+
"@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-list-item.js",
|
|
43
|
+
"@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-list.js",
|
|
44
|
+
"@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-list.js",
|
|
45
|
+
"@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-loading-indicator.js",
|
|
46
|
+
"@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-loading-indicator.js",
|
|
47
|
+
"@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-menu-item.js",
|
|
48
|
+
"@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-menu-item.js",
|
|
49
|
+
"@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-menu.js",
|
|
50
|
+
"@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-menu.js",
|
|
51
|
+
"@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-morph-modal.js",
|
|
52
|
+
"@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-morph-modal.js",
|
|
53
|
+
"@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-nav-item.js",
|
|
54
|
+
"@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-nav-item.js",
|
|
55
|
+
"@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-nav.js",
|
|
56
|
+
"@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-nav.js",
|
|
57
|
+
"@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-progress.js",
|
|
58
|
+
"@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-progress.js",
|
|
59
|
+
"@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-radio.js",
|
|
60
|
+
"@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-radio.js",
|
|
61
|
+
"@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-ripple.js",
|
|
62
|
+
"@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-ripple.js",
|
|
63
|
+
"@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-segmented-button.js",
|
|
64
|
+
"@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-segmented-button.js",
|
|
65
|
+
"@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-select-option.js",
|
|
66
|
+
"@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-select-option.js",
|
|
67
|
+
"@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-select.js",
|
|
68
|
+
"@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-select.js",
|
|
69
|
+
"@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-shape.js",
|
|
70
|
+
"@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-shape.js",
|
|
71
|
+
"@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-side-sheet.js",
|
|
72
|
+
"@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-side-sheet.js",
|
|
73
|
+
"@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-slider.js",
|
|
74
|
+
"@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-slider.js",
|
|
75
|
+
"@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-snackbar.js",
|
|
76
|
+
"@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-snackbar.js",
|
|
77
|
+
"@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-split-button.js",
|
|
78
|
+
"@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-split-button.js",
|
|
79
|
+
"@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-step.js",
|
|
80
|
+
"@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-step.js",
|
|
81
|
+
"@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-stepper.js",
|
|
82
|
+
"@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-stepper.js",
|
|
83
|
+
"@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-switch.js",
|
|
84
|
+
"@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-switch.js",
|
|
85
|
+
"@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tab.js",
|
|
86
|
+
"@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tab.js",
|
|
87
|
+
"@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tabs.js",
|
|
88
|
+
"@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tabs.js",
|
|
89
|
+
"@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-text-field.js",
|
|
90
|
+
"@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-text-field.js",
|
|
91
|
+
"@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-textarea.js",
|
|
92
|
+
"@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-textarea.js",
|
|
93
|
+
"@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-time-picker.js",
|
|
94
|
+
"@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-time-picker.js",
|
|
95
|
+
"@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-toolbar.js",
|
|
96
|
+
"@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-toolbar.js",
|
|
97
|
+
"@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tooltip.js",
|
|
98
|
+
"@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-tooltip.js",
|
|
99
|
+
"@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-typography.js",
|
|
100
|
+
"@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.8/dist/cdn/components/moni-typography.js"
|
|
101
101
|
}
|
|
102
102
|
}
|
|
@@ -92,6 +92,12 @@ export declare class MoniMorphModal extends MoniElement {
|
|
|
92
92
|
* @type {boolean}
|
|
93
93
|
*/
|
|
94
94
|
autoSize: boolean;
|
|
95
|
+
/** Fuerza al modal expandido a ocupar todo el viewport. */
|
|
96
|
+
fullscreen: boolean;
|
|
97
|
+
/** Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado. */
|
|
98
|
+
responsiveFullscreen: boolean;
|
|
99
|
+
/** Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen. */
|
|
100
|
+
fullscreenBreakpoint: number;
|
|
95
101
|
/**
|
|
96
102
|
* Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida.
|
|
97
103
|
* @type {boolean}
|
|
@@ -218,6 +224,7 @@ export declare class MoniMorphModal extends MoniElement {
|
|
|
218
224
|
private _isColorTransparent;
|
|
219
225
|
private _readTransformState;
|
|
220
226
|
private _applyRect;
|
|
227
|
+
private _usesFullscreen;
|
|
221
228
|
private _computeFinalRect;
|
|
222
229
|
private _parseSize;
|
|
223
230
|
static styles: import("lit").CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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"}
|
|
@@ -157,6 +157,12 @@ let MoniMorphModal = class MoniMorphModal extends MoniElement {
|
|
|
157
157
|
* @type {boolean}
|
|
158
158
|
*/
|
|
159
159
|
this.autoSize = false;
|
|
160
|
+
/** Fuerza al modal expandido a ocupar todo el viewport. */
|
|
161
|
+
this.fullscreen = false;
|
|
162
|
+
/** Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado. */
|
|
163
|
+
this.responsiveFullscreen = false;
|
|
164
|
+
/** Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen. */
|
|
165
|
+
this.fullscreenBreakpoint = 600;
|
|
160
166
|
/**
|
|
161
167
|
* Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida.
|
|
162
168
|
* @type {boolean}
|
|
@@ -1648,9 +1654,16 @@ let MoniMorphModal = class MoniMorphModal extends MoniElement {
|
|
|
1648
1654
|
el.style.width = `${rect.width}px`;
|
|
1649
1655
|
el.style.height = `${rect.height}px`;
|
|
1650
1656
|
}
|
|
1657
|
+
_usesFullscreen() {
|
|
1658
|
+
if (this.fullscreen)
|
|
1659
|
+
return true;
|
|
1660
|
+
return this.responsiveFullscreen && typeof window !== 'undefined' && window.innerWidth <= this.fullscreenBreakpoint;
|
|
1661
|
+
}
|
|
1651
1662
|
_computeFinalRect(targetRect, naturalSize) {
|
|
1652
1663
|
const vw = window.innerWidth;
|
|
1653
1664
|
const vh = window.innerHeight;
|
|
1665
|
+
if (this._usesFullscreen())
|
|
1666
|
+
return new DOMRect(0, 0, vw, vh);
|
|
1654
1667
|
const padding = 16;
|
|
1655
1668
|
let width = this.autoSize && naturalSize ? naturalSize.width : this._parseSize(this.expandedWidth, vw);
|
|
1656
1669
|
let height = this.autoSize && naturalSize ? naturalSize.height : this._parseSize(this.expandedHeight, vh);
|
|
@@ -1833,6 +1846,19 @@ let MoniMorphModal = class MoniMorphModal extends MoniElement {
|
|
|
1833
1846
|
z-index: var(--_z-index, 100);
|
|
1834
1847
|
}
|
|
1835
1848
|
|
|
1849
|
+
.panel.fullscreen {
|
|
1850
|
+
border-radius: 0;
|
|
1851
|
+
box-shadow: none;
|
|
1852
|
+
}
|
|
1853
|
+
|
|
1854
|
+
.panel.fullscreen header {
|
|
1855
|
+
padding-block-start: max(1.25rem, env(safe-area-inset-top));
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
.panel.fullscreen footer {
|
|
1859
|
+
padding-block-end: max(1.5rem, env(safe-area-inset-bottom));
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1836
1862
|
.panel-inner {
|
|
1837
1863
|
display: flex;
|
|
1838
1864
|
flex-direction: column;
|
|
@@ -1941,6 +1967,7 @@ let MoniMorphModal = class MoniMorphModal extends MoniElement {
|
|
|
1941
1967
|
render() {
|
|
1942
1968
|
const visible = this._visible || this.open;
|
|
1943
1969
|
const headerEmpty = !this._hasHeader && !this.showCloseButton;
|
|
1970
|
+
const fullscreen = this._usesFullscreen();
|
|
1944
1971
|
return html `
|
|
1945
1972
|
${this.hasBackdrop ? html `
|
|
1946
1973
|
<div
|
|
@@ -1949,7 +1976,7 @@ let MoniMorphModal = class MoniMorphModal extends MoniElement {
|
|
|
1949
1976
|
style="${!this.modal ? 'background-color: transparent;' : ''}"
|
|
1950
1977
|
></div>
|
|
1951
1978
|
` : ''}
|
|
1952
|
-
<div class="panel" part="panel">
|
|
1979
|
+
<div class="panel ${fullscreen ? 'fullscreen' : ''}" part="panel">
|
|
1953
1980
|
<div class="panel-inner" part="panel-inner">
|
|
1954
1981
|
<header
|
|
1955
1982
|
class="${headerEmpty ? 'is-empty' : ''}"
|
|
@@ -2028,6 +2055,15 @@ __decorate([
|
|
|
2028
2055
|
__decorate([
|
|
2029
2056
|
property({ type: Boolean, reflect: true, attribute: 'auto-size', converter: litBool })
|
|
2030
2057
|
], MoniMorphModal.prototype, "autoSize", void 0);
|
|
2058
|
+
__decorate([
|
|
2059
|
+
property({ type: Boolean, reflect: true, converter: litBool })
|
|
2060
|
+
], MoniMorphModal.prototype, "fullscreen", void 0);
|
|
2061
|
+
__decorate([
|
|
2062
|
+
property({ type: Boolean, reflect: true, attribute: 'responsive-fullscreen', converter: litBool })
|
|
2063
|
+
], MoniMorphModal.prototype, "responsiveFullscreen", void 0);
|
|
2064
|
+
__decorate([
|
|
2065
|
+
property({ type: Number, reflect: true, attribute: 'fullscreen-breakpoint' })
|
|
2066
|
+
], MoniMorphModal.prototype, "fullscreenBreakpoint", void 0);
|
|
2031
2067
|
__decorate([
|
|
2032
2068
|
property({ type: Boolean, reflect: true, attribute: 'blur-content', converter: litBool })
|
|
2033
2069
|
], MoniMorphModal.prototype, "blurContent", void 0);
|
package/docs/api.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"package": "@moni-labs/moni-ui",
|
|
3
|
-
"generatedAt": "2026-08-
|
|
3
|
+
"generatedAt": "2026-08-21T22:33:56.605Z",
|
|
4
4
|
"componentCount": 49,
|
|
5
5
|
"components": [
|
|
6
6
|
{
|
|
@@ -2998,6 +2998,33 @@
|
|
|
2998
2998
|
"options": [],
|
|
2999
2999
|
"reflect": true
|
|
3000
3000
|
},
|
|
3001
|
+
{
|
|
3002
|
+
"name": "fullscreen",
|
|
3003
|
+
"attribute": "fullscreen",
|
|
3004
|
+
"type": "boolean",
|
|
3005
|
+
"default": "false",
|
|
3006
|
+
"description": "Fuerza al modal expandido a ocupar todo el viewport.",
|
|
3007
|
+
"options": [],
|
|
3008
|
+
"reflect": true
|
|
3009
|
+
},
|
|
3010
|
+
{
|
|
3011
|
+
"name": "responsiveFullscreen",
|
|
3012
|
+
"attribute": "responsive-fullscreen",
|
|
3013
|
+
"type": "boolean",
|
|
3014
|
+
"default": "false",
|
|
3015
|
+
"description": "Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado.",
|
|
3016
|
+
"options": [],
|
|
3017
|
+
"reflect": true
|
|
3018
|
+
},
|
|
3019
|
+
{
|
|
3020
|
+
"name": "fullscreenBreakpoint",
|
|
3021
|
+
"attribute": "fullscreen-breakpoint",
|
|
3022
|
+
"type": "number",
|
|
3023
|
+
"default": "600",
|
|
3024
|
+
"description": "Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen.",
|
|
3025
|
+
"options": [],
|
|
3026
|
+
"reflect": true
|
|
3027
|
+
},
|
|
3001
3028
|
{
|
|
3002
3029
|
"name": "blurContent",
|
|
3003
3030
|
"attribute": "blur-content",
|
|
@@ -65,6 +65,9 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
|
|
|
65
65
|
| `hide-target` | `hideTarget` | `boolean` | `false` | Si es true, oculta el elemento disparador (target) mientras el modal está abierto. |
|
|
66
66
|
| `cover-target` | `coverTarget` | `boolean` | `false` | Si es true, fuerza al modal a cubrir visualmente la ubicación original del target antes de expandirse. |
|
|
67
67
|
| `auto-size` | `autoSize` | `boolean` | `false` | Si es true, el modal calcula automáticamente su tamaño final basándose en el contenido interno (ignora expandedWidth y expandedHeight). |
|
|
68
|
+
| `fullscreen` | `fullscreen` | `boolean` | `false` | Fuerza al modal expandido a ocupar todo el viewport. |
|
|
69
|
+
| `responsive-fullscreen` | `responsiveFullscreen` | `boolean` | `false` | Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado. |
|
|
70
|
+
| `fullscreen-breakpoint` | `fullscreenBreakpoint` | `number` | `600` | Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen. |
|
|
68
71
|
| `blur-content` | `blurContent` | `boolean` | `false` | Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida. |
|
|
69
72
|
| `debug` | `debug` | `boolean` | `false` | Muestra en consola el origen, geometría y estrategia usada por cada morph. |
|
|
70
73
|
|
package/package.json
CHANGED
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@moni-labs/moni-ui",
|
|
3
|
-
|
|
4
|
-
"private": false,
|
|
5
|
-
"type": "module",
|
|
6
|
-
"description": "Design system unificado para Moni — Material Design 3 Expressive, mobile-first.",
|
|
7
|
-
"main": "./dist/index.js",
|
|
8
|
-
"types": "./dist/index.d.ts",
|
|
9
|
-
"customElements": "custom-elements.json",
|
|
10
|
-
"exports": {
|
|
11
|
-
".": {
|
|
12
|
-
"types": "./dist/index.d.ts",
|
|
13
|
-
"import": "./dist/index.js"
|
|
14
|
-
},
|
|
15
|
-
"./web-components": {
|
|
16
|
-
"types": "./dist/web-components.d.ts",
|
|
17
|
-
"import": "./dist/web-components.js"
|
|
18
|
-
},
|
|
19
|
-
"./browser": "./dist/browser/moni-ui.min.js",
|
|
20
|
-
"./browser.css": "./dist/browser/moni-ui.min.css",
|
|
21
|
-
"./cdn/importmap": "./dist/cdn/importmap.json",
|
|
22
|
-
"./cdn/*": "./dist/cdn/components/moni-*.js",
|
|
23
|
-
"./styles": "./dist/styles/index.css",
|
|
24
|
-
"./styles/*": "./dist/styles/*",
|
|
25
|
-
"./components/*.ts": "./src/components/*.ts",
|
|
26
|
-
"./components/*": {
|
|
27
|
-
"types": "./dist/components/*.d.ts",
|
|
28
|
-
"import": "./dist/components/*.js"
|
|
29
|
-
},
|
|
30
|
-
"./actions/*": {
|
|
31
|
-
"types": "./dist/actions/*.d.ts",
|
|
32
|
-
"import": "./dist/actions/*.js"
|
|
33
|
-
},
|
|
34
|
-
"./utils/*": {
|
|
35
|
-
"types": "./dist/utils/*.d.ts",
|
|
36
|
-
"import": "./dist/utils/*.js"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"publishConfig": {
|
|
40
|
-
"access": "public"
|
|
41
|
-
},
|
|
42
|
-
"unpkg": "./dist/browser/moni-ui.iife.min.js",
|
|
43
|
-
"jsdelivr": "./dist/browser/moni-ui.iife.min.js",
|
|
44
|
-
"files": [
|
|
45
|
-
"dist",
|
|
46
|
-
"src",
|
|
47
|
-
"docs",
|
|
48
|
-
"custom-elements.json",
|
|
49
|
-
"README.md",
|
|
50
|
-
"package.json"
|
|
51
|
-
],
|
|
52
|
-
"repository": {
|
|
53
|
-
"type": "git",
|
|
54
|
-
"url": "git+https://github.com/moni-spa/moni-ui.git"
|
|
55
|
-
},
|
|
56
|
-
"bugs": {
|
|
57
|
-
"url": "https://github.com/moni-spa/moni-ui/issues"
|
|
58
|
-
},
|
|
59
|
-
"homepage": "https://github.com/moni-spa/moni-ui#readme",
|
|
60
|
-
"peerDependencies": {
|
|
61
|
-
"svelte": "^5.55.2",
|
|
62
|
-
"tailwindcss": "^4.2.2"
|
|
63
|
-
},
|
|
64
|
-
"dependencies": {
|
|
65
|
-
"@material/material-color-utilities": "^0.4.0",
|
|
66
|
-
"gsap": "^3.12.7",
|
|
67
|
-
"inputmask": "^5.0.9",
|
|
68
|
-
"lit": "^3.3.3"
|
|
69
|
-
},
|
|
70
|
-
"devDependencies": {
|
|
71
|
-
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
72
|
-
"@tailwindcss/vite": "^4.3.1",
|
|
73
|
-
"jsdom": "^29.1.1",
|
|
74
|
-
"lightningcss": "^1.33.0",
|
|
75
|
-
"typescript": "^6.0.3",
|
|
76
|
-
"vite": "^8.0.16",
|
|
77
|
-
"vitest": "^4.1.8"
|
|
78
|
-
},
|
|
79
|
-
"scripts": {
|
|
80
|
-
"build": "node scripts/build.js",
|
|
81
|
-
"docs": "node scripts/generate-docs.mjs",
|
|
82
|
-
"docs:capture": "node scripts/capture-docs.mjs",
|
|
83
|
-
"docs:all": "npm run build && npm run docs && npm run docs:capture",
|
|
84
|
-
"docs:check": "node scripts/generate-docs.mjs --check",
|
|
85
|
-
"analyze": "custom-elements-manifest analyze",
|
|
86
|
-
"test": "vitest run",
|
|
87
|
-
"test:verbose": "vitest run --reporter=verbose",
|
|
88
|
-
"test:watch": "vitest"
|
|
89
|
-
}
|
|
90
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@moni-labs/moni-ui",
|
|
3
|
+
"version": "0.4.8",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"description": "Design system unificado para Moni — Material Design 3 Expressive, mobile-first.",
|
|
7
|
+
"main": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"customElements": "custom-elements.json",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"import": "./dist/index.js"
|
|
14
|
+
},
|
|
15
|
+
"./web-components": {
|
|
16
|
+
"types": "./dist/web-components.d.ts",
|
|
17
|
+
"import": "./dist/web-components.js"
|
|
18
|
+
},
|
|
19
|
+
"./browser": "./dist/browser/moni-ui.min.js",
|
|
20
|
+
"./browser.css": "./dist/browser/moni-ui.min.css",
|
|
21
|
+
"./cdn/importmap": "./dist/cdn/importmap.json",
|
|
22
|
+
"./cdn/*": "./dist/cdn/components/moni-*.js",
|
|
23
|
+
"./styles": "./dist/styles/index.css",
|
|
24
|
+
"./styles/*": "./dist/styles/*",
|
|
25
|
+
"./components/*.ts": "./src/components/*.ts",
|
|
26
|
+
"./components/*": {
|
|
27
|
+
"types": "./dist/components/*.d.ts",
|
|
28
|
+
"import": "./dist/components/*.js"
|
|
29
|
+
},
|
|
30
|
+
"./actions/*": {
|
|
31
|
+
"types": "./dist/actions/*.d.ts",
|
|
32
|
+
"import": "./dist/actions/*.js"
|
|
33
|
+
},
|
|
34
|
+
"./utils/*": {
|
|
35
|
+
"types": "./dist/utils/*.d.ts",
|
|
36
|
+
"import": "./dist/utils/*.js"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"publishConfig": {
|
|
40
|
+
"access": "public"
|
|
41
|
+
},
|
|
42
|
+
"unpkg": "./dist/browser/moni-ui.iife.min.js",
|
|
43
|
+
"jsdelivr": "./dist/browser/moni-ui.iife.min.js",
|
|
44
|
+
"files": [
|
|
45
|
+
"dist",
|
|
46
|
+
"src",
|
|
47
|
+
"docs",
|
|
48
|
+
"custom-elements.json",
|
|
49
|
+
"README.md",
|
|
50
|
+
"package.json"
|
|
51
|
+
],
|
|
52
|
+
"repository": {
|
|
53
|
+
"type": "git",
|
|
54
|
+
"url": "git+https://github.com/moni-spa/moni-ui.git"
|
|
55
|
+
},
|
|
56
|
+
"bugs": {
|
|
57
|
+
"url": "https://github.com/moni-spa/moni-ui/issues"
|
|
58
|
+
},
|
|
59
|
+
"homepage": "https://github.com/moni-spa/moni-ui#readme",
|
|
60
|
+
"peerDependencies": {
|
|
61
|
+
"svelte": "^5.55.2",
|
|
62
|
+
"tailwindcss": "^4.2.2"
|
|
63
|
+
},
|
|
64
|
+
"dependencies": {
|
|
65
|
+
"@material/material-color-utilities": "^0.4.0",
|
|
66
|
+
"gsap": "^3.12.7",
|
|
67
|
+
"inputmask": "^5.0.9",
|
|
68
|
+
"lit": "^3.3.3"
|
|
69
|
+
},
|
|
70
|
+
"devDependencies": {
|
|
71
|
+
"@custom-elements-manifest/analyzer": "^0.11.0",
|
|
72
|
+
"@tailwindcss/vite": "^4.3.1",
|
|
73
|
+
"jsdom": "^29.1.1",
|
|
74
|
+
"lightningcss": "^1.33.0",
|
|
75
|
+
"typescript": "^6.0.3",
|
|
76
|
+
"vite": "^8.0.16",
|
|
77
|
+
"vitest": "^4.1.8"
|
|
78
|
+
},
|
|
79
|
+
"scripts": {
|
|
80
|
+
"build": "node scripts/build.js",
|
|
81
|
+
"docs": "node scripts/generate-docs.mjs",
|
|
82
|
+
"docs:capture": "node scripts/capture-docs.mjs",
|
|
83
|
+
"docs:all": "npm run build && npm run docs && npm run docs:capture",
|
|
84
|
+
"docs:check": "node scripts/generate-docs.mjs --check",
|
|
85
|
+
"analyze": "custom-elements-manifest analyze",
|
|
86
|
+
"test": "vitest run",
|
|
87
|
+
"test:verbose": "vitest run --reporter=verbose",
|
|
88
|
+
"test:watch": "vitest"
|
|
89
|
+
}
|
|
90
|
+
}
|