@umbraco-ui/uui 0.0.12 → 0.1.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/custom-elements.json +973 -208
- package/dist/uui.min.js +202 -198
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +11 -0
- package/lib/index.js +11 -0
- package/package.json +65 -59
package/custom-elements.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"slots": [
|
|
15
15
|
{
|
|
16
16
|
"name": "",
|
|
17
|
-
"description": "for buttons"
|
|
17
|
+
"description": "The slot for buttons. It supports `<uui-button>` elements out of the box."
|
|
18
18
|
}
|
|
19
19
|
]
|
|
20
20
|
},
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"slots": [
|
|
48
48
|
{
|
|
49
49
|
"name": "",
|
|
50
|
-
"description": "
|
|
50
|
+
"description": "Insert the `<uui-avatar>` elements in the default slot"
|
|
51
51
|
}
|
|
52
52
|
]
|
|
53
53
|
},
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
"slots": [
|
|
166
166
|
{
|
|
167
167
|
"name": "",
|
|
168
|
-
"description": "for badge contents"
|
|
168
|
+
"description": "The slot for badge contents"
|
|
169
169
|
}
|
|
170
170
|
]
|
|
171
171
|
},
|
|
@@ -173,25 +173,46 @@
|
|
|
173
173
|
"name": "uui-box",
|
|
174
174
|
"path": "./../uui-box/lib/uui-box.element.ts",
|
|
175
175
|
"description": "A box for grouping elements",
|
|
176
|
+
"attributes": [
|
|
177
|
+
{
|
|
178
|
+
"name": "headline",
|
|
179
|
+
"description": "Headline for this box, can also be set via the 'box' slot.",
|
|
180
|
+
"type": "string | null",
|
|
181
|
+
"default": "\"null\""
|
|
182
|
+
}
|
|
183
|
+
],
|
|
176
184
|
"properties": [
|
|
177
185
|
{
|
|
178
186
|
"name": "styles",
|
|
179
187
|
"type": "CSSResult[]",
|
|
180
|
-
"default": "[null]"
|
|
188
|
+
"default": "[\"UUITextStyles\",null]"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "headline",
|
|
192
|
+
"attribute": "headline",
|
|
193
|
+
"description": "Headline for this box, can also be set via the 'box' slot.",
|
|
194
|
+
"type": "string | null",
|
|
195
|
+
"default": "\"null\""
|
|
181
196
|
}
|
|
182
197
|
],
|
|
183
198
|
"slots": [
|
|
184
199
|
{
|
|
185
|
-
"name": "
|
|
186
|
-
"description": "
|
|
200
|
+
"name": "headline",
|
|
201
|
+
"description": "headline area"
|
|
187
202
|
},
|
|
188
203
|
{
|
|
189
|
-
"name": "
|
|
190
|
-
"description": "
|
|
204
|
+
"name": "header",
|
|
205
|
+
"description": "headline area"
|
|
191
206
|
},
|
|
192
207
|
{
|
|
193
|
-
"name": "",
|
|
194
|
-
"description": "area
|
|
208
|
+
"name": "default",
|
|
209
|
+
"description": "area for the content of the box"
|
|
210
|
+
}
|
|
211
|
+
],
|
|
212
|
+
"cssProperties": [
|
|
213
|
+
{
|
|
214
|
+
"name": "--uui-box-default-padding",
|
|
215
|
+
"description": "overwrite the box padding"
|
|
195
216
|
}
|
|
196
217
|
]
|
|
197
218
|
},
|
|
@@ -237,7 +258,7 @@
|
|
|
237
258
|
"slots": [
|
|
238
259
|
{
|
|
239
260
|
"name": "",
|
|
240
|
-
"description": "
|
|
261
|
+
"description": "This slot displays elements inside the breadcrumb"
|
|
241
262
|
}
|
|
242
263
|
],
|
|
243
264
|
"cssParts": [
|
|
@@ -261,7 +282,7 @@
|
|
|
261
282
|
"slots": [
|
|
262
283
|
{
|
|
263
284
|
"name": "",
|
|
264
|
-
"description": "to display nested breadcrumb items"
|
|
285
|
+
"description": "Slot to display nested breadcrumb items. It supports `<uui-breadcrumb-item>` elements or elements containing the `role=\"listitem\"` attribute"
|
|
265
286
|
}
|
|
266
287
|
]
|
|
267
288
|
},
|
|
@@ -279,7 +300,7 @@
|
|
|
279
300
|
"slots": [
|
|
280
301
|
{
|
|
281
302
|
"name": "",
|
|
282
|
-
"description": "for buttons"
|
|
303
|
+
"description": "The slot for buttons. It supports `<uui-button>` elements out of the box."
|
|
283
304
|
}
|
|
284
305
|
]
|
|
285
306
|
},
|
|
@@ -287,16 +308,16 @@
|
|
|
287
308
|
"name": "uui-inline-create-button",
|
|
288
309
|
"path": "./../uui-button-inline-create/lib/uui-button-inline-create.element.ts",
|
|
289
310
|
"attributes": [
|
|
290
|
-
{
|
|
291
|
-
"name": "vertical",
|
|
292
|
-
"description": "display vertical version of the button",
|
|
293
|
-
"type": "Boolean",
|
|
294
|
-
"default": "false"
|
|
295
|
-
},
|
|
296
311
|
{
|
|
297
312
|
"name": "label",
|
|
298
313
|
"description": "Label to be used for aria-label and eventually as visual label",
|
|
299
314
|
"type": "string"
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"name": "vertical",
|
|
318
|
+
"description": "Place the button vertically",
|
|
319
|
+
"type": "Boolean",
|
|
320
|
+
"default": "false"
|
|
300
321
|
}
|
|
301
322
|
],
|
|
302
323
|
"properties": [
|
|
@@ -306,22 +327,17 @@
|
|
|
306
327
|
"default": "[\"UUIBlinkKeyframes\",null]"
|
|
307
328
|
},
|
|
308
329
|
{
|
|
309
|
-
"name": "
|
|
310
|
-
"
|
|
311
|
-
"
|
|
330
|
+
"name": "label",
|
|
331
|
+
"attribute": "label",
|
|
332
|
+
"description": "Label to be used for aria-label and eventually as visual label",
|
|
333
|
+
"type": "string"
|
|
312
334
|
},
|
|
313
335
|
{
|
|
314
336
|
"name": "vertical",
|
|
315
337
|
"attribute": "vertical",
|
|
316
|
-
"description": "
|
|
338
|
+
"description": "Place the button vertically",
|
|
317
339
|
"type": "Boolean",
|
|
318
340
|
"default": "false"
|
|
319
|
-
},
|
|
320
|
-
{
|
|
321
|
-
"name": "label",
|
|
322
|
-
"attribute": "label",
|
|
323
|
-
"description": "Label to be used for aria-label and eventually as visual label",
|
|
324
|
-
"type": "string"
|
|
325
341
|
}
|
|
326
342
|
],
|
|
327
343
|
"events": [
|
|
@@ -335,16 +351,16 @@
|
|
|
335
351
|
"name": "uui-button-inline-create",
|
|
336
352
|
"path": "./../uui-button-inline-create/lib/uui-button-inline-create.element.ts",
|
|
337
353
|
"attributes": [
|
|
338
|
-
{
|
|
339
|
-
"name": "vertical",
|
|
340
|
-
"description": "display vertical version of the button",
|
|
341
|
-
"type": "Boolean",
|
|
342
|
-
"default": "false"
|
|
343
|
-
},
|
|
344
354
|
{
|
|
345
355
|
"name": "label",
|
|
346
356
|
"description": "Label to be used for aria-label and eventually as visual label",
|
|
347
357
|
"type": "string"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "vertical",
|
|
361
|
+
"description": "Place the button vertically",
|
|
362
|
+
"type": "Boolean",
|
|
363
|
+
"default": "false"
|
|
348
364
|
}
|
|
349
365
|
],
|
|
350
366
|
"properties": [
|
|
@@ -354,22 +370,17 @@
|
|
|
354
370
|
"default": "[\"UUIBlinkKeyframes\",null]"
|
|
355
371
|
},
|
|
356
372
|
{
|
|
357
|
-
"name": "
|
|
358
|
-
"
|
|
359
|
-
"
|
|
373
|
+
"name": "label",
|
|
374
|
+
"attribute": "label",
|
|
375
|
+
"description": "Label to be used for aria-label and eventually as visual label",
|
|
376
|
+
"type": "string"
|
|
360
377
|
},
|
|
361
378
|
{
|
|
362
379
|
"name": "vertical",
|
|
363
380
|
"attribute": "vertical",
|
|
364
|
-
"description": "
|
|
381
|
+
"description": "Place the button vertically",
|
|
365
382
|
"type": "Boolean",
|
|
366
383
|
"default": "false"
|
|
367
|
-
},
|
|
368
|
-
{
|
|
369
|
-
"name": "label",
|
|
370
|
-
"attribute": "label",
|
|
371
|
-
"description": "Label to be used for aria-label and eventually as visual label",
|
|
372
|
-
"type": "string"
|
|
373
384
|
}
|
|
374
385
|
],
|
|
375
386
|
"events": [
|
|
@@ -480,13 +491,13 @@
|
|
|
480
491
|
}
|
|
481
492
|
],
|
|
482
493
|
"slots": [
|
|
483
|
-
{
|
|
484
|
-
"name": "",
|
|
485
|
-
"description": "for button contents"
|
|
486
|
-
},
|
|
487
494
|
{
|
|
488
495
|
"name": "extra",
|
|
489
496
|
"description": "for extra"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "",
|
|
500
|
+
"description": "Override the default label"
|
|
490
501
|
}
|
|
491
502
|
],
|
|
492
503
|
"cssProperties": [
|
|
@@ -641,16 +652,30 @@
|
|
|
641
652
|
},
|
|
642
653
|
{
|
|
643
654
|
"name": "selected",
|
|
644
|
-
"description": "fires when the card is selected"
|
|
645
|
-
},
|
|
646
|
-
{
|
|
647
|
-
"name": "select",
|
|
648
655
|
"description": "fires when the media card is selected"
|
|
649
656
|
},
|
|
650
657
|
{
|
|
651
|
-
"name": "
|
|
658
|
+
"name": "unselected",
|
|
652
659
|
"description": "fires when the media card is unselected"
|
|
653
660
|
}
|
|
661
|
+
],
|
|
662
|
+
"slots": [
|
|
663
|
+
{
|
|
664
|
+
"name": "",
|
|
665
|
+
"description": "slot for the default content area"
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "icon",
|
|
669
|
+
"description": "slot for the icon with support for `<uui-icon>` elements"
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"name": "tag",
|
|
673
|
+
"description": "slot for the tag with support for `<uui-tag>` elements"
|
|
674
|
+
},
|
|
675
|
+
{
|
|
676
|
+
"name": "actions",
|
|
677
|
+
"description": "slot for the actions with support for the `<uui-action-bar>` element"
|
|
678
|
+
}
|
|
654
679
|
]
|
|
655
680
|
},
|
|
656
681
|
{
|
|
@@ -755,20 +780,30 @@
|
|
|
755
780
|
"events": [
|
|
756
781
|
{
|
|
757
782
|
"name": "open",
|
|
758
|
-
"description": "fires when the
|
|
783
|
+
"description": "fires when the card title is clicked"
|
|
759
784
|
},
|
|
760
785
|
{
|
|
761
786
|
"name": "selected",
|
|
762
|
-
"description": "fires when the card is selected"
|
|
763
|
-
},
|
|
764
|
-
{
|
|
765
|
-
"name": "select",
|
|
766
787
|
"description": "fires when the media card is selected"
|
|
767
788
|
},
|
|
768
789
|
{
|
|
769
|
-
"name": "
|
|
790
|
+
"name": "unselected",
|
|
770
791
|
"description": "fires when the media card is unselected"
|
|
771
792
|
}
|
|
793
|
+
],
|
|
794
|
+
"slots": [
|
|
795
|
+
{
|
|
796
|
+
"name": "tag",
|
|
797
|
+
"description": "slot for the tag with support for `<uui-tag>` elements"
|
|
798
|
+
},
|
|
799
|
+
{
|
|
800
|
+
"name": "actions",
|
|
801
|
+
"description": "slot for the actions with support for the `<uui-action-bar>` element"
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "",
|
|
805
|
+
"description": "slot for the default content area"
|
|
806
|
+
}
|
|
772
807
|
]
|
|
773
808
|
},
|
|
774
809
|
{
|
|
@@ -860,20 +895,30 @@
|
|
|
860
895
|
"events": [
|
|
861
896
|
{
|
|
862
897
|
"name": "open",
|
|
863
|
-
"description": "fires when the
|
|
898
|
+
"description": "fires when the card title is clicked"
|
|
864
899
|
},
|
|
865
900
|
{
|
|
866
901
|
"name": "selected",
|
|
867
|
-
"description": "fires when the card is selected"
|
|
868
|
-
},
|
|
869
|
-
{
|
|
870
|
-
"name": "select",
|
|
871
902
|
"description": "fires when the media card is selected"
|
|
872
903
|
},
|
|
873
904
|
{
|
|
874
|
-
"name": "
|
|
905
|
+
"name": "unselected",
|
|
875
906
|
"description": "fires when the media card is unselected"
|
|
876
907
|
}
|
|
908
|
+
],
|
|
909
|
+
"slots": [
|
|
910
|
+
{
|
|
911
|
+
"name": "",
|
|
912
|
+
"description": "slot for the default content area"
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"name": "tag",
|
|
916
|
+
"description": "slot for the tag with support for `<uui-tag>` elements"
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"name": "actions",
|
|
920
|
+
"description": "slot for the actions with support for the `<uui-action-bar>` element"
|
|
921
|
+
}
|
|
877
922
|
]
|
|
878
923
|
},
|
|
879
924
|
{
|
|
@@ -952,14 +997,14 @@
|
|
|
952
997
|
"events": [
|
|
953
998
|
{
|
|
954
999
|
"name": "open",
|
|
955
|
-
"description": "fires when the
|
|
1000
|
+
"description": "fires when the card title is clicked"
|
|
956
1001
|
},
|
|
957
1002
|
{
|
|
958
|
-
"name": "
|
|
1003
|
+
"name": "selected",
|
|
959
1004
|
"description": "fires when the media card is selected"
|
|
960
1005
|
},
|
|
961
1006
|
{
|
|
962
|
-
"name": "
|
|
1007
|
+
"name": "unselected",
|
|
963
1008
|
"description": "fires when the media card is unselected"
|
|
964
1009
|
}
|
|
965
1010
|
]
|
|
@@ -967,7 +1012,7 @@
|
|
|
967
1012
|
{
|
|
968
1013
|
"name": "uui-caret",
|
|
969
1014
|
"path": "./../uui-caret/lib/uui-caret.element.ts",
|
|
970
|
-
"description": "A caret that rotates on click. Color will be `currentColor`",
|
|
1015
|
+
"description": "DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`",
|
|
971
1016
|
"attributes": [
|
|
972
1017
|
{
|
|
973
1018
|
"name": "open",
|
|
@@ -989,7 +1034,9 @@
|
|
|
989
1034
|
"type": "boolean",
|
|
990
1035
|
"default": "\"false\""
|
|
991
1036
|
}
|
|
992
|
-
]
|
|
1037
|
+
],
|
|
1038
|
+
"deprecated": true,
|
|
1039
|
+
"deprecatedMessage": "since version 0.0.8"
|
|
993
1040
|
},
|
|
994
1041
|
{
|
|
995
1042
|
"name": "uui-checkbox",
|
|
@@ -1041,18 +1088,20 @@
|
|
|
1041
1088
|
{
|
|
1042
1089
|
"name": "required-message",
|
|
1043
1090
|
"description": "Required validation message.",
|
|
1044
|
-
"type": "
|
|
1091
|
+
"type": "string",
|
|
1092
|
+
"default": "\"This field is required\""
|
|
1045
1093
|
},
|
|
1046
1094
|
{
|
|
1047
1095
|
"name": "error",
|
|
1048
1096
|
"description": "Apply custom error on this input.",
|
|
1049
1097
|
"type": "boolean",
|
|
1050
|
-
"default": "
|
|
1098
|
+
"default": "false"
|
|
1051
1099
|
},
|
|
1052
1100
|
{
|
|
1053
1101
|
"name": "error-message",
|
|
1054
1102
|
"description": "Custom error message.",
|
|
1055
|
-
"type": "
|
|
1103
|
+
"type": "string",
|
|
1104
|
+
"default": "\"This field is invalid\""
|
|
1056
1105
|
},
|
|
1057
1106
|
{
|
|
1058
1107
|
"name": "label",
|
|
@@ -1125,20 +1174,22 @@
|
|
|
1125
1174
|
"name": "requiredMessage",
|
|
1126
1175
|
"attribute": "required-message",
|
|
1127
1176
|
"description": "Required validation message.",
|
|
1128
|
-
"type": "
|
|
1177
|
+
"type": "string",
|
|
1178
|
+
"default": "\"This field is required\""
|
|
1129
1179
|
},
|
|
1130
1180
|
{
|
|
1131
1181
|
"name": "error",
|
|
1132
1182
|
"attribute": "error",
|
|
1133
1183
|
"description": "Apply custom error on this input.",
|
|
1134
1184
|
"type": "boolean",
|
|
1135
|
-
"default": "
|
|
1185
|
+
"default": "false"
|
|
1136
1186
|
},
|
|
1137
1187
|
{
|
|
1138
1188
|
"name": "errorMessage",
|
|
1139
1189
|
"attribute": "error-message",
|
|
1140
1190
|
"description": "Custom error message.",
|
|
1141
|
-
"type": "
|
|
1191
|
+
"type": "string",
|
|
1192
|
+
"default": "\"This field is invalid\""
|
|
1142
1193
|
},
|
|
1143
1194
|
{
|
|
1144
1195
|
"name": "validationMessage"
|
|
@@ -1159,7 +1210,7 @@
|
|
|
1159
1210
|
"slots": [
|
|
1160
1211
|
{
|
|
1161
1212
|
"name": "",
|
|
1162
|
-
"description": "
|
|
1213
|
+
"description": "Override the default label"
|
|
1163
1214
|
}
|
|
1164
1215
|
],
|
|
1165
1216
|
"cssProperties": [
|
|
@@ -1196,7 +1247,7 @@
|
|
|
1196
1247
|
],
|
|
1197
1248
|
"slots": [
|
|
1198
1249
|
{
|
|
1199
|
-
"name": "
|
|
1250
|
+
"name": "",
|
|
1200
1251
|
"description": "Use this for the text content"
|
|
1201
1252
|
},
|
|
1202
1253
|
{
|
|
@@ -1222,7 +1273,7 @@
|
|
|
1222
1273
|
"slots": [
|
|
1223
1274
|
{
|
|
1224
1275
|
"name": "",
|
|
1225
|
-
"description": "for dialog content"
|
|
1276
|
+
"description": "The slot for dialog content"
|
|
1226
1277
|
}
|
|
1227
1278
|
]
|
|
1228
1279
|
},
|
|
@@ -1255,6 +1306,14 @@
|
|
|
1255
1306
|
{
|
|
1256
1307
|
"name": "message",
|
|
1257
1308
|
"description": "for extras in the messages container"
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"name": "description",
|
|
1312
|
+
"description": "for extras in the description container"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"name": "label",
|
|
1316
|
+
"description": "for label contents"
|
|
1258
1317
|
}
|
|
1259
1318
|
]
|
|
1260
1319
|
},
|
|
@@ -1390,15 +1449,49 @@
|
|
|
1390
1449
|
]
|
|
1391
1450
|
},
|
|
1392
1451
|
{
|
|
1393
|
-
"name": "uui-input-
|
|
1394
|
-
"path": "./../uui-input-
|
|
1452
|
+
"name": "uui-input-lock",
|
|
1453
|
+
"path": "./../uui-input-lock/lib/uui-input-lock.element.ts",
|
|
1395
1454
|
"attributes": [
|
|
1455
|
+
{
|
|
1456
|
+
"name": "locked",
|
|
1457
|
+
"description": "Determine the inputs locked state.",
|
|
1458
|
+
"type": "boolean",
|
|
1459
|
+
"default": "\"true\""
|
|
1460
|
+
},
|
|
1461
|
+
{
|
|
1462
|
+
"name": "minlength",
|
|
1463
|
+
"description": "This is a minimum value of the input.",
|
|
1464
|
+
"type": "number",
|
|
1465
|
+
"default": "\"undefined\""
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "minlength-message",
|
|
1469
|
+
"description": "Minlength validation message.",
|
|
1470
|
+
"type": "boolean"
|
|
1471
|
+
},
|
|
1472
|
+
{
|
|
1473
|
+
"name": "maxlength",
|
|
1474
|
+
"description": "This is a maximum value of the input.",
|
|
1475
|
+
"type": "number",
|
|
1476
|
+
"default": "\"undefined\""
|
|
1477
|
+
},
|
|
1478
|
+
{
|
|
1479
|
+
"name": "maxlength-message",
|
|
1480
|
+
"description": "Maxlength validation message.",
|
|
1481
|
+
"type": "boolean"
|
|
1482
|
+
},
|
|
1396
1483
|
{
|
|
1397
1484
|
"name": "disabled",
|
|
1398
1485
|
"description": "Disables the input.",
|
|
1399
1486
|
"type": "boolean",
|
|
1400
1487
|
"default": "\"false\""
|
|
1401
1488
|
},
|
|
1489
|
+
{
|
|
1490
|
+
"name": "readonly",
|
|
1491
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
1492
|
+
"type": "boolean",
|
|
1493
|
+
"default": "true"
|
|
1494
|
+
},
|
|
1402
1495
|
{
|
|
1403
1496
|
"name": "label",
|
|
1404
1497
|
"description": "Label for input element.",
|
|
@@ -1443,26 +1536,61 @@
|
|
|
1443
1536
|
{
|
|
1444
1537
|
"name": "required-message",
|
|
1445
1538
|
"description": "Required validation message.",
|
|
1446
|
-
"type": "
|
|
1539
|
+
"type": "string",
|
|
1540
|
+
"default": "\"This field is required\""
|
|
1447
1541
|
},
|
|
1448
1542
|
{
|
|
1449
1543
|
"name": "error",
|
|
1450
1544
|
"description": "Apply custom error on this input.",
|
|
1451
1545
|
"type": "boolean",
|
|
1452
|
-
"default": "
|
|
1546
|
+
"default": "false"
|
|
1453
1547
|
},
|
|
1454
1548
|
{
|
|
1455
1549
|
"name": "error-message",
|
|
1456
1550
|
"description": "Custom error message.",
|
|
1457
|
-
"type": "
|
|
1551
|
+
"type": "string",
|
|
1552
|
+
"default": "\"This field is invalid\""
|
|
1458
1553
|
}
|
|
1459
1554
|
],
|
|
1460
1555
|
"properties": [
|
|
1556
|
+
{
|
|
1557
|
+
"name": "locked",
|
|
1558
|
+
"attribute": "locked",
|
|
1559
|
+
"description": "Determine the inputs locked state.",
|
|
1560
|
+
"type": "boolean",
|
|
1561
|
+
"default": "\"true\""
|
|
1562
|
+
},
|
|
1461
1563
|
{
|
|
1462
1564
|
"name": "styles",
|
|
1463
1565
|
"type": "CSSResult[]",
|
|
1464
1566
|
"default": "[null,null]"
|
|
1465
1567
|
},
|
|
1568
|
+
{
|
|
1569
|
+
"name": "minlength",
|
|
1570
|
+
"attribute": "minlength",
|
|
1571
|
+
"description": "This is a minimum value of the input.",
|
|
1572
|
+
"type": "number",
|
|
1573
|
+
"default": "\"undefined\""
|
|
1574
|
+
},
|
|
1575
|
+
{
|
|
1576
|
+
"name": "minlengthMessage",
|
|
1577
|
+
"attribute": "minlength-message",
|
|
1578
|
+
"description": "Minlength validation message.",
|
|
1579
|
+
"type": "boolean"
|
|
1580
|
+
},
|
|
1581
|
+
{
|
|
1582
|
+
"name": "maxlength",
|
|
1583
|
+
"attribute": "maxlength",
|
|
1584
|
+
"description": "This is a maximum value of the input.",
|
|
1585
|
+
"type": "number",
|
|
1586
|
+
"default": "\"undefined\""
|
|
1587
|
+
},
|
|
1588
|
+
{
|
|
1589
|
+
"name": "maxlengthMessage",
|
|
1590
|
+
"attribute": "maxlength-message",
|
|
1591
|
+
"description": "Maxlength validation message.",
|
|
1592
|
+
"type": "boolean"
|
|
1593
|
+
},
|
|
1466
1594
|
{
|
|
1467
1595
|
"name": "disabled",
|
|
1468
1596
|
"attribute": "disabled",
|
|
@@ -1470,6 +1598,13 @@
|
|
|
1470
1598
|
"type": "boolean",
|
|
1471
1599
|
"default": "\"false\""
|
|
1472
1600
|
},
|
|
1601
|
+
{
|
|
1602
|
+
"name": "readonly",
|
|
1603
|
+
"attribute": "readonly",
|
|
1604
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
1605
|
+
"type": "boolean",
|
|
1606
|
+
"default": "true"
|
|
1607
|
+
},
|
|
1473
1608
|
{
|
|
1474
1609
|
"name": "label",
|
|
1475
1610
|
"attribute": "label",
|
|
@@ -1528,20 +1663,22 @@
|
|
|
1528
1663
|
"name": "requiredMessage",
|
|
1529
1664
|
"attribute": "required-message",
|
|
1530
1665
|
"description": "Required validation message.",
|
|
1531
|
-
"type": "
|
|
1666
|
+
"type": "string",
|
|
1667
|
+
"default": "\"This field is required\""
|
|
1532
1668
|
},
|
|
1533
1669
|
{
|
|
1534
1670
|
"name": "error",
|
|
1535
1671
|
"attribute": "error",
|
|
1536
1672
|
"description": "Apply custom error on this input.",
|
|
1537
1673
|
"type": "boolean",
|
|
1538
|
-
"default": "
|
|
1674
|
+
"default": "false"
|
|
1539
1675
|
},
|
|
1540
1676
|
{
|
|
1541
1677
|
"name": "errorMessage",
|
|
1542
1678
|
"attribute": "error-message",
|
|
1543
1679
|
"description": "Custom error message.",
|
|
1544
|
-
"type": "
|
|
1680
|
+
"type": "string",
|
|
1681
|
+
"default": "\"This field is invalid\""
|
|
1545
1682
|
},
|
|
1546
1683
|
{
|
|
1547
1684
|
"name": "validationMessage"
|
|
@@ -1577,16 +1714,43 @@
|
|
|
1577
1714
|
]
|
|
1578
1715
|
},
|
|
1579
1716
|
{
|
|
1580
|
-
"name": "uui-input",
|
|
1581
|
-
"path": "./../uui-input/lib/uui-input.element.ts",
|
|
1582
|
-
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
|
|
1717
|
+
"name": "uui-input-password",
|
|
1718
|
+
"path": "./../uui-input-password/lib/uui-input-password.element.ts",
|
|
1583
1719
|
"attributes": [
|
|
1720
|
+
{
|
|
1721
|
+
"name": "minlength",
|
|
1722
|
+
"description": "This is a minimum value of the input.",
|
|
1723
|
+
"type": "number",
|
|
1724
|
+
"default": "\"undefined\""
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"name": "minlength-message",
|
|
1728
|
+
"description": "Minlength validation message.",
|
|
1729
|
+
"type": "boolean"
|
|
1730
|
+
},
|
|
1731
|
+
{
|
|
1732
|
+
"name": "maxlength",
|
|
1733
|
+
"description": "This is a maximum value of the input.",
|
|
1734
|
+
"type": "number",
|
|
1735
|
+
"default": "\"undefined\""
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"name": "maxlength-message",
|
|
1739
|
+
"description": "Maxlength validation message.",
|
|
1740
|
+
"type": "boolean"
|
|
1741
|
+
},
|
|
1584
1742
|
{
|
|
1585
1743
|
"name": "disabled",
|
|
1586
1744
|
"description": "Disables the input.",
|
|
1587
1745
|
"type": "boolean",
|
|
1588
1746
|
"default": "\"false\""
|
|
1589
1747
|
},
|
|
1748
|
+
{
|
|
1749
|
+
"name": "readonly",
|
|
1750
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
1751
|
+
"type": "boolean",
|
|
1752
|
+
"default": "\"false\""
|
|
1753
|
+
},
|
|
1590
1754
|
{
|
|
1591
1755
|
"name": "label",
|
|
1592
1756
|
"description": "Label for input element.",
|
|
@@ -1631,25 +1795,53 @@
|
|
|
1631
1795
|
{
|
|
1632
1796
|
"name": "required-message",
|
|
1633
1797
|
"description": "Required validation message.",
|
|
1634
|
-
"type": "
|
|
1798
|
+
"type": "string",
|
|
1799
|
+
"default": "\"This field is required\""
|
|
1635
1800
|
},
|
|
1636
1801
|
{
|
|
1637
1802
|
"name": "error",
|
|
1638
1803
|
"description": "Apply custom error on this input.",
|
|
1639
1804
|
"type": "boolean",
|
|
1640
|
-
"default": "
|
|
1805
|
+
"default": "false"
|
|
1641
1806
|
},
|
|
1642
1807
|
{
|
|
1643
1808
|
"name": "error-message",
|
|
1644
1809
|
"description": "Custom error message.",
|
|
1645
|
-
"type": "
|
|
1810
|
+
"type": "string",
|
|
1811
|
+
"default": "\"This field is invalid\""
|
|
1646
1812
|
}
|
|
1647
1813
|
],
|
|
1648
1814
|
"properties": [
|
|
1649
1815
|
{
|
|
1650
1816
|
"name": "styles",
|
|
1651
1817
|
"type": "CSSResult[]",
|
|
1652
|
-
"default": "[null]"
|
|
1818
|
+
"default": "[null,null]"
|
|
1819
|
+
},
|
|
1820
|
+
{
|
|
1821
|
+
"name": "minlength",
|
|
1822
|
+
"attribute": "minlength",
|
|
1823
|
+
"description": "This is a minimum value of the input.",
|
|
1824
|
+
"type": "number",
|
|
1825
|
+
"default": "\"undefined\""
|
|
1826
|
+
},
|
|
1827
|
+
{
|
|
1828
|
+
"name": "minlengthMessage",
|
|
1829
|
+
"attribute": "minlength-message",
|
|
1830
|
+
"description": "Minlength validation message.",
|
|
1831
|
+
"type": "boolean"
|
|
1832
|
+
},
|
|
1833
|
+
{
|
|
1834
|
+
"name": "maxlength",
|
|
1835
|
+
"attribute": "maxlength",
|
|
1836
|
+
"description": "This is a maximum value of the input.",
|
|
1837
|
+
"type": "number",
|
|
1838
|
+
"default": "\"undefined\""
|
|
1839
|
+
},
|
|
1840
|
+
{
|
|
1841
|
+
"name": "maxlengthMessage",
|
|
1842
|
+
"attribute": "maxlength-message",
|
|
1843
|
+
"description": "Maxlength validation message.",
|
|
1844
|
+
"type": "boolean"
|
|
1653
1845
|
},
|
|
1654
1846
|
{
|
|
1655
1847
|
"name": "disabled",
|
|
@@ -1658,6 +1850,13 @@
|
|
|
1658
1850
|
"type": "boolean",
|
|
1659
1851
|
"default": "\"false\""
|
|
1660
1852
|
},
|
|
1853
|
+
{
|
|
1854
|
+
"name": "readonly",
|
|
1855
|
+
"attribute": "readonly",
|
|
1856
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
1857
|
+
"type": "boolean",
|
|
1858
|
+
"default": "\"false\""
|
|
1859
|
+
},
|
|
1661
1860
|
{
|
|
1662
1861
|
"name": "label",
|
|
1663
1862
|
"attribute": "label",
|
|
@@ -1716,21 +1915,276 @@
|
|
|
1716
1915
|
"name": "requiredMessage",
|
|
1717
1916
|
"attribute": "required-message",
|
|
1718
1917
|
"description": "Required validation message.",
|
|
1719
|
-
"type": "
|
|
1918
|
+
"type": "string",
|
|
1919
|
+
"default": "\"This field is required\""
|
|
1720
1920
|
},
|
|
1721
1921
|
{
|
|
1722
1922
|
"name": "error",
|
|
1723
1923
|
"attribute": "error",
|
|
1724
1924
|
"description": "Apply custom error on this input.",
|
|
1725
1925
|
"type": "boolean",
|
|
1726
|
-
"default": "
|
|
1926
|
+
"default": "false"
|
|
1727
1927
|
},
|
|
1728
1928
|
{
|
|
1729
1929
|
"name": "errorMessage",
|
|
1730
1930
|
"attribute": "error-message",
|
|
1731
1931
|
"description": "Custom error message.",
|
|
1932
|
+
"type": "string",
|
|
1933
|
+
"default": "\"This field is invalid\""
|
|
1934
|
+
},
|
|
1935
|
+
{
|
|
1936
|
+
"name": "validationMessage"
|
|
1937
|
+
}
|
|
1938
|
+
],
|
|
1939
|
+
"events": [
|
|
1940
|
+
{
|
|
1941
|
+
"name": "change",
|
|
1942
|
+
"description": "on change"
|
|
1943
|
+
},
|
|
1944
|
+
{
|
|
1945
|
+
"name": "input",
|
|
1946
|
+
"description": "on input"
|
|
1947
|
+
},
|
|
1948
|
+
{
|
|
1949
|
+
"name": "keyup",
|
|
1950
|
+
"description": "on keyup"
|
|
1951
|
+
}
|
|
1952
|
+
],
|
|
1953
|
+
"slots": [
|
|
1954
|
+
{
|
|
1955
|
+
"name": "",
|
|
1956
|
+
"description": "input label - for the input label text."
|
|
1957
|
+
},
|
|
1958
|
+
{
|
|
1959
|
+
"name": "prepend",
|
|
1960
|
+
"description": "for components to render to the left of the input."
|
|
1961
|
+
},
|
|
1962
|
+
{
|
|
1963
|
+
"name": "append",
|
|
1964
|
+
"description": "for components to render to the right of the input."
|
|
1965
|
+
}
|
|
1966
|
+
]
|
|
1967
|
+
},
|
|
1968
|
+
{
|
|
1969
|
+
"name": "uui-input",
|
|
1970
|
+
"path": "./../uui-input/lib/uui-input.element.ts",
|
|
1971
|
+
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
|
|
1972
|
+
"attributes": [
|
|
1973
|
+
{
|
|
1974
|
+
"name": "minlength",
|
|
1975
|
+
"description": "This is a minimum value of the input.",
|
|
1976
|
+
"type": "number",
|
|
1977
|
+
"default": "\"undefined\""
|
|
1978
|
+
},
|
|
1979
|
+
{
|
|
1980
|
+
"name": "minlength-message",
|
|
1981
|
+
"description": "Minlength validation message.",
|
|
1732
1982
|
"type": "boolean"
|
|
1733
1983
|
},
|
|
1984
|
+
{
|
|
1985
|
+
"name": "maxlength",
|
|
1986
|
+
"description": "This is a maximum value of the input.",
|
|
1987
|
+
"type": "number",
|
|
1988
|
+
"default": "\"undefined\""
|
|
1989
|
+
},
|
|
1990
|
+
{
|
|
1991
|
+
"name": "maxlength-message",
|
|
1992
|
+
"description": "Maxlength validation message.",
|
|
1993
|
+
"type": "boolean"
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"name": "disabled",
|
|
1997
|
+
"description": "Disables the input.",
|
|
1998
|
+
"type": "boolean",
|
|
1999
|
+
"default": "\"false\""
|
|
2000
|
+
},
|
|
2001
|
+
{
|
|
2002
|
+
"name": "readonly",
|
|
2003
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
2004
|
+
"type": "boolean",
|
|
2005
|
+
"default": "\"false\""
|
|
2006
|
+
},
|
|
2007
|
+
{
|
|
2008
|
+
"name": "label",
|
|
2009
|
+
"description": "Label for input element.",
|
|
2010
|
+
"type": "string"
|
|
2011
|
+
},
|
|
2012
|
+
{
|
|
2013
|
+
"name": "placeholder",
|
|
2014
|
+
"description": "Defines the input placeholder.",
|
|
2015
|
+
"type": "string",
|
|
2016
|
+
"default": "\"''\""
|
|
2017
|
+
},
|
|
2018
|
+
{
|
|
2019
|
+
"name": "type",
|
|
2020
|
+
"description": "This property specifies the type of input that will be rendered.",
|
|
2021
|
+
"type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
|
|
2022
|
+
"default": "\"text\""
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"name": "name",
|
|
2026
|
+
"description": "This is a name property of the component.",
|
|
2027
|
+
"type": "string",
|
|
2028
|
+
"default": "\"''\""
|
|
2029
|
+
},
|
|
2030
|
+
{
|
|
2031
|
+
"name": "value",
|
|
2032
|
+
"description": "Value of this form control.",
|
|
2033
|
+
"type": "string",
|
|
2034
|
+
"default": "\"''\""
|
|
2035
|
+
},
|
|
2036
|
+
{
|
|
2037
|
+
"name": "pristine",
|
|
2038
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
2039
|
+
"type": "boolean",
|
|
2040
|
+
"default": "\"false\""
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"name": "required",
|
|
2044
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
2045
|
+
"type": "boolean",
|
|
2046
|
+
"default": "\"false\""
|
|
2047
|
+
},
|
|
2048
|
+
{
|
|
2049
|
+
"name": "required-message",
|
|
2050
|
+
"description": "Required validation message.",
|
|
2051
|
+
"type": "string",
|
|
2052
|
+
"default": "\"This field is required\""
|
|
2053
|
+
},
|
|
2054
|
+
{
|
|
2055
|
+
"name": "error",
|
|
2056
|
+
"description": "Apply custom error on this input.",
|
|
2057
|
+
"type": "boolean",
|
|
2058
|
+
"default": "false"
|
|
2059
|
+
},
|
|
2060
|
+
{
|
|
2061
|
+
"name": "error-message",
|
|
2062
|
+
"description": "Custom error message.",
|
|
2063
|
+
"type": "string",
|
|
2064
|
+
"default": "\"This field is invalid\""
|
|
2065
|
+
}
|
|
2066
|
+
],
|
|
2067
|
+
"properties": [
|
|
2068
|
+
{
|
|
2069
|
+
"name": "styles",
|
|
2070
|
+
"type": "CSSResult[]",
|
|
2071
|
+
"default": "[null]"
|
|
2072
|
+
},
|
|
2073
|
+
{
|
|
2074
|
+
"name": "minlength",
|
|
2075
|
+
"attribute": "minlength",
|
|
2076
|
+
"description": "This is a minimum value of the input.",
|
|
2077
|
+
"type": "number",
|
|
2078
|
+
"default": "\"undefined\""
|
|
2079
|
+
},
|
|
2080
|
+
{
|
|
2081
|
+
"name": "minlengthMessage",
|
|
2082
|
+
"attribute": "minlength-message",
|
|
2083
|
+
"description": "Minlength validation message.",
|
|
2084
|
+
"type": "boolean"
|
|
2085
|
+
},
|
|
2086
|
+
{
|
|
2087
|
+
"name": "maxlength",
|
|
2088
|
+
"attribute": "maxlength",
|
|
2089
|
+
"description": "This is a maximum value of the input.",
|
|
2090
|
+
"type": "number",
|
|
2091
|
+
"default": "\"undefined\""
|
|
2092
|
+
},
|
|
2093
|
+
{
|
|
2094
|
+
"name": "maxlengthMessage",
|
|
2095
|
+
"attribute": "maxlength-message",
|
|
2096
|
+
"description": "Maxlength validation message.",
|
|
2097
|
+
"type": "boolean"
|
|
2098
|
+
},
|
|
2099
|
+
{
|
|
2100
|
+
"name": "disabled",
|
|
2101
|
+
"attribute": "disabled",
|
|
2102
|
+
"description": "Disables the input.",
|
|
2103
|
+
"type": "boolean",
|
|
2104
|
+
"default": "\"false\""
|
|
2105
|
+
},
|
|
2106
|
+
{
|
|
2107
|
+
"name": "readonly",
|
|
2108
|
+
"attribute": "readonly",
|
|
2109
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
2110
|
+
"type": "boolean",
|
|
2111
|
+
"default": "\"false\""
|
|
2112
|
+
},
|
|
2113
|
+
{
|
|
2114
|
+
"name": "label",
|
|
2115
|
+
"attribute": "label",
|
|
2116
|
+
"description": "Label for input element.",
|
|
2117
|
+
"type": "string"
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"name": "placeholder",
|
|
2121
|
+
"attribute": "placeholder",
|
|
2122
|
+
"description": "Defines the input placeholder.",
|
|
2123
|
+
"type": "string",
|
|
2124
|
+
"default": "\"''\""
|
|
2125
|
+
},
|
|
2126
|
+
{
|
|
2127
|
+
"name": "type",
|
|
2128
|
+
"attribute": "type",
|
|
2129
|
+
"description": "This property specifies the type of input that will be rendered.",
|
|
2130
|
+
"type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
|
|
2131
|
+
"default": "\"text\""
|
|
2132
|
+
},
|
|
2133
|
+
{
|
|
2134
|
+
"name": "formAssociated",
|
|
2135
|
+
"description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/",
|
|
2136
|
+
"type": "boolean",
|
|
2137
|
+
"default": "true"
|
|
2138
|
+
},
|
|
2139
|
+
{
|
|
2140
|
+
"name": "name",
|
|
2141
|
+
"attribute": "name",
|
|
2142
|
+
"description": "This is a name property of the component.",
|
|
2143
|
+
"type": "string",
|
|
2144
|
+
"default": "\"''\""
|
|
2145
|
+
},
|
|
2146
|
+
{
|
|
2147
|
+
"name": "value",
|
|
2148
|
+
"attribute": "value",
|
|
2149
|
+
"description": "Value of this form control.",
|
|
2150
|
+
"type": "string",
|
|
2151
|
+
"default": "\"''\""
|
|
2152
|
+
},
|
|
2153
|
+
{
|
|
2154
|
+
"name": "pristine",
|
|
2155
|
+
"attribute": "pristine",
|
|
2156
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
2157
|
+
"type": "boolean",
|
|
2158
|
+
"default": "\"false\""
|
|
2159
|
+
},
|
|
2160
|
+
{
|
|
2161
|
+
"name": "required",
|
|
2162
|
+
"attribute": "required",
|
|
2163
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
2164
|
+
"type": "boolean",
|
|
2165
|
+
"default": "\"false\""
|
|
2166
|
+
},
|
|
2167
|
+
{
|
|
2168
|
+
"name": "requiredMessage",
|
|
2169
|
+
"attribute": "required-message",
|
|
2170
|
+
"description": "Required validation message.",
|
|
2171
|
+
"type": "string",
|
|
2172
|
+
"default": "\"This field is required\""
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"name": "error",
|
|
2176
|
+
"attribute": "error",
|
|
2177
|
+
"description": "Apply custom error on this input.",
|
|
2178
|
+
"type": "boolean",
|
|
2179
|
+
"default": "false"
|
|
2180
|
+
},
|
|
2181
|
+
{
|
|
2182
|
+
"name": "errorMessage",
|
|
2183
|
+
"attribute": "error-message",
|
|
2184
|
+
"description": "Custom error message.",
|
|
2185
|
+
"type": "string",
|
|
2186
|
+
"default": "\"This field is invalid\""
|
|
2187
|
+
},
|
|
1734
2188
|
{
|
|
1735
2189
|
"name": "validationMessage"
|
|
1736
2190
|
}
|
|
@@ -1955,7 +2409,7 @@
|
|
|
1955
2409
|
"attributes": [
|
|
1956
2410
|
{
|
|
1957
2411
|
"name": "disabled",
|
|
1958
|
-
"description": "Disables the menu item, changes the looks of it and prevents
|
|
2412
|
+
"description": "Disables the menu item, changes the looks of it and prevents it from emitting the click event",
|
|
1959
2413
|
"type": "boolean",
|
|
1960
2414
|
"default": "\"false\""
|
|
1961
2415
|
},
|
|
@@ -2007,12 +2461,13 @@
|
|
|
2007
2461
|
},
|
|
2008
2462
|
{
|
|
2009
2463
|
"name": "active",
|
|
2464
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
2010
2465
|
"type": "boolean",
|
|
2011
2466
|
"default": "false"
|
|
2012
2467
|
},
|
|
2013
2468
|
{
|
|
2014
2469
|
"name": "label",
|
|
2015
|
-
"description": "
|
|
2470
|
+
"description": "Label to be used for aria-label and eventually as visual label",
|
|
2016
2471
|
"type": "string"
|
|
2017
2472
|
}
|
|
2018
2473
|
],
|
|
@@ -2025,7 +2480,7 @@
|
|
|
2025
2480
|
{
|
|
2026
2481
|
"name": "disabled",
|
|
2027
2482
|
"attribute": "disabled",
|
|
2028
|
-
"description": "Disables the menu item, changes the looks of it and prevents
|
|
2483
|
+
"description": "Disables the menu item, changes the looks of it and prevents it from emitting the click event",
|
|
2029
2484
|
"type": "boolean",
|
|
2030
2485
|
"default": "\"false\""
|
|
2031
2486
|
},
|
|
@@ -2086,13 +2541,14 @@
|
|
|
2086
2541
|
{
|
|
2087
2542
|
"name": "active",
|
|
2088
2543
|
"attribute": "active",
|
|
2544
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
2089
2545
|
"type": "boolean",
|
|
2090
2546
|
"default": "false"
|
|
2091
2547
|
},
|
|
2092
2548
|
{
|
|
2093
2549
|
"name": "label",
|
|
2094
2550
|
"attribute": "label",
|
|
2095
|
-
"description": "
|
|
2551
|
+
"description": "Label to be used for aria-label and eventually as visual label",
|
|
2096
2552
|
"type": "string"
|
|
2097
2553
|
}
|
|
2098
2554
|
],
|
|
@@ -2108,12 +2564,20 @@
|
|
|
2108
2564
|
{
|
|
2109
2565
|
"name": "click-label",
|
|
2110
2566
|
"description": "fires when the label is clicked"
|
|
2567
|
+
},
|
|
2568
|
+
{
|
|
2569
|
+
"name": "selected",
|
|
2570
|
+
"description": "fires when the media card is selected"
|
|
2571
|
+
},
|
|
2572
|
+
{
|
|
2573
|
+
"name": "unselected",
|
|
2574
|
+
"description": "fires when the media card is unselected"
|
|
2111
2575
|
}
|
|
2112
2576
|
],
|
|
2113
2577
|
"slots": [
|
|
2114
2578
|
{
|
|
2115
2579
|
"name": "",
|
|
2116
|
-
"description": "
|
|
2580
|
+
"description": "nested menu items go here"
|
|
2117
2581
|
},
|
|
2118
2582
|
{
|
|
2119
2583
|
"name": "icon",
|
|
@@ -2122,6 +2586,10 @@
|
|
|
2122
2586
|
{
|
|
2123
2587
|
"name": "actions",
|
|
2124
2588
|
"description": "actions area"
|
|
2589
|
+
},
|
|
2590
|
+
{
|
|
2591
|
+
"name": "label",
|
|
2592
|
+
"description": "area to place the label"
|
|
2125
2593
|
}
|
|
2126
2594
|
],
|
|
2127
2595
|
"cssProperties": [
|
|
@@ -2200,6 +2668,70 @@
|
|
|
2200
2668
|
}
|
|
2201
2669
|
]
|
|
2202
2670
|
},
|
|
2671
|
+
{
|
|
2672
|
+
"name": "uui-popover",
|
|
2673
|
+
"path": "./../uui-popover/lib/uui-popover.element.ts",
|
|
2674
|
+
"attributes": [
|
|
2675
|
+
{
|
|
2676
|
+
"name": "margin",
|
|
2677
|
+
"description": "Set the distance between popover-modal and trigger.",
|
|
2678
|
+
"type": "number",
|
|
2679
|
+
"default": "\"false\""
|
|
2680
|
+
},
|
|
2681
|
+
{
|
|
2682
|
+
"name": "placement",
|
|
2683
|
+
"description": "Define the placement of the popover-modal.",
|
|
2684
|
+
"type": "PopoverPlacement",
|
|
2685
|
+
"default": "\"'bottom-start'\""
|
|
2686
|
+
},
|
|
2687
|
+
{
|
|
2688
|
+
"name": "open",
|
|
2689
|
+
"description": "Opens the popover-modal.",
|
|
2690
|
+
"type": "boolean",
|
|
2691
|
+
"default": "\"false\""
|
|
2692
|
+
}
|
|
2693
|
+
],
|
|
2694
|
+
"properties": [
|
|
2695
|
+
{
|
|
2696
|
+
"name": "styles",
|
|
2697
|
+
"type": "CSSResult[]",
|
|
2698
|
+
"default": "[null]"
|
|
2699
|
+
},
|
|
2700
|
+
{
|
|
2701
|
+
"name": "margin",
|
|
2702
|
+
"attribute": "margin",
|
|
2703
|
+
"description": "Set the distance between popover-modal and trigger.",
|
|
2704
|
+
"type": "number",
|
|
2705
|
+
"default": "\"false\""
|
|
2706
|
+
},
|
|
2707
|
+
{
|
|
2708
|
+
"name": "placement",
|
|
2709
|
+
"attribute": "placement",
|
|
2710
|
+
"description": "Define the placement of the popover-modal.",
|
|
2711
|
+
"type": "PopoverPlacement",
|
|
2712
|
+
"default": "\"'bottom-start'\""
|
|
2713
|
+
},
|
|
2714
|
+
{
|
|
2715
|
+
"name": "open",
|
|
2716
|
+
"attribute": "open",
|
|
2717
|
+
"description": "Opens the popover-modal.",
|
|
2718
|
+
"type": "boolean",
|
|
2719
|
+
"default": "\"false\""
|
|
2720
|
+
}
|
|
2721
|
+
],
|
|
2722
|
+
"events": [
|
|
2723
|
+
{
|
|
2724
|
+
"name": "close",
|
|
2725
|
+
"description": "When popover is closed by user interaction."
|
|
2726
|
+
}
|
|
2727
|
+
],
|
|
2728
|
+
"slots": [
|
|
2729
|
+
{
|
|
2730
|
+
"name": "trigger",
|
|
2731
|
+
"description": "The element that triggers the popover."
|
|
2732
|
+
}
|
|
2733
|
+
]
|
|
2734
|
+
},
|
|
2203
2735
|
{
|
|
2204
2736
|
"name": "uui-progress-bar",
|
|
2205
2737
|
"path": "./../uui-progress-bar/lib/uui-progress-bar.element.ts",
|
|
@@ -2263,18 +2795,20 @@
|
|
|
2263
2795
|
{
|
|
2264
2796
|
"name": "required-message",
|
|
2265
2797
|
"description": "Required validation message.",
|
|
2266
|
-
"type": "
|
|
2798
|
+
"type": "string",
|
|
2799
|
+
"default": "\"This field is required\""
|
|
2267
2800
|
},
|
|
2268
2801
|
{
|
|
2269
2802
|
"name": "error",
|
|
2270
2803
|
"description": "Apply custom error on this input.",
|
|
2271
2804
|
"type": "boolean",
|
|
2272
|
-
"default": "
|
|
2805
|
+
"default": "false"
|
|
2273
2806
|
},
|
|
2274
2807
|
{
|
|
2275
2808
|
"name": "error-message",
|
|
2276
2809
|
"description": "Custom error message.",
|
|
2277
|
-
"type": "
|
|
2810
|
+
"type": "string",
|
|
2811
|
+
"default": "\"This field is invalid\""
|
|
2278
2812
|
}
|
|
2279
2813
|
],
|
|
2280
2814
|
"properties": [
|
|
@@ -2328,20 +2862,22 @@
|
|
|
2328
2862
|
"name": "requiredMessage",
|
|
2329
2863
|
"attribute": "required-message",
|
|
2330
2864
|
"description": "Required validation message.",
|
|
2331
|
-
"type": "
|
|
2865
|
+
"type": "string",
|
|
2866
|
+
"default": "\"This field is required\""
|
|
2332
2867
|
},
|
|
2333
2868
|
{
|
|
2334
2869
|
"name": "error",
|
|
2335
2870
|
"attribute": "error",
|
|
2336
2871
|
"description": "Apply custom error on this input.",
|
|
2337
2872
|
"type": "boolean",
|
|
2338
|
-
"default": "
|
|
2873
|
+
"default": "false"
|
|
2339
2874
|
},
|
|
2340
2875
|
{
|
|
2341
2876
|
"name": "errorMessage",
|
|
2342
2877
|
"attribute": "error-message",
|
|
2343
2878
|
"description": "Custom error message.",
|
|
2344
|
-
"type": "
|
|
2879
|
+
"type": "string",
|
|
2880
|
+
"default": "\"This field is invalid\""
|
|
2345
2881
|
},
|
|
2346
2882
|
{
|
|
2347
2883
|
"name": "validationMessage"
|
|
@@ -2350,7 +2886,7 @@
|
|
|
2350
2886
|
"slots": [
|
|
2351
2887
|
{
|
|
2352
2888
|
"name": "",
|
|
2353
|
-
"description": "for uui-radio elements"
|
|
2889
|
+
"description": "slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`"
|
|
2354
2890
|
}
|
|
2355
2891
|
]
|
|
2356
2892
|
},
|
|
@@ -2434,7 +2970,7 @@
|
|
|
2434
2970
|
"slots": [
|
|
2435
2971
|
{
|
|
2436
2972
|
"name": "",
|
|
2437
|
-
"description": "
|
|
2973
|
+
"description": "slot to set the label if no `label` attribute is set."
|
|
2438
2974
|
}
|
|
2439
2975
|
],
|
|
2440
2976
|
"cssProperties": [
|
|
@@ -3585,28 +4121,52 @@
|
|
|
3585
4121
|
"default": "\"false\""
|
|
3586
4122
|
},
|
|
3587
4123
|
{
|
|
3588
|
-
"name": "
|
|
3589
|
-
"description": "
|
|
3590
|
-
"type": "
|
|
3591
|
-
"default": "\"
|
|
4124
|
+
"name": "disabledGroups",
|
|
4125
|
+
"description": "An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive",
|
|
4126
|
+
"type": "string",
|
|
4127
|
+
"default": "\"\""
|
|
3592
4128
|
},
|
|
3593
4129
|
{
|
|
3594
4130
|
"name": "name",
|
|
3595
|
-
"description": "This is
|
|
4131
|
+
"description": "This is a name property of the component.",
|
|
3596
4132
|
"type": "string",
|
|
3597
|
-
"default": "\"\""
|
|
4133
|
+
"default": "\"''\""
|
|
3598
4134
|
},
|
|
3599
4135
|
{
|
|
3600
4136
|
"name": "value",
|
|
3601
|
-
"description": "
|
|
4137
|
+
"description": "Value of this form control.",
|
|
3602
4138
|
"type": "string",
|
|
3603
|
-
"default": "\"
|
|
4139
|
+
"default": "\"''\""
|
|
3604
4140
|
},
|
|
3605
4141
|
{
|
|
3606
|
-
"name": "
|
|
3607
|
-
"description": "
|
|
4142
|
+
"name": "pristine",
|
|
4143
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
4144
|
+
"type": "boolean",
|
|
4145
|
+
"default": "\"false\""
|
|
4146
|
+
},
|
|
4147
|
+
{
|
|
4148
|
+
"name": "required",
|
|
4149
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
4150
|
+
"type": "boolean",
|
|
4151
|
+
"default": "\"false\""
|
|
4152
|
+
},
|
|
4153
|
+
{
|
|
4154
|
+
"name": "required-message",
|
|
4155
|
+
"description": "Required validation message.",
|
|
3608
4156
|
"type": "string",
|
|
3609
|
-
"default": "\"\""
|
|
4157
|
+
"default": "\"This field is required\""
|
|
4158
|
+
},
|
|
4159
|
+
{
|
|
4160
|
+
"name": "error",
|
|
4161
|
+
"description": "Set to true if the component should have an error state.Property is reflected to the corresponding attribute.",
|
|
4162
|
+
"type": "boolean",
|
|
4163
|
+
"default": "\"false\""
|
|
4164
|
+
},
|
|
4165
|
+
{
|
|
4166
|
+
"name": "error-message",
|
|
4167
|
+
"description": "Custom error message.",
|
|
4168
|
+
"type": "string",
|
|
4169
|
+
"default": "\"This field is invalid\""
|
|
3610
4170
|
}
|
|
3611
4171
|
],
|
|
3612
4172
|
"properties": [
|
|
@@ -3635,6 +4195,60 @@
|
|
|
3635
4195
|
"type": "boolean",
|
|
3636
4196
|
"default": "\"false\""
|
|
3637
4197
|
},
|
|
4198
|
+
{
|
|
4199
|
+
"name": "options",
|
|
4200
|
+
"description": "An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`",
|
|
4201
|
+
"type": "Option[]",
|
|
4202
|
+
"default": "[]"
|
|
4203
|
+
},
|
|
4204
|
+
{
|
|
4205
|
+
"name": "disabledGroups",
|
|
4206
|
+
"attribute": "disabledGroups",
|
|
4207
|
+
"description": "An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive",
|
|
4208
|
+
"type": "string",
|
|
4209
|
+
"default": "\"\""
|
|
4210
|
+
},
|
|
4211
|
+
{
|
|
4212
|
+
"name": "formAssociated",
|
|
4213
|
+
"description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
|
|
4214
|
+
"type": "boolean",
|
|
4215
|
+
"default": "true"
|
|
4216
|
+
},
|
|
4217
|
+
{
|
|
4218
|
+
"name": "name",
|
|
4219
|
+
"attribute": "name",
|
|
4220
|
+
"description": "This is a name property of the component.",
|
|
4221
|
+
"type": "string",
|
|
4222
|
+
"default": "\"''\""
|
|
4223
|
+
},
|
|
4224
|
+
{
|
|
4225
|
+
"name": "value",
|
|
4226
|
+
"attribute": "value",
|
|
4227
|
+
"description": "Value of this form control.",
|
|
4228
|
+
"type": "string",
|
|
4229
|
+
"default": "\"''\""
|
|
4230
|
+
},
|
|
4231
|
+
{
|
|
4232
|
+
"name": "pristine",
|
|
4233
|
+
"attribute": "pristine",
|
|
4234
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
4235
|
+
"type": "boolean",
|
|
4236
|
+
"default": "\"false\""
|
|
4237
|
+
},
|
|
4238
|
+
{
|
|
4239
|
+
"name": "required",
|
|
4240
|
+
"attribute": "required",
|
|
4241
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
4242
|
+
"type": "boolean",
|
|
4243
|
+
"default": "\"false\""
|
|
4244
|
+
},
|
|
4245
|
+
{
|
|
4246
|
+
"name": "requiredMessage",
|
|
4247
|
+
"attribute": "required-message",
|
|
4248
|
+
"description": "Required validation message.",
|
|
4249
|
+
"type": "string",
|
|
4250
|
+
"default": "\"This field is required\""
|
|
4251
|
+
},
|
|
3638
4252
|
{
|
|
3639
4253
|
"name": "error",
|
|
3640
4254
|
"attribute": "error",
|
|
@@ -3643,37 +4257,14 @@
|
|
|
3643
4257
|
"default": "\"false\""
|
|
3644
4258
|
},
|
|
3645
4259
|
{
|
|
3646
|
-
"name": "
|
|
3647
|
-
"attribute": "
|
|
3648
|
-
"description": "
|
|
3649
|
-
"type": "string",
|
|
3650
|
-
"default": "\"\""
|
|
3651
|
-
},
|
|
3652
|
-
{
|
|
3653
|
-
"name": "value",
|
|
3654
|
-
"attribute": "value",
|
|
3655
|
-
"description": "This is a value property of the uui-checkbox or the uui-toggle component. The default value of this property is 'on'. It reflects the behaviour of the native input type=\"checkbox\" element and its value attribute.",
|
|
3656
|
-
"type": "string",
|
|
3657
|
-
"default": "\"on\""
|
|
3658
|
-
},
|
|
3659
|
-
{
|
|
3660
|
-
"name": "options",
|
|
3661
|
-
"description": "An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`",
|
|
3662
|
-
"type": "Option[]",
|
|
3663
|
-
"default": "[]"
|
|
3664
|
-
},
|
|
3665
|
-
{
|
|
3666
|
-
"name": "disabledGroups",
|
|
3667
|
-
"attribute": "disabledGroups",
|
|
3668
|
-
"description": "An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive",
|
|
4260
|
+
"name": "errorMessage",
|
|
4261
|
+
"attribute": "error-message",
|
|
4262
|
+
"description": "Custom error message.",
|
|
3669
4263
|
"type": "string",
|
|
3670
|
-
"default": "\"\""
|
|
4264
|
+
"default": "\"This field is invalid\""
|
|
3671
4265
|
},
|
|
3672
4266
|
{
|
|
3673
|
-
"name": "
|
|
3674
|
-
"description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/",
|
|
3675
|
-
"type": "boolean",
|
|
3676
|
-
"default": "true"
|
|
4267
|
+
"name": "validationMessage"
|
|
3677
4268
|
}
|
|
3678
4269
|
],
|
|
3679
4270
|
"events": [
|
|
@@ -3749,18 +4340,20 @@
|
|
|
3749
4340
|
{
|
|
3750
4341
|
"name": "required-message",
|
|
3751
4342
|
"description": "Required validation message.",
|
|
3752
|
-
"type": "
|
|
4343
|
+
"type": "string",
|
|
4344
|
+
"default": "\"This field is required\""
|
|
3753
4345
|
},
|
|
3754
4346
|
{
|
|
3755
4347
|
"name": "error",
|
|
3756
4348
|
"description": "Apply custom error on this input.",
|
|
3757
4349
|
"type": "boolean",
|
|
3758
|
-
"default": "
|
|
4350
|
+
"default": "false"
|
|
3759
4351
|
},
|
|
3760
4352
|
{
|
|
3761
4353
|
"name": "error-message",
|
|
3762
4354
|
"description": "Custom error message.",
|
|
3763
|
-
"type": "
|
|
4355
|
+
"type": "string",
|
|
4356
|
+
"default": "\"This field is invalid\""
|
|
3764
4357
|
}
|
|
3765
4358
|
],
|
|
3766
4359
|
"properties": [
|
|
@@ -3848,20 +4441,22 @@
|
|
|
3848
4441
|
"name": "requiredMessage",
|
|
3849
4442
|
"attribute": "required-message",
|
|
3850
4443
|
"description": "Required validation message.",
|
|
3851
|
-
"type": "
|
|
4444
|
+
"type": "string",
|
|
4445
|
+
"default": "\"This field is required\""
|
|
3852
4446
|
},
|
|
3853
4447
|
{
|
|
3854
4448
|
"name": "error",
|
|
3855
4449
|
"attribute": "error",
|
|
3856
4450
|
"description": "Apply custom error on this input.",
|
|
3857
4451
|
"type": "boolean",
|
|
3858
|
-
"default": "
|
|
4452
|
+
"default": "false"
|
|
3859
4453
|
},
|
|
3860
4454
|
{
|
|
3861
4455
|
"name": "errorMessage",
|
|
3862
4456
|
"attribute": "error-message",
|
|
3863
4457
|
"description": "Custom error message.",
|
|
3864
|
-
"type": "
|
|
4458
|
+
"type": "string",
|
|
4459
|
+
"default": "\"This field is invalid\""
|
|
3865
4460
|
},
|
|
3866
4461
|
{
|
|
3867
4462
|
"name": "validationMessage"
|
|
@@ -3881,7 +4476,7 @@
|
|
|
3881
4476
|
"attributes": [
|
|
3882
4477
|
{
|
|
3883
4478
|
"name": "open",
|
|
3884
|
-
"description": "
|
|
4479
|
+
"description": "Set this boolean to true for a open/expanded look.",
|
|
3885
4480
|
"type": "boolean",
|
|
3886
4481
|
"default": "\"false\""
|
|
3887
4482
|
}
|
|
@@ -3895,7 +4490,7 @@
|
|
|
3895
4490
|
{
|
|
3896
4491
|
"name": "open",
|
|
3897
4492
|
"attribute": "open",
|
|
3898
|
-
"description": "
|
|
4493
|
+
"description": "Set this boolean to true for a open/expanded look.",
|
|
3899
4494
|
"type": "boolean",
|
|
3900
4495
|
"default": "\"false\""
|
|
3901
4496
|
}
|
|
@@ -3975,6 +4570,30 @@
|
|
|
3975
4570
|
}
|
|
3976
4571
|
]
|
|
3977
4572
|
},
|
|
4573
|
+
{
|
|
4574
|
+
"name": "uui-symbol-lock",
|
|
4575
|
+
"path": "./../uui-symbol-lock/lib/uui-symbol-lock.element.ts",
|
|
4576
|
+
"attributes": [
|
|
4577
|
+
{
|
|
4578
|
+
"name": "open",
|
|
4579
|
+
"type": "boolean",
|
|
4580
|
+
"default": "false"
|
|
4581
|
+
}
|
|
4582
|
+
],
|
|
4583
|
+
"properties": [
|
|
4584
|
+
{
|
|
4585
|
+
"name": "styles",
|
|
4586
|
+
"type": "CSSResult[]",
|
|
4587
|
+
"default": "[null]"
|
|
4588
|
+
},
|
|
4589
|
+
{
|
|
4590
|
+
"name": "open",
|
|
4591
|
+
"attribute": "open",
|
|
4592
|
+
"type": "boolean",
|
|
4593
|
+
"default": "false"
|
|
4594
|
+
}
|
|
4595
|
+
]
|
|
4596
|
+
},
|
|
3978
4597
|
{
|
|
3979
4598
|
"name": "uui-symbol-more",
|
|
3980
4599
|
"path": "./../uui-symbol-more/lib/uui-symbol-more.element.ts",
|
|
@@ -3992,13 +4611,14 @@
|
|
|
3992
4611
|
"attributes": [
|
|
3993
4612
|
{
|
|
3994
4613
|
"name": "descending",
|
|
3995
|
-
"description": "Turns the arrow around.",
|
|
4614
|
+
"description": "Turns the arrow around. Set this boolean to true for displaying descending sort is active.",
|
|
3996
4615
|
"type": "boolean",
|
|
3997
4616
|
"default": "\"false\""
|
|
3998
4617
|
},
|
|
3999
4618
|
{
|
|
4000
4619
|
"name": "active",
|
|
4001
4620
|
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4621
|
+
"type": "boolean",
|
|
4002
4622
|
"default": "false"
|
|
4003
4623
|
}
|
|
4004
4624
|
],
|
|
@@ -4011,7 +4631,7 @@
|
|
|
4011
4631
|
{
|
|
4012
4632
|
"name": "descending",
|
|
4013
4633
|
"attribute": "descending",
|
|
4014
|
-
"description": "Turns the arrow around.",
|
|
4634
|
+
"description": "Turns the arrow around. Set this boolean to true for displaying descending sort is active.",
|
|
4015
4635
|
"type": "boolean",
|
|
4016
4636
|
"default": "\"false\""
|
|
4017
4637
|
},
|
|
@@ -4019,6 +4639,7 @@
|
|
|
4019
4639
|
"name": "active",
|
|
4020
4640
|
"attribute": "active",
|
|
4021
4641
|
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4642
|
+
"type": "boolean",
|
|
4022
4643
|
"default": "false"
|
|
4023
4644
|
}
|
|
4024
4645
|
]
|
|
@@ -4078,7 +4699,7 @@
|
|
|
4078
4699
|
"slots": [
|
|
4079
4700
|
{
|
|
4080
4701
|
"name": "",
|
|
4081
|
-
"description": "for table cell content"
|
|
4702
|
+
"description": "slot for table cell content"
|
|
4082
4703
|
}
|
|
4083
4704
|
]
|
|
4084
4705
|
},
|
|
@@ -4149,7 +4770,7 @@
|
|
|
4149
4770
|
"slots": [
|
|
4150
4771
|
{
|
|
4151
4772
|
"name": "",
|
|
4152
|
-
"description": "for table cell content"
|
|
4773
|
+
"description": "slot for table cell content"
|
|
4153
4774
|
}
|
|
4154
4775
|
]
|
|
4155
4776
|
},
|
|
@@ -4167,7 +4788,7 @@
|
|
|
4167
4788
|
"slots": [
|
|
4168
4789
|
{
|
|
4169
4790
|
"name": "",
|
|
4170
|
-
"description": "for uui-table-head-cell elements."
|
|
4791
|
+
"description": "slot for uui-table-head-cell elements."
|
|
4171
4792
|
}
|
|
4172
4793
|
]
|
|
4173
4794
|
},
|
|
@@ -4219,6 +4840,16 @@
|
|
|
4219
4840
|
"default": "false"
|
|
4220
4841
|
}
|
|
4221
4842
|
],
|
|
4843
|
+
"events": [
|
|
4844
|
+
{
|
|
4845
|
+
"name": "selected",
|
|
4846
|
+
"description": "fires when the media card is selected"
|
|
4847
|
+
},
|
|
4848
|
+
{
|
|
4849
|
+
"name": "unselected",
|
|
4850
|
+
"description": "fires when the media card is unselected"
|
|
4851
|
+
}
|
|
4852
|
+
],
|
|
4222
4853
|
"slots": [
|
|
4223
4854
|
{
|
|
4224
4855
|
"name": "",
|
|
@@ -4240,7 +4871,7 @@
|
|
|
4240
4871
|
"slots": [
|
|
4241
4872
|
{
|
|
4242
4873
|
"name": "",
|
|
4243
|
-
"description": "for uui-table-head and uui-table-row elements. Make a table out of them."
|
|
4874
|
+
"description": "slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them."
|
|
4244
4875
|
}
|
|
4245
4876
|
]
|
|
4246
4877
|
},
|
|
@@ -4253,6 +4884,12 @@
|
|
|
4253
4884
|
"type": "CSSResult[]",
|
|
4254
4885
|
"default": "[null]"
|
|
4255
4886
|
}
|
|
4887
|
+
],
|
|
4888
|
+
"slots": [
|
|
4889
|
+
{
|
|
4890
|
+
"name": "",
|
|
4891
|
+
"description": "Default slot for the tab group"
|
|
4892
|
+
}
|
|
4256
4893
|
]
|
|
4257
4894
|
},
|
|
4258
4895
|
{
|
|
@@ -4268,6 +4905,7 @@
|
|
|
4268
4905
|
},
|
|
4269
4906
|
{
|
|
4270
4907
|
"name": "active",
|
|
4908
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4271
4909
|
"type": "boolean",
|
|
4272
4910
|
"default": "false"
|
|
4273
4911
|
},
|
|
@@ -4293,6 +4931,7 @@
|
|
|
4293
4931
|
{
|
|
4294
4932
|
"name": "active",
|
|
4295
4933
|
"attribute": "active",
|
|
4934
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4296
4935
|
"type": "boolean",
|
|
4297
4936
|
"default": "false"
|
|
4298
4937
|
},
|
|
@@ -4306,7 +4945,7 @@
|
|
|
4306
4945
|
"slots": [
|
|
4307
4946
|
{
|
|
4308
4947
|
"name": "",
|
|
4309
|
-
"description": "
|
|
4948
|
+
"description": "Override the default label"
|
|
4310
4949
|
}
|
|
4311
4950
|
],
|
|
4312
4951
|
"cssProperties": [
|
|
@@ -4345,6 +4984,7 @@
|
|
|
4345
4984
|
},
|
|
4346
4985
|
{
|
|
4347
4986
|
"name": "active",
|
|
4987
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4348
4988
|
"type": "boolean",
|
|
4349
4989
|
"default": "false"
|
|
4350
4990
|
},
|
|
@@ -4370,6 +5010,7 @@
|
|
|
4370
5010
|
{
|
|
4371
5011
|
"name": "active",
|
|
4372
5012
|
"attribute": "active",
|
|
5013
|
+
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
4373
5014
|
"type": "boolean",
|
|
4374
5015
|
"default": "false"
|
|
4375
5016
|
},
|
|
@@ -4383,7 +5024,7 @@
|
|
|
4383
5024
|
"slots": [
|
|
4384
5025
|
{
|
|
4385
5026
|
"name": "",
|
|
4386
|
-
"description": "
|
|
5027
|
+
"description": "Override the default label"
|
|
4387
5028
|
}
|
|
4388
5029
|
],
|
|
4389
5030
|
"cssProperties": [
|
|
@@ -4416,8 +5057,8 @@
|
|
|
4416
5057
|
{
|
|
4417
5058
|
"name": "look",
|
|
4418
5059
|
"description": "Defines the look of the tag.",
|
|
4419
|
-
"type": "
|
|
4420
|
-
"default": "\"
|
|
5060
|
+
"type": "InterfaceLookType",
|
|
5061
|
+
"default": "\"\""
|
|
4421
5062
|
}
|
|
4422
5063
|
],
|
|
4423
5064
|
"properties": [
|
|
@@ -4430,14 +5071,14 @@
|
|
|
4430
5071
|
"name": "look",
|
|
4431
5072
|
"attribute": "look",
|
|
4432
5073
|
"description": "Defines the look of the tag.",
|
|
4433
|
-
"type": "
|
|
4434
|
-
"default": "\"
|
|
5074
|
+
"type": "InterfaceLookType",
|
|
5075
|
+
"default": "\"\""
|
|
4435
5076
|
}
|
|
4436
5077
|
],
|
|
4437
5078
|
"slots": [
|
|
4438
5079
|
{
|
|
4439
5080
|
"name": "",
|
|
4440
|
-
"description": "for tag contents"
|
|
5081
|
+
"description": "slot for tag contents"
|
|
4441
5082
|
}
|
|
4442
5083
|
],
|
|
4443
5084
|
"cssProperties": [
|
|
@@ -4464,10 +5105,43 @@
|
|
|
4464
5105
|
"default": "\"false\""
|
|
4465
5106
|
},
|
|
4466
5107
|
{
|
|
4467
|
-
"name": "
|
|
4468
|
-
"description": "
|
|
4469
|
-
"type": "
|
|
4470
|
-
"default": "\"
|
|
5108
|
+
"name": "readonly",
|
|
5109
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
5110
|
+
"type": "boolean",
|
|
5111
|
+
"default": "\"false\""
|
|
5112
|
+
},
|
|
5113
|
+
{
|
|
5114
|
+
"name": "minlength",
|
|
5115
|
+
"description": "This is a minimum value of the input.",
|
|
5116
|
+
"type": "number",
|
|
5117
|
+
"default": "\"undefined\""
|
|
5118
|
+
},
|
|
5119
|
+
{
|
|
5120
|
+
"name": "minlength-message",
|
|
5121
|
+
"description": "Minlength validation message.",
|
|
5122
|
+
"type": "boolean"
|
|
5123
|
+
},
|
|
5124
|
+
{
|
|
5125
|
+
"name": "maxlength",
|
|
5126
|
+
"description": "This is a maximum value of the input.",
|
|
5127
|
+
"type": "number",
|
|
5128
|
+
"default": "\"undefined\""
|
|
5129
|
+
},
|
|
5130
|
+
{
|
|
5131
|
+
"name": "maxlength-message",
|
|
5132
|
+
"description": "Maxlength validation message.",
|
|
5133
|
+
"type": "boolean"
|
|
5134
|
+
},
|
|
5135
|
+
{
|
|
5136
|
+
"name": "auto-height",
|
|
5137
|
+
"description": "Enables automatic height adjustment. The height will be confined within the min and max height if defined.",
|
|
5138
|
+
"type": "boolean",
|
|
5139
|
+
"default": "\"false\""
|
|
5140
|
+
},
|
|
5141
|
+
{
|
|
5142
|
+
"name": "label",
|
|
5143
|
+
"description": "Label to be used for aria-label and eventually as visual label",
|
|
5144
|
+
"type": "string"
|
|
4471
5145
|
},
|
|
4472
5146
|
{
|
|
4473
5147
|
"name": "name",
|
|
@@ -4476,21 +5150,40 @@
|
|
|
4476
5150
|
"default": "\"''\""
|
|
4477
5151
|
},
|
|
4478
5152
|
{
|
|
4479
|
-
"name": "
|
|
4480
|
-
"description": "
|
|
5153
|
+
"name": "value",
|
|
5154
|
+
"description": "Value of this form control.",
|
|
5155
|
+
"type": "string",
|
|
5156
|
+
"default": "\"''\""
|
|
5157
|
+
},
|
|
5158
|
+
{
|
|
5159
|
+
"name": "pristine",
|
|
5160
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
4481
5161
|
"type": "boolean",
|
|
4482
5162
|
"default": "\"false\""
|
|
4483
5163
|
},
|
|
4484
5164
|
{
|
|
4485
|
-
"name": "
|
|
4486
|
-
"description": "
|
|
5165
|
+
"name": "required",
|
|
5166
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
4487
5167
|
"type": "boolean",
|
|
4488
5168
|
"default": "\"false\""
|
|
4489
5169
|
},
|
|
4490
5170
|
{
|
|
4491
|
-
"name": "
|
|
4492
|
-
"description": "
|
|
4493
|
-
"type": "string"
|
|
5171
|
+
"name": "required-message",
|
|
5172
|
+
"description": "Required validation message.",
|
|
5173
|
+
"type": "string",
|
|
5174
|
+
"default": "\"This field is required\""
|
|
5175
|
+
},
|
|
5176
|
+
{
|
|
5177
|
+
"name": "error",
|
|
5178
|
+
"description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
|
|
5179
|
+
"type": "boolean",
|
|
5180
|
+
"default": "\"false\""
|
|
5181
|
+
},
|
|
5182
|
+
{
|
|
5183
|
+
"name": "error-message",
|
|
5184
|
+
"description": "Custom error message.",
|
|
5185
|
+
"type": "string",
|
|
5186
|
+
"default": "\"This field is invalid\""
|
|
4494
5187
|
}
|
|
4495
5188
|
],
|
|
4496
5189
|
"properties": [
|
|
@@ -4514,25 +5207,37 @@
|
|
|
4514
5207
|
"default": "\"false\""
|
|
4515
5208
|
},
|
|
4516
5209
|
{
|
|
4517
|
-
"name": "
|
|
4518
|
-
"attribute": "
|
|
4519
|
-
"description": "
|
|
4520
|
-
"type": "
|
|
4521
|
-
"default": "\"
|
|
5210
|
+
"name": "readonly",
|
|
5211
|
+
"attribute": "readonly",
|
|
5212
|
+
"description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
|
|
5213
|
+
"type": "boolean",
|
|
5214
|
+
"default": "\"false\""
|
|
4522
5215
|
},
|
|
4523
5216
|
{
|
|
4524
|
-
"name": "
|
|
4525
|
-
"attribute": "
|
|
4526
|
-
"description": "This is a
|
|
4527
|
-
"type": "
|
|
4528
|
-
"default": "\"
|
|
5217
|
+
"name": "minlength",
|
|
5218
|
+
"attribute": "minlength",
|
|
5219
|
+
"description": "This is a minimum value of the input.",
|
|
5220
|
+
"type": "number",
|
|
5221
|
+
"default": "\"undefined\""
|
|
4529
5222
|
},
|
|
4530
5223
|
{
|
|
4531
|
-
"name": "
|
|
4532
|
-
"attribute": "
|
|
4533
|
-
"description": "
|
|
4534
|
-
"type": "boolean"
|
|
4535
|
-
|
|
5224
|
+
"name": "minlengthMessage",
|
|
5225
|
+
"attribute": "minlength-message",
|
|
5226
|
+
"description": "Minlength validation message.",
|
|
5227
|
+
"type": "boolean"
|
|
5228
|
+
},
|
|
5229
|
+
{
|
|
5230
|
+
"name": "maxlength",
|
|
5231
|
+
"attribute": "maxlength",
|
|
5232
|
+
"description": "This is a maximum value of the input.",
|
|
5233
|
+
"type": "number",
|
|
5234
|
+
"default": "\"undefined\""
|
|
5235
|
+
},
|
|
5236
|
+
{
|
|
5237
|
+
"name": "maxlengthMessage",
|
|
5238
|
+
"attribute": "maxlength-message",
|
|
5239
|
+
"description": "Maxlength validation message.",
|
|
5240
|
+
"type": "boolean"
|
|
4536
5241
|
},
|
|
4537
5242
|
{
|
|
4538
5243
|
"name": "autoHeight",
|
|
@@ -4552,6 +5257,58 @@
|
|
|
4552
5257
|
"description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/",
|
|
4553
5258
|
"type": "boolean",
|
|
4554
5259
|
"default": "true"
|
|
5260
|
+
},
|
|
5261
|
+
{
|
|
5262
|
+
"name": "name",
|
|
5263
|
+
"attribute": "name",
|
|
5264
|
+
"description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
|
|
5265
|
+
"type": "string",
|
|
5266
|
+
"default": "\"''\""
|
|
5267
|
+
},
|
|
5268
|
+
{
|
|
5269
|
+
"name": "value",
|
|
5270
|
+
"attribute": "value",
|
|
5271
|
+
"description": "Value of this form control.",
|
|
5272
|
+
"type": "string",
|
|
5273
|
+
"default": "\"''\""
|
|
5274
|
+
},
|
|
5275
|
+
{
|
|
5276
|
+
"name": "pristine",
|
|
5277
|
+
"attribute": "pristine",
|
|
5278
|
+
"description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
|
|
5279
|
+
"type": "boolean",
|
|
5280
|
+
"default": "\"false\""
|
|
5281
|
+
},
|
|
5282
|
+
{
|
|
5283
|
+
"name": "required",
|
|
5284
|
+
"attribute": "required",
|
|
5285
|
+
"description": "Apply validation rule for requiring a value of this form control.",
|
|
5286
|
+
"type": "boolean",
|
|
5287
|
+
"default": "\"false\""
|
|
5288
|
+
},
|
|
5289
|
+
{
|
|
5290
|
+
"name": "requiredMessage",
|
|
5291
|
+
"attribute": "required-message",
|
|
5292
|
+
"description": "Required validation message.",
|
|
5293
|
+
"type": "string",
|
|
5294
|
+
"default": "\"This field is required\""
|
|
5295
|
+
},
|
|
5296
|
+
{
|
|
5297
|
+
"name": "error",
|
|
5298
|
+
"attribute": "error",
|
|
5299
|
+
"description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
|
|
5300
|
+
"type": "boolean",
|
|
5301
|
+
"default": "\"false\""
|
|
5302
|
+
},
|
|
5303
|
+
{
|
|
5304
|
+
"name": "errorMessage",
|
|
5305
|
+
"attribute": "error-message",
|
|
5306
|
+
"description": "Custom error message.",
|
|
5307
|
+
"type": "string",
|
|
5308
|
+
"default": "\"This field is invalid\""
|
|
5309
|
+
},
|
|
5310
|
+
{
|
|
5311
|
+
"name": "validationMessage"
|
|
4555
5312
|
}
|
|
4556
5313
|
],
|
|
4557
5314
|
"events": [
|
|
@@ -4604,6 +5361,12 @@
|
|
|
4604
5361
|
"type": "() => void",
|
|
4605
5362
|
"default": "\"() => {\\n // Only reset autoClose if we have it and if one of the children does not have focus.\\n if (this.matches(':focus-within:not(:focus)') === false) {\\n this._autoClosePause = false;\\n this._toasts?.forEach(el => el.resumeAutoClose());\\n }\\n }\""
|
|
4606
5363
|
}
|
|
5364
|
+
],
|
|
5365
|
+
"slots": [
|
|
5366
|
+
{
|
|
5367
|
+
"name": "",
|
|
5368
|
+
"description": "slot for toast layout/content"
|
|
5369
|
+
}
|
|
4607
5370
|
]
|
|
4608
5371
|
},
|
|
4609
5372
|
{
|
|
@@ -4613,8 +5376,7 @@
|
|
|
4613
5376
|
{
|
|
4614
5377
|
"name": "headline",
|
|
4615
5378
|
"description": "Headline for this notification, can also be set via the 'headline' slot.",
|
|
4616
|
-
"type": "string
|
|
4617
|
-
"default": "\"null\""
|
|
5379
|
+
"type": "string"
|
|
4618
5380
|
}
|
|
4619
5381
|
],
|
|
4620
5382
|
"properties": [
|
|
@@ -4627,8 +5389,7 @@
|
|
|
4627
5389
|
"name": "headline",
|
|
4628
5390
|
"attribute": "headline",
|
|
4629
5391
|
"description": "Headline for this notification, can also be set via the 'headline' slot.",
|
|
4630
|
-
"type": "string
|
|
4631
|
-
"default": "\"null\""
|
|
5392
|
+
"type": "string"
|
|
4632
5393
|
}
|
|
4633
5394
|
],
|
|
4634
5395
|
"slots": [
|
|
@@ -4718,7 +5479,7 @@
|
|
|
4718
5479
|
"slots": [
|
|
4719
5480
|
{
|
|
4720
5481
|
"name": "",
|
|
4721
|
-
"description": "for dialog layout/content"
|
|
5482
|
+
"description": "slot for dialog layout/content"
|
|
4722
5483
|
}
|
|
4723
5484
|
]
|
|
4724
5485
|
},
|
|
@@ -4772,18 +5533,20 @@
|
|
|
4772
5533
|
{
|
|
4773
5534
|
"name": "required-message",
|
|
4774
5535
|
"description": "Required validation message.",
|
|
4775
|
-
"type": "
|
|
5536
|
+
"type": "string",
|
|
5537
|
+
"default": "\"This field is required\""
|
|
4776
5538
|
},
|
|
4777
5539
|
{
|
|
4778
5540
|
"name": "error",
|
|
4779
5541
|
"description": "Apply custom error on this input.",
|
|
4780
5542
|
"type": "boolean",
|
|
4781
|
-
"default": "
|
|
5543
|
+
"default": "false"
|
|
4782
5544
|
},
|
|
4783
5545
|
{
|
|
4784
5546
|
"name": "error-message",
|
|
4785
5547
|
"description": "Custom error message.",
|
|
4786
|
-
"type": "
|
|
5548
|
+
"type": "string",
|
|
5549
|
+
"default": "\"This field is invalid\""
|
|
4787
5550
|
},
|
|
4788
5551
|
{
|
|
4789
5552
|
"name": "label",
|
|
@@ -4856,20 +5619,22 @@
|
|
|
4856
5619
|
"name": "requiredMessage",
|
|
4857
5620
|
"attribute": "required-message",
|
|
4858
5621
|
"description": "Required validation message.",
|
|
4859
|
-
"type": "
|
|
5622
|
+
"type": "string",
|
|
5623
|
+
"default": "\"This field is required\""
|
|
4860
5624
|
},
|
|
4861
5625
|
{
|
|
4862
5626
|
"name": "error",
|
|
4863
5627
|
"attribute": "error",
|
|
4864
5628
|
"description": "Apply custom error on this input.",
|
|
4865
5629
|
"type": "boolean",
|
|
4866
|
-
"default": "
|
|
5630
|
+
"default": "false"
|
|
4867
5631
|
},
|
|
4868
5632
|
{
|
|
4869
5633
|
"name": "errorMessage",
|
|
4870
5634
|
"attribute": "error-message",
|
|
4871
5635
|
"description": "Custom error message.",
|
|
4872
|
-
"type": "
|
|
5636
|
+
"type": "string",
|
|
5637
|
+
"default": "\"This field is invalid\""
|
|
4873
5638
|
},
|
|
4874
5639
|
{
|
|
4875
5640
|
"name": "validationMessage"
|
|
@@ -4894,7 +5659,7 @@
|
|
|
4894
5659
|
"slots": [
|
|
4895
5660
|
{
|
|
4896
5661
|
"name": "",
|
|
4897
|
-
"description": "
|
|
5662
|
+
"description": "Override the default label"
|
|
4898
5663
|
}
|
|
4899
5664
|
],
|
|
4900
5665
|
"cssProperties": [
|