@umbraco-ui/uui 1.4.0 → 1.5.0-rc.1

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.
Files changed (7) hide show
  1. package/custom-elements.json +515 -351
  2. package/dist/uui.min.js +55 -55
  3. package/dist/uui.min.js.map +1 -1
  4. package/lib/index.d.ts +2 -0
  5. package/lib/index.js +2 -0
  6. package/package.json +81 -80
  7. package/vscode-html-custom-data.json +222 -94
package/custom-elements.json CHANGED
@@ -31,17 +31,17 @@
31
31
  }
32
32
  ],
33
33
  "properties": [
34
- {
35
- "name": "styles",
36
- "type": "CSSResult[]",
37
- "default": "[null]"
38
- },
39
34
  {
40
35
  "name": "limit",
41
36
  "attribute": "limit",
42
37
  "description": "This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
43
38
  "type": "number",
44
39
  "default": "\"0\""
40
+ },
41
+ {
42
+ "name": "styles",
43
+ "type": "CSSResult[]",
44
+ "default": "[null]"
45
45
  }
46
46
  ],
47
47
  "slots": [
@@ -82,11 +82,6 @@
82
82
  }
83
83
  ],
84
84
  "properties": [
85
- {
86
- "name": "styles",
87
- "type": "CSSResult[]",
88
- "default": "[null]"
89
- },
90
85
  {
91
86
  "name": "overflow",
92
87
  "attribute": "overflow",
@@ -114,6 +109,11 @@
114
109
  "description": "Provide the name used for labels and to generate the initials.",
115
110
  "type": "string",
116
111
  "default": "\"''\""
112
+ },
113
+ {
114
+ "name": "styles",
115
+ "type": "CSSResult[]",
116
+ "default": "[null]"
117
117
  }
118
118
  ],
119
119
  "slots": [
@@ -148,11 +148,6 @@
148
148
  }
149
149
  ],
150
150
  "properties": [
151
- {
152
- "name": "styles",
153
- "type": "CSSResult[]",
154
- "default": "[null]"
155
- },
156
151
  {
157
152
  "name": "color",
158
153
  "attribute": "color",
@@ -173,6 +168,11 @@
173
168
  "description": "Bring attention to this badge by applying a bounce animation.",
174
169
  "type": "boolean",
175
170
  "default": "\"false\""
171
+ },
172
+ {
173
+ "name": "styles",
174
+ "type": "CSSResult[]",
175
+ "default": "[null]"
176
176
  }
177
177
  ],
178
178
  "slots": [
@@ -201,11 +201,6 @@
201
201
  }
202
202
  ],
203
203
  "properties": [
204
- {
205
- "name": "styles",
206
- "type": "CSSResult[]",
207
- "default": "[\"UUITextStyles\",null]"
208
- },
209
204
  {
210
205
  "name": "headline",
211
206
  "attribute": "headline",
@@ -219,6 +214,11 @@
219
214
  "description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)",
220
215
  "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
221
216
  "default": "\"\\\"h5\\\"\""
217
+ },
218
+ {
219
+ "name": "styles",
220
+ "type": "CSSResult[]",
221
+ "default": "[\"UUITextStyles\",null]"
222
222
  }
223
223
  ],
224
224
  "slots": [
@@ -261,11 +261,6 @@
261
261
  }
262
262
  ],
263
263
  "properties": [
264
- {
265
- "name": "styles",
266
- "type": "CSSResult[]",
267
- "default": "[null]"
268
- },
269
264
  {
270
265
  "name": "href",
271
266
  "attribute": "href",
@@ -279,6 +274,11 @@
279
274
  "description": "Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link",
280
275
  "type": "Boolean",
281
276
  "default": "\"'false'\""
277
+ },
278
+ {
279
+ "name": "styles",
280
+ "type": "CSSResult[]",
281
+ "default": "[null]"
282
282
  }
283
283
  ],
284
284
  "slots": [
@@ -347,17 +347,17 @@
347
347
  }
348
348
  ],
349
349
  "properties": [
350
- {
351
- "name": "styles",
352
- "type": "CSSResult[]",
353
- "default": "[\"UUIBlinkKeyframes\",null]"
354
- },
355
350
  {
356
351
  "name": "label",
357
352
  "attribute": "label",
358
353
  "description": "Label to be used for aria-label and eventually as visual label",
359
354
  "type": "string"
360
355
  },
356
+ {
357
+ "name": "styles",
358
+ "type": "CSSResult[]",
359
+ "default": "[\"UUIBlinkKeyframes\",null]"
360
+ },
361
361
  {
362
362
  "name": "vertical",
363
363
  "attribute": "vertical",
@@ -471,14 +471,15 @@
471
471
  "name": "label",
472
472
  "description": "Label to be used for aria-label and potentially as visual label for some components",
473
473
  "type": "string"
474
+ },
475
+ {
476
+ "name": "popovertarget",
477
+ "description": "Set a popovertarget.",
478
+ "type": "string",
479
+ "default": "\"undefined\""
474
480
  }
475
481
  ],
476
482
  "properties": [
477
- {
478
- "name": "styles",
479
- "type": "CSSResult[]",
480
- "default": "[\"UUIHorizontalShakeKeyframes\",null]"
481
- },
482
483
  {
483
484
  "name": "type",
484
485
  "attribute": "type",
@@ -535,6 +536,11 @@
535
536
  "type": "string",
536
537
  "default": "\"undefined\""
537
538
  },
539
+ {
540
+ "name": "styles",
541
+ "type": "CSSResult[]",
542
+ "default": "[\"UUIHorizontalShakeKeyframes\",null]"
543
+ },
538
544
  {
539
545
  "name": "formAssociated",
540
546
  "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/",
@@ -602,6 +608,13 @@
602
608
  "attribute": "label",
603
609
  "description": "Label to be used for aria-label and potentially as visual label for some components",
604
610
  "type": "string"
611
+ },
612
+ {
613
+ "name": "popoverContainerElement",
614
+ "attribute": "popovertarget",
615
+ "description": "Set a popovertarget.",
616
+ "type": "string",
617
+ "default": "\"undefined\""
605
618
  }
606
619
  ],
607
620
  "events": [
@@ -746,11 +759,6 @@
746
759
  "type": "string",
747
760
  "default": "\"''\""
748
761
  },
749
- {
750
- "name": "styles",
751
- "type": "CSSResult[]",
752
- "default": "[null,null]"
753
- },
754
762
  {
755
763
  "name": "disabled",
756
764
  "attribute": "disabled",
@@ -779,6 +787,11 @@
779
787
  "type": "string",
780
788
  "default": "\"undefined\""
781
789
  },
790
+ {
791
+ "name": "styles",
792
+ "type": "CSSResult[]",
793
+ "default": "[null,null]"
794
+ },
782
795
  {
783
796
  "name": "selectOnly",
784
797
  "attribute": "select-only",
@@ -904,11 +917,6 @@
904
917
  "type": "string",
905
918
  "default": "\"''\""
906
919
  },
907
- {
908
- "name": "styles",
909
- "type": "CSSResult[]",
910
- "default": "[null,null]"
911
- },
912
920
  {
913
921
  "name": "disabled",
914
922
  "attribute": "disabled",
@@ -937,6 +945,11 @@
937
945
  "type": "string",
938
946
  "default": "\"undefined\""
939
947
  },
948
+ {
949
+ "name": "styles",
950
+ "type": "CSSResult[]",
951
+ "default": "[null,null]"
952
+ },
940
953
  {
941
954
  "name": "selectOnly",
942
955
  "attribute": "select-only",
@@ -1045,11 +1058,6 @@
1045
1058
  "type": "string",
1046
1059
  "default": "\"''\""
1047
1060
  },
1048
- {
1049
- "name": "styles",
1050
- "type": "CSSResult[]",
1051
- "default": "[null,null]"
1052
- },
1053
1061
  {
1054
1062
  "name": "disabled",
1055
1063
  "attribute": "disabled",
@@ -1078,6 +1086,11 @@
1078
1086
  "type": "string",
1079
1087
  "default": "\"undefined\""
1080
1088
  },
