@moni-labs/moni-ui 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -3
- package/custom-elements.json +6 -6
- package/dist/cdn/chunks/base-BIpe3L86.js +1 -0
- package/dist/cdn/chunks/class-map-DBljv-_e.js +1 -0
- package/dist/cdn/chunks/decorate-DxX3e27g.js +738 -0
- package/dist/cdn/chunks/directive-BSZPiF1A.js +1 -0
- package/dist/cdn/chunks/event-emitter-CGhsijUg.js +1 -0
- package/dist/cdn/chunks/gsap-DWxn8li7.js +1 -0
- package/dist/cdn/chunks/if-defined-CuEAJKpp.js +1 -0
- package/dist/cdn/chunks/live-B7Rjg1kt.js +1 -0
- package/dist/cdn/chunks/query-SWT-tzvq.js +1 -0
- package/dist/cdn/chunks/query-assigned-elements-BBHe1xEY.js +1 -0
- package/dist/cdn/components/moni-app-bar.js +118 -0
- package/dist/cdn/components/moni-badge.js +69 -0
- package/dist/cdn/components/moni-bottom-sheet.js +143 -0
- package/dist/cdn/components/moni-button-group.js +56 -0
- package/dist/cdn/components/moni-button-segment.js +272 -0
- package/dist/cdn/components/moni-button.js +602 -0
- package/dist/cdn/components/moni-card.js +143 -0
- package/dist/cdn/components/moni-carousel.js +311 -0
- package/dist/cdn/components/moni-checkbox.js +137 -0
- package/dist/cdn/components/moni-chip.js +218 -0
- package/dist/cdn/components/moni-color-field.js +54 -0
- package/dist/cdn/components/moni-context-menu.js +24 -0
- package/dist/cdn/components/moni-dialog.js +191 -0
- package/dist/cdn/components/moni-divider.js +32 -0
- package/dist/cdn/components/moni-expansion.js +50 -0
- package/dist/cdn/components/moni-fab-menu.js +57 -0
- package/dist/cdn/components/moni-fab.js +103 -0
- package/dist/cdn/components/moni-file-field.js +45 -0
- package/dist/cdn/components/moni-icon.js +55 -0
- package/dist/cdn/components/moni-list-item.js +144 -0
- package/dist/cdn/components/moni-list.js +16 -0
- package/dist/cdn/components/moni-loading-indicator.js +134 -0
- package/dist/cdn/components/moni-menu-item.js +45 -0
- package/dist/cdn/components/moni-menu.js +165 -0
- package/dist/cdn/components/moni-morph-modal.js +157 -0
- package/dist/cdn/components/moni-nav-item.js +153 -0
- package/dist/cdn/components/moni-nav.js +161 -0
- package/dist/cdn/components/moni-progress.js +420 -0
- package/dist/cdn/components/moni-radio.js +154 -0
- package/dist/cdn/components/moni-ripple.js +55 -0
- package/dist/cdn/components/moni-segmented-button.js +32 -0
- package/dist/cdn/components/moni-select-option.js +47 -0
- package/dist/cdn/components/moni-select.js +503 -0
- package/dist/cdn/components/moni-shape.js +99 -0
- package/dist/cdn/components/moni-side-sheet.js +234 -0
- package/dist/cdn/components/moni-slider.js +252 -0
- package/dist/cdn/components/moni-snackbar.js +91 -0
- package/dist/cdn/components/moni-split-button.js +110 -0
- package/dist/cdn/components/moni-step.js +111 -0
- package/dist/cdn/components/moni-stepper.js +25 -0
- package/dist/cdn/components/moni-switch.js +169 -0
- package/dist/cdn/components/moni-tab.js +93 -0
- package/dist/cdn/components/moni-tabs.js +38 -0
- package/dist/cdn/components/moni-text-field.js +83 -0
- package/dist/cdn/components/moni-textarea.js +46 -0
- package/dist/cdn/components/moni-time-picker.js +496 -0
- package/dist/cdn/components/moni-toolbar.js +71 -0
- package/dist/cdn/components/moni-tooltip.js +161 -0
- package/dist/cdn/components/moni-typography.js +117 -0
- package/dist/cdn/importmap.json +102 -0
- package/dist/cdn/moni-ui.min.css +1 -0
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -52,9 +52,9 @@ Sin bundler, carga la distribución minificada completa:
|
|
|
52
52
|
```html
|
|
53
53
|
<link
|
|
54
54
|
rel="stylesheet"
|
|
55
|
-
href="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
55
|
+
href="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.min.css"
|
|
56
56
|
>
|
|
57
|
-
<script src="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
57
|
+
<script src="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.iife.min.js"></script>
|
|
58
58
|
|
|
59
59
|
<moni-button variant="filled">Comenzar</moni-button>
|
|
60
60
|
```
|
|
@@ -63,12 +63,37 @@ También existe una distribución ESM:
|
|
|
63
63
|
|
|
64
64
|
```html
|
|
65
65
|
<script type="module">
|
|
66
|
-
import 'https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
66
|
+
import 'https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/browser/moni-ui.min.js';
|
|
67
67
|
</script>
|
|
68
68
|
```
|
|
69
69
|
|
|
70
70
|
Los archivos `.gz` y `.br` se publican junto al JavaScript y CSS para servidores que gestionen `Content-Encoding` explícitamente.
|
|
71
71
|
|
|
72
|
+
### CDN modular con import map
|
|
73
|
+
|
|
74
|
+
Para descargar únicamente los componentes utilizados, declara sus rutas en un import map:
|
|
75
|
+
|
|
76
|
+
```html
|
|
77
|
+
<link
|
|
78
|
+
rel="stylesheet"
|
|
79
|
+
href="https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/moni-ui.min.css"
|
|
80
|
+
>
|
|
81
|
+
<script type="importmap">
|
|
82
|
+
{
|
|
83
|
+
"imports": {
|
|
84
|
+
"@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/components/moni-button.js",
|
|
85
|
+
"@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.2/dist/cdn/components/moni-text-field.js"
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
</script>
|
|
89
|
+
<script type="module">
|
|
90
|
+
import '@moni-ui/button';
|
|
91
|
+
import '@moni-ui/text-field';
|
|
92
|
+
</script>
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
El mapa completo se publica en `dist/cdn/importmap.json`. Los módulos comparten chunks internos, por lo que Lit y las utilidades comunes se descargan una sola vez.
|
|
96
|
+
|
|
72
97
|
---
|
|
73
98
|
|
|
74
99
|
## Guía del Componente Core: Botón Expresivo (`<moni-button>`) 🧩
|
package/custom-elements.json
CHANGED
|
@@ -914,6 +914,12 @@
|
|
|
914
914
|
"declarations": [],
|
|
915
915
|
"exports": []
|
|
916
916
|
},
|
|
917
|
+
{
|
|
918
|
+
"kind": "javascript-module",
|
|
919
|
+
"path": "dist/types/events.js",
|
|
920
|
+
"declarations": [],
|
|
921
|
+
"exports": []
|
|
922
|
+
},
|
|
917
923
|
{
|
|
918
924
|
"kind": "javascript-module",
|
|
919
925
|
"path": "dist/components/index.js",
|
|
@@ -2737,12 +2743,6 @@
|
|
|
2737
2743
|
}
|
|
2738
2744
|
]
|
|
2739
2745
|
},
|
|
2740
|
-
{
|
|
2741
|
-
"kind": "javascript-module",
|
|
2742
|
-
"path": "dist/types/events.js",
|
|
2743
|
-
"declarations": [],
|
|
2744
|
-
"exports": []
|
|
2745
|
-
},
|
|
2746
2746
|
{
|
|
2747
2747
|
"kind": "javascript-module",
|
|
2748
2748
|
"path": "dist/utils/color.js",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);export{e as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{l as e}from"./decorate-DxX3e27g.js";import{n as t,r as n,t as r}from"./directive-BSZPiF1A.js";var i=r(class extends t{constructor(e){if(super(e),e.type!==n.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e}});export{i as t};
|