@moni-labs/moni-ui 0.4.6 → 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 +211 -1
- package/dist/browser/moni-ui.iife.min.js +303 -275
- 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 +1398 -1277
- 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-color-field.js +1 -0
- package/dist/cdn/components/moni-morph-modal.js +17 -4
- package/dist/cdn/components/moni-select.js +3 -3
- package/dist/cdn/components/moni-text-field.js +12 -2
- package/dist/cdn/components/moni-textarea.js +6 -2
- package/dist/cdn/importmap.json +98 -98
- package/dist/components/moni-color-field.d.ts.map +1 -1
- package/dist/components/moni-color-field.js +1 -0
- 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/dist/components/moni-select.d.ts +28 -0
- package/dist/components/moni-select.d.ts.map +1 -1
- package/dist/components/moni-select.js +48 -0
- package/dist/components/moni-text-field.d.ts +45 -2
- package/dist/components/moni-text-field.d.ts.map +1 -1
- package/dist/components/moni-text-field.js +113 -1
- package/dist/components/moni-textarea.d.ts +27 -0
- package/dist/components/moni-textarea.d.ts.map +1 -1
- package/dist/components/moni-textarea.js +61 -0
- package/docs/api.json +205 -5
- package/docs/assets/moni-context-menu/placement--top.png +0 -0
- package/docs/assets/moni-select/required--false.png +0 -0
- package/docs/assets/moni-select/required--true.png +0 -0
- package/docs/assets/moni-text-field/autocomplete--default.png +0 -0
- package/docs/assets/moni-text-field/inputmode--default.png +0 -0
- package/docs/assets/moni-text-field/max--default.png +0 -0
- package/docs/assets/moni-text-field/maxlength--default.png +0 -0
- package/docs/assets/moni-text-field/min--default.png +0 -0
- package/docs/assets/moni-text-field/minlength--default.png +0 -0
- package/docs/assets/moni-text-field/pattern--default.png +0 -0
- package/docs/assets/moni-text-field/readonly--false.png +0 -0
- package/docs/assets/moni-text-field/readonly--true.png +0 -0
- package/docs/assets/moni-text-field/required--false.png +0 -0
- package/docs/assets/moni-text-field/required--true.png +0 -0
- package/docs/assets/moni-text-field/step--default.png +0 -0
- package/docs/assets/moni-text-field/type--color.png +0 -0
- package/docs/assets/moni-text-field/type--date.png +0 -0
- package/docs/assets/moni-text-field/type--datetime-local.png +0 -0
- package/docs/assets/moni-text-field/type--month.png +0 -0
- package/docs/assets/moni-text-field/type--time.png +0 -0
- package/docs/assets/moni-text-field/type--week.png +0 -0
- package/docs/assets/moni-textarea/autocomplete--default.png +0 -0
- package/docs/assets/moni-textarea/minlength--default.png +0 -0
- package/docs/assets/moni-textarea/readonly--false.png +0 -0
- package/docs/assets/moni-textarea/readonly--true.png +0 -0
- package/docs/assets/moni-textarea/required--false.png +0 -0
- package/docs/assets/moni-textarea/required--true.png +0 -0
- package/docs/components/morph-modal.md +3 -0
- package/docs/components/select.md +15 -1
- package/docs/components/text-field.md +89 -1
- package/docs/components/textarea.md +34 -1
- package/package.json +90 -90
- package/src/components/moni-color-field.ts +1 -0
- package/src/components/moni-morph-modal.test.ts +26 -0
- package/src/components/moni-morph-modal.ts +33 -1
- package/src/components/moni-select.test.ts +34 -0
- package/src/components/moni-select.ts +54 -0
- package/src/components/moni-text-field.test.ts +78 -0
- package/src/components/moni-text-field.ts +109 -2
- package/src/components/moni-textarea.ts +62 -0
package/custom-elements.json
CHANGED
|
@@ -3715,6 +3715,36 @@
|
|
|
3715
3715
|
"default": "false",
|
|
3716
3716
|
"description": "Si es true, el modal calcula automáticamente su tamaño final basándose en el contenido interno (ignora expandedWidth y expandedHeight)."
|
|
3717
3717
|
},
|
|
3718
|
+
{
|
|
3719
|
+
"kind": "field",
|
|
3720
|
+
"name": "fullscreen",
|
|
3721
|
+
"attribute": "fullscreen",
|
|
3722
|
+
"type": {
|
|
3723
|
+
"text": "boolean"
|
|
3724
|
+
},
|
|
3725
|
+
"default": "false",
|
|
3726
|
+
"description": "Fuerza al modal expandido a ocupar todo el viewport."
|
|
3727
|
+
},
|
|
3728
|
+
{
|
|
3729
|
+
"kind": "field",
|
|
3730
|
+
"name": "responsiveFullscreen",
|
|
3731
|
+
"attribute": "responsive-fullscreen",
|
|
3732
|
+
"type": {
|
|
3733
|
+
"text": "boolean"
|
|
3734
|
+
},
|
|
3735
|
+
"default": "false",
|
|
3736
|
+
"description": "Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado."
|
|
3737
|
+
},
|
|
3738
|
+
{
|
|
3739
|
+
"kind": "field",
|
|
3740
|
+
"name": "fullscreenBreakpoint",
|
|
3741
|
+
"attribute": "fullscreen-breakpoint",
|
|
3742
|
+
"type": {
|
|
3743
|
+
"text": "number"
|
|
3744
|
+
},
|
|
3745
|
+
"default": "600",
|
|
3746
|
+
"description": "Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen."
|
|
3747
|
+
},
|
|
3718
3748
|
{
|
|
3719
3749
|
"kind": "field",
|
|
3720
3750
|
"name": "blurContent",
|
|
@@ -4765,6 +4795,16 @@
|
|
|
4765
4795
|
"default": "false",
|
|
4766
4796
|
"description": "Deshabilita el campo select."
|
|
4767
4797
|
},
|
|
4798
|
+
{
|
|
4799
|
+
"kind": "field",
|
|
4800
|
+
"name": "required",
|
|
4801
|
+
"attribute": "required",
|
|
4802
|
+
"type": {
|
|
4803
|
+
"text": "boolean"
|
|
4804
|
+
},
|
|
4805
|
+
"default": "false",
|
|
4806
|
+
"description": "Obliga a elegir una opción antes de enviar el formulario.\n\nEl `<input>` visible es de sólo lectura, así que la validación nativa no\nse aplica sobre él: la restricción se declara en el host con\n`ElementInternals.setValidity`, que es lo que mira el formulario."
|
|
4807
|
+
},
|
|
4768
4808
|
{
|
|
4769
4809
|
"kind": "field",
|
|
4770
4810
|
"name": "loading",
|
|
@@ -4914,6 +4954,16 @@
|
|
|
4914
4954
|
},
|
|
4915
4955
|
"default": "''",
|
|
4916
4956
|
"description": "Límite manual opcional para la altura del menú.\n\nAcepta cualquier longitud CSS válida, por ejemplo `240px`, `40vh` o\n`calc(100vh - 8rem)`. El valor nunca supera el límite automático calculado\nsegún el viewport, la posición del campo y el tope predeterminado de 75vh.\nUna cadena vacía conserva el cálculo automático."
|
|
4957
|
+
},
|
|
4958
|
+
{
|
|
4959
|
+
"kind": "method",
|
|
4960
|
+
"name": "checkValidity",
|
|
4961
|
+
"description": "Método público checkValidity."
|
|
4962
|
+
},
|
|
4963
|
+
{
|
|
4964
|
+
"kind": "method",
|
|
4965
|
+
"name": "reportValidity",
|
|
4966
|
+
"description": "Método público reportValidity."
|
|
4917
4967
|
}
|
|
4918
4968
|
],
|
|
4919
4969
|
"events": [],
|
|
@@ -6593,7 +6643,7 @@
|
|
|
6593
6643
|
"name": "type",
|
|
6594
6644
|
"attribute": "type",
|
|
6595
6645
|
"type": {
|
|
6596
|
-
"text": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search'"
|
|
6646
|
+
"text": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color'"
|
|
6597
6647
|
},
|
|
6598
6648
|
"default": "'text'",
|
|
6599
6649
|
"description": "El tipo de input HTML nativo."
|
|
@@ -6728,6 +6778,106 @@
|
|
|
6728
6778
|
"default": "''",
|
|
6729
6779
|
"description": "Texto de marcador de posición (placeholder) mostrado cuando el input está vacío y la etiqueta es flotante."
|
|
6730
6780
|
},
|
|
6781
|
+
{
|
|
6782
|
+
"kind": "field",
|
|
6783
|
+
"name": "required",
|
|
6784
|
+
"attribute": "required",
|
|
6785
|
+
"type": {
|
|
6786
|
+
"text": "boolean"
|
|
6787
|
+
},
|
|
6788
|
+
"default": "false",
|
|
6789
|
+
"description": "Marca el campo como obligatorio y lo integra en la validación del formulario."
|
|
6790
|
+
},
|
|
6791
|
+
{
|
|
6792
|
+
"kind": "field",
|
|
6793
|
+
"name": "readonly",
|
|
6794
|
+
"attribute": "readonly",
|
|
6795
|
+
"type": {
|
|
6796
|
+
"text": "boolean"
|
|
6797
|
+
},
|
|
6798
|
+
"default": "false",
|
|
6799
|
+
"description": "Impide editar el valor sin sacarlo del envío ni atenuarlo como `disabled`."
|
|
6800
|
+
},
|
|
6801
|
+
{
|
|
6802
|
+
"kind": "field",
|
|
6803
|
+
"name": "autocomplete",
|
|
6804
|
+
"attribute": "autocomplete",
|
|
6805
|
+
"type": {
|
|
6806
|
+
"text": "string"
|
|
6807
|
+
},
|
|
6808
|
+
"default": "''",
|
|
6809
|
+
"description": "Pista de autocompletado del navegador, por ejemplo `email` o `current-password`."
|
|
6810
|
+
},
|
|
6811
|
+
{
|
|
6812
|
+
"kind": "field",
|
|
6813
|
+
"name": "inputmode",
|
|
6814
|
+
"attribute": "inputmode",
|
|
6815
|
+
"type": {
|
|
6816
|
+
"text": "string"
|
|
6817
|
+
},
|
|
6818
|
+
"default": "''",
|
|
6819
|
+
"description": "Teclado virtual a mostrar en móvil, por ejemplo `numeric` o `tel`."
|
|
6820
|
+
},
|
|
6821
|
+
{
|
|
6822
|
+
"kind": "field",
|
|
6823
|
+
"name": "maxlength",
|
|
6824
|
+
"attribute": "maxlength",
|
|
6825
|
+
"type": {
|
|
6826
|
+
"text": "number | null"
|
|
6827
|
+
},
|
|
6828
|
+
"default": "null",
|
|
6829
|
+
"description": "Máximo de caracteres aceptados."
|
|
6830
|
+
},
|
|
6831
|
+
{
|
|
6832
|
+
"kind": "field",
|
|
6833
|
+
"name": "minlength",
|
|
6834
|
+
"attribute": "minlength",
|
|
6835
|
+
"type": {
|
|
6836
|
+
"text": "number | null"
|
|
6837
|
+
},
|
|
6838
|
+
"default": "null",
|
|
6839
|
+
"description": "Mínimo de caracteres aceptados."
|
|
6840
|
+
},
|
|
6841
|
+
{
|
|
6842
|
+
"kind": "field",
|
|
6843
|
+
"name": "min",
|
|
6844
|
+
"attribute": "min",
|
|
6845
|
+
"type": {
|
|
6846
|
+
"text": "string"
|
|
6847
|
+
},
|
|
6848
|
+
"default": "''",
|
|
6849
|
+
"description": "Valor mínimo para `number` y los tipos de fecha y hora."
|
|
6850
|
+
},
|
|
6851
|
+
{
|
|
6852
|
+
"kind": "field",
|
|
6853
|
+
"name": "max",
|
|
6854
|
+
"attribute": "max",
|
|
6855
|
+
"type": {
|
|
6856
|
+
"text": "string"
|
|
6857
|
+
},
|
|
6858
|
+
"default": "''",
|
|
6859
|
+
"description": "Valor máximo para `number` y los tipos de fecha y hora."
|
|
6860
|
+
},
|
|
6861
|
+
{
|
|
6862
|
+
"kind": "field",
|
|
6863
|
+
"name": "step",
|
|
6864
|
+
"attribute": "step",
|
|
6865
|
+
"type": {
|
|
6866
|
+
"text": "string"
|
|
6867
|
+
},
|
|
6868
|
+
"default": "''",
|
|
6869
|
+
"description": "Incremento para `number` y los tipos de fecha y hora."
|
|
6870
|
+
},
|
|
6871
|
+
{
|
|
6872
|
+
"kind": "field",
|
|
6873
|
+
"name": "pattern",
|
|
6874
|
+
"attribute": "pattern",
|
|
6875
|
+
"type": {
|
|
6876
|
+
"text": "string"
|
|
6877
|
+
},
|
|
6878
|
+
"default": "''",
|
|
6879
|
+
"description": "Expresión regular que debe cumplir el valor."
|
|
6880
|
+
},
|
|
6731
6881
|
{
|
|
6732
6882
|
"kind": "field",
|
|
6733
6883
|
"name": "mask",
|
|
@@ -6812,6 +6962,16 @@
|
|
|
6812
6962
|
"kind": "method",
|
|
6813
6963
|
"name": "removeMask",
|
|
6814
6964
|
"description": "Método público removeMask."
|
|
6965
|
+
},
|
|
6966
|
+
{
|
|
6967
|
+
"kind": "method",
|
|
6968
|
+
"name": "checkValidity",
|
|
6969
|
+
"description": "Método público checkValidity."
|
|
6970
|
+
},
|
|
6971
|
+
{
|
|
6972
|
+
"kind": "method",
|
|
6973
|
+
"name": "reportValidity",
|
|
6974
|
+
"description": "Método público reportValidity."
|
|
6815
6975
|
}
|
|
6816
6976
|
],
|
|
6817
6977
|
"events": [
|
|
@@ -7034,6 +7194,46 @@
|
|
|
7034
7194
|
"default": "null",
|
|
7035
7195
|
"description": "Número máximo de caracteres permitidos en el área de texto.\nTambién habilita la visualización del contador de caracteres a menos que `noCounter` sea true."
|
|
7036
7196
|
},
|
|
7197
|
+
{
|
|
7198
|
+
"kind": "field",
|
|
7199
|
+
"name": "required",
|
|
7200
|
+
"attribute": "required",
|
|
7201
|
+
"type": {
|
|
7202
|
+
"text": "boolean"
|
|
7203
|
+
},
|
|
7204
|
+
"default": "false",
|
|
7205
|
+
"description": "Marca el campo como obligatorio y lo integra en la validación del formulario."
|
|
7206
|
+
},
|
|
7207
|
+
{
|
|
7208
|
+
"kind": "field",
|
|
7209
|
+
"name": "readonly",
|
|
7210
|
+
"attribute": "readonly",
|
|
7211
|
+
"type": {
|
|
7212
|
+
"text": "boolean"
|
|
7213
|
+
},
|
|
7214
|
+
"default": "false",
|
|
7215
|
+
"description": "Impide editar el valor sin sacarlo del envío ni atenuarlo como `disabled`."
|
|
7216
|
+
},
|
|
7217
|
+
{
|
|
7218
|
+
"kind": "field",
|
|
7219
|
+
"name": "minlength",
|
|
7220
|
+
"attribute": "minlength",
|
|
7221
|
+
"type": {
|
|
7222
|
+
"text": "number | null"
|
|
7223
|
+
},
|
|
7224
|
+
"default": "null",
|
|
7225
|
+
"description": "Mínimo de caracteres aceptados."
|
|
7226
|
+
},
|
|
7227
|
+
{
|
|
7228
|
+
"kind": "field",
|
|
7229
|
+
"name": "autocomplete",
|
|
7230
|
+
"attribute": "autocomplete",
|
|
7231
|
+
"type": {
|
|
7232
|
+
"text": "string"
|
|
7233
|
+
},
|
|
7234
|
+
"default": "''",
|
|
7235
|
+
"description": "Pista de autocompletado del navegador."
|
|
7236
|
+
},
|
|
7037
7237
|
{
|
|
7038
7238
|
"kind": "field",
|
|
7039
7239
|
"name": "noCounter",
|
|
@@ -7113,6 +7313,16 @@
|
|
|
7113
7313
|
},
|
|
7114
7314
|
"default": "''",
|
|
7115
7315
|
"description": "Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante."
|
|
7316
|
+
},
|
|
7317
|
+
{
|
|
7318
|
+
"kind": "method",
|
|
7319
|
+
"name": "checkValidity",
|
|
7320
|
+
"description": "Método público checkValidity."
|
|
7321
|
+
},
|
|
7322
|
+
{
|
|
7323
|
+
"kind": "method",
|
|
7324
|
+
"name": "reportValidity",
|
|
7325
|
+
"description": "Método público reportValidity."
|
|
7116
7326
|
}
|
|
7117
7327
|
],
|
|
7118
7328
|
"events": [],
|