@moni-labs/moni-ui 0.4.6 → 0.4.7
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 +181 -1
- package/dist/browser/moni-ui.iife.min.js +289 -274
- 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 +1462 -1372
- 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-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-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 +178 -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/select.md +15 -1
- package/docs/components/text-field.md +89 -1
- package/docs/components/textarea.md +34 -1
- package/package.json +1 -1
- package/src/components/moni-color-field.ts +1 -0
- 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
|
@@ -4765,6 +4765,16 @@
|
|
|
4765
4765
|
"default": "false",
|
|
4766
4766
|
"description": "Deshabilita el campo select."
|
|
4767
4767
|
},
|
|
4768
|
+
{
|
|
4769
|
+
"kind": "field",
|
|
4770
|
+
"name": "required",
|
|
4771
|
+
"attribute": "required",
|
|
4772
|
+
"type": {
|
|
4773
|
+
"text": "boolean"
|
|
4774
|
+
},
|
|
4775
|
+
"default": "false",
|
|
4776
|
+
"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."
|
|
4777
|
+
},
|
|
4768
4778
|
{
|
|
4769
4779
|
"kind": "field",
|
|
4770
4780
|
"name": "loading",
|
|
@@ -4914,6 +4924,16 @@
|
|
|
4914
4924
|
},
|
|
4915
4925
|
"default": "''",
|
|
4916
4926
|
"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."
|
|
4927
|
+
},
|
|
4928
|
+
{
|
|
4929
|
+
"kind": "method",
|
|
4930
|
+
"name": "checkValidity",
|
|
4931
|
+
"description": "Método público checkValidity."
|
|
4932
|
+
},
|
|
4933
|
+
{
|
|
4934
|
+
"kind": "method",
|
|
4935
|
+
"name": "reportValidity",
|
|
4936
|
+
"description": "Método público reportValidity."
|
|
4917
4937
|
}
|
|
4918
4938
|
],
|
|
4919
4939
|
"events": [],
|
|
@@ -6593,7 +6613,7 @@
|
|
|
6593
6613
|
"name": "type",
|
|
6594
6614
|
"attribute": "type",
|
|
6595
6615
|
"type": {
|
|
6596
|
-
"text": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search'"
|
|
6616
|
+
"text": "'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'color'"
|
|
6597
6617
|
},
|
|
6598
6618
|
"default": "'text'",
|
|
6599
6619
|
"description": "El tipo de input HTML nativo."
|
|
@@ -6728,6 +6748,106 @@
|
|
|
6728
6748
|
"default": "''",
|
|
6729
6749
|
"description": "Texto de marcador de posición (placeholder) mostrado cuando el input está vacío y la etiqueta es flotante."
|
|
6730
6750
|
},
|
|
6751
|
+
{
|
|
6752
|
+
"kind": "field",
|
|
6753
|
+
"name": "required",
|
|
6754
|
+
"attribute": "required",
|
|
6755
|
+
"type": {
|
|
6756
|
+
"text": "boolean"
|
|
6757
|
+
},
|
|
6758
|
+
"default": "false",
|
|
6759
|
+
"description": "Marca el campo como obligatorio y lo integra en la validación del formulario."
|
|
6760
|
+
},
|
|
6761
|
+
{
|
|
6762
|
+
"kind": "field",
|
|
6763
|
+
"name": "readonly",
|
|
6764
|
+
"attribute": "readonly",
|
|
6765
|
+
"type": {
|
|
6766
|
+
"text": "boolean"
|
|
6767
|
+
},
|
|
6768
|
+
"default": "false",
|
|
6769
|
+
"description": "Impide editar el valor sin sacarlo del envío ni atenuarlo como `disabled`."
|
|
6770
|
+
},
|
|
6771
|
+
{
|
|
6772
|
+
"kind": "field",
|
|
6773
|
+
"name": "autocomplete",
|
|
6774
|
+
"attribute": "autocomplete",
|
|
6775
|
+
"type": {
|
|
6776
|
+
"text": "string"
|
|
6777
|
+
},
|
|
6778
|
+
"default": "''",
|
|
6779
|
+
"description": "Pista de autocompletado del navegador, por ejemplo `email` o `current-password`."
|
|
6780
|
+
},
|
|
6781
|
+
{
|
|
6782
|
+
"kind": "field",
|
|
6783
|
+
"name": "inputmode",
|
|
6784
|
+
"attribute": "inputmode",
|
|
6785
|
+
"type": {
|
|
6786
|
+
"text": "string"
|
|
6787
|
+
},
|
|
6788
|
+
"default": "''",
|
|
6789
|
+
"description": "Teclado virtual a mostrar en móvil, por ejemplo `numeric` o `tel`."
|
|
6790
|
+
},
|
|
6791
|
+
{
|
|
6792
|
+
"kind": "field",
|
|
6793
|
+
"name": "maxlength",
|
|
6794
|
+
"attribute": "maxlength",
|
|
6795
|
+
"type": {
|
|
6796
|
+
"text": "number | null"
|
|
6797
|
+
},
|
|
6798
|
+
"default": "null",
|
|
6799
|
+
"description": "Máximo de caracteres aceptados."
|
|
6800
|
+
},
|
|
6801
|
+
{
|
|
6802
|
+
"kind": "field",
|
|
6803
|
+
"name": "minlength",
|
|
6804
|
+
"attribute": "minlength",
|
|
6805
|
+
"type": {
|
|
6806
|
+
"text": "number | null"
|
|
6807
|
+
},
|
|
6808
|
+
"default": "null",
|
|
6809
|
+
"description": "Mínimo de caracteres aceptados."
|
|
6810
|
+
},
|
|
6811
|
+
{
|
|
6812
|
+
"kind": "field",
|
|
6813
|
+
"name": "min",
|
|
6814
|
+
"attribute": "min",
|
|
6815
|
+
"type": {
|
|
6816
|
+
"text": "string"
|
|
6817
|
+
},
|
|
6818
|
+
"default": "''",
|
|
6819
|
+
"description": "Valor mínimo para `number` y los tipos de fecha y hora."
|
|
6820
|
+
},
|
|
6821
|
+
{
|
|
6822
|
+
"kind": "field",
|
|
6823
|
+
"name": "max",
|
|
6824
|
+
"attribute": "max",
|
|
6825
|
+
"type": {
|
|
6826
|
+
"text": "string"
|
|
6827
|
+
},
|
|
6828
|
+
"default": "''",
|
|
6829
|
+
"description": "Valor máximo para `number` y los tipos de fecha y hora."
|
|
6830
|
+
},
|
|
6831
|
+
{
|
|
6832
|
+
"kind": "field",
|
|
6833
|
+
"name": "step",
|
|
6834
|
+
"attribute": "step",
|
|
6835
|
+
"type": {
|
|
6836
|
+
"text": "string"
|
|
6837
|
+
},
|
|
6838
|
+
"default": "''",
|
|
6839
|
+
"description": "Incremento para `number` y los tipos de fecha y hora."
|
|
6840
|
+
},
|
|
6841
|
+
{
|
|
6842
|
+
"kind": "field",
|
|
6843
|
+
"name": "pattern",
|
|
6844
|
+
"attribute": "pattern",
|
|
6845
|
+
"type": {
|
|
6846
|
+
"text": "string"
|
|
6847
|
+
},
|
|
6848
|
+
"default": "''",
|
|
6849
|
+
"description": "Expresión regular que debe cumplir el valor."
|
|
6850
|
+
},
|
|
6731
6851
|
{
|
|
6732
6852
|
"kind": "field",
|
|
6733
6853
|
"name": "mask",
|
|
@@ -6812,6 +6932,16 @@
|
|
|
6812
6932
|
"kind": "method",
|
|
6813
6933
|
"name": "removeMask",
|
|
6814
6934
|
"description": "Método público removeMask."
|
|
6935
|
+
},
|
|
6936
|
+
{
|
|
6937
|
+
"kind": "method",
|
|
6938
|
+
"name": "checkValidity",
|
|
6939
|
+
"description": "Método público checkValidity."
|
|
6940
|
+
},
|
|
6941
|
+
{
|
|
6942
|
+
"kind": "method",
|
|
6943
|
+
"name": "reportValidity",
|
|
6944
|
+
"description": "Método público reportValidity."
|
|
6815
6945
|
}
|
|
6816
6946
|
],
|
|
6817
6947
|
"events": [
|
|
@@ -7034,6 +7164,46 @@
|
|
|
7034
7164
|
"default": "null",
|
|
7035
7165
|
"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
7166
|
},
|
|
7167
|
+
{
|
|
7168
|
+
"kind": "field",
|
|
7169
|
+
"name": "required",
|
|
7170
|
+
"attribute": "required",
|
|
7171
|
+
"type": {
|
|
7172
|
+
"text": "boolean"
|
|
7173
|
+
},
|
|
7174
|
+
"default": "false",
|
|
7175
|
+
"description": "Marca el campo como obligatorio y lo integra en la validación del formulario."
|
|
7176
|
+
},
|
|
7177
|
+
{
|
|
7178
|
+
"kind": "field",
|
|
7179
|
+
"name": "readonly",
|
|
7180
|
+
"attribute": "readonly",
|
|
7181
|
+
"type": {
|
|
7182
|
+
"text": "boolean"
|
|
7183
|
+
},
|
|
7184
|
+
"default": "false",
|
|
7185
|
+
"description": "Impide editar el valor sin sacarlo del envío ni atenuarlo como `disabled`."
|
|
7186
|
+
},
|
|
7187
|
+
{
|
|
7188
|
+
"kind": "field",
|
|
7189
|
+
"name": "minlength",
|
|
7190
|
+
"attribute": "minlength",
|
|
7191
|
+
"type": {
|
|
7192
|
+
"text": "number | null"
|
|
7193
|
+
},
|
|
7194
|
+
"default": "null",
|
|
7195
|
+
"description": "Mínimo de caracteres aceptados."
|
|
7196
|
+
},
|
|
7197
|
+
{
|
|
7198
|
+
"kind": "field",
|
|
7199
|
+
"name": "autocomplete",
|
|
7200
|
+
"attribute": "autocomplete",
|
|
7201
|
+
"type": {
|
|
7202
|
+
"text": "string"
|
|
7203
|
+
},
|
|
7204
|
+
"default": "''",
|
|
7205
|
+
"description": "Pista de autocompletado del navegador."
|
|
7206
|
+
},
|
|
7037
7207
|
{
|
|
7038
7208
|
"kind": "field",
|
|
7039
7209
|
"name": "noCounter",
|
|
@@ -7113,6 +7283,16 @@
|
|
|
7113
7283
|
},
|
|
7114
7284
|
"default": "''",
|
|
7115
7285
|
"description": "Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante."
|
|
7286
|
+
},
|
|
7287
|
+
{
|
|
7288
|
+
"kind": "method",
|
|
7289
|
+
"name": "checkValidity",
|
|
7290
|
+
"description": "Método público checkValidity."
|
|
7291
|
+
},
|
|
7292
|
+
{
|
|
7293
|
+
"kind": "method",
|
|
7294
|
+
"name": "reportValidity",
|
|
7295
|
+
"description": "Método público reportValidity."
|
|
7116
7296
|
}
|
|
7117
7297
|
],
|
|
7118
7298
|
"events": [],
|