@govtechsg/sgds-web-component 3.26.1-rc.0 → 3.26.1-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.
- package/components/QuantityToggle/index.umd.min.js +22 -22
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/QuantityToggle/sgds-quantity-toggle.js +9 -11
- package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/components/index.umd.min.js +69 -69
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +1 -1
- package/custom-elements.json +392 -376
- package/index.umd.min.js +63 -63
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +9 -11
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.js +9 -11
- package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/react/index.cjs.js +6 -6
- package/react/index.d.ts +1 -1
- package/react/index.js +1 -1
- package/types/react.d.ts +16 -16
package/custom-elements.json
CHANGED
|
@@ -1212,308 +1212,6 @@
|
|
|
1212
1212
|
}
|
|
1213
1213
|
]
|
|
1214
1214
|
},
|
|
1215
|
-
{
|
|
1216
|
-
"kind": "javascript-module",
|
|
1217
|
-
"path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
1218
|
-
"declarations": [
|
|
1219
|
-
{
|
|
1220
|
-
"kind": "class",
|
|
1221
|
-
"description": "",
|
|
1222
|
-
"name": "SgdsBreadcrumbItem",
|
|
1223
|
-
"slots": [
|
|
1224
|
-
{
|
|
1225
|
-
"description": "The link of the item. Pass in anchor tags into this slot",
|
|
1226
|
-
"name": "default"
|
|
1227
|
-
}
|
|
1228
|
-
],
|
|
1229
|
-
"members": [
|
|
1230
|
-
{
|
|
1231
|
-
"kind": "field",
|
|
1232
|
-
"name": "dependencies",
|
|
1233
|
-
"type": {
|
|
1234
|
-
"text": "Record<string, typeof SgdsElement>"
|
|
1235
|
-
},
|
|
1236
|
-
"static": true,
|
|
1237
|
-
"default": "{\n \"sgds-link\": SgdsLink,\n \"sgds-icon\": SgdsIcon\n }"
|
|
1238
|
-
},
|
|
1239
|
-
{
|
|
1240
|
-
"kind": "field",
|
|
1241
|
-
"name": "active",
|
|
1242
|
-
"type": {
|
|
1243
|
-
"text": "boolean"
|
|
1244
|
-
},
|
|
1245
|
-
"default": "false",
|
|
1246
|
-
"description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
|
|
1247
|
-
"attribute": "active",
|
|
1248
|
-
"reflects": true
|
|
1249
|
-
},
|
|
1250
|
-
{
|
|
1251
|
-
"kind": "field",
|
|
1252
|
-
"name": "_preventNavigation",
|
|
1253
|
-
"privacy": "private",
|
|
1254
|
-
"type": {}
|
|
1255
|
-
},
|
|
1256
|
-
{
|
|
1257
|
-
"kind": "method",
|
|
1258
|
-
"name": "emit",
|
|
1259
|
-
"parameters": [
|
|
1260
|
-
{
|
|
1261
|
-
"name": "name",
|
|
1262
|
-
"type": {
|
|
1263
|
-
"text": "string"
|
|
1264
|
-
}
|
|
1265
|
-
},
|
|
1266
|
-
{
|
|
1267
|
-
"name": "options",
|
|
1268
|
-
"optional": true,
|
|
1269
|
-
"type": {
|
|
1270
|
-
"text": "CustomEventInit<T>"
|
|
1271
|
-
}
|
|
1272
|
-
}
|
|
1273
|
-
],
|
|
1274
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
1275
|
-
"type": {},
|
|
1276
|
-
"inheritedFrom": {
|
|
1277
|
-
"name": "SgdsElement",
|
|
1278
|
-
"module": "src/base/sgds-element.ts"
|
|
1279
|
-
}
|
|
1280
|
-
},
|
|
1281
|
-
{
|
|
1282
|
-
"kind": "method",
|
|
1283
|
-
"name": "define",
|
|
1284
|
-
"static": true,
|
|
1285
|
-
"parameters": [
|
|
1286
|
-
{
|
|
1287
|
-
"name": "name",
|
|
1288
|
-
"type": {
|
|
1289
|
-
"text": "string"
|
|
1290
|
-
}
|
|
1291
|
-
},
|
|
1292
|
-
{
|
|
1293
|
-
"name": "elementConstructor",
|
|
1294
|
-
"default": "this"
|
|
1295
|
-
},
|
|
1296
|
-
{
|
|
1297
|
-
"name": "options",
|
|
1298
|
-
"default": "{}",
|
|
1299
|
-
"type": {
|
|
1300
|
-
"text": "ElementDefinitionOptions"
|
|
1301
|
-
}
|
|
1302
|
-
}
|
|
1303
|
-
],
|
|
1304
|
-
"type": {},
|
|
1305
|
-
"inheritedFrom": {
|
|
1306
|
-
"name": "SgdsElement",
|
|
1307
|
-
"module": "src/base/sgds-element.ts"
|
|
1308
|
-
}
|
|
1309
|
-
}
|
|
1310
|
-
],
|
|
1311
|
-
"attributes": [
|
|
1312
|
-
{
|
|
1313
|
-
"name": "active",
|
|
1314
|
-
"type": {
|
|
1315
|
-
"text": "boolean"
|
|
1316
|
-
},
|
|
1317
|
-
"default": "false",
|
|
1318
|
-
"description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
|
|
1319
|
-
"fieldName": "active"
|
|
1320
|
-
}
|
|
1321
|
-
],
|
|
1322
|
-
"superclass": {
|
|
1323
|
-
"name": "SgdsElement",
|
|
1324
|
-
"module": "/src/base/sgds-element"
|
|
1325
|
-
},
|
|
1326
|
-
"summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
|
|
1327
|
-
"tagName": "sgds-breadcrumb-item",
|
|
1328
|
-
"customElement": true,
|
|
1329
|
-
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
1330
|
-
"cssProperties": [],
|
|
1331
|
-
"cssParts": [],
|
|
1332
|
-
"cssStates": [],
|
|
1333
|
-
"events": []
|
|
1334
|
-
}
|
|
1335
|
-
],
|
|
1336
|
-
"exports": [
|
|
1337
|
-
{
|
|
1338
|
-
"kind": "js",
|
|
1339
|
-
"name": "SgdsBreadcrumbItem",
|
|
1340
|
-
"declaration": {
|
|
1341
|
-
"name": "SgdsBreadcrumbItem",
|
|
1342
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
1343
|
-
}
|
|
1344
|
-
},
|
|
1345
|
-
{
|
|
1346
|
-
"kind": "js",
|
|
1347
|
-
"name": "default",
|
|
1348
|
-
"declaration": {
|
|
1349
|
-
"name": "SgdsBreadcrumbItem",
|
|
1350
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
1351
|
-
}
|
|
1352
|
-
}
|
|
1353
|
-
]
|
|
1354
|
-
},
|
|
1355
|
-
{
|
|
1356
|
-
"kind": "javascript-module",
|
|
1357
|
-
"path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
1358
|
-
"declarations": [
|
|
1359
|
-
{
|
|
1360
|
-
"kind": "class",
|
|
1361
|
-
"description": "",
|
|
1362
|
-
"name": "SgdsBreadcrumb",
|
|
1363
|
-
"slots": [
|
|
1364
|
-
{
|
|
1365
|
-
"description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
|
|
1366
|
-
"name": "default"
|
|
1367
|
-
}
|
|
1368
|
-
],
|
|
1369
|
-
"members": [
|
|
1370
|
-
{
|
|
1371
|
-
"kind": "field",
|
|
1372
|
-
"name": "dependencies",
|
|
1373
|
-
"type": {
|
|
1374
|
-
"text": "object"
|
|
1375
|
-
},
|
|
1376
|
-
"static": true,
|
|
1377
|
-
"default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
|
|
1378
|
-
},
|
|
1379
|
-
{
|
|
1380
|
-
"kind": "field",
|
|
1381
|
-
"name": "ariaLabel",
|
|
1382
|
-
"type": {
|
|
1383
|
-
"text": "string"
|
|
1384
|
-
},
|
|
1385
|
-
"default": "\"breadcrumb\"",
|
|
1386
|
-
"description": "The aria-label of nav element within breadcrumb component.",
|
|
1387
|
-
"attribute": "ariaLabel"
|
|
1388
|
-
},
|
|
1389
|
-
{
|
|
1390
|
-
"kind": "method",
|
|
1391
|
-
"name": "_replaceExcessItemsWithDropdown",
|
|
1392
|
-
"privacy": "private",
|
|
1393
|
-
"parameters": [
|
|
1394
|
-
{
|
|
1395
|
-
"name": "items",
|
|
1396
|
-
"type": {
|
|
1397
|
-
"text": "SgdsBreadcrumbItem[]"
|
|
1398
|
-
}
|
|
1399
|
-
}
|
|
1400
|
-
],
|
|
1401
|
-
"description": "creates `<sgds-breadcrumb-item>\n <sgds-overflow-menu>\n <sgds-dropdown-item></sgds-dropdown-item>\n ...\n </sgds-overflow-menu>\n <sgds-breadcrumb-item>`",
|
|
1402
|
-
"type": {}
|
|
1403
|
-
},
|
|
1404
|
-
{
|
|
1405
|
-
"kind": "method",
|
|
1406
|
-
"name": "_handleSlotChange",
|
|
1407
|
-
"privacy": "private",
|
|
1408
|
-
"parameters": [
|
|
1409
|
-
{
|
|
1410
|
-
"name": "e",
|
|
1411
|
-
"type": {
|
|
1412
|
-
"text": "Event"
|
|
1413
|
-
}
|
|
1414
|
-
}
|
|
1415
|
-
],
|
|
1416
|
-
"type": {}
|
|
1417
|
-
},
|
|
1418
|
-
{
|
|
1419
|
-
"kind": "method",
|
|
1420
|
-
"name": "emit",
|
|
1421
|
-
"parameters": [
|
|
1422
|
-
{
|
|
1423
|
-
"name": "name",
|
|
1424
|
-
"type": {
|
|
1425
|
-
"text": "string"
|
|
1426
|
-
}
|
|
1427
|
-
},
|
|
1428
|
-
{
|
|
1429
|
-
"name": "options",
|
|
1430
|
-
"optional": true,
|
|
1431
|
-
"type": {
|
|
1432
|
-
"text": "CustomEventInit<T>"
|
|
1433
|
-
}
|
|
1434
|
-
}
|
|
1435
|
-
],
|
|
1436
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
1437
|
-
"type": {},
|
|
1438
|
-
"inheritedFrom": {
|
|
1439
|
-
"name": "SgdsElement",
|
|
1440
|
-
"module": "src/base/sgds-element.ts"
|
|
1441
|
-
}
|
|
1442
|
-
},
|
|
1443
|
-
{
|
|
1444
|
-
"kind": "method",
|
|
1445
|
-
"name": "define",
|
|
1446
|
-
"static": true,
|
|
1447
|
-
"parameters": [
|
|
1448
|
-
{
|
|
1449
|
-
"name": "name",
|
|
1450
|
-
"type": {
|
|
1451
|
-
"text": "string"
|
|
1452
|
-
}
|
|
1453
|
-
},
|
|
1454
|
-
{
|
|
1455
|
-
"name": "elementConstructor",
|
|
1456
|
-
"default": "this"
|
|
1457
|
-
},
|
|
1458
|
-
{
|
|
1459
|
-
"name": "options",
|
|
1460
|
-
"default": "{}",
|
|
1461
|
-
"type": {
|
|
1462
|
-
"text": "ElementDefinitionOptions"
|
|
1463
|
-
}
|
|
1464
|
-
}
|
|
1465
|
-
],
|
|
1466
|
-
"type": {},
|
|
1467
|
-
"inheritedFrom": {
|
|
1468
|
-
"name": "SgdsElement",
|
|
1469
|
-
"module": "src/base/sgds-element.ts"
|
|
1470
|
-
}
|
|
1471
|
-
}
|
|
1472
|
-
],
|
|
1473
|
-
"attributes": [
|
|
1474
|
-
{
|
|
1475
|
-
"name": "ariaLabel",
|
|
1476
|
-
"type": {
|
|
1477
|
-
"text": "string"
|
|
1478
|
-
},
|
|
1479
|
-
"default": "\"breadcrumb\"",
|
|
1480
|
-
"description": "The aria-label of nav element within breadcrumb component.",
|
|
1481
|
-
"fieldName": "ariaLabel"
|
|
1482
|
-
}
|
|
1483
|
-
],
|
|
1484
|
-
"superclass": {
|
|
1485
|
-
"name": "SgdsElement",
|
|
1486
|
-
"module": "/src/base/sgds-element"
|
|
1487
|
-
},
|
|
1488
|
-
"summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
|
|
1489
|
-
"tagName": "sgds-breadcrumb",
|
|
1490
|
-
"customElement": true,
|
|
1491
|
-
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
1492
|
-
"cssProperties": [],
|
|
1493
|
-
"cssParts": [],
|
|
1494
|
-
"cssStates": [],
|
|
1495
|
-
"events": []
|
|
1496
|
-
}
|
|
1497
|
-
],
|
|
1498
|
-
"exports": [
|
|
1499
|
-
{
|
|
1500
|
-
"kind": "js",
|
|
1501
|
-
"name": "SgdsBreadcrumb",
|
|
1502
|
-
"declaration": {
|
|
1503
|
-
"name": "SgdsBreadcrumb",
|
|
1504
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
1505
|
-
}
|
|
1506
|
-
},
|
|
1507
|
-
{
|
|
1508
|
-
"kind": "js",
|
|
1509
|
-
"name": "default",
|
|
1510
|
-
"declaration": {
|
|
1511
|
-
"name": "SgdsBreadcrumb",
|
|
1512
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
1513
|
-
}
|
|
1514
|
-
}
|
|
1515
|
-
]
|
|
1516
|
-
},
|
|
1517
1215
|
{
|
|
1518
1216
|
"kind": "javascript-module",
|
|
1519
1217
|
"path": "src/components/Button/sgds-button.ts",
|
|
@@ -2146,126 +1844,428 @@
|
|
|
2146
1844
|
"description": "Specifies a small, medium or large button, the size is medium by default.",
|
|
2147
1845
|
"fieldName": "size",
|
|
2148
1846
|
"inheritedFrom": {
|
|
2149
|
-
"name": "ButtonElement",
|
|
2150
|
-
"module": "src/base/button-element.ts"
|
|
1847
|
+
"name": "ButtonElement",
|
|
1848
|
+
"module": "src/base/button-element.ts"
|
|
1849
|
+
}
|
|
1850
|
+
},
|
|
1851
|
+
{
|
|
1852
|
+
"name": "active",
|
|
1853
|
+
"type": {
|
|
1854
|
+
"text": "boolean"
|
|
1855
|
+
},
|
|
1856
|
+
"default": "false",
|
|
1857
|
+
"description": "Manually set the visual state of the button to `:active`",
|
|
1858
|
+
"fieldName": "active",
|
|
1859
|
+
"inheritedFrom": {
|
|
1860
|
+
"name": "ButtonElement",
|
|
1861
|
+
"module": "src/base/button-element.ts"
|
|
1862
|
+
}
|
|
1863
|
+
},
|
|
1864
|
+
{
|
|
1865
|
+
"name": "disabled",
|
|
1866
|
+
"type": {
|
|
1867
|
+
"text": "boolean"
|
|
1868
|
+
},
|
|
1869
|
+
"default": "false",
|
|
1870
|
+
"description": "The disabled state of the button",
|
|
1871
|
+
"fieldName": "disabled",
|
|
1872
|
+
"inheritedFrom": {
|
|
1873
|
+
"name": "ButtonElement",
|
|
1874
|
+
"module": "src/base/button-element.ts"
|
|
1875
|
+
}
|
|
1876
|
+
},
|
|
1877
|
+
{
|
|
1878
|
+
"name": "href",
|
|
1879
|
+
"type": {
|
|
1880
|
+
"text": "string"
|
|
1881
|
+
},
|
|
1882
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
1883
|
+
"fieldName": "href",
|
|
1884
|
+
"inheritedFrom": {
|
|
1885
|
+
"name": "ButtonElement",
|
|
1886
|
+
"module": "src/base/button-element.ts"
|
|
1887
|
+
}
|
|
1888
|
+
},
|
|
1889
|
+
{
|
|
1890
|
+
"name": "target",
|
|
1891
|
+
"type": {
|
|
1892
|
+
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
1893
|
+
},
|
|
1894
|
+
"default": "\"_self\"",
|
|
1895
|
+
"description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
|
|
1896
|
+
"fieldName": "target",
|
|
1897
|
+
"inheritedFrom": {
|
|
1898
|
+
"name": "ButtonElement",
|
|
1899
|
+
"module": "src/base/button-element.ts"
|
|
1900
|
+
}
|
|
1901
|
+
},
|
|
1902
|
+
{
|
|
1903
|
+
"name": "download",
|
|
1904
|
+
"type": {
|
|
1905
|
+
"text": "string"
|
|
1906
|
+
},
|
|
1907
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
1908
|
+
"fieldName": "download",
|
|
1909
|
+
"inheritedFrom": {
|
|
1910
|
+
"name": "ButtonElement",
|
|
1911
|
+
"module": "src/base/button-element.ts"
|
|
1912
|
+
}
|
|
1913
|
+
},
|
|
1914
|
+
{
|
|
1915
|
+
"name": "ariaLabel",
|
|
1916
|
+
"type": {
|
|
1917
|
+
"text": "string"
|
|
1918
|
+
},
|
|
1919
|
+
"description": "The aria-label attribute to passed to button element when necessary",
|
|
1920
|
+
"fieldName": "ariaLabel",
|
|
1921
|
+
"inheritedFrom": {
|
|
1922
|
+
"name": "ButtonElement",
|
|
1923
|
+
"module": "src/base/button-element.ts"
|
|
1924
|
+
}
|
|
1925
|
+
},
|
|
1926
|
+
{
|
|
1927
|
+
"name": "loading",
|
|
1928
|
+
"type": {
|
|
1929
|
+
"text": "boolean"
|
|
1930
|
+
},
|
|
1931
|
+
"description": "When true, shows a loading spinner",
|
|
1932
|
+
"fieldName": "loading",
|
|
1933
|
+
"inheritedFrom": {
|
|
1934
|
+
"name": "ButtonElement",
|
|
1935
|
+
"module": "src/base/button-element.ts"
|
|
1936
|
+
}
|
|
1937
|
+
}
|
|
1938
|
+
],
|
|
1939
|
+
"superclass": {
|
|
1940
|
+
"name": "ButtonElement",
|
|
1941
|
+
"module": "/src/base/button-element"
|
|
1942
|
+
},
|
|
1943
|
+
"summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
|
|
1944
|
+
"tagName": "sgds-button",
|
|
1945
|
+
"customElement": true,
|
|
1946
|
+
"modulePath": "src/components/Button/sgds-button.ts",
|
|
1947
|
+
"cssProperties": [],
|
|
1948
|
+
"cssParts": [],
|
|
1949
|
+
"cssStates": []
|
|
1950
|
+
}
|
|
1951
|
+
],
|
|
1952
|
+
"exports": [
|
|
1953
|
+
{
|
|
1954
|
+
"kind": "js",
|
|
1955
|
+
"name": "SgdsButton",
|
|
1956
|
+
"declaration": {
|
|
1957
|
+
"name": "SgdsButton",
|
|
1958
|
+
"module": "src/components/Button/sgds-button.ts"
|
|
1959
|
+
}
|
|
1960
|
+
},
|
|
1961
|
+
{
|
|
1962
|
+
"kind": "js",
|
|
1963
|
+
"name": "default",
|
|
1964
|
+
"declaration": {
|
|
1965
|
+
"name": "SgdsButton",
|
|
1966
|
+
"module": "src/components/Button/sgds-button.ts"
|
|
1967
|
+
}
|
|
1968
|
+
}
|
|
1969
|
+
]
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"kind": "javascript-module",
|
|
1973
|
+
"path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
1974
|
+
"declarations": [
|
|
1975
|
+
{
|
|
1976
|
+
"kind": "class",
|
|
1977
|
+
"description": "",
|
|
1978
|
+
"name": "SgdsBreadcrumbItem",
|
|
1979
|
+
"slots": [
|
|
1980
|
+
{
|
|
1981
|
+
"description": "The link of the item. Pass in anchor tags into this slot",
|
|
1982
|
+
"name": "default"
|
|
1983
|
+
}
|
|
1984
|
+
],
|
|
1985
|
+
"members": [
|
|
1986
|
+
{
|
|
1987
|
+
"kind": "field",
|
|
1988
|
+
"name": "dependencies",
|
|
1989
|
+
"type": {
|
|
1990
|
+
"text": "Record<string, typeof SgdsElement>"
|
|
1991
|
+
},
|
|
1992
|
+
"static": true,
|
|
1993
|
+
"default": "{\n \"sgds-link\": SgdsLink,\n \"sgds-icon\": SgdsIcon\n }"
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"kind": "field",
|
|
1997
|
+
"name": "active",
|
|
1998
|
+
"type": {
|
|
1999
|
+
"text": "boolean"
|
|
2000
|
+
},
|
|
2001
|
+
"default": "false",
|
|
2002
|
+
"description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
|
|
2003
|
+
"attribute": "active",
|
|
2004
|
+
"reflects": true
|
|
2005
|
+
},
|
|
2006
|
+
{
|
|
2007
|
+
"kind": "field",
|
|
2008
|
+
"name": "_preventNavigation",
|
|
2009
|
+
"privacy": "private",
|
|
2010
|
+
"type": {}
|
|
2011
|
+
},
|
|
2012
|
+
{
|
|
2013
|
+
"kind": "method",
|
|
2014
|
+
"name": "emit",
|
|
2015
|
+
"parameters": [
|
|
2016
|
+
{
|
|
2017
|
+
"name": "name",
|
|
2018
|
+
"type": {
|
|
2019
|
+
"text": "string"
|
|
2020
|
+
}
|
|
2021
|
+
},
|
|
2022
|
+
{
|
|
2023
|
+
"name": "options",
|
|
2024
|
+
"optional": true,
|
|
2025
|
+
"type": {
|
|
2026
|
+
"text": "CustomEventInit<T>"
|
|
2027
|
+
}
|
|
2028
|
+
}
|
|
2029
|
+
],
|
|
2030
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
2031
|
+
"type": {},
|
|
2032
|
+
"inheritedFrom": {
|
|
2033
|
+
"name": "SgdsElement",
|
|
2034
|
+
"module": "src/base/sgds-element.ts"
|
|
2035
|
+
}
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"kind": "method",
|
|
2039
|
+
"name": "define",
|
|
2040
|
+
"static": true,
|
|
2041
|
+
"parameters": [
|
|
2042
|
+
{
|
|
2043
|
+
"name": "name",
|
|
2044
|
+
"type": {
|
|
2045
|
+
"text": "string"
|
|
2046
|
+
}
|
|
2047
|
+
},
|
|
2048
|
+
{
|
|
2049
|
+
"name": "elementConstructor",
|
|
2050
|
+
"default": "this"
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"name": "options",
|
|
2054
|
+
"default": "{}",
|
|
2055
|
+
"type": {
|
|
2056
|
+
"text": "ElementDefinitionOptions"
|
|
2057
|
+
}
|
|
2058
|
+
}
|
|
2059
|
+
],
|
|
2060
|
+
"type": {},
|
|
2061
|
+
"inheritedFrom": {
|
|
2062
|
+
"name": "SgdsElement",
|
|
2063
|
+
"module": "src/base/sgds-element.ts"
|
|
2151
2064
|
}
|
|
2152
|
-
}
|
|
2065
|
+
}
|
|
2066
|
+
],
|
|
2067
|
+
"attributes": [
|
|
2153
2068
|
{
|
|
2154
2069
|
"name": "active",
|
|
2155
2070
|
"type": {
|
|
2156
2071
|
"text": "boolean"
|
|
2157
2072
|
},
|
|
2158
2073
|
"default": "false",
|
|
2159
|
-
"description": "
|
|
2160
|
-
"fieldName": "active"
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2074
|
+
"description": "Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item",
|
|
2075
|
+
"fieldName": "active"
|
|
2076
|
+
}
|
|
2077
|
+
],
|
|
2078
|
+
"superclass": {
|
|
2079
|
+
"name": "SgdsElement",
|
|
2080
|
+
"module": "/src/base/sgds-element"
|
|
2081
|
+
},
|
|
2082
|
+
"summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
|
|
2083
|
+
"tagName": "sgds-breadcrumb-item",
|
|
2084
|
+
"customElement": true,
|
|
2085
|
+
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
2086
|
+
"cssProperties": [],
|
|
2087
|
+
"cssParts": [],
|
|
2088
|
+
"cssStates": [],
|
|
2089
|
+
"events": []
|
|
2090
|
+
}
|
|
2091
|
+
],
|
|
2092
|
+
"exports": [
|
|
2093
|
+
{
|
|
2094
|
+
"kind": "js",
|
|
2095
|
+
"name": "SgdsBreadcrumbItem",
|
|
2096
|
+
"declaration": {
|
|
2097
|
+
"name": "SgdsBreadcrumbItem",
|
|
2098
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
2099
|
+
}
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
"kind": "js",
|
|
2103
|
+
"name": "default",
|
|
2104
|
+
"declaration": {
|
|
2105
|
+
"name": "SgdsBreadcrumbItem",
|
|
2106
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
2107
|
+
}
|
|
2108
|
+
}
|
|
2109
|
+
]
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"kind": "javascript-module",
|
|
2113
|
+
"path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
2114
|
+
"declarations": [
|
|
2115
|
+
{
|
|
2116
|
+
"kind": "class",
|
|
2117
|
+
"description": "",
|
|
2118
|
+
"name": "SgdsBreadcrumb",
|
|
2119
|
+
"slots": [
|
|
2166
2120
|
{
|
|
2167
|
-
"
|
|
2121
|
+
"description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
|
|
2122
|
+
"name": "default"
|
|
2123
|
+
}
|
|
2124
|
+
],
|
|
2125
|
+
"members": [
|
|
2126
|
+
{
|
|
2127
|
+
"kind": "field",
|
|
2128
|
+
"name": "dependencies",
|
|
2168
2129
|
"type": {
|
|
2169
|
-
"text": "
|
|
2130
|
+
"text": "object"
|
|
2170
2131
|
},
|
|
2171
|
-
"
|
|
2172
|
-
"
|
|
2173
|
-
"fieldName": "disabled",
|
|
2174
|
-
"inheritedFrom": {
|
|
2175
|
-
"name": "ButtonElement",
|
|
2176
|
-
"module": "src/base/button-element.ts"
|
|
2177
|
-
}
|
|
2132
|
+
"static": true,
|
|
2133
|
+
"default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
|
|
2178
2134
|
},
|
|
2179
2135
|
{
|
|
2180
|
-
"
|
|
2136
|
+
"kind": "field",
|
|
2137
|
+
"name": "ariaLabel",
|
|
2181
2138
|
"type": {
|
|
2182
2139
|
"text": "string"
|
|
2183
2140
|
},
|
|
2184
|
-
"
|
|
2185
|
-
"
|
|
2186
|
-
"
|
|
2187
|
-
"name": "ButtonElement",
|
|
2188
|
-
"module": "src/base/button-element.ts"
|
|
2189
|
-
}
|
|
2141
|
+
"default": "\"breadcrumb\"",
|
|
2142
|
+
"description": "The aria-label of nav element within breadcrumb component.",
|
|
2143
|
+
"attribute": "ariaLabel"
|
|
2190
2144
|
},
|
|
2191
2145
|
{
|
|
2192
|
-
"
|
|
2193
|
-
"
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2146
|
+
"kind": "method",
|
|
2147
|
+
"name": "_replaceExcessItemsWithDropdown",
|
|
2148
|
+
"privacy": "private",
|
|
2149
|
+
"parameters": [
|
|
2150
|
+
{
|
|
2151
|
+
"name": "items",
|
|
2152
|
+
"type": {
|
|
2153
|
+
"text": "SgdsBreadcrumbItem[]"
|
|
2154
|
+
}
|
|
2155
|
+
}
|
|
2156
|
+
],
|
|
2157
|
+
"description": "creates `<sgds-breadcrumb-item>\n <sgds-overflow-menu>\n <sgds-dropdown-item></sgds-dropdown-item>\n ...\n </sgds-overflow-menu>\n <sgds-breadcrumb-item>`",
|
|
2158
|
+
"type": {}
|
|
2203
2159
|
},
|
|
2204
2160
|
{
|
|
2205
|
-
"
|
|
2206
|
-
"
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2161
|
+
"kind": "method",
|
|
2162
|
+
"name": "_handleSlotChange",
|
|
2163
|
+
"privacy": "private",
|
|
2164
|
+
"parameters": [
|
|
2165
|
+
{
|
|
2166
|
+
"name": "e",
|
|
2167
|
+
"type": {
|
|
2168
|
+
"text": "Event"
|
|
2169
|
+
}
|
|
2170
|
+
}
|
|
2171
|
+
],
|
|
2172
|
+
"type": {}
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"kind": "method",
|
|
2176
|
+
"name": "emit",
|
|
2177
|
+
"parameters": [
|
|
2178
|
+
{
|
|
2179
|
+
"name": "name",
|
|
2180
|
+
"type": {
|
|
2181
|
+
"text": "string"
|
|
2182
|
+
}
|
|
2183
|
+
},
|
|
2184
|
+
{
|
|
2185
|
+
"name": "options",
|
|
2186
|
+
"optional": true,
|
|
2187
|
+
"type": {
|
|
2188
|
+
"text": "CustomEventInit<T>"
|
|
2189
|
+
}
|
|
2190
|
+
}
|
|
2191
|
+
],
|
|
2192
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
2193
|
+
"type": {},
|
|
2211
2194
|
"inheritedFrom": {
|
|
2212
|
-
"name": "
|
|
2213
|
-
"module": "src/base/
|
|
2195
|
+
"name": "SgdsElement",
|
|
2196
|
+
"module": "src/base/sgds-element.ts"
|
|
2214
2197
|
}
|
|
2215
2198
|
},
|
|
2216
2199
|
{
|
|
2217
|
-
"
|
|
2218
|
-
"
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2200
|
+
"kind": "method",
|
|
2201
|
+
"name": "define",
|
|
2202
|
+
"static": true,
|
|
2203
|
+
"parameters": [
|
|
2204
|
+
{
|
|
2205
|
+
"name": "name",
|
|
2206
|
+
"type": {
|
|
2207
|
+
"text": "string"
|
|
2208
|
+
}
|
|
2209
|
+
},
|
|
2210
|
+
{
|
|
2211
|
+
"name": "elementConstructor",
|
|
2212
|
+
"default": "this"
|
|
2213
|
+
},
|
|
2214
|
+
{
|
|
2215
|
+
"name": "options",
|
|
2216
|
+
"default": "{}",
|
|
2217
|
+
"type": {
|
|
2218
|
+
"text": "ElementDefinitionOptions"
|
|
2219
|
+
}
|
|
2220
|
+
}
|
|
2221
|
+
],
|
|
2222
|
+
"type": {},
|
|
2223
2223
|
"inheritedFrom": {
|
|
2224
|
-
"name": "
|
|
2225
|
-
"module": "src/base/
|
|
2224
|
+
"name": "SgdsElement",
|
|
2225
|
+
"module": "src/base/sgds-element.ts"
|
|
2226
2226
|
}
|
|
2227
|
-
}
|
|
2227
|
+
}
|
|
2228
|
+
],
|
|
2229
|
+
"attributes": [
|
|
2228
2230
|
{
|
|
2229
|
-
"name": "
|
|
2231
|
+
"name": "ariaLabel",
|
|
2230
2232
|
"type": {
|
|
2231
|
-
"text": "
|
|
2233
|
+
"text": "string"
|
|
2232
2234
|
},
|
|
2233
|
-
"
|
|
2234
|
-
"
|
|
2235
|
-
"
|
|
2236
|
-
"name": "ButtonElement",
|
|
2237
|
-
"module": "src/base/button-element.ts"
|
|
2238
|
-
}
|
|
2235
|
+
"default": "\"breadcrumb\"",
|
|
2236
|
+
"description": "The aria-label of nav element within breadcrumb component.",
|
|
2237
|
+
"fieldName": "ariaLabel"
|
|
2239
2238
|
}
|
|
2240
2239
|
],
|
|
2241
2240
|
"superclass": {
|
|
2242
|
-
"name": "
|
|
2243
|
-
"module": "/src/base/
|
|
2241
|
+
"name": "SgdsElement",
|
|
2242
|
+
"module": "/src/base/sgds-element"
|
|
2244
2243
|
},
|
|
2245
|
-
"summary": "
|
|
2246
|
-
"tagName": "sgds-
|
|
2244
|
+
"summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
|
|
2245
|
+
"tagName": "sgds-breadcrumb",
|
|
2247
2246
|
"customElement": true,
|
|
2248
|
-
"modulePath": "src/components/
|
|
2247
|
+
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
2249
2248
|
"cssProperties": [],
|
|
2250
2249
|
"cssParts": [],
|
|
2251
|
-
"cssStates": []
|
|
2250
|
+
"cssStates": [],
|
|
2251
|
+
"events": []
|
|
2252
2252
|
}
|
|
2253
2253
|
],
|
|
2254
2254
|
"exports": [
|
|
2255
2255
|
{
|
|
2256
2256
|
"kind": "js",
|
|
2257
|
-
"name": "
|
|
2257
|
+
"name": "SgdsBreadcrumb",
|
|
2258
2258
|
"declaration": {
|
|
2259
|
-
"name": "
|
|
2260
|
-
"module": "src/components/
|
|
2259
|
+
"name": "SgdsBreadcrumb",
|
|
2260
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
2261
2261
|
}
|
|
2262
2262
|
},
|
|
2263
2263
|
{
|
|
2264
2264
|
"kind": "js",
|
|
2265
2265
|
"name": "default",
|
|
2266
2266
|
"declaration": {
|
|
2267
|
-
"name": "
|
|
2268
|
-
"module": "src/components/
|
|
2267
|
+
"name": "SgdsBreadcrumb",
|
|
2268
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
2269
2269
|
}
|
|
2270
2270
|
}
|
|
2271
2271
|
]
|
|
@@ -16636,12 +16636,28 @@
|
|
|
16636
16636
|
"kind": "method",
|
|
16637
16637
|
"name": "_handleChange",
|
|
16638
16638
|
"privacy": "private",
|
|
16639
|
+
"parameters": [
|
|
16640
|
+
{
|
|
16641
|
+
"name": "e",
|
|
16642
|
+
"type": {
|
|
16643
|
+
"text": "Event"
|
|
16644
|
+
}
|
|
16645
|
+
}
|
|
16646
|
+
],
|
|
16639
16647
|
"type": {}
|
|
16640
16648
|
},
|
|
16641
16649
|
{
|
|
16642
16650
|
"kind": "method",
|
|
16643
16651
|
"name": "_handleInputChange",
|
|
16644
16652
|
"privacy": "private",
|
|
16653
|
+
"parameters": [
|
|
16654
|
+
{
|
|
16655
|
+
"name": "e",
|
|
16656
|
+
"type": {
|
|
16657
|
+
"text": "Event"
|
|
16658
|
+
}
|
|
16659
|
+
}
|
|
16660
|
+
],
|
|
16645
16661
|
"type": {}
|
|
16646
16662
|
},
|
|
16647
16663
|
{
|
|
@@ -29497,7 +29513,7 @@
|
|
|
29497
29513
|
"package": {
|
|
29498
29514
|
"name": "@govtechsg/sgds-web-component",
|
|
29499
29515
|
"description": "",
|
|
29500
|
-
"version": "3.26.1-rc.
|
|
29516
|
+
"version": "3.26.1-rc.1",
|
|
29501
29517
|
"author": "GovTechSG",
|
|
29502
29518
|
"license": "MIT"
|
|
29503
29519
|
}
|