1089
+ {
1090
+ "name": "styles",
1091
+ "type": "CSSResult[]",
1092
+ "default": "[null,null]"
1093
+ },
1081
1094
  {
1082
1095
  "name": "selectOnly",
1083
1096
  "attribute": "select-only",
@@ -1173,11 +1186,6 @@
1173
1186
  }
1174
1187
  ],
1175
1188
  "properties": [
1176
- {
1177
- "name": "styles",
1178
- "type": "CSSResult[]",
1179
- "default": "[null]"
1180
- },
1181
1189
  {
1182
1190
  "name": "disabled",
1183
1191
  "attribute": "disabled",
@@ -1206,6 +1214,11 @@
1206
1214
  "type": "string",
1207
1215
  "default": "\"undefined\""
1208
1216
  },
1217
+ {
1218
+ "name": "styles",
1219
+ "type": "CSSResult[]",
1220
+ "default": "[null]"
1221
+ },
1209
1222
  {
1210
1223
  "name": "selectOnly",
1211
1224
  "attribute": "select-only",
@@ -1260,17 +1273,17 @@
1260
1273
  }
1261
1274
  ],
1262
1275
  "properties": [
1263
- {
1264
- "name": "styles",
1265
- "type": "CSSResult[]",
1266
- "default": "[null]"
1267
- },
1268
1276
  {
1269
1277
  "name": "open",
1270
1278
  "attribute": "open",
1271
1279
  "description": "Turns the arrow around.",
1272
1280
  "type": "boolean",
1273
1281
  "default": "\"false\""
1282
+ },
1283
+ {
1284
+ "name": "styles",
1285
+ "type": "CSSResult[]",
1286
+ "default": "[null]"
1274
1287
  }
1275
1288
  ],
1276
1289
  "deprecated": true,
@@ -1348,11 +1361,6 @@
1348
1361
  }
1349
1362
  ],
1350
1363
  "properties": [
1351
- {
1352
- "name": "styles",
1353
- "type": "CSSResult[]",
1354
- "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
1355
- },
1356
1364
  {
1357
1365
  "name": "labelPosition",
1358
1366
  "attribute": "label-position",
@@ -1374,6 +1382,11 @@
1374
1382
  "type": "boolean",
1375
1383
  "default": "\"false\""
1376
1384
  },
1385
+ {
1386
+ "name": "styles",
1387
+ "type": "CSSResult[]",
1388
+ "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
1389
+ },
1377
1390
  {
1378
1391
  "name": "formAssociated",
1379
1392
  "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/",
@@ -1503,11 +1516,6 @@
1503
1516
  }
1504
1517
  ],
1505
1518
  "properties": [
1506
- {
1507
- "name": "styles",
1508
- "type": "CSSResult[]",
1509
- "default": "[null]"
1510
- },
1511
1519
  {
1512
1520
  "name": "hue",
1513
1521
  "attribute": "hue",
@@ -1555,6 +1563,11 @@
1555
1563
  "description": "Disables the color area.",
1556
1564
  "type": "boolean",
1557
1565
  "default": "false"
1566
+ },
1567
+ {
1568
+ "name": "styles",
1569
+ "type": "CSSResult[]",
1570
+ "default": "[null]"
1558
1571
  }
1559
1572
  ],
1560
1573
  "cssProperties": [
@@ -1576,7 +1589,7 @@
1576
1589
  },
1577
1590
  {
1578
1591
  "name": "format",
1579
- "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, and HSLA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
1592
+ "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
1580
1593
  "type": "UUIColorPickerFormat",
1581
1594
  "default": "\"'hex'\""
1582
1595
  },
@@ -1629,11 +1642,6 @@
1629
1642
  }
1630
1643
  ],
1631
1644
  "properties": [
1632
- {
1633
- "name": "styles",
1634
- "type": "CSSResult[]",
1635
- "default": "[null]"
1636
- },
1637
1645
  {
1638
1646
  "name": "value",
1639
1647
  "attribute": "value",
@@ -1644,7 +1652,7 @@
1644
1652
  {
1645
1653
  "name": "format",
1646
1654
  "attribute": "format",
1647
- "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, and HSLA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
1655
+ "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
1648
1656
  "type": "UUIColorPickerFormat",
1649
1657
  "default": "\"'hex'\""
1650
1658
  },
@@ -1699,10 +1707,15 @@
1699
1707
  },
1700
1708
  {
1701
1709
  "name": "swatches",
1702
- "description": "An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), and CSS color names.",
1710
+ "description": "An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.",
1703
1711
  "type": "string[]",
1704
1712
  "default": "[\"#d0021b\",\"#f5a623\",\"#f8e71c\",\"#8b572a\",\"#7ed321\",\"#417505\",\"#bd10e0\",\"#9013fe\",\"#4a90e2\",\"#50e3c2\",\"#b8e986\",\"#000\",\"#444\",\"#888\",\"#ccc\",\"#fff\"]"
1705
1713
  },
1714
+ {
1715
+ "name": "styles",
1716
+ "type": "CSSResult[]",
1717
+ "default": "[null]"
1718
+ },
1706
1719
  {
1707
1720
  "name": "label",
1708
1721
  "attribute": "label",
@@ -1782,11 +1795,6 @@
1782
1795
  }
1783
1796
  ],
1784
1797
  "properties": [
1785
- {
1786
- "name": "styles",
1787
- "type": "CSSResult[]",
1788
- "default": "[null]"
1789
- },
1790
1798
  {
1791
1799
  "name": "type",
1792
1800
  "attribute": "type",
@@ -1847,6 +1855,11 @@
1847
1855
  "name": "ccsPropCurrentValue",
1848
1856
  "type": "number"
1849
1857
  },
1858
+ {
1859
+ "name": "styles",
1860
+ "type": "CSSResult[]",
1861
+ "default": "[null]"
1862
+ },
1850
1863
  {
1851
1864
  "name": "label",
1852
1865
  "attribute": "label",
@@ -1929,11 +1942,6 @@
1929
1942
  }
1930
1943
  ],
1931
1944
  "properties": [
1932
- {
1933
- "name": "styles",
1934
- "type": "CSSResult[]",
1935
- "default": "[null]"
1936
- },
1937
1945
  {
1938
1946
  "name": "value",
1939
1947
  "attribute": "value",
@@ -1964,6 +1972,11 @@
1964
1972
  "description": "Returns true if the color brightness is >= 0.5",
1965
1973
  "type": "boolean"
1966
1974
  },
1975
+ {
1976
+ "name": "styles",
1977
+ "type": "CSSResult[]",
1978
+ "default": "[null]"
1979
+ },
1967
1980
  {
1968
1981
  "name": "label",
1969
1982
  "attribute": "label",
@@ -2029,6 +2042,12 @@
2029
2042
  "type": "string",
2030
2043
  "default": "\"\""
2031
2044
  },
2045
+ {
2046
+ "name": "disabled",
2047
+ "description": "Disables the color swatches.",
2048
+ "type": "boolean",
2049
+ "default": "\"false\""
2050
+ },
2032
2051
  {
2033
2052
  "name": "label",
2034
2053
  "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -2036,11 +2055,6 @@
2036
2055
  }
2037
2056
  ],
2038
2057
  "properties": [
2039
- {
2040
- "name": "styles",
2041
- "type": "CSSResult[]",
2042
- "default": "[null]"
2043
- },
2044
2058
  {
2045
2059
  "name": "value",
2046
2060
  "attribute": "value",
@@ -2048,10 +2062,22 @@
2048
2062
  "type": "string",
2049
2063
  "default": "\"\""
2050
2064
  },
2065
+ {
2066
+ "name": "disabled",
2067
+ "attribute": "disabled",
2068
+ "description": "Disables the color swatches.",
2069
+ "type": "boolean",
2070
+ "default": "\"false\""
2071
+ },
2051
2072
  {
2052
2073
  "name": "swatches",
2053
2074
  "type": "UUIColorSwatchElement[]"
2054
2075
  },
2076
+ {
2077
+ "name": "styles",
2078
+ "type": "CSSResult[]",
2079
+ "default": "[null]"
2080
+ },
2055
2081
  {
2056
2082
  "name": "label",
2057
2083
  "attribute": "label",
@@ -2114,11 +2140,6 @@
2114
2140
  }
2115
2141
  ],
2116
2142
  "properties": [
2117
- {
2118
- "name": "styles",
2119
- "type": "CSSResult[]",
2120
- "default": "[null]"
2121
- },
2122
2143
  {
2123
2144
  "name": "value",
2124
2145
  "attribute": "value",
@@ -2140,6 +2161,11 @@
2140
2161
  "type": " boolean ",
2141
2162
  "default": "\"false\""
2142
2163
  },
2164
+ {
2165
+ "name": "styles",
2166
+ "type": "CSSResult[]",
2167
+ "default": "[null]"
2168
+ },
2143
2169
  {
2144
2170
  "name": "selectable",
2145
2171
  "attribute": "selectable",
@@ -2203,11 +2229,6 @@
2203
2229
  }
2204
2230
  ],
2205
2231
  "properties": [
2206
- {
2207
- "name": "styles",
2208
- "type": "CSSResult[]",
2209
- "default": "[null]"
2210
- },
2211
2232
  {
2212
2233
  "name": "value",
2213
2234
  "attribute": "value",
@@ -2228,6 +2249,11 @@
2228
2249
  "description": "provide another element of which keyboard navigation",
2229
2250
  "type": " HTMLElement ",
2230
2251
  "default": "\"this\""
2252
+ },
2253
+ {
2254
+ "name": "styles",
2255
+ "type": "CSSResult[]",
2256
+ "default": "[null]"
2231
2257
  }
2232
2258
  ],
2233
2259
  "events": [
@@ -2315,11 +2341,6 @@
2315
2341
  }
2316
2342
  ],
2317
2343
  "properties": [
2318
- {
2319
- "name": "styles",
2320
- "type": "CSSResult[]",
2321
- "default": "[null]"
2322
- },
2323
2344
  {
2324
2345
  "name": "search",
2325
2346
  "attribute": "search",
@@ -2348,6 +2369,11 @@
2348
2369
  "type": "boolean",
2349
2370
  "default": "\"false\""
2350
2371
  },
2372
+ {
2373
+ "name": "styles",
2374
+ "type": "CSSResult[]",
2375
+ "default": "[null]"
2376
+ },
2351
2377
  {
2352
2378
  "name": "formAssociated",
2353
2379
  "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/",
@@ -2448,17 +2474,17 @@
2448
2474
  }
2449
2475
  ],
2450
2476
  "properties": [
2451
- {
2452
- "name": "styles",
2453
- "type": "CSSResult[]",
2454
- "default": "[null]"
2455
- },
2456
2477
  {
2457
2478
  "name": "headline",
2458
2479
  "attribute": "headline",
2459
2480
  "description": "Headline for this notification, can also be set via the 'headline' slot.",
2460
2481
  "type": "string | null",
2461
2482
  "default": "\"null\""
2483
+ },
2484
+ {
2485
+ "name": "styles",
2486
+ "type": "CSSResult[]",
2487
+ "default": "[null]"
2462
2488
  }
2463
2489
  ],
2464
2490
  "slots": [
@@ -2515,11 +2541,6 @@
2515
2541
  }
2516
2542
  ],
2517
2543
  "properties": [
2518
- {
2519
- "name": "styles",
2520
- "type": "CSSResult[]",
2521
- "default": "[null]"
2522
- },
2523
2544
  {
2524
2545
  "name": "accept",
2525
2546
  "attribute": "accept",
@@ -2533,6 +2554,11 @@
2533
2554
  "type": "boolean",
2534
2555
  "default": "\"false\""
2535
2556
  },
2557
+ {
2558
+ "name": "styles",
2559
+ "type": "CSSResult[]",
2560
+ "default": "[null]"
2561
+ },
2536
2562
  {
2537
2563
  "name": "label",
2538
2564
  "attribute": "label",
@@ -2557,14 +2583,14 @@
2557
2583
  "name": "uui-file-preview",
2558
2584
  "path": "./../uui-file-preview/lib/uui-file-preview.element.ts",
2559
2585
  "properties": [
2586
+ {
2587
+ "name": "file",
2588
+ "type": "File | undefined"
2589
+ },
2560
2590
  {
2561
2591
  "name": "styles",
2562
2592
  "type": "CSSResult[]",
2563
2593
  "default": "[null]"
2564
- },
2565
- {
2566
- "name": "file",
2567
- "type": "File | undefined"
2568
2594
  }
2569
2595
  ],
2570
2596
  "slots": [
@@ -2584,15 +2610,15 @@
2584
2610
  }
2585
2611
  ],
2586
2612
  "properties": [
2587
- {
2588
- "name": "styles",
2589
- "type": "CSSResult[]",
2590
- "default": "[null]"
2591
- },
2592
2613
  {
2593
2614
  "name": "description",
2594
2615
  "attribute": "description",
2595
2616
  "type": "string | null"
2617
+ },
2618
+ {
2619
+ "name": "styles",
2620
+ "type": "CSSResult[]",
2621
+ "default": "[null]"
2596
2622
  }
2597
2623
  ],
2598
2624
  "slots": [
@@ -2626,17 +2652,17 @@
2626
2652
  }
2627
2653
  ],
2628
2654
  "properties": [
2629
- {
2630
- "name": "styles",
2631
- "type": "CSSResult[]",
2632
- "default": "[null]"
2633
- },
2634
2655
  {
2635
2656
  "name": "for",
2636
2657
  "attribute": "for",
2637
2658
  "description": "Set the element containing Form Controls of interest.",
2638
2659
  "type": "string",
2639
2660
  "default": "\"this\""
2661
+ },
2662
+ {
2663
+ "name": "styles",
2664
+ "type": "CSSResult[]",
2665
+ "default": "[null]"
2640
2666
  }
2641
2667
  ],
2642
2668
  "slots": [
@@ -2685,6 +2711,11 @@
2685
2711
  "name": "uui-icon",
2686
2712
  "path": "./../uui-icon/lib/uui-icon.element.ts",
2687
2713
  "attributes": [
2714
+ {
2715
+ "name": "label",
2716
+ "description": "An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.",
2717
+ "type": "string"
2718
+ },
2688
2719
  {
2689
2720
  "name": "name",
2690
2721
  "description": "Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.",
@@ -2706,9 +2737,10 @@
2706
2737
  ],
2707
2738
  "properties": [
2708
2739
  {
2709
- "name": "styles",
2710
- "type": "CSSResult[]",
2711
- "default": "[null]"
2740
+ "name": "label",
2741
+ "attribute": "label",
2742
+ "description": "An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.",
2743
+ "type": "string"
2712
2744
  },
2713
2745
  {
2714
2746
  "name": "name",
@@ -2730,6 +2762,11 @@
2730
2762
  "description": "Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.",
2731
2763
  "type": "string",
2732
2764
  "default": "\"null\""
2765
+ },
2766
+ {
2767
+ "name": "styles",
2768
+ "type": "CSSResult[]",
2769
+ "default": "[null]"
2733
2770
  }
2734
2771
  ],
2735
2772
  "events": [
@@ -2805,11 +2842,6 @@
2805
2842
  }
2806
2843
  ],
2807
2844
  "properties": [
2808
- {
2809
- "name": "styles",
2810
- "type": "CSSResult[]",
2811
- "default": "[null]"
2812
- },
2813
2845
  {
2814
2846
  "name": "accept",
2815
2847
  "attribute": "accept",
@@ -2824,6 +2856,11 @@
2824
2856
  "type": "boolean",
2825
2857
  "default": "\"false\""
2826
2858
  },
2859
+ {
2860
+ "name": "styles",
2861
+ "type": "CSSResult[]",
2862
+ "default": "[null]"
2863
+ },
2827
2864
  {
2828
2865
  "name": "formAssociated",
2829
2866
  "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/",
@@ -3046,11 +3083,6 @@
3046
3083
  "type": "boolean",
3047
3084
  "default": "\"true\""
3048
3085
  },
3049
- {
3050
- "name": "styles",
3051
- "type": "CSSResult[]",
3052
- "default": "[null,null]"
3053
- },
3054
3086
  {
3055
3087
  "name": "min",
3056
3088
  "attribute": "min",
@@ -3153,6 +3185,11 @@
3153
3185
  "type": "string",
3154
3186
  "default": "\"\""
3155
3187
  },
3188
+ {
3189
+ "name": "styles",
3190
+ "type": "CSSResult[]",
3191
+ "default": "[null,null]"
3192
+ },
3156
3193
  {
3157
3194
  "name": "spellcheck",
3158
3195
  "attribute": "spellcheck",
@@ -3398,11 +3435,6 @@
3398
3435
  }
3399
3436
  ],
3400
3437
  "properties": [
3401
- {
3402
- "name": "styles",
3403
- "type": "CSSResult[]",
3404
- "default": "[null,null]"
3405
- },
3406
3438
  {
3407
3439
  "name": "min",
3408
3440
  "attribute": "min",
@@ -3505,6 +3537,11 @@
3505
3537
  "type": "string",
3506
3538
  "default": "\"\""
3507
3539
  },
3540
+ {
3541
+ "name": "styles",
3542
+ "type": "CSSResult[]",
3543
+ "default": "[null,null]"
3544
+ },
3508
3545
  {
3509
3546
  "name": "spellcheck",
3510
3547
  "attribute": "spellcheck",
@@ -3751,11 +3788,6 @@
3751
3788
  }
3752
3789
  ],
3753
3790
  "properties": [
3754
- {
3755
- "name": "styles",
3756
- "type": "CSSResult[]",
3757
- "default": "[null]"
3758
- },
3759
3791
  {
3760
3792
  "name": "min",
3761
3793
  "attribute": "min",
@@ -3858,6 +3890,11 @@
3858
3890
  "type": "string",
3859
3891
  "default": "\"\""
3860
3892
  },
3893
+ {
3894
+ "name": "styles",
3895
+ "type": "CSSResult[]",
3896
+ "default": "[null]"
3897
+ },
3861
3898
  {
3862
3899
  "name": "spellcheck",
3863
3900
  "attribute": "spellcheck",
@@ -4019,11 +4056,6 @@
4019
4056
  }
4020
4057
  ],
4021
4058
  "properties": [
4022
- {
4023
- "name": "styles",
4024
- "type": "CSSResult[]",
4025
- "default": "[null]"
4026
- },
4027
4059
  {
4028
4060
  "name": "disabled",
4029
4061
  "attribute": "disabled",
@@ -4044,6 +4076,11 @@
4044
4076
  "description": "Highlight that the related element is required.",
4045
4077
  "type": "boolean",
4046
4078
  "default": "\"false\""
4079
+ },
4080
+ {
4081
+ "name": "styles",
4082
+ "type": "CSSResult[]",
4083
+ "default": "[null]"
4047
4084
  }
4048
4085
  ],
4049
4086
  "slots": [
@@ -4071,11 +4108,6 @@
4071
4108
  }
4072
4109
  ],
4073
4110
  "properties": [
4074
- {
4075
- "name": "styles",
4076
- "type": "CSSResult[]",
4077
- "default": "[null]"
4078
- },
4079
4111
  {
4080
4112
  "name": "progress",
4081
4113
  "attribute": "progress",
@@ -4089,6 +4121,11 @@
4089
4121
  "description": "Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
4090
4122
  "type": "number",
4091
4123
  "default": "\"1\""
4124
+ },
4125
+ {
4126
+ "name": "styles",
4127
+ "type": "CSSResult[]",
4128
+ "default": "[null]"
4092
4129
  }
4093
4130
  ]
4094
4131
  },
@@ -4110,11 +4147,6 @@
4110
4147
  }
4111
4148
  ],
4112
4149
  "properties": [
4113
- {
4114
- "name": "styles",
4115
- "type": "CSSResult[]",
4116
- "default": "[null]"
4117
- },
4118
4150
  {
4119
4151
  "name": "progress",
4120
4152
  "attribute": "progress",
@@ -4128,6 +4160,11 @@
4128
4160
  "description": "If true then element displays progress number at bigger sizes",
4129
4161
  "type": "boolean",
4130
4162
  "default": "\"false\""
4163
+ },
4164
+ {
4165
+ "name": "styles",
4166
+ "type": "CSSResult[]",
4167
+ "default": "[null]"
4131
4168
  }
4132
4169
  ]
4133
4170
  },
@@ -4218,11 +4255,6 @@
4218
4255
  }
4219
4256
  ],
4220
4257
  "properties": [
4221
- {
4222
- "name": "styles",
4223
- "type": "CSSResult[]",
4224
- "default": "[null]"
4225
- },
4226
4258
  {
4227
4259
  "name": "disabled",
4228
4260
  "attribute": "disabled",
@@ -4272,6 +4304,11 @@
4272
4304
  "type": "string",
4273
4305
  "default": "\"undefined\""
4274
4306
  },
4307
+ {
4308
+ "name": "styles",
4309
+ "type": "CSSResult[]",
4310
+ "default": "[null]"
4311
+ },
4275
4312
  {
4276
4313
  "name": "selectOnly",
4277
4314
  "attribute": "select-only",
@@ -4388,7 +4425,7 @@
4388
4425
  "default": "0"
4389
4426
  },
4390
4427
  {
4391
- "name": "transitionDuration",
4428
+ "name": "transition-duration",
4392
4429
  "type": "number"
4393
4430
  }
4394
4431
  ],
@@ -4419,18 +4456,18 @@
4419
4456
  },
4420
4457
  {
4421
4458
  "name": "transitionDuration",
4422
- "attribute": "transitionDuration",
4459
+ "attribute": "transition-duration",
4423
4460
  "type": "number"
4424
4461
  },
4425
4462
  {
4426
4463
  "name": "open",
4427
4464
  "type": "(event?: Event | undefined) => void",
4428
- "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const openEvent = new CustomEvent('open', {\\n bubbles: true,\\n cancelable: true,\\n });\\n\\n this.dispatchEvent(openEvent);\\n if (openEvent.defaultPrevented) return;\\n\\n this._openModal();\\n }\""
4465
+ "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const openEvent = new CustomEvent('open', {\\n cancelable: true,\\n });\\n\\n this.dispatchEvent(openEvent);\\n if (openEvent.defaultPrevented) return;\\n\\n this._openModal();\\n }\""
4429
4466
  },
4430
4467
  {
4431
4468
  "name": "close",
4432
4469
  "type": "(event?: Event | undefined) => void",
4433
- "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const closeEvent = new CustomEvent('close', {\\n bubbles: true,\\n cancelable: true,\\n });\\n this.dispatchEvent(closeEvent);\\n\\n if (closeEvent.defaultPrevented) return;\\n\\n this._closeModal();\\n }\""
4470
+ "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const closeEvent = new CustomEvent('close', {\\n cancelable: true,\\n });\\n this.dispatchEvent(closeEvent);\\n\\n if (closeEvent.defaultPrevented) return;\\n\\n this._closeModal();\\n }\""
4434
4471
  },
4435
4472
  {
4436
4473
  "name": "styles",
@@ -4444,6 +4481,9 @@
4444
4481
  },
4445
4482
  {
4446
4483
  "name": "close"
4484
+ },
4485
+ {
4486
+ "name": "close-end"
4447
4487
  }
4448
4488
  ]
4449
4489
  },
@@ -4477,7 +4517,7 @@
4477
4517
  "default": "0"
4478
4518
  },
4479
4519
  {
4480
- "name": "transitionDuration",
4520
+ "name": "transition-duration",
4481
4521
  "type": "number"
4482
4522
  }
4483
4523
  ],
@@ -4514,18 +4554,18 @@
4514
4554
  },
4515
4555
  {
4516
4556
  "name": "transitionDuration",
4517
- "attribute": "transitionDuration",
4557
+ "attribute": "transition-duration",
4518
4558
  "type": "number"
4519
4559
  },
4520
4560
  {
4521
4561
  "name": "open",
4522
4562
  "type": "(event?: Event | undefined) => void",
4523
- "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const openEvent = new CustomEvent('open', {\\n bubbles: true,\\n cancelable: true,\\n });\\n\\n this.dispatchEvent(openEvent);\\n if (openEvent.defaultPrevented) return;\\n\\n this._openModal();\\n }\""
4563
+ "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const openEvent = new CustomEvent('open', {\\n cancelable: true,\\n });\\n\\n this.dispatchEvent(openEvent);\\n if (openEvent.defaultPrevented) return;\\n\\n this._openModal();\\n }\""
4524
4564
  },
4525
4565
  {
4526
4566
  "name": "close",
4527
4567
  "type": "(event?: Event | undefined) => void",
4528
- "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const closeEvent = new CustomEvent('close', {\\n bubbles: true,\\n cancelable: true,\\n });\\n this.dispatchEvent(closeEvent);\\n\\n if (closeEvent.defaultPrevented) return;\\n\\n this._closeModal();\\n }\""
4568
+ "default": "\"(event?: Event) => {\\n event?.preventDefault();\\n event?.stopImmediatePropagation();\\n\\n const closeEvent = new CustomEvent('close', {\\n cancelable: true,\\n });\\n this.dispatchEvent(closeEvent);\\n\\n if (closeEvent.defaultPrevented) return;\\n\\n this._closeModal();\\n }\""
4529
4569
  },
4530
4570
  {
4531
4571
  "name": "styles",
@@ -4539,6 +4579,9 @@
4539
4579
  },
4540
4580
  {
4541
4581
  "name": "close"
4582
+ },
4583
+ {
4584
+ "name": "close-end"
4542
4585
  }
4543
4586
  ]
4544
4587
  },
@@ -4571,11 +4614,6 @@
4571
4614
  }
4572
4615
  ],
4573
4616
  "properties": [
4574
- {
4575
- "name": "styles",
4576
- "type": "CSSResult[]",
4577
- "default": "[null]"
4578
- },
4579
4617
  {
4580
4618
  "name": "label",
4581
4619
  "attribute": "label",
@@ -4602,6 +4640,11 @@
4602
4640
  "attribute": "current",
4603
4641
  "description": "Define the current active page.",
4604
4642
  "type": "number"
4643
+ },
4644
+ {
4645
+ "name": "styles",
4646
+ "type": "CSSResult[]",
4647
+ "default": "[null]"
4605
4648
  }
4606
4649
  ],
4607
4650
  "events": [
@@ -4611,6 +4654,63 @@
4611
4654
  }
4612
4655
  ]
4613
4656
  },
4657
+ {
4658
+ "name": "uui-popover-container",
4659
+ "path": "./../uui-popover-container/lib/uui-popover-container.element.ts",
4660
+ "attributes": [
4661
+ {
4662
+ "name": "margin",
4663
+ "description": "Set the distance between popover container element and target element.",
4664
+ "type": "number",
4665
+ "default": "\"0\""
4666
+ },
4667
+ {
4668
+ "name": "open",
4669
+ "description": "Read-only attribute to check if the popover is open",
4670
+ "type": "boolean",
4671
+ "default": "\"false\""
4672
+ },
4673
+ {
4674
+ "name": "placement",
4675
+ "description": "Define the placement of the popover container.",
4676
+ "type": "PopoverContainerPlacement",
4677
+ "default": "\"'bottom-start'\""
4678
+ }
4679
+ ],
4680
+ "properties": [
4681
+ {
4682
+ "name": "margin",
4683
+ "attribute": "margin",
4684
+ "description": "Set the distance between popover container element and target element.",
4685
+ "type": "number",
4686
+ "default": "\"0\""
4687
+ },
4688
+ {
4689
+ "name": "open",
4690
+ "attribute": "open",
4691
+ "description": "Read-only attribute to check if the popover is open",
4692
+ "type": "boolean",
4693
+ "default": "\"false\""
4694
+ },
4695
+ {
4696
+ "name": "placement",
4697
+ "attribute": "placement",
4698
+ "description": "Define the placement of the popover container.",
4699
+ "type": "PopoverContainerPlacement",
4700
+ "default": "\"'bottom-start'\""
4701
+ },
4702
+ {
4703
+ "name": "styles",
4704
+ "type": "CSSResult[]",
4705
+ "default": "[null]"
4706
+ }
4707
+ ],
4708
+ "events": [
4709
+ {
4710
+ "name": "uui-popover-before-toggle"
4711
+ }
4712
+ ]
4713
+ },
4614
4714
  {
4615
4715
  "name": "uui-popover",
4616
4716
  "path": "./../uui-popover/lib/uui-popover.element.ts",
@@ -4635,11 +4735,6 @@
4635
4735
  }
4636
4736
  ],
4637
4737
  "properties": [
4638
- {
4639
- "name": "styles",
4640
- "type": "CSSResult[]",
4641
- "default": "[null]"
4642
- },
4643
4738
  {
4644
4739
  "name": "margin",
4645
4740
  "attribute": "margin",
@@ -4660,6 +4755,11 @@
4660
4755
  "description": "Opens the popover-modal.",
4661
4756
  "type": "boolean",
4662
4757
  "default": "\"false\""
4758
+ },
4759
+ {
4760
+ "name": "styles",
4761
+ "type": "CSSResult[]",
4762
+ "default": "[null]"
4663
4763
  }
4664
4764
  ],
4665
4765
  "events": [
@@ -4697,17 +4797,17 @@
4697
4797
  }
4698
4798
  ],
4699
4799
  "properties": [
4700
- {
4701
- "name": "styles",
4702
- "type": "CSSResult[]",
4703
- "default": "[null]"
4704
- },
4705
4800
  {
4706
4801
  "name": "progress",
4707
4802
  "attribute": "progress",
4708
4803
  "description": "Set this to a number between 0 and 100 to reflect the progress of some operation.",
4709
4804
  "type": "number",
4710
4805
  "default": "\"0\""
4806
+ },
4807
+ {
4808
+ "name": "styles",
4809
+ "type": "CSSResult[]",
4810
+ "default": "[null]"
4711
4811
  }
4712
4812
  ]
4713
4813
  },
@@ -4765,11 +4865,6 @@
4765
4865
  }
4766
4866
  ],
4767
4867
  "properties": [
4768
- {
4769
- "name": "styles",
4770
- "type": "CSSResult[]",
4771
- "default": "[null]"
4772
- },
4773
4868
  {
4774
4869
  "name": "disabled",
4775
4870
  "attribute": "disabled",
@@ -4777,6 +4872,11 @@
4777
4872
  "type": "boolean",
4778
4873
  "default": "\"false\""
4779
4874
  },
4875
+ {
4876
+ "name": "styles",
4877
+ "type": "CSSResult[]",
4878
+ "default": "[null]"
4879
+ },
4780
4880
  {
4781
4881
  "name": "formAssociated",
4782
4882
  "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/",
@@ -4880,11 +4980,6 @@
4880
4980
  }
4881
4981
  ],
4882
4982
  "properties": [
4883
- {
4884
- "name": "styles",
4885
- "type": "CSSResult[]",
4886
- "default": "[\"UUIHorizontalShakeKeyframes\",null]"
4887
- },
4888
4983
  {
4889
4984
  "name": "name",
4890
4985
  "attribute": "name",
@@ -4916,6 +5011,11 @@
4916
5011
  "description": "Disables the input.",
4917
5012
  "type": "boolean",
4918
5013
  "default": "\"false\""
5014
+ },
5015
+ {
5016
+ "name": "styles",
5017
+ "type": "CSSResult[]",
5018
+ "default": "[\"UUIHorizontalShakeKeyframes\",null]"
4919
5019
  }
4920
5020
  ],
4921
5021
  "events": [
@@ -5044,11 +5144,6 @@
5044
5144
  }
5045
5145
  ],
5046
5146
  "properties": [
5047
- {
5048
- "name": "styles",
5049
- "type": "CSSResult[]",
5050
- "default": "[\"UUIHorizontalPulseKeyframes\",null]"
5051
- },
5052
5147
  {
5053
5148
  "name": "disabled",
5054
5149
  "attribute": "disabled",
@@ -5118,6 +5213,11 @@
5118
5213
  "type": "number",
5119
5214
  "default": "\"100\""
5120
5215
  },
5216
+ {
5217
+ "name": "styles",
5218
+ "type": "CSSResult[]",
5219
+ "default": "[\"UUIHorizontalPulseKeyframes\",null]"
5220
+ },
5121
5221
  {
5122
5222
  "name": "formAssociated",
5123
5223
  "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/",
@@ -5276,11 +5376,6 @@
5276
5376
  "type": "string",
5277
5377
  "default": "\"''\""
5278
5378
  },
5279
- {
5280
- "name": "styles",
5281
- "type": "CSSResult[]",
5282
- "default": "[null]"
5283
- },
5284
5379
  {
5285
5380
  "name": "disabled",
5286
5381
  "attribute": "disabled",
@@ -5295,6 +5390,11 @@
5295
5390
  "type": "boolean",
5296
5391
  "default": "\"false\""
5297
5392
  },
5393
+ {
5394
+ "name": "styles",
5395
+ "type": "CSSResult[]",
5396
+ "default": "[null]"
5397
+ },
5298
5398
  {
5299
5399
  "name": "selectOnly",
5300
5400
  "attribute": "select-only",
@@ -5421,11 +5521,6 @@
5421
5521
  "type": "string",
5422
5522
  "default": "\"''\""
5423
5523
  },
5424
- {
5425
- "name": "styles",
5426
- "type": "CSSResult[]",
5427
- "default": "[null]"
5428
- },
5429
5524
  {
5430
5525
  "name": "disabled",
5431
5526
  "attribute": "disabled",
@@ -5440,6 +5535,11 @@
5440
5535
  "type": "boolean",
5441
5536
  "default": "\"false\""
5442
5537
  },
5538
+ {
5539
+ "name": "styles",
5540
+ "type": "CSSResult[]",
5541
+ "default": "[null]"
5542
+ },
5443
5543
  {
5444
5544
  "name": "selectOnly",
5445
5545
  "attribute": "select-only",
@@ -5553,11 +5653,6 @@
5553
5653
  "type": "string",
5554
5654
  "default": "\"''\""
5555
5655
  },
5556
- {
5557
- "name": "styles",
5558
- "type": "CSSResult[]",
5559
- "default": "[null]"
5560
- },
5561
5656
  {
5562
5657
  "name": "disabled",
5563
5658
  "attribute": "disabled",
@@ -5573,9 +5668,14 @@
5573
5668
  "default": "\"false\""
5574
5669
  },
5575
5670
  {
5576
- "name": "selectOnly",
5577
- "attribute": "select-only",
5578
- "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
5671
+ "name": "styles",
5672
+ "type": "CSSResult[]",
5673
+ "default": "[null]"
5674
+ },
5675
+ {
5676
+ "name": "selectOnly",
5677
+ "attribute": "select-only",
5678
+ "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
5579
5679
  "type": "boolean"
5580
5680
  },
5581
5681
  {
@@ -5698,11 +5798,6 @@
5698
5798
  "type": "string",
5699
5799
  "default": "\"''\""
5700
5800
  },
5701
- {
5702
- "name": "styles",
5703
- "type": "CSSResult[]",
5704
- "default": "[null]"
5705
- },
5706
5801
  {
5707
5802
  "name": "disabled",
5708
5803
  "attribute": "disabled",
@@ -5717,6 +5812,11 @@
5717
5812
  "type": "boolean",
5718
5813
  "default": "\"false\""
5719
5814
  },
5815
+ {
5816
+ "name": "styles",
5817
+ "type": "CSSResult[]",
5818
+ "default": "[null]"
5819
+ },
5720
5820
  {
5721
5821
  "name": "selectOnly",
5722
5822
  "attribute": "select-only",
@@ -5856,11 +5956,6 @@
5856
5956
  "type": "string",
5857
5957
  "default": "\"''\""
5858
5958
  },
5859
- {
5860
- "name": "styles",
5861
- "type": "CSSResult[]",
5862
- "default": "[null]"
5863
- },
5864
5959
  {
5865
5960
  "name": "disabled",
5866
5961
  "attribute": "disabled",
@@ -5875,6 +5970,11 @@
5875
5970
  "type": "boolean",
5876
5971
  "default": "\"false\""
5877
5972
  },
5973
+ {
5974
+ "name": "styles",
5975
+ "type": "CSSResult[]",
5976
+ "default": "[null]"
5977
+ },
5878
5978
  {
5879
5979
  "name": "selectOnly",
5880
5980
  "attribute": "select-only",
@@ -6001,11 +6101,6 @@
6001
6101
  "type": "string",
6002
6102
  "default": "\"''\""
6003
6103
  },
6004
- {
6005
- "name": "styles",
6006
- "type": "CSSResult[]",
6007
- "default": "[null]"
6008
- },
6009
6104
  {
6010
6105
  "name": "disabled",
6011
6106
  "attribute": "disabled",
@@ -6020,6 +6115,11 @@
6020
6115
  "type": "boolean",
6021
6116
  "default": "\"false\""
6022
6117
  },
6118
+ {
6119
+ "name": "styles",
6120
+ "type": "CSSResult[]",
6121
+ "default": "[null]"
6122
+ },
6023
6123
  {
6024
6124
  "name": "selectOnly",
6025
6125
  "attribute": "select-only",
@@ -6133,11 +6233,6 @@
6133
6233
  "type": "string",
6134
6234
  "default": "\"''\""
6135
6235
  },
6136
- {
6137
- "name": "styles",
6138
- "type": "CSSResult[]",
6139
- "default": "[null,null]"
6140
- },
6141
6236
  {
6142
6237
  "name": "disabled",
6143
6238
  "attribute": "disabled",
@@ -6152,6 +6247,11 @@
6152
6247
  "type": "boolean",
6153
6248
  "default": "\"false\""
6154
6249
  },
6250
+ {
6251
+ "name": "styles",
6252
+ "type": "CSSResult[]",
6253
+ "default": "[null,null]"
6254
+ },
6155
6255
  {
6156
6256
  "name": "selectOnly",
6157
6257
  "attribute": "select-only",
@@ -6239,11 +6339,6 @@
6239
6339
  }
6240
6340
  ],
6241
6341
  "properties": [
6242
- {
6243
- "name": "styles",
6244
- "type": "CSSResult[]",
6245
- "default": "[null]"
6246
- },
6247
6342
  {
6248
6343
  "name": "disabled",
6249
6344
  "attribute": "disabled",
@@ -6258,6 +6353,11 @@
6258
6353
  "type": "boolean",
6259
6354
  "default": "\"false\""
6260
6355
  },
6356
+ {
6357
+ "name": "styles",
6358
+ "type": "CSSResult[]",
6359
+ "default": "[null]"
6360
+ },
6261
6361
  {
6262
6362
  "name": "selectOnly",
6263
6363
  "attribute": "select-only",
@@ -6397,11 +6497,6 @@
6397
6497
  }
6398
6498
  ],
6399
6499
  "properties": [
6400
- {
6401
- "name": "styles",
6402
- "type": "CSSResult[]",
6403
- "default": "[null]"
6404
- },
6405
6500
  {
6406
6501
  "name": "label",
6407
6502
  "attribute": "label",
@@ -6435,6 +6530,11 @@
6435
6530
  "type": "string",
6436
6531
  "default": "\"\""
6437
6532
  },
6533
+ {
6534
+ "name": "styles",
6535
+ "type": "CSSResult[]",
6536
+ "default": "[null]"
6537
+ },
6438
6538
  {
6439
6539
  "name": "formAssociated",
6440
6540
  "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/",
@@ -6588,11 +6688,6 @@
6588
6688
  }
6589
6689
  ],
6590
6690
  "properties": [
6591
- {
6592
- "name": "styles",
6593
- "type": "CSSResult[]",
6594
- "default": "[\"UUIHorizontalPulseKeyframes\",\"nativeInputStyles\",null]"
6595
- },
6596
6691
  {
6597
6692
  "name": "hideStepValues",
6598
6693
  "attribute": "hide-step-values",
@@ -6634,6 +6729,11 @@
6634
6729
  "description": "Label to be used for aria-label and eventually as visual label",
6635
6730
  "type": "string"
6636
6731
  },
6732
+ {
6733
+ "name": "styles",
6734
+ "type": "CSSResult[]",
6735
+ "default": "[\"UUIHorizontalPulseKeyframes\",\"nativeInputStyles\",null]"
6736
+ },
6637
6737
  {
6638
6738
  "name": "formAssociated",
6639
6739
  "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/",
@@ -6717,17 +6817,17 @@
6717
6817
  }
6718
6818
  ],
6719
6819
  "properties": [
6720
- {
6721
- "name": "styles",
6722
- "type": "CSSResult[]",
6723
- "default": "[null]"
6724
- },
6725
6820
  {
6726
6821
  "name": "open",
6727
6822
  "attribute": "open",
6728
6823
  "description": "Set this boolean to true for a open/expanded look.",
6729
6824
  "type": "boolean",
6730
6825
  "default": "\"false\""
6826
+ },
6827
+ {
6828
+ "name": "styles",
6829
+ "type": "CSSResult[]",
6830
+ "default": "[null]"
6731
6831
  }
6732
6832
  ]
6733
6833
  },
@@ -6743,17 +6843,17 @@
6743
6843
  }
6744
6844
  ],
6745
6845
  "properties": [
6746
- {
6747
- "name": "styles",
6748
- "type": "CSSResult[]",
6749
- "default": "[null]"
6750
- },
6751
6846
  {
6752
6847
  "name": "error",
6753
6848
  "attribute": "error",
6754
6849
  "description": "Renders a error symbol instead of the upload symbol",
6755
6850
  "type": "boolean",
6756
6851
  "default": "\"false\""
6852
+ },
6853
+ {
6854
+ "name": "styles",
6855
+ "type": "CSSResult[]",
6856
+ "default": "[null]"
6757
6857
  }
6758
6858
  ]
6759
6859
  },
@@ -6775,11 +6875,6 @@
6775
6875
  }
6776
6876
  ],
6777
6877
  "properties": [
6778
- {
6779
- "name": "styles",
6780
- "type": "CSSResult[]",
6781
- "default": "[null]"
6782
- },
6783
6878
  {
6784
6879
  "name": "src",
6785
6880
  "attribute": "src",
@@ -6793,6 +6888,11 @@
6793
6888
  "description": "Alt of the thumbnail.",
6794
6889
  "type": "string",
6795
6890
  "default": "\"''\""
6891
+ },
6892
+ {
6893
+ "name": "styles",
6894
+ "type": "CSSResult[]",
6895
+ "default": "[null]"
6796
6896
  }
6797
6897
  ]
6798
6898
  },
@@ -6808,17 +6908,17 @@
6808
6908
  }
6809
6909
  ],
6810
6910
  "properties": [
6811
- {
6812
- "name": "styles",
6813
- "type": "CSSResult[]",
6814
- "default": "[null]"
6815
- },
6816
6911
  {
6817
6912
  "name": "type",
6818
6913
  "attribute": "type",
6819
6914
  "description": "The text that will appear on the file icon",
6820
6915
  "type": "string",
6821
6916
  "default": "\"\""
6917
+ },
6918
+ {
6919
+ "name": "styles",
6920
+ "type": "CSSResult[]",
6921
+ "default": "[null]"
6822
6922
  }
6823
6923
  ]
6824
6924
  },
@@ -6834,17 +6934,17 @@
6834
6934
  }
6835
6935
  ],
6836
6936
  "properties": [
6837
- {
6838
- "name": "styles",
6839
- "type": "CSSResult[]",
6840
- "default": "[null]"
6841
- },
6842
6937
  {
6843
6938
  "name": "type",
6844
6939
  "attribute": "type",
6845
6940
  "description": "The text that will appear on the file icon",
6846
6941
  "type": "string",
6847
6942
  "default": "\"\""
6943
+ },
6944
+ {
6945
+ "name": "styles",
6946
+ "type": "CSSResult[]",
6947
+ "default": "[null]"
6848
6948
  }
6849
6949
  ]
6850
6950
  },
@@ -6881,16 +6981,16 @@
6881
6981
  }
6882
6982
  ],
6883
6983
  "properties": [
6884
- {
6885
- "name": "styles",
6886
- "type": "CSSResult[]",
6887
- "default": "[null]"
6888
- },
6889
6984
  {
6890
6985
  "name": "open",
6891
6986
  "attribute": "open",
6892
6987
  "type": "boolean",
6893
6988
  "default": "false"
6989
+ },
6990
+ {
6991
+ "name": "styles",
6992
+ "type": "CSSResult[]",
6993
+ "default": "[null]"
6894
6994
  }
6895
6995
  ]
6896
6996
  },
@@ -6923,11 +7023,6 @@
6923
7023
  }
6924
7024
  ],
6925
7025
  "properties": [
6926
- {
6927
- "name": "styles",
6928
- "type": "CSSResult[]",
6929
- "default": "[null]"
6930
- },
6931
7026
  {
6932
7027
  "name": "descending",
6933
7028
  "attribute": "descending",
@@ -6935,6 +7030,11 @@
6935
7030
  "type": "boolean",
6936
7031
  "default": "\"false\""
6937
7032
  },
7033
+ {
7034
+ "name": "styles",
7035
+ "type": "CSSResult[]",
7036
+ "default": "[null]"
7037
+ },
6938
7038
  {
6939
7039
  "name": "active",
6940
7040
  "attribute": "active",
@@ -6969,11 +7069,6 @@
6969
7069
  }
6970
7070
  ],
6971
7071
  "properties": [
6972
- {
6973
- "name": "styles",
6974
- "type": "CSSResult[]",
6975
- "default": "[null]"
6976
- },
6977
7072
  {
6978
7073
  "name": "disableChildInteraction",
6979
7074
  "attribute": "disable-child-interaction",
@@ -6994,6 +7089,11 @@
6994
7089
  "description": "Enable overflow ellipsis",
6995
7090
  "type": "boolean",
6996
7091
  "default": "\"false\""
7092
+ },
7093
+ {
7094
+ "name": "styles",
7095
+ "type": "CSSResult[]",
7096
+ "default": "[null]"
6997
7097
  }
6998
7098
  ],
6999
7099
  "slots": [
@@ -7050,11 +7150,6 @@
7050
7150
  }
7051
7151
  ],
7052
7152
  "properties": [
7053
- {
7054
- "name": "styles",
7055
- "type": "CSSResult[]",
7056
- "default": "[null,null]"
7057
- },
7058
7153
  {
7059
7154
  "name": "disableChildInteraction",
7060
7155
  "attribute": "disable-child-interaction",
@@ -7075,6 +7170,11 @@
7075
7170
  "description": "Enable overflow ellipsis",
7076
7171
  "type": "boolean",
7077
7172
  "default": "\"false\""
7173
+ },
7174
+ {
7175
+ "name": "styles",
7176
+ "type": "CSSResult[]",
7177
+ "default": "[null,null]"
7078
7178
  }
7079
7179
  ],
7080
7180
  "slots": [
@@ -7204,7 +7304,22 @@
7204
7304
  {
7205
7305
  "name": "uui-tab-group",
7206
7306
  "path": "./../uui-tabs/lib/uui-tab-group.element.ts",
7307
+ "attributes": [
7308
+ {
7309
+ "name": "dropdown-content-direction",
7310
+ "description": "Set the flex direction of the content of the dropdown.",
7311
+ "type": "string",
7312
+ "default": "\"vertical\""
7313
+ }
7314
+ ],
7207
7315
  "properties": [
7316
+ {
7317
+ "name": "dropdownContentDirection",
7318
+ "attribute": "dropdown-content-direction",
7319
+ "description": "Set the flex direction of the content of the dropdown.",
7320
+ "type": "string",
7321
+ "default": "\"vertical\""
7322
+ },
7208
7323
  {
7209
7324
  "name": "styles",
7210
7325
  "type": "CSSResult[]",
@@ -7241,6 +7356,12 @@
7241
7356
  "type": "string",
7242
7357
  "default": "\"undefined\""
7243
7358
  },
7359
+ {
7360
+ "name": "orientation",
7361
+ "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
7362
+ "type": "string",
7363
+ "default": "\"horizontal\""
7364
+ },
7244
7365
  {
7245
7366
  "name": "active",
7246
7367
  "description": "Set this boolean to true for then the related composition is sorted.",
@@ -7254,11 +7375,6 @@
7254
7375
  }
7255
7376
  ],
7256
7377
  "properties": [
7257
- {
7258
- "name": "styles",
7259
- "type": "CSSResult[]",
7260
- "default": "[null]"
7261
- },
7262
7378
  {
7263
7379
  "name": "disabled",
7264
7380
  "attribute": "disabled",
@@ -7280,6 +7396,18 @@
7280
7396
  "type": "string",
7281
7397
  "default": "\"undefined\""
7282
7398
  },
7399
+ {
7400
+ "name": "orientation",
7401
+ "attribute": "orientation",
7402
+ "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
7403
+ "type": "string",
7404
+ "default": "\"horizontal\""
7405
+ },
7406
+ {
7407
+ "name": "styles",
7408
+ "type": "CSSResult[]",
7409
+ "default": "[null]"
7410
+ },
7283
7411
  {
7284
7412
  "name": "active",
7285
7413
  "attribute": "active",
@@ -7328,6 +7456,10 @@
7328
7456
  {
7329
7457
  "name": "--uui-tab-divider",
7330
7458
  "description": "Define the tab dividers color"
7459
+ },
7460
+ {
7461
+ "name": "--uui-tab-padding-horizontal",
7462
+ "description": "Define the tab horizontal padding"
7331
7463
  }
7332
7464
  ]
7333
7465
  },
@@ -7354,6 +7486,12 @@
7354
7486
  "type": "string",
7355
7487
  "default": "\"undefined\""
7356
7488
  },
7489
+ {
7490
+ "name": "orientation",
7491
+ "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
7492
+ "type": "string",
7493
+ "default": "\"horizontal\""
7494
+ },
7357
7495
  {
7358
7496
  "name": "active",
7359
7497
  "description": "Set this boolean to true for then the related composition is sorted.",
@@ -7367,11 +7505,6 @@
7367
7505
  }
7368
7506
  ],
7369
7507
  "properties": [
7370
- {
7371
- "name": "styles",
7372
- "type": "CSSResult[]",
7373
- "default": "[null]"
7374
- },
7375
7508
  {
7376
7509
  "name": "disabled",
7377
7510
  "attribute": "disabled",
@@ -7393,6 +7526,18 @@
7393
7526
  "type": "string",
7394
7527
  "default": "\"undefined\""
7395
7528
  },
7529
+ {
7530
+ "name": "orientation",
7531
+ "attribute": "orientation",
7532
+ "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
7533
+ "type": "string",
7534
+ "default": "\"horizontal\""
7535
+ },
7536
+ {
7537
+ "name": "styles",
7538
+ "type": "CSSResult[]",
7539
+ "default": "[null]"
7540
+ },
7396
7541
  {
7397
7542
  "name": "active",
7398
7543
  "attribute": "active",
@@ -7441,6 +7586,10 @@
7441
7586
  {
7442
7587
  "name": "--uui-tab-divider",
7443
7588
  "description": "Define the tab dividers color"
7589
+ },
7590
+ {
7591
+ "name": "--uui-tab-padding-horizontal",
7592
+ "description": "Define the tab horizontal padding"
7444
7593
  }
7445
7594
  ]
7446
7595
  },
@@ -7462,11 +7611,6 @@
7462
7611
  }
7463
7612
  ],
7464
7613
  "properties": [
7465
- {
7466
- "name": "styles",
7467
- "type": "CSSResult[]",
7468
- "default": "[null]"
7469
- },
7470
7614
  {
7471
7615
  "name": "color",
7472
7616
  "attribute": "color",
@@ -7480,6 +7624,11 @@
7480
7624
  "description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
7481
7625
  "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
7482
7626
  "default": "\"\\\"default\\\"\""
7627
+ },
7628
+ {
7629
+ "name": "styles",
7630
+ "type": "CSSResult[]",
7631
+ "default": "[null]"
7483
7632
  }
7484
7633
  ],
7485
7634
  "slots": [
@@ -7610,11 +7759,6 @@
7610
7759
  }
7611
7760
  ],
7612
7761
  "properties": [
7613
- {
7614
- "name": "styles",
7615
- "type": "CSSResult[]",
7616
- "default": "[null]"
7617
- },
7618
7762
  {
7619
7763
  "name": "placeholder",
7620
7764
  "attribute": "placeholder",
@@ -7694,6 +7838,11 @@
7694
7838
  "type": "'soft' | 'hard' | 'off'",
7695
7839
  "default": "\"undefined\""
7696
7840
  },
7841
+ {
7842
+ "name": "styles",
7843
+ "type": "CSSResult[]",
7844
+ "default": "[null]"
7845
+ },
7697
7846
  {
7698
7847
  "name": "formAssociated",
7699
7848
  "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/",
@@ -7784,6 +7933,10 @@
7784
7933
  "name": "--uui-textarea-background-color",
7785
7934
  "description": "Sets the background color of the textarea",
7786
7935
  "type": "color"
7936
+ },
7937
+ {
7938
+ "name": "--uui-textarea-font-size",
7939
+ "description": "Overwrites the default font size"
7787
7940
  }
7788
7941
  ]
7789
7942
  },
@@ -7803,11 +7956,6 @@
7803
7956
  }
7804
7957
  ],
7805
7958
  "properties": [
7806
- {
7807
- "name": "styles",
7808
- "type": "CSSResult[]",
7809
- "default": "[null]"
7810
- },
7811
7959
  {
7812
7960
  "name": "autoClose",
7813
7961
  "type": "number | null"
@@ -7823,6 +7971,11 @@
7823
7971
  "description": "resume the auto close timers.",
7824
7972
  "type": "() => void",
7825
7973
  "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 }\""
7974
+ },
7975
+ {
7976
+ "name": "styles",
7977
+ "type": "CSSResult[]",
7978
+ "default": "[null]"
7826
7979
  }
7827
7980
  ],
7828
7981
  "slots": [
@@ -7843,16 +7996,16 @@
7843
7996
  }
7844
7997
  ],
7845
7998
  "properties": [
7846
- {
7847
- "name": "styles",
7848
- "type": "CSSResult[]",
7849
- "default": "[\"UUITextStyles\",null]"
7850
- },
7851
7999
  {
7852
8000
  "name": "headline",
7853
8001
  "attribute": "headline",
7854
8002
  "description": "Headline for this notification, can also be set via the 'headline' slot.",
7855
8003
  "type": "string"
8004
+ },
8005
+ {
8006
+ "name": "styles",
8007
+ "type": "CSSResult[]",
8008
+ "default": "[\"UUITextStyles\",null]"
7856
8009
  }
7857
8010
  ],
7858
8011
  "slots": [
@@ -7894,11 +8047,6 @@
7894
8047
  }
7895
8048
  ],
7896
8049
  "properties": [
7897
- {
7898
- "name": "styles",
7899
- "type": "CSSResult[]",
7900
- "default": "[\"UUITextStyles\",null]"
7901
- },
7902
8050
  {
7903
8051
  "name": "color",
7904
8052
  "attribute": "color",
@@ -7919,6 +8067,11 @@
7919
8067
  "description": "define if this toast should open or close.",
7920
8068
  "type": "boolean",
7921
8069
  "default": "\"false\""
8070
+ },
8071
+ {
8072
+ "name": "styles",
8073
+ "type": "CSSResult[]",
8074
+ "default": "[\"UUITextStyles\",null]"
7922
8075
  }
7923
8076
  ],
7924
8077
  "events": [
@@ -8018,11 +8171,6 @@
8018
8171
  }
8019
8172
  ],
8020
8173
  "properties": [
8021
- {
8022
- "name": "styles",
8023
- "type": "CSSResult[]",
8024
- "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
8025
- },
8026
8174
  {
8027
8175
  "name": "labelPosition",
8028
8176
  "attribute": "label-position",
@@ -8044,6 +8192,11 @@
8044
8192
  "type": "boolean",
8045
8193
  "default": "\"false\""
8046
8194
  },
8195
+ {
8196
+ "name": "styles",
8197
+ "type": "CSSResult[]",
8198
+ "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
8199
+ },
8047
8200
  {
8048
8201
  "name": "formAssociated",
8049
8202
  "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/",
@@ -8157,6 +8310,17 @@
8157
8310
  "description": "Set the toggle background color when focused"
8158
8311
  }
8159
8312
  ]
8313
+ },
8314
+ {
8315
+ "name": "uui-visually-hidden",
8316
+ "path": "./../uui-visually-hidden/lib/uui-visually-hidden.element.ts",
8317
+ "properties": [
8318
+ {
8319
+ "name": "styles",
8320
+ "type": "CSSResult[]",
8321
+ "default": "[null]"
8322
+ }
8323
+ ]
8160
8324
  }
8161
8325
  ]
8162
8326
  }