@govtechsg/sgds-web-component 3.16.1-rc.0 → 3.16.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/css/fouc.css +2 -2
- package/custom-elements.json +826 -826
- package/package.json +1 -1
- package/react/index.cjs.js +8 -8
- package/react/index.d.ts +2 -2
- package/react/index.js +2 -2
- package/types/react.d.ts +19 -19
package/custom-elements.json
CHANGED
|
@@ -1180,200 +1180,420 @@
|
|
|
1180
1180
|
},
|
|
1181
1181
|
{
|
|
1182
1182
|
"kind": "javascript-module",
|
|
1183
|
-
"path": "src/components/
|
|
1183
|
+
"path": "src/components/Button/sgds-button.ts",
|
|
1184
1184
|
"declarations": [
|
|
1185
1185
|
{
|
|
1186
1186
|
"kind": "class",
|
|
1187
1187
|
"description": "",
|
|
1188
|
-
"name": "
|
|
1188
|
+
"name": "SgdsButton",
|
|
1189
1189
|
"slots": [
|
|
1190
1190
|
{
|
|
1191
|
-
"description": "The
|
|
1191
|
+
"description": "The button's label.",
|
|
1192
1192
|
"name": "default"
|
|
1193
|
+
},
|
|
1194
|
+
{
|
|
1195
|
+
"description": "The slot for icon to the left of the button text",
|
|
1196
|
+
"name": "leftIcon"
|
|
1197
|
+
},
|
|
1198
|
+
{
|
|
1199
|
+
"description": "The slot for icon to the right of the button text",
|
|
1200
|
+
"name": "rightIcon"
|
|
1193
1201
|
}
|
|
1194
1202
|
],
|
|
1195
1203
|
"members": [
|
|
1196
1204
|
{
|
|
1197
1205
|
"kind": "field",
|
|
1198
|
-
"name": "
|
|
1206
|
+
"name": "type",
|
|
1199
1207
|
"type": {
|
|
1200
|
-
"text": "
|
|
1208
|
+
"text": "\"button\" | \"submit\" | \"reset\""
|
|
1201
1209
|
},
|
|
1202
|
-
"
|
|
1203
|
-
"
|
|
1210
|
+
"default": "\"button\"",
|
|
1211
|
+
"description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
|
|
1212
|
+
"attribute": "type",
|
|
1213
|
+
"reflects": true
|
|
1204
1214
|
},
|
|
1205
1215
|
{
|
|
1206
1216
|
"kind": "field",
|
|
1207
|
-
"name": "
|
|
1217
|
+
"name": "form",
|
|
1218
|
+
"type": {
|
|
1219
|
+
"text": "string"
|
|
1220
|
+
},
|
|
1221
|
+
"description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
|
|
1222
|
+
"attribute": "form",
|
|
1223
|
+
"reflects": true
|
|
1224
|
+
},
|
|
1225
|
+
{
|
|
1226
|
+
"kind": "field",
|
|
1227
|
+
"name": "formAction",
|
|
1228
|
+
"type": {
|
|
1229
|
+
"text": "string"
|
|
1230
|
+
},
|
|
1231
|
+
"description": "Used to override the form owner's `action` attribute.",
|
|
1232
|
+
"attribute": "formaction",
|
|
1233
|
+
"reflects": true
|
|
1234
|
+
},
|
|
1235
|
+
{
|
|
1236
|
+
"kind": "field",
|
|
1237
|
+
"name": "formMethod",
|
|
1238
|
+
"type": {
|
|
1239
|
+
"text": "\"post\" | \"get\""
|
|
1240
|
+
},
|
|
1241
|
+
"description": "Used to override the form owner's `method` attribute.",
|
|
1242
|
+
"attribute": "formmethod",
|
|
1243
|
+
"reflects": true
|
|
1244
|
+
},
|
|
1245
|
+
{
|
|
1246
|
+
"kind": "field",
|
|
1247
|
+
"name": "formNoValidate",
|
|
1248
|
+
"type": {
|
|
1249
|
+
"text": "boolean"
|
|
1250
|
+
},
|
|
1251
|
+
"description": "Used to override the form owner's `novalidate` attribute.",
|
|
1252
|
+
"attribute": "formnovalidate",
|
|
1253
|
+
"reflects": true
|
|
1254
|
+
},
|
|
1255
|
+
{
|
|
1256
|
+
"kind": "field",
|
|
1257
|
+
"name": "formTarget",
|
|
1258
|
+
"type": {
|
|
1259
|
+
"text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
|
|
1260
|
+
},
|
|
1261
|
+
"description": "Used to override the form owner's `target` attribute.",
|
|
1262
|
+
"attribute": "formtarget",
|
|
1263
|
+
"reflects": true
|
|
1264
|
+
},
|
|
1265
|
+
{
|
|
1266
|
+
"kind": "field",
|
|
1267
|
+
"name": "fullWidth",
|
|
1208
1268
|
"type": {
|
|
1209
1269
|
"text": "boolean"
|
|
1210
1270
|
},
|
|
1211
1271
|
"default": "false",
|
|
1212
|
-
"description": "
|
|
1213
|
-
"attribute": "
|
|
1272
|
+
"description": "When set, the button will be in full width.",
|
|
1273
|
+
"attribute": "fullWidth",
|
|
1214
1274
|
"reflects": true
|
|
1215
1275
|
},
|
|
1276
|
+
{
|
|
1277
|
+
"kind": "field",
|
|
1278
|
+
"name": "hasLeftIconSlot",
|
|
1279
|
+
"type": {
|
|
1280
|
+
"text": "boolean"
|
|
1281
|
+
},
|
|
1282
|
+
"default": "false",
|
|
1283
|
+
"description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
|
|
1284
|
+
"attribute": "hasLeftIconSlot"
|
|
1285
|
+
},
|
|
1286
|
+
{
|
|
1287
|
+
"kind": "field",
|
|
1288
|
+
"name": "hasRightIconSlot",
|
|
1289
|
+
"type": {
|
|
1290
|
+
"text": "boolean"
|
|
1291
|
+
},
|
|
1292
|
+
"default": "false",
|
|
1293
|
+
"description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
|
|
1294
|
+
"attribute": "hasRightIconSlot"
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"kind": "field",
|
|
1298
|
+
"name": "hasSlotController",
|
|
1299
|
+
"privacy": "private",
|
|
1300
|
+
"default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
|
|
1301
|
+
"type": {}
|
|
1302
|
+
},
|
|
1216
1303
|
{
|
|
1217
1304
|
"kind": "method",
|
|
1218
|
-
"name": "
|
|
1305
|
+
"name": "_handleClick",
|
|
1306
|
+
"privacy": "protected",
|
|
1219
1307
|
"parameters": [
|
|
1220
1308
|
{
|
|
1221
|
-
"name": "
|
|
1222
|
-
"type": {
|
|
1223
|
-
"text": "string"
|
|
1224
|
-
}
|
|
1225
|
-
},
|
|
1226
|
-
{
|
|
1227
|
-
"name": "options",
|
|
1228
|
-
"optional": true,
|
|
1309
|
+
"name": "event",
|
|
1229
1310
|
"type": {
|
|
1230
|
-
"text": "
|
|
1311
|
+
"text": "MouseEvent"
|
|
1231
1312
|
}
|
|
1232
1313
|
}
|
|
1233
1314
|
],
|
|
1234
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
1235
1315
|
"type": {},
|
|
1236
1316
|
"inheritedFrom": {
|
|
1237
|
-
"name": "
|
|
1238
|
-
"module": "src/base/
|
|
1317
|
+
"name": "ButtonElement",
|
|
1318
|
+
"module": "src/base/button-element.ts"
|
|
1319
|
+
}
|
|
1320
|
+
},
|
|
1321
|
+
{
|
|
1322
|
+
"kind": "field",
|
|
1323
|
+
"name": "_clickHandler",
|
|
1324
|
+
"privacy": "private",
|
|
1325
|
+
"type": {}
|
|
1326
|
+
},
|
|
1327
|
+
{
|
|
1328
|
+
"kind": "field",
|
|
1329
|
+
"name": "variant",
|
|
1330
|
+
"type": {
|
|
1331
|
+
"text": "\"primary\" | \"outline\" | \"ghost\" | \"danger\""
|
|
1332
|
+
},
|
|
1333
|
+
"default": "\"primary\"",
|
|
1334
|
+
"description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
|
|
1335
|
+
"attribute": "variant",
|
|
1336
|
+
"reflects": true,
|
|
1337
|
+
"inheritedFrom": {
|
|
1338
|
+
"name": "ButtonElement",
|
|
1339
|
+
"module": "src/base/button-element.ts"
|
|
1340
|
+
}
|
|
1341
|
+
},
|
|
1342
|
+
{
|
|
1343
|
+
"kind": "field",
|
|
1344
|
+
"name": "tone",
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "\"brand\" | \"danger\" | \"fixed-light\" | \"neutral\""
|
|
1347
|
+
},
|
|
1348
|
+
"default": "\"brand\"",
|
|
1349
|
+
"description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
|
|
1350
|
+
"attribute": "tone",
|
|
1351
|
+
"reflects": true,
|
|
1352
|
+
"inheritedFrom": {
|
|
1353
|
+
"name": "ButtonElement",
|
|
1354
|
+
"module": "src/base/button-element.ts"
|
|
1355
|
+
}
|
|
1356
|
+
},
|
|
1357
|
+
{
|
|
1358
|
+
"kind": "field",
|
|
1359
|
+
"name": "size",
|
|
1360
|
+
"type": {
|
|
1361
|
+
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
|
|
1362
|
+
},
|
|
1363
|
+
"default": "\"md\"",
|
|
1364
|
+
"description": "Specifies a small, medium or large button, the size is medium by default.",
|
|
1365
|
+
"attribute": "size",
|
|
1366
|
+
"reflects": true,
|
|
1367
|
+
"inheritedFrom": {
|
|
1368
|
+
"name": "ButtonElement",
|
|
1369
|
+
"module": "src/base/button-element.ts"
|
|
1370
|
+
}
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
"kind": "field",
|
|
1374
|
+
"name": "active",
|
|
1375
|
+
"type": {
|
|
1376
|
+
"text": "boolean"
|
|
1377
|
+
},
|
|
1378
|
+
"default": "false",
|
|
1379
|
+
"description": "Manually set the visual state of the button to `:active`",
|
|
1380
|
+
"attribute": "active",
|
|
1381
|
+
"reflects": true,
|
|
1382
|
+
"inheritedFrom": {
|
|
1383
|
+
"name": "ButtonElement",
|
|
1384
|
+
"module": "src/base/button-element.ts"
|
|
1385
|
+
}
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"kind": "field",
|
|
1389
|
+
"name": "disabled",
|
|
1390
|
+
"type": {
|
|
1391
|
+
"text": "boolean"
|
|
1392
|
+
},
|
|
1393
|
+
"default": "false",
|
|
1394
|
+
"description": "The disabled state of the button",
|
|
1395
|
+
"attribute": "disabled",
|
|
1396
|
+
"reflects": true,
|
|
1397
|
+
"inheritedFrom": {
|
|
1398
|
+
"name": "ButtonElement",
|
|
1399
|
+
"module": "src/base/button-element.ts"
|
|
1400
|
+
}
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
"kind": "field",
|
|
1404
|
+
"name": "href",
|
|
1405
|
+
"type": {
|
|
1406
|
+
"text": "string"
|
|
1407
|
+
},
|
|
1408
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
1409
|
+
"attribute": "href",
|
|
1410
|
+
"reflects": true,
|
|
1411
|
+
"inheritedFrom": {
|
|
1412
|
+
"name": "ButtonElement",
|
|
1413
|
+
"module": "src/base/button-element.ts"
|
|
1414
|
+
}
|
|
1415
|
+
},
|
|
1416
|
+
{
|
|
1417
|
+
"kind": "field",
|
|
1418
|
+
"name": "target",
|
|
1419
|
+
"type": {
|
|
1420
|
+
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
1421
|
+
},
|
|
1422
|
+
"default": "\"_self\"",
|
|
1423
|
+
"description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
|
|
1424
|
+
"attribute": "target",
|
|
1425
|
+
"reflects": true,
|
|
1426
|
+
"inheritedFrom": {
|
|
1427
|
+
"name": "ButtonElement",
|
|
1428
|
+
"module": "src/base/button-element.ts"
|
|
1429
|
+
}
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"kind": "field",
|
|
1433
|
+
"name": "download",
|
|
1434
|
+
"type": {
|
|
1435
|
+
"text": "string"
|
|
1436
|
+
},
|
|
1437
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
1438
|
+
"attribute": "download",
|
|
1439
|
+
"reflects": true,
|
|
1440
|
+
"inheritedFrom": {
|
|
1441
|
+
"name": "ButtonElement",
|
|
1442
|
+
"module": "src/base/button-element.ts"
|
|
1443
|
+
}
|
|
1444
|
+
},
|
|
1445
|
+
{
|
|
1446
|
+
"kind": "field",
|
|
1447
|
+
"name": "ariaLabel",
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "string"
|
|
1450
|
+
},
|
|
1451
|
+
"description": "The aria-label attribute to passed to button element when necessary",
|
|
1452
|
+
"attribute": "ariaLabel",
|
|
1453
|
+
"inheritedFrom": {
|
|
1454
|
+
"name": "ButtonElement",
|
|
1455
|
+
"module": "src/base/button-element.ts"
|
|
1456
|
+
}
|
|
1457
|
+
},
|
|
1458
|
+
{
|
|
1459
|
+
"kind": "field",
|
|
1460
|
+
"name": "loading",
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "boolean"
|
|
1463
|
+
},
|
|
1464
|
+
"description": "When true, shows a loading spinner",
|
|
1465
|
+
"attribute": "loading",
|
|
1466
|
+
"inheritedFrom": {
|
|
1467
|
+
"name": "ButtonElement",
|
|
1468
|
+
"module": "src/base/button-element.ts"
|
|
1239
1469
|
}
|
|
1240
1470
|
},
|
|
1241
1471
|
{
|
|
1242
1472
|
"kind": "method",
|
|
1243
|
-
"name": "
|
|
1244
|
-
"
|
|
1473
|
+
"name": "focus",
|
|
1474
|
+
"privacy": "public",
|
|
1245
1475
|
"parameters": [
|
|
1246
|
-
{
|
|
1247
|
-
"name": "name",
|
|
1248
|
-
"type": {
|
|
1249
|
-
"text": "string"
|
|
1250
|
-
}
|
|
1251
|
-
},
|
|
1252
|
-
{
|
|
1253
|
-
"name": "elementConstructor",
|
|
1254
|
-
"default": "this"
|
|
1255
|
-
},
|
|
1256
1476
|
{
|
|
1257
1477
|
"name": "options",
|
|
1258
|
-
"
|
|
1478
|
+
"optional": true,
|
|
1259
1479
|
"type": {
|
|
1260
|
-
"text": "
|
|
1480
|
+
"text": "FocusOptions"
|
|
1261
1481
|
}
|
|
1262
1482
|
}
|
|
1263
1483
|
],
|
|
1484
|
+
"description": "Sets focus on the button.",
|
|
1264
1485
|
"type": {},
|
|
1265
1486
|
"inheritedFrom": {
|
|
1266
|
-
"name": "
|
|
1267
|
-
"module": "src/base/
|
|
1487
|
+
"name": "ButtonElement",
|
|
1488
|
+
"module": "src/base/button-element.ts"
|
|
1268
1489
|
}
|
|
1269
|
-
}
|
|
1270
|
-
],
|
|
1271
|
-
"attributes": [
|
|
1490
|
+
},
|
|
1272
1491
|
{
|
|
1273
|
-
"
|
|
1274
|
-
"
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
"
|
|
1278
|
-
"
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
}
|
|
1295
|
-
],
|
|
1296
|
-
"exports": [
|
|
1297
|
-
{
|
|
1298
|
-
"kind": "js",
|
|
1299
|
-
"name": "SgdsBreadcrumbItem",
|
|
1300
|
-
"declaration": {
|
|
1301
|
-
"name": "SgdsBreadcrumbItem",
|
|
1302
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
1303
|
-
}
|
|
1304
|
-
},
|
|
1305
|
-
{
|
|
1306
|
-
"kind": "js",
|
|
1307
|
-
"name": "default",
|
|
1308
|
-
"declaration": {
|
|
1309
|
-
"name": "SgdsBreadcrumbItem",
|
|
1310
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
1311
|
-
}
|
|
1312
|
-
}
|
|
1313
|
-
]
|
|
1314
|
-
},
|
|
1315
|
-
{
|
|
1316
|
-
"kind": "javascript-module",
|
|
1317
|
-
"path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
1318
|
-
"declarations": [
|
|
1319
|
-
{
|
|
1320
|
-
"kind": "class",
|
|
1321
|
-
"description": "",
|
|
1322
|
-
"name": "SgdsBreadcrumb",
|
|
1323
|
-
"slots": [
|
|
1492
|
+
"kind": "method",
|
|
1493
|
+
"name": "click",
|
|
1494
|
+
"privacy": "public",
|
|
1495
|
+
"description": "Simulates a click on the button.",
|
|
1496
|
+
"type": {},
|
|
1497
|
+
"inheritedFrom": {
|
|
1498
|
+
"name": "ButtonElement",
|
|
1499
|
+
"module": "src/base/button-element.ts"
|
|
1500
|
+
}
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"kind": "method",
|
|
1504
|
+
"name": "blur",
|
|
1505
|
+
"privacy": "public",
|
|
1506
|
+
"description": "Removes focus from the button.",
|
|
1507
|
+
"type": {},
|
|
1508
|
+
"inheritedFrom": {
|
|
1509
|
+
"name": "ButtonElement",
|
|
1510
|
+
"module": "src/base/button-element.ts"
|
|
1511
|
+
}
|
|
1512
|
+
},
|
|
1324
1513
|
{
|
|
1325
|
-
"
|
|
1326
|
-
"name": "
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1514
|
+
"kind": "method",
|
|
1515
|
+
"name": "_handleBlur",
|
|
1516
|
+
"privacy": "protected",
|
|
1517
|
+
"type": {},
|
|
1518
|
+
"inheritedFrom": {
|
|
1519
|
+
"name": "ButtonElement",
|
|
1520
|
+
"module": "src/base/button-element.ts"
|
|
1521
|
+
}
|
|
1522
|
+
},
|
|
1330
1523
|
{
|
|
1331
|
-
"kind": "
|
|
1332
|
-
"name": "
|
|
1333
|
-
"
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1524
|
+
"kind": "method",
|
|
1525
|
+
"name": "_handleFocus",
|
|
1526
|
+
"privacy": "protected",
|
|
1527
|
+
"type": {},
|
|
1528
|
+
"inheritedFrom": {
|
|
1529
|
+
"name": "ButtonElement",
|
|
1530
|
+
"module": "src/base/button-element.ts"
|
|
1531
|
+
}
|
|
1338
1532
|
},
|
|
1339
1533
|
{
|
|
1340
|
-
"kind": "
|
|
1341
|
-
"name": "
|
|
1342
|
-
"
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1534
|
+
"kind": "method",
|
|
1535
|
+
"name": "_handleKeydown",
|
|
1536
|
+
"privacy": "protected",
|
|
1537
|
+
"parameters": [
|
|
1538
|
+
{
|
|
1539
|
+
"name": "event",
|
|
1540
|
+
"type": {
|
|
1541
|
+
"text": "KeyboardEvent"
|
|
1542
|
+
}
|
|
1543
|
+
}
|
|
1544
|
+
],
|
|
1545
|
+
"type": {},
|
|
1546
|
+
"inheritedFrom": {
|
|
1547
|
+
"name": "ButtonElement",
|
|
1548
|
+
"module": "src/base/button-element.ts"
|
|
1549
|
+
}
|
|
1348
1550
|
},
|
|
1349
1551
|
{
|
|
1350
1552
|
"kind": "method",
|
|
1351
|
-
"name": "
|
|
1352
|
-
"privacy": "
|
|
1553
|
+
"name": "_assignSpinnerSize",
|
|
1554
|
+
"privacy": "protected",
|
|
1353
1555
|
"parameters": [
|
|
1354
1556
|
{
|
|
1355
|
-
"name": "
|
|
1557
|
+
"name": "buttonSize",
|
|
1356
1558
|
"type": {
|
|
1357
|
-
"text": "
|
|
1559
|
+
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
|
|
1358
1560
|
}
|
|
1359
1561
|
}
|
|
1360
1562
|
],
|
|
1361
|
-
"
|
|
1362
|
-
"
|
|
1563
|
+
"type": {},
|
|
1564
|
+
"inheritedFrom": {
|
|
1565
|
+
"name": "ButtonElement",
|
|
1566
|
+
"module": "src/base/button-element.ts"
|
|
1567
|
+
}
|
|
1363
1568
|
},
|
|
1364
1569
|
{
|
|
1365
1570
|
"kind": "method",
|
|
1366
|
-
"name": "
|
|
1367
|
-
"privacy": "
|
|
1571
|
+
"name": "_assignSpinnerTone",
|
|
1572
|
+
"privacy": "protected",
|
|
1573
|
+
"return": {
|
|
1574
|
+
"type": {
|
|
1575
|
+
"text": "SpinnerTone"
|
|
1576
|
+
}
|
|
1577
|
+
},
|
|
1368
1578
|
"parameters": [
|
|
1369
1579
|
{
|
|
1370
|
-
"name": "
|
|
1580
|
+
"name": "buttonTone",
|
|
1371
1581
|
"type": {
|
|
1372
|
-
"text": "
|
|
1582
|
+
"text": "ButtonTone"
|
|
1583
|
+
}
|
|
1584
|
+
},
|
|
1585
|
+
{
|
|
1586
|
+
"name": "buttonVariant",
|
|
1587
|
+
"type": {
|
|
1588
|
+
"text": "ButtonVariant"
|
|
1373
1589
|
}
|
|
1374
1590
|
}
|
|
1375
1591
|
],
|
|
1376
|
-
"type": {}
|
|
1592
|
+
"type": {},
|
|
1593
|
+
"inheritedFrom": {
|
|
1594
|
+
"name": "ButtonElement",
|
|
1595
|
+
"module": "src/base/button-element.ts"
|
|
1596
|
+
}
|
|
1377
1597
|
},
|
|
1378
1598
|
{
|
|
1379
1599
|
"kind": "method",
|
|
@@ -1430,465 +1650,520 @@
|
|
|
1430
1650
|
}
|
|
1431
1651
|
}
|
|
1432
1652
|
],
|
|
1433
|
-
"
|
|
1434
|
-
{
|
|
1435
|
-
"name": "ariaLabel",
|
|
1436
|
-
"type": {
|
|
1437
|
-
"text": "string"
|
|
1438
|
-
},
|
|
1439
|
-
"default": "\"breadcrumb\"",
|
|
1440
|
-
"description": "The aria-label of nav element within breadcrumb component.",
|
|
1441
|
-
"fieldName": "ariaLabel"
|
|
1442
|
-
}
|
|
1443
|
-
],
|
|
1444
|
-
"superclass": {
|
|
1445
|
-
"name": "SgdsElement",
|
|
1446
|
-
"module": "/src/base/sgds-element"
|
|
1447
|
-
},
|
|
1448
|
-
"summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
|
|
1449
|
-
"tagName": "sgds-breadcrumb",
|
|
1450
|
-
"customElement": true,
|
|
1451
|
-
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
1452
|
-
"cssProperties": [],
|
|
1453
|
-
"cssParts": [],
|
|
1454
|
-
"cssStates": [],
|
|
1455
|
-
"events": []
|
|
1456
|
-
}
|
|
1457
|
-
],
|
|
1458
|
-
"exports": [
|
|
1459
|
-
{
|
|
1460
|
-
"kind": "js",
|
|
1461
|
-
"name": "SgdsBreadcrumb",
|
|
1462
|
-
"declaration": {
|
|
1463
|
-
"name": "SgdsBreadcrumb",
|
|
1464
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
1465
|
-
}
|
|
1466
|
-
},
|
|
1467
|
-
{
|
|
1468
|
-
"kind": "js",
|
|
1469
|
-
"name": "default",
|
|
1470
|
-
"declaration": {
|
|
1471
|
-
"name": "SgdsBreadcrumb",
|
|
1472
|
-
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
1473
|
-
}
|
|
1474
|
-
}
|
|
1475
|
-
]
|
|
1476
|
-
},
|
|
1477
|
-
{
|
|
1478
|
-
"kind": "javascript-module",
|
|
1479
|
-
"path": "src/components/Button/sgds-button.ts",
|
|
1480
|
-
"declarations": [
|
|
1481
|
-
{
|
|
1482
|
-
"kind": "class",
|
|
1483
|
-
"description": "",
|
|
1484
|
-
"name": "SgdsButton",
|
|
1485
|
-
"slots": [
|
|
1486
|
-
{
|
|
1487
|
-
"description": "The button's label.",
|
|
1488
|
-
"name": "default"
|
|
1489
|
-
},
|
|
1653
|
+
"events": [
|
|
1490
1654
|
{
|
|
1491
|
-
"description": "
|
|
1492
|
-
"name": "
|
|
1655
|
+
"description": "Emitted when the button is blurred.",
|
|
1656
|
+
"name": "sgds-blur",
|
|
1657
|
+
"reactName": "onSgdsBlur"
|
|
1493
1658
|
},
|
|
1494
1659
|
{
|
|
1495
|
-
"description": "
|
|
1496
|
-
"name": "
|
|
1660
|
+
"description": "Emitted when the button is focused.",
|
|
1661
|
+
"name": "sgds-focus",
|
|
1662
|
+
"reactName": "onSgdsFocus"
|
|
1497
1663
|
}
|
|
1498
1664
|
],
|
|
1499
|
-
"
|
|
1665
|
+
"attributes": [
|
|
1500
1666
|
{
|
|
1501
|
-
"kind": "field",
|
|
1502
1667
|
"name": "type",
|
|
1503
1668
|
"type": {
|
|
1504
1669
|
"text": "\"button\" | \"submit\" | \"reset\""
|
|
1505
1670
|
},
|
|
1506
1671
|
"default": "\"button\"",
|
|
1507
1672
|
"description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
|
|
1508
|
-
"
|
|
1509
|
-
"reflects": true
|
|
1673
|
+
"fieldName": "type"
|
|
1510
1674
|
},
|
|
1511
1675
|
{
|
|
1512
|
-
"kind": "field",
|
|
1513
1676
|
"name": "form",
|
|
1514
1677
|
"type": {
|
|
1515
1678
|
"text": "string"
|
|
1516
1679
|
},
|
|
1517
1680
|
"description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
|
|
1518
|
-
"
|
|
1519
|
-
"reflects": true
|
|
1681
|
+
"fieldName": "form"
|
|
1520
1682
|
},
|
|
1521
1683
|
{
|
|
1522
|
-
"
|
|
1523
|
-
"name": "formAction",
|
|
1684
|
+
"name": "formaction",
|
|
1524
1685
|
"type": {
|
|
1525
1686
|
"text": "string"
|
|
1526
1687
|
},
|
|
1527
1688
|
"description": "Used to override the form owner's `action` attribute.",
|
|
1528
|
-
"
|
|
1529
|
-
"reflects": true
|
|
1689
|
+
"fieldName": "formAction"
|
|
1530
1690
|
},
|
|
1531
1691
|
{
|
|
1532
|
-
"
|
|
1533
|
-
"name": "formMethod",
|
|
1692
|
+
"name": "formmethod",
|
|
1534
1693
|
"type": {
|
|
1535
1694
|
"text": "\"post\" | \"get\""
|
|
1536
1695
|
},
|
|
1537
1696
|
"description": "Used to override the form owner's `method` attribute.",
|
|
1538
|
-
"
|
|
1539
|
-
"reflects": true
|
|
1697
|
+
"fieldName": "formMethod"
|
|
1540
1698
|
},
|
|
1541
1699
|
{
|
|
1542
|
-
"
|
|
1543
|
-
"name": "formNoValidate",
|
|
1700
|
+
"name": "formnovalidate",
|
|
1544
1701
|
"type": {
|
|
1545
1702
|
"text": "boolean"
|
|
1546
1703
|
},
|
|
1547
1704
|
"description": "Used to override the form owner's `novalidate` attribute.",
|
|
1548
|
-
"
|
|
1549
|
-
"reflects": true
|
|
1705
|
+
"fieldName": "formNoValidate"
|
|
1550
1706
|
},
|
|
1551
1707
|
{
|
|
1552
|
-
"
|
|
1553
|
-
"name": "formTarget",
|
|
1708
|
+
"name": "formtarget",
|
|
1554
1709
|
"type": {
|
|
1555
1710
|
"text": "| \"_self\"\n | \"_blank\"\n | \"_parent\"\n | \"_top\"\n | string"
|
|
1556
1711
|
},
|
|
1557
1712
|
"description": "Used to override the form owner's `target` attribute.",
|
|
1558
|
-
"
|
|
1559
|
-
"reflects": true
|
|
1713
|
+
"fieldName": "formTarget"
|
|
1560
1714
|
},
|
|
1561
1715
|
{
|
|
1562
|
-
"kind": "field",
|
|
1563
1716
|
"name": "fullWidth",
|
|
1564
1717
|
"type": {
|
|
1565
1718
|
"text": "boolean"
|
|
1566
1719
|
},
|
|
1567
1720
|
"default": "false",
|
|
1568
1721
|
"description": "When set, the button will be in full width.",
|
|
1569
|
-
"
|
|
1570
|
-
"reflects": true
|
|
1722
|
+
"fieldName": "fullWidth"
|
|
1571
1723
|
},
|
|
1572
1724
|
{
|
|
1573
|
-
"kind": "field",
|
|
1574
1725
|
"name": "hasLeftIconSlot",
|
|
1575
1726
|
"type": {
|
|
1576
1727
|
"text": "boolean"
|
|
1577
1728
|
},
|
|
1578
1729
|
"default": "false",
|
|
1579
1730
|
"description": "Used only for SSR to indicate the presence of the `leftIcon` slot.",
|
|
1580
|
-
"
|
|
1731
|
+
"fieldName": "hasLeftIconSlot"
|
|
1581
1732
|
},
|
|
1582
1733
|
{
|
|
1583
|
-
"kind": "field",
|
|
1584
1734
|
"name": "hasRightIconSlot",
|
|
1585
1735
|
"type": {
|
|
1586
1736
|
"text": "boolean"
|
|
1587
1737
|
},
|
|
1588
1738
|
"default": "false",
|
|
1589
1739
|
"description": "Used only for SSR to indicate the presence of the `rightIcon` slot.",
|
|
1590
|
-
"
|
|
1591
|
-
},
|
|
1592
|
-
{
|
|
1593
|
-
"kind": "field",
|
|
1594
|
-
"name": "hasSlotController",
|
|
1595
|
-
"privacy": "private",
|
|
1596
|
-
"default": "new HasSlotController(this, \"leftIcon\", \"rightIcon\")",
|
|
1597
|
-
"type": {}
|
|
1598
|
-
},
|
|
1599
|
-
{
|
|
1600
|
-
"kind": "method",
|
|
1601
|
-
"name": "_handleClick",
|
|
1602
|
-
"privacy": "protected",
|
|
1603
|
-
"parameters": [
|
|
1604
|
-
{
|
|
1605
|
-
"name": "event",
|
|
1606
|
-
"type": {
|
|
1607
|
-
"text": "MouseEvent"
|
|
1608
|
-
}
|
|
1609
|
-
}
|
|
1610
|
-
],
|
|
1611
|
-
"type": {},
|
|
1612
|
-
"inheritedFrom": {
|
|
1613
|
-
"name": "ButtonElement",
|
|
1614
|
-
"module": "src/base/button-element.ts"
|
|
1615
|
-
}
|
|
1616
|
-
},
|
|
1617
|
-
{
|
|
1618
|
-
"kind": "field",
|
|
1619
|
-
"name": "_clickHandler",
|
|
1620
|
-
"privacy": "private",
|
|
1621
|
-
"type": {}
|
|
1740
|
+
"fieldName": "hasRightIconSlot"
|
|
1622
1741
|
},
|
|
1623
1742
|
{
|
|
1624
|
-
"kind": "field",
|
|
1625
1743
|
"name": "variant",
|
|
1626
1744
|
"type": {
|
|
1627
|
-
"text": "
|
|
1745
|
+
"text": "ButtonVariant"
|
|
1628
1746
|
},
|
|
1629
1747
|
"default": "\"primary\"",
|
|
1630
1748
|
"description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
|
|
1631
|
-
"
|
|
1632
|
-
"reflects": true,
|
|
1749
|
+
"fieldName": "variant",
|
|
1633
1750
|
"inheritedFrom": {
|
|
1634
1751
|
"name": "ButtonElement",
|
|
1635
1752
|
"module": "src/base/button-element.ts"
|
|
1636
1753
|
}
|
|
1637
1754
|
},
|
|
1638
1755
|
{
|
|
1639
|
-
"kind": "field",
|
|
1640
1756
|
"name": "tone",
|
|
1641
1757
|
"type": {
|
|
1642
|
-
"text": "
|
|
1758
|
+
"text": "ButtonTone"
|
|
1643
1759
|
},
|
|
1644
1760
|
"default": "\"brand\"",
|
|
1645
1761
|
"description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
|
|
1646
|
-
"
|
|
1647
|
-
"reflects": true,
|
|
1762
|
+
"fieldName": "tone",
|
|
1648
1763
|
"inheritedFrom": {
|
|
1649
1764
|
"name": "ButtonElement",
|
|
1650
1765
|
"module": "src/base/button-element.ts"
|
|
1651
1766
|
}
|
|
1652
1767
|
},
|
|
1653
1768
|
{
|
|
1654
|
-
"kind": "field",
|
|
1655
1769
|
"name": "size",
|
|
1656
1770
|
"type": {
|
|
1657
1771
|
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
|
|
1658
1772
|
},
|
|
1659
1773
|
"default": "\"md\"",
|
|
1660
1774
|
"description": "Specifies a small, medium or large button, the size is medium by default.",
|
|
1661
|
-
"
|
|
1662
|
-
"reflects": true,
|
|
1775
|
+
"fieldName": "size",
|
|
1663
1776
|
"inheritedFrom": {
|
|
1664
1777
|
"name": "ButtonElement",
|
|
1665
1778
|
"module": "src/base/button-element.ts"
|
|
1666
1779
|
}
|
|
1667
1780
|
},
|
|
1668
1781
|
{
|
|
1669
|
-
"kind": "field",
|
|
1670
1782
|
"name": "active",
|
|
1671
1783
|
"type": {
|
|
1672
1784
|
"text": "boolean"
|
|
1673
1785
|
},
|
|
1674
1786
|
"default": "false",
|
|
1675
1787
|
"description": "Manually set the visual state of the button to `:active`",
|
|
1676
|
-
"
|
|
1677
|
-
"reflects": true,
|
|
1788
|
+
"fieldName": "active",
|
|
1678
1789
|
"inheritedFrom": {
|
|
1679
1790
|
"name": "ButtonElement",
|
|
1680
1791
|
"module": "src/base/button-element.ts"
|
|
1681
1792
|
}
|
|
1682
1793
|
},
|
|
1683
1794
|
{
|
|
1684
|
-
"kind": "field",
|
|
1685
1795
|
"name": "disabled",
|
|
1686
1796
|
"type": {
|
|
1687
1797
|
"text": "boolean"
|
|
1688
1798
|
},
|
|
1689
1799
|
"default": "false",
|
|
1690
1800
|
"description": "The disabled state of the button",
|
|
1691
|
-
"
|
|
1692
|
-
"reflects": true,
|
|
1801
|
+
"fieldName": "disabled",
|
|
1693
1802
|
"inheritedFrom": {
|
|
1694
1803
|
"name": "ButtonElement",
|
|
1695
1804
|
"module": "src/base/button-element.ts"
|
|
1696
1805
|
}
|
|
1697
1806
|
},
|
|
1698
1807
|
{
|
|
1699
|
-
"kind": "field",
|
|
1700
1808
|
"name": "href",
|
|
1701
1809
|
"type": {
|
|
1702
1810
|
"text": "string"
|
|
1703
1811
|
},
|
|
1704
1812
|
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
1705
|
-
"
|
|
1706
|
-
"reflects": true,
|
|
1813
|
+
"fieldName": "href",
|
|
1707
1814
|
"inheritedFrom": {
|
|
1708
1815
|
"name": "ButtonElement",
|
|
1709
1816
|
"module": "src/base/button-element.ts"
|
|
1710
1817
|
}
|
|
1711
1818
|
},
|
|
1712
1819
|
{
|
|
1713
|
-
"kind": "field",
|
|
1714
1820
|
"name": "target",
|
|
1715
1821
|
"type": {
|
|
1716
1822
|
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
1717
1823
|
},
|
|
1718
1824
|
"default": "\"_self\"",
|
|
1719
1825
|
"description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
|
|
1720
|
-
"
|
|
1721
|
-
"reflects": true,
|
|
1826
|
+
"fieldName": "target",
|
|
1722
1827
|
"inheritedFrom": {
|
|
1723
1828
|
"name": "ButtonElement",
|
|
1724
1829
|
"module": "src/base/button-element.ts"
|
|
1725
1830
|
}
|
|
1726
1831
|
},
|
|
1727
1832
|
{
|
|
1728
|
-
"kind": "field",
|
|
1729
1833
|
"name": "download",
|
|
1730
1834
|
"type": {
|
|
1731
1835
|
"text": "string"
|
|
1732
1836
|
},
|
|
1733
1837
|
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
1734
|
-
"
|
|
1735
|
-
"reflects": true,
|
|
1838
|
+
"fieldName": "download",
|
|
1736
1839
|
"inheritedFrom": {
|
|
1737
1840
|
"name": "ButtonElement",
|
|
1738
1841
|
"module": "src/base/button-element.ts"
|
|
1739
1842
|
}
|
|
1740
1843
|
},
|
|
1741
1844
|
{
|
|
1742
|
-
"kind": "field",
|
|
1743
1845
|
"name": "ariaLabel",
|
|
1744
1846
|
"type": {
|
|
1745
1847
|
"text": "string"
|
|
1746
1848
|
},
|
|
1747
1849
|
"description": "The aria-label attribute to passed to button element when necessary",
|
|
1748
|
-
"
|
|
1850
|
+
"fieldName": "ariaLabel",
|
|
1749
1851
|
"inheritedFrom": {
|
|
1750
1852
|
"name": "ButtonElement",
|
|
1751
1853
|
"module": "src/base/button-element.ts"
|
|
1752
1854
|
}
|
|
1753
1855
|
},
|
|
1754
1856
|
{
|
|
1755
|
-
"kind": "field",
|
|
1756
1857
|
"name": "loading",
|
|
1757
1858
|
"type": {
|
|
1758
1859
|
"text": "boolean"
|
|
1759
1860
|
},
|
|
1760
1861
|
"description": "When true, shows a loading spinner",
|
|
1761
|
-
"
|
|
1862
|
+
"fieldName": "loading",
|
|
1762
1863
|
"inheritedFrom": {
|
|
1763
1864
|
"name": "ButtonElement",
|
|
1764
1865
|
"module": "src/base/button-element.ts"
|
|
1765
1866
|
}
|
|
1867
|
+
}
|
|
1868
|
+
],
|
|
1869
|
+
"superclass": {
|
|
1870
|
+
"name": "ButtonElement",
|
|
1871
|
+
"module": "/src/base/button-element"
|
|
1872
|
+
},
|
|
1873
|
+
"summary": "Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.",
|
|
1874
|
+
"tagName": "sgds-button",
|
|
1875
|
+
"customElement": true,
|
|
1876
|
+
"modulePath": "src/components/Button/sgds-button.ts",
|
|
1877
|
+
"cssProperties": [],
|
|
1878
|
+
"cssParts": [],
|
|
1879
|
+
"cssStates": []
|
|
1880
|
+
}
|
|
1881
|
+
],
|
|
1882
|
+
"exports": [
|
|
1883
|
+
{
|
|
1884
|
+
"kind": "js",
|
|
1885
|
+
"name": "SgdsButton",
|
|
1886
|
+
"declaration": {
|
|
1887
|
+
"name": "SgdsButton",
|
|
1888
|
+
"module": "src/components/Button/sgds-button.ts"
|
|
1889
|
+
}
|
|
1890
|
+
},
|
|
1891
|
+
{
|
|
1892
|
+
"kind": "js",
|
|
1893
|
+
"name": "default",
|
|
1894
|
+
"declaration": {
|
|
1895
|
+
"name": "SgdsButton",
|
|
1896
|
+
"module": "src/components/Button/sgds-button.ts"
|
|
1897
|
+
}
|
|
1898
|
+
}
|
|
1899
|
+
]
|
|
1900
|
+
},
|
|
1901
|
+
{
|
|
1902
|
+
"kind": "javascript-module",
|
|
1903
|
+
"path": "src/components/Card/sgds-card.ts",
|
|
1904
|
+
"declarations": [
|
|
1905
|
+
{
|
|
1906
|
+
"kind": "class",
|
|
1907
|
+
"description": "",
|
|
1908
|
+
"name": "SgdsCard",
|
|
1909
|
+
"slots": [
|
|
1910
|
+
{
|
|
1911
|
+
"description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
|
|
1912
|
+
"name": "default"
|
|
1913
|
+
},
|
|
1914
|
+
{
|
|
1915
|
+
"description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
|
|
1916
|
+
"name": "menu"
|
|
1917
|
+
},
|
|
1918
|
+
{
|
|
1919
|
+
"description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
|
|
1920
|
+
"name": "upper"
|
|
1921
|
+
},
|
|
1922
|
+
{
|
|
1923
|
+
"description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
|
|
1924
|
+
"name": "image"
|
|
1925
|
+
},
|
|
1926
|
+
{
|
|
1927
|
+
"description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
|
|
1928
|
+
"name": "icon"
|
|
1929
|
+
},
|
|
1930
|
+
{
|
|
1931
|
+
"description": "The subtitle of the card",
|
|
1932
|
+
"name": "subtitle"
|
|
1933
|
+
},
|
|
1934
|
+
{
|
|
1935
|
+
"description": "The title of the card",
|
|
1936
|
+
"name": "title"
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
"description": "The paragrapher text of the card",
|
|
1940
|
+
"name": "description"
|
|
1941
|
+
},
|
|
1942
|
+
{
|
|
1943
|
+
"description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
|
|
1944
|
+
"name": "lower"
|
|
1945
|
+
},
|
|
1946
|
+
{
|
|
1947
|
+
"description": "Footer area of the card. Accepts links, actions, or any custom content.",
|
|
1948
|
+
"name": "footer"
|
|
1949
|
+
},
|
|
1950
|
+
{
|
|
1951
|
+
"description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
|
|
1952
|
+
"name": "link"
|
|
1953
|
+
}
|
|
1954
|
+
],
|
|
1955
|
+
"members": [
|
|
1956
|
+
{
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "footerNode",
|
|
1959
|
+
"type": {
|
|
1960
|
+
"text": "HTMLElement[]"
|
|
1961
|
+
},
|
|
1962
|
+
"privacy": "private"
|
|
1963
|
+
},
|
|
1964
|
+
{
|
|
1965
|
+
"kind": "field",
|
|
1966
|
+
"name": "linkNode",
|
|
1967
|
+
"type": {
|
|
1968
|
+
"text": "HTMLAnchorElement[] | SgdsLink[]"
|
|
1969
|
+
},
|
|
1970
|
+
"privacy": "private"
|
|
1971
|
+
},
|
|
1972
|
+
{
|
|
1973
|
+
"kind": "field",
|
|
1974
|
+
"name": "imagePosition",
|
|
1975
|
+
"type": {
|
|
1976
|
+
"text": "CardImagePosition"
|
|
1977
|
+
},
|
|
1978
|
+
"default": "\"before\"",
|
|
1979
|
+
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
1980
|
+
"attribute": "imagePosition",
|
|
1981
|
+
"reflects": true
|
|
1982
|
+
},
|
|
1983
|
+
{
|
|
1984
|
+
"kind": "field",
|
|
1985
|
+
"name": "imageAdjustment",
|
|
1986
|
+
"type": {
|
|
1987
|
+
"text": "CardImageAdjustment"
|
|
1988
|
+
},
|
|
1989
|
+
"default": "\"default\"",
|
|
1990
|
+
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
1991
|
+
"attribute": "imageAdjustment",
|
|
1992
|
+
"reflects": true
|
|
1993
|
+
},
|
|
1994
|
+
{
|
|
1995
|
+
"kind": "field",
|
|
1996
|
+
"name": "hasImageSlot",
|
|
1997
|
+
"type": {
|
|
1998
|
+
"text": "boolean"
|
|
1999
|
+
},
|
|
2000
|
+
"default": "false",
|
|
2001
|
+
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2002
|
+
"attribute": "hasImageSlot"
|
|
2003
|
+
},
|
|
2004
|
+
{
|
|
2005
|
+
"kind": "field",
|
|
2006
|
+
"name": "hasIconSlot",
|
|
2007
|
+
"type": {
|
|
2008
|
+
"text": "boolean"
|
|
2009
|
+
},
|
|
2010
|
+
"default": "false",
|
|
2011
|
+
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
2012
|
+
"attribute": "hasIconSlot"
|
|
2013
|
+
},
|
|
2014
|
+
{
|
|
2015
|
+
"kind": "field",
|
|
2016
|
+
"name": "hasUpperSlot",
|
|
2017
|
+
"type": {
|
|
2018
|
+
"text": "boolean"
|
|
2019
|
+
},
|
|
2020
|
+
"default": "false",
|
|
2021
|
+
"description": "Used only for SSR to indicate the presence of the `upper` slot.",
|
|
2022
|
+
"attribute": "hasUpperSlot"
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"kind": "field",
|
|
2026
|
+
"name": "linkSlotItems",
|
|
2027
|
+
"type": {
|
|
2028
|
+
"text": "HTMLAnchorElement | null"
|
|
2029
|
+
},
|
|
2030
|
+
"privacy": "private"
|
|
2031
|
+
},
|
|
2032
|
+
{
|
|
2033
|
+
"kind": "field",
|
|
2034
|
+
"name": "footerSlotItems",
|
|
2035
|
+
"type": {
|
|
2036
|
+
"text": "HTMLAnchorElement | null"
|
|
2037
|
+
},
|
|
2038
|
+
"privacy": "private"
|
|
2039
|
+
},
|
|
2040
|
+
{
|
|
2041
|
+
"kind": "field",
|
|
2042
|
+
"name": "hasSlotController",
|
|
2043
|
+
"privacy": "private",
|
|
2044
|
+
"default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
|
|
2045
|
+
"type": {}
|
|
1766
2046
|
},
|
|
1767
2047
|
{
|
|
1768
2048
|
"kind": "method",
|
|
1769
|
-
"name": "
|
|
1770
|
-
"privacy": "public",
|
|
2049
|
+
"name": "handleImgSlotChange",
|
|
1771
2050
|
"parameters": [
|
|
1772
2051
|
{
|
|
1773
|
-
"name": "
|
|
1774
|
-
"optional": true,
|
|
2052
|
+
"name": "e",
|
|
1775
2053
|
"type": {
|
|
1776
|
-
"text": "
|
|
2054
|
+
"text": "Event"
|
|
1777
2055
|
}
|
|
1778
2056
|
}
|
|
1779
2057
|
],
|
|
1780
|
-
"
|
|
1781
|
-
"type": {},
|
|
1782
|
-
"inheritedFrom": {
|
|
1783
|
-
"name": "ButtonElement",
|
|
1784
|
-
"module": "src/base/button-element.ts"
|
|
1785
|
-
}
|
|
2058
|
+
"type": {}
|
|
1786
2059
|
},
|
|
1787
2060
|
{
|
|
1788
|
-
"kind": "
|
|
1789
|
-
"name": "
|
|
1790
|
-
"
|
|
1791
|
-
|
|
1792
|
-
|
|
2061
|
+
"kind": "field",
|
|
2062
|
+
"name": "stretchedLink",
|
|
2063
|
+
"type": {
|
|
2064
|
+
"text": "boolean"
|
|
2065
|
+
},
|
|
2066
|
+
"default": "false",
|
|
2067
|
+
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2068
|
+
"attribute": "stretchedLink",
|
|
2069
|
+
"reflects": true,
|
|
1793
2070
|
"inheritedFrom": {
|
|
1794
|
-
"name": "
|
|
1795
|
-
"module": "src/base/
|
|
2071
|
+
"name": "CardElement",
|
|
2072
|
+
"module": "src/base/card-element.ts"
|
|
1796
2073
|
}
|
|
1797
2074
|
},
|
|
1798
2075
|
{
|
|
1799
|
-
"kind": "
|
|
1800
|
-
"name": "
|
|
1801
|
-
"
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
"
|
|
1805
|
-
|
|
1806
|
-
|
|
2076
|
+
"kind": "field",
|
|
2077
|
+
"name": "disabled",
|
|
2078
|
+
"type": {
|
|
2079
|
+
"text": "boolean"
|
|
2080
|
+
},
|
|
2081
|
+
"default": "false",
|
|
2082
|
+
"description": "Disables the card",
|
|
2083
|
+
"attribute": "disabled",
|
|
2084
|
+
"reflects": true,
|
|
2085
|
+
"inheritedFrom": {
|
|
2086
|
+
"name": "CardElement",
|
|
2087
|
+
"module": "src/base/card-element.ts"
|
|
1807
2088
|
}
|
|
1808
2089
|
},
|
|
1809
2090
|
{
|
|
1810
|
-
"kind": "
|
|
1811
|
-
"name": "
|
|
1812
|
-
"
|
|
1813
|
-
|
|
2091
|
+
"kind": "field",
|
|
2092
|
+
"name": "hideBorder",
|
|
2093
|
+
"type": {
|
|
2094
|
+
"text": "boolean"
|
|
2095
|
+
},
|
|
2096
|
+
"default": "false",
|
|
2097
|
+
"description": "When true, hides the default border of the card.",
|
|
2098
|
+
"attribute": "hideBorder",
|
|
2099
|
+
"reflects": true,
|
|
1814
2100
|
"inheritedFrom": {
|
|
1815
|
-
"name": "
|
|
1816
|
-
"module": "src/base/
|
|
2101
|
+
"name": "CardElement",
|
|
2102
|
+
"module": "src/base/card-element.ts"
|
|
1817
2103
|
}
|
|
1818
2104
|
},
|
|
1819
2105
|
{
|
|
1820
|
-
"kind": "
|
|
1821
|
-
"name": "
|
|
1822
|
-
"
|
|
1823
|
-
|
|
2106
|
+
"kind": "field",
|
|
2107
|
+
"name": "tinted",
|
|
2108
|
+
"type": {
|
|
2109
|
+
"text": "boolean"
|
|
2110
|
+
},
|
|
2111
|
+
"default": "false",
|
|
2112
|
+
"description": "When true, applies a tinted background color to the card.",
|
|
2113
|
+
"attribute": "tinted",
|
|
2114
|
+
"reflects": true,
|
|
1824
2115
|
"inheritedFrom": {
|
|
1825
|
-
"name": "
|
|
1826
|
-
"module": "src/base/
|
|
2116
|
+
"name": "CardElement",
|
|
2117
|
+
"module": "src/base/card-element.ts"
|
|
1827
2118
|
}
|
|
1828
2119
|
},
|
|
1829
2120
|
{
|
|
1830
|
-
"kind": "
|
|
1831
|
-
"name": "
|
|
1832
|
-
"
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
}
|
|
1840
|
-
],
|
|
1841
|
-
"type": {},
|
|
2121
|
+
"kind": "field",
|
|
2122
|
+
"name": "orientation",
|
|
2123
|
+
"type": {
|
|
2124
|
+
"text": "CardOrientation"
|
|
2125
|
+
},
|
|
2126
|
+
"default": "\"vertical\"",
|
|
2127
|
+
"description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
|
|
2128
|
+
"attribute": "orientation",
|
|
2129
|
+
"reflects": true,
|
|
1842
2130
|
"inheritedFrom": {
|
|
1843
|
-
"name": "
|
|
1844
|
-
"module": "src/base/
|
|
2131
|
+
"name": "CardElement",
|
|
2132
|
+
"module": "src/base/card-element.ts"
|
|
1845
2133
|
}
|
|
1846
2134
|
},
|
|
1847
2135
|
{
|
|
1848
2136
|
"kind": "method",
|
|
1849
|
-
"name": "
|
|
1850
|
-
"privacy": "protected",
|
|
2137
|
+
"name": "handleTitleSlotChange",
|
|
1851
2138
|
"parameters": [
|
|
1852
2139
|
{
|
|
1853
|
-
"name": "
|
|
2140
|
+
"name": "e",
|
|
1854
2141
|
"type": {
|
|
1855
|
-
"text": "
|
|
2142
|
+
"text": "Event"
|
|
1856
2143
|
}
|
|
1857
2144
|
}
|
|
1858
2145
|
],
|
|
1859
2146
|
"type": {},
|
|
1860
2147
|
"inheritedFrom": {
|
|
1861
|
-
"name": "
|
|
1862
|
-
"module": "src/base/
|
|
2148
|
+
"name": "CardElement",
|
|
2149
|
+
"module": "src/base/card-element.ts"
|
|
1863
2150
|
}
|
|
1864
2151
|
},
|
|
1865
2152
|
{
|
|
1866
2153
|
"kind": "method",
|
|
1867
|
-
"name": "
|
|
1868
|
-
"privacy": "protected",
|
|
1869
|
-
"return": {
|
|
1870
|
-
"type": {
|
|
1871
|
-
"text": "SpinnerTone"
|
|
1872
|
-
}
|
|
1873
|
-
},
|
|
2154
|
+
"name": "warnLinkSlotMisused",
|
|
1874
2155
|
"parameters": [
|
|
1875
2156
|
{
|
|
1876
|
-
"name": "
|
|
1877
|
-
"type": {
|
|
1878
|
-
"text": "ButtonTone"
|
|
1879
|
-
}
|
|
1880
|
-
},
|
|
1881
|
-
{
|
|
1882
|
-
"name": "buttonVariant",
|
|
2157
|
+
"name": "e",
|
|
1883
2158
|
"type": {
|
|
1884
|
-
"text": "
|
|
2159
|
+
"text": "Event"
|
|
1885
2160
|
}
|
|
1886
2161
|
}
|
|
1887
2162
|
],
|
|
1888
2163
|
"type": {},
|
|
1889
2164
|
"inheritedFrom": {
|
|
1890
|
-
"name": "
|
|
1891
|
-
"module": "src/base/
|
|
2165
|
+
"name": "CardElement",
|
|
2166
|
+
"module": "src/base/card-element.ts"
|
|
1892
2167
|
}
|
|
1893
2168
|
},
|
|
1894
2169
|
{
|
|
@@ -1946,145 +2221,63 @@
|
|
|
1946
2221
|
}
|
|
1947
2222
|
}
|
|
1948
2223
|
],
|
|
1949
|
-
"events": [
|
|
1950
|
-
{
|
|
1951
|
-
"description": "Emitted when the button is blurred.",
|
|
1952
|
-
"name": "sgds-blur",
|
|
1953
|
-
"reactName": "onSgdsBlur"
|
|
1954
|
-
},
|
|
1955
|
-
{
|
|
1956
|
-
"description": "Emitted when the button is focused.",
|
|
1957
|
-
"name": "sgds-focus",
|
|
1958
|
-
"reactName": "onSgdsFocus"
|
|
1959
|
-
}
|
|
1960
|
-
],
|
|
1961
2224
|
"attributes": [
|
|
1962
2225
|
{
|
|
1963
|
-
"name": "
|
|
1964
|
-
"type": {
|
|
1965
|
-
"text": "\"button\" | \"submit\" | \"reset\""
|
|
1966
|
-
},
|
|
1967
|
-
"default": "\"button\"",
|
|
1968
|
-
"description": "The behavior of the button with default as `type='button', `reset` resets all the controls to their initial values and `submit` submits the form data to the server",
|
|
1969
|
-
"fieldName": "type"
|
|
1970
|
-
},
|
|
1971
|
-
{
|
|
1972
|
-
"name": "form",
|
|
1973
|
-
"type": {
|
|
1974
|
-
"text": "string"
|
|
1975
|
-
},
|
|
1976
|
-
"description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
|
|
1977
|
-
"fieldName": "form"
|
|
1978
|
-
},
|
|
1979
|
-
{
|
|
1980
|
-
"name": "formaction",
|
|
1981
|
-
"type": {
|
|
1982
|
-
"text": "string"
|
|
1983
|
-
},
|
|
1984
|
-
"description": "Used to override the form owner's `action` attribute.",
|
|
1985
|
-
"fieldName": "formAction"
|
|
1986
|
-
},
|
|
1987
|
-
{
|
|
1988
|
-
"name": "formmethod",
|
|
1989
|
-
"type": {
|
|
1990
|
-
"text": "\"post\" | \"get\""
|
|
1991
|
-
},
|
|
1992
|
-
"description": "Used to override the form owner's `method` attribute.",
|
|
1993
|
-
"fieldName": "formMethod"
|
|
1994
|
-
},
|
|
1995
|
-
{
|
|
1996
|
-
"name": "formnovalidate",
|
|
2226
|
+
"name": "imagePosition",
|
|
1997
2227
|
"type": {
|
|
1998
|
-
"text": "
|
|
2228
|
+
"text": "CardImagePosition"
|
|
1999
2229
|
},
|
|
2000
|
-
"
|
|
2001
|
-
"
|
|
2230
|
+
"default": "\"before\"",
|
|
2231
|
+
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
2232
|
+
"fieldName": "imagePosition"
|
|
2002
2233
|
},
|
|
2003
2234
|
{
|
|
2004
|
-
"name": "
|
|
2235
|
+
"name": "imageAdjustment",
|
|
2005
2236
|
"type": {
|
|
2006
|
-
"text": "
|
|
2237
|
+
"text": "CardImageAdjustment"
|
|
2007
2238
|
},
|
|
2008
|
-
"
|
|
2009
|
-
"
|
|
2239
|
+
"default": "\"default\"",
|
|
2240
|
+
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
2241
|
+
"fieldName": "imageAdjustment"
|
|
2010
2242
|
},
|
|
2011
2243
|
{
|
|
2012
|
-
"name": "
|
|
2244
|
+
"name": "hasImageSlot",
|
|
2013
2245
|
"type": {
|
|
2014
2246
|
"text": "boolean"
|
|
2015
2247
|
},
|
|
2016
2248
|
"default": "false",
|
|
2017
|
-
"description": "
|
|
2018
|
-
"fieldName": "
|
|
2249
|
+
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2250
|
+
"fieldName": "hasImageSlot"
|
|
2019
2251
|
},
|
|
2020
2252
|
{
|
|
2021
|
-
"name": "
|
|
2253
|
+
"name": "hasIconSlot",
|
|
2022
2254
|
"type": {
|
|
2023
2255
|
"text": "boolean"
|
|
2024
2256
|
},
|
|
2025
2257
|
"default": "false",
|
|
2026
|
-
"description": "Used only for SSR to indicate the presence of the `
|
|
2027
|
-
"fieldName": "
|
|
2258
|
+
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
2259
|
+
"fieldName": "hasIconSlot"
|
|
2028
2260
|
},
|
|
2029
2261
|
{
|
|
2030
|
-
"name": "
|
|
2262
|
+
"name": "hasUpperSlot",
|
|
2031
2263
|
"type": {
|
|
2032
2264
|
"text": "boolean"
|
|
2033
2265
|
},
|
|
2034
2266
|
"default": "false",
|
|
2035
|
-
"description": "Used only for SSR to indicate the presence of the `
|
|
2036
|
-
"fieldName": "
|
|
2037
|
-
},
|
|
2038
|
-
{
|
|
2039
|
-
"name": "variant",
|
|
2040
|
-
"type": {
|
|
2041
|
-
"text": "ButtonVariant"
|
|
2042
|
-
},
|
|
2043
|
-
"default": "\"primary\"",
|
|
2044
|
-
"description": "Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6",
|
|
2045
|
-
"fieldName": "variant",
|
|
2046
|
-
"inheritedFrom": {
|
|
2047
|
-
"name": "ButtonElement",
|
|
2048
|
-
"module": "src/base/button-element.ts"
|
|
2049
|
-
}
|
|
2050
|
-
},
|
|
2051
|
-
{
|
|
2052
|
-
"name": "tone",
|
|
2053
|
-
"type": {
|
|
2054
|
-
"text": "ButtonTone"
|
|
2055
|
-
},
|
|
2056
|
-
"default": "\"brand\"",
|
|
2057
|
-
"description": "Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral`",
|
|
2058
|
-
"fieldName": "tone",
|
|
2059
|
-
"inheritedFrom": {
|
|
2060
|
-
"name": "ButtonElement",
|
|
2061
|
-
"module": "src/base/button-element.ts"
|
|
2062
|
-
}
|
|
2063
|
-
},
|
|
2064
|
-
{
|
|
2065
|
-
"name": "size",
|
|
2066
|
-
"type": {
|
|
2067
|
-
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
|
|
2068
|
-
},
|
|
2069
|
-
"default": "\"md\"",
|
|
2070
|
-
"description": "Specifies a small, medium or large button, the size is medium by default.",
|
|
2071
|
-
"fieldName": "size",
|
|
2072
|
-
"inheritedFrom": {
|
|
2073
|
-
"name": "ButtonElement",
|
|
2074
|
-
"module": "src/base/button-element.ts"
|
|
2075
|
-
}
|
|
2267
|
+
"description": "Used only for SSR to indicate the presence of the `upper` slot.",
|
|
2268
|
+
"fieldName": "hasUpperSlot"
|
|
2076
2269
|
},
|
|
2077
2270
|
{
|
|
2078
|
-
"name": "
|
|
2271
|
+
"name": "stretchedLink",
|
|
2079
2272
|
"type": {
|
|
2080
2273
|
"text": "boolean"
|
|
2081
2274
|
},
|
|
2082
2275
|
"default": "false",
|
|
2083
|
-
"description": "
|
|
2084
|
-
"fieldName": "
|
|
2276
|
+
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2277
|
+
"fieldName": "stretchedLink",
|
|
2085
2278
|
"inheritedFrom": {
|
|
2086
|
-
"name": "
|
|
2087
|
-
"module": "src/base/
|
|
2279
|
+
"name": "CardElement",
|
|
2280
|
+
"module": "src/base/card-element.ts"
|
|
2088
2281
|
}
|
|
2089
2282
|
},
|
|
2090
2283
|
{
|
|
@@ -2093,361 +2286,273 @@
|
|
|
2093
2286
|
"text": "boolean"
|
|
2094
2287
|
},
|
|
2095
2288
|
"default": "false",
|
|
2096
|
-
"description": "
|
|
2289
|
+
"description": "Disables the card",
|
|
2097
2290
|
"fieldName": "disabled",
|
|
2098
2291
|
"inheritedFrom": {
|
|
2099
|
-
"name": "
|
|
2100
|
-
"module": "src/base/
|
|
2101
|
-
}
|
|
2102
|
-
},
|
|
2103
|
-
{
|
|
2104
|
-
"name": "href",
|
|
2105
|
-
"type": {
|
|
2106
|
-
"text": "string"
|
|
2107
|
-
},
|
|
2108
|
-
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
2109
|
-
"fieldName": "href",
|
|
2110
|
-
"inheritedFrom": {
|
|
2111
|
-
"name": "ButtonElement",
|
|
2112
|
-
"module": "src/base/button-element.ts"
|
|
2113
|
-
}
|
|
2114
|
-
},
|
|
2115
|
-
{
|
|
2116
|
-
"name": "target",
|
|
2117
|
-
"type": {
|
|
2118
|
-
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
2119
|
-
},
|
|
2120
|
-
"default": "\"_self\"",
|
|
2121
|
-
"description": "Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute",
|
|
2122
|
-
"fieldName": "target",
|
|
2123
|
-
"inheritedFrom": {
|
|
2124
|
-
"name": "ButtonElement",
|
|
2125
|
-
"module": "src/base/button-element.ts"
|
|
2292
|
+
"name": "CardElement",
|
|
2293
|
+
"module": "src/base/card-element.ts"
|
|
2126
2294
|
}
|
|
2127
2295
|
},
|
|
2128
2296
|
{
|
|
2129
|
-
"name": "
|
|
2297
|
+
"name": "hideBorder",
|
|
2130
2298
|
"type": {
|
|
2131
|
-
"text": "
|
|
2299
|
+
"text": "boolean"
|
|
2132
2300
|
},
|
|
2133
|
-
"
|
|
2134
|
-
"
|
|
2301
|
+
"default": "false",
|
|
2302
|
+
"description": "When true, hides the default border of the card.",
|
|
2303
|
+
"fieldName": "hideBorder",
|
|
2135
2304
|
"inheritedFrom": {
|
|
2136
|
-
"name": "
|
|
2137
|
-
"module": "src/base/
|
|
2305
|
+
"name": "CardElement",
|
|
2306
|
+
"module": "src/base/card-element.ts"
|
|
2138
2307
|
}
|
|
2139
2308
|
},
|
|
2140
2309
|
{
|
|
2141
|
-
"name": "
|
|
2310
|
+
"name": "tinted",
|
|
2142
2311
|
"type": {
|
|
2143
|
-
"text": "
|
|
2312
|
+
"text": "boolean"
|
|
2144
2313
|
},
|
|
2145
|
-
"
|
|
2146
|
-
"
|
|
2314
|
+
"default": "false",
|
|
2315
|
+
"description": "When true, applies a tinted background color to the card.",
|
|
2316
|
+
"fieldName": "tinted",
|
|
2147
2317
|
"inheritedFrom": {
|
|
2148
|
-
"name": "
|
|
2149
|
-
"module": "src/base/
|
|
2318
|
+
"name": "CardElement",
|
|
2319
|
+
"module": "src/base/card-element.ts"
|
|
2150
2320
|
}
|
|
2151
2321
|
},
|
|
2152
2322
|
{
|
|
2153
|
-
"name": "
|
|
2323
|
+
"name": "orientation",
|
|
2154
2324
|
"type": {
|
|
2155
|
-
"text": "
|
|
2325
|
+
"text": "CardOrientation"
|
|
2156
2326
|
},
|
|
2157
|
-
"
|
|
2158
|
-
"
|
|
2327
|
+
"default": "\"vertical\"",
|
|
2328
|
+
"description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
|
|
2329
|
+
"fieldName": "orientation",
|
|
2159
2330
|
"inheritedFrom": {
|
|
2160
|
-
"name": "
|
|
2161
|
-
"module": "src/base/
|
|
2331
|
+
"name": "CardElement",
|
|
2332
|
+
"module": "src/base/card-element.ts"
|
|
2162
2333
|
}
|
|
2163
2334
|
}
|
|
2164
2335
|
],
|
|
2165
2336
|
"superclass": {
|
|
2166
|
-
"name": "
|
|
2167
|
-
"module": "/src/base/
|
|
2337
|
+
"name": "CardElement",
|
|
2338
|
+
"module": "/src/base/card-element"
|
|
2168
2339
|
},
|
|
2169
|
-
"summary": "
|
|
2170
|
-
"tagName": "sgds-
|
|
2340
|
+
"summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
|
|
2341
|
+
"tagName": "sgds-card",
|
|
2171
2342
|
"customElement": true,
|
|
2172
|
-
"modulePath": "src/components/
|
|
2343
|
+
"modulePath": "src/components/Card/sgds-card.ts",
|
|
2173
2344
|
"cssProperties": [],
|
|
2174
2345
|
"cssParts": [],
|
|
2175
|
-
"cssStates": []
|
|
2346
|
+
"cssStates": [],
|
|
2347
|
+
"events": []
|
|
2176
2348
|
}
|
|
2177
2349
|
],
|
|
2178
2350
|
"exports": [
|
|
2179
2351
|
{
|
|
2180
2352
|
"kind": "js",
|
|
2181
|
-
"name": "
|
|
2353
|
+
"name": "SgdsCard",
|
|
2182
2354
|
"declaration": {
|
|
2183
|
-
"name": "
|
|
2184
|
-
"module": "src/components/
|
|
2355
|
+
"name": "SgdsCard",
|
|
2356
|
+
"module": "src/components/Card/sgds-card.ts"
|
|
2185
2357
|
}
|
|
2186
2358
|
},
|
|
2187
2359
|
{
|
|
2188
2360
|
"kind": "js",
|
|
2189
2361
|
"name": "default",
|
|
2190
2362
|
"declaration": {
|
|
2191
|
-
"name": "
|
|
2192
|
-
"module": "src/components/
|
|
2363
|
+
"name": "SgdsCard",
|
|
2364
|
+
"module": "src/components/Card/sgds-card.ts"
|
|
2193
2365
|
}
|
|
2194
2366
|
}
|
|
2195
2367
|
]
|
|
2196
2368
|
},
|
|
2197
2369
|
{
|
|
2198
2370
|
"kind": "javascript-module",
|
|
2199
|
-
"path": "src/components/
|
|
2371
|
+
"path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
2200
2372
|
"declarations": [
|
|
2201
2373
|
{
|
|
2202
2374
|
"kind": "class",
|
|
2203
2375
|
"description": "",
|
|
2204
|
-
"name": "
|
|
2376
|
+
"name": "SgdsBreadcrumbItem",
|
|
2205
2377
|
"slots": [
|
|
2206
2378
|
{
|
|
2207
|
-
"description": "The
|
|
2379
|
+
"description": "The link of the item. Pass in anchor tags into this slot",
|
|
2208
2380
|
"name": "default"
|
|
2209
|
-
},
|
|
2210
|
-
{
|
|
2211
|
-
"description": "Accepts an element for an overflow or contextual menu, positioned at the top-right corner of the card. Typically used for action menus or dropdowns.",
|
|
2212
|
-
"name": "menu"
|
|
2213
|
-
},
|
|
2214
|
-
{
|
|
2215
|
-
"description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
|
|
2216
|
-
"name": "upper"
|
|
2217
|
-
},
|
|
2218
|
-
{
|
|
2219
|
-
"description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
|
|
2220
|
-
"name": "image"
|
|
2221
|
-
},
|
|
2222
|
-
{
|
|
2223
|
-
"description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
|
|
2224
|
-
"name": "icon"
|
|
2225
|
-
},
|
|
2226
|
-
{
|
|
2227
|
-
"description": "The subtitle of the card",
|
|
2228
|
-
"name": "subtitle"
|
|
2229
|
-
},
|
|
2230
|
-
{
|
|
2231
|
-
"description": "The title of the card",
|
|
2232
|
-
"name": "title"
|
|
2233
|
-
},
|
|
2234
|
-
{
|
|
2235
|
-
"description": "The paragrapher text of the card",
|
|
2236
|
-
"name": "description"
|
|
2237
|
-
},
|
|
2238
|
-
{
|
|
2239
|
-
"description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
|
|
2240
|
-
"name": "lower"
|
|
2241
|
-
},
|
|
2242
|
-
{
|
|
2243
|
-
"description": "Footer area of the card. Accepts links, actions, or any custom content.",
|
|
2244
|
-
"name": "footer"
|
|
2245
|
-
},
|
|
2246
|
-
{
|
|
2247
|
-
"description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
|
|
2248
|
-
"name": "link"
|
|
2249
2381
|
}
|
|
2250
2382
|
],
|
|
2251
2383
|
"members": [
|
|
2252
2384
|
{
|
|
2253
2385
|
"kind": "field",
|
|
2254
|
-
"name": "
|
|
2255
|
-
"type": {
|
|
2256
|
-
"text": "HTMLElement[]"
|
|
2257
|
-
},
|
|
2258
|
-
"privacy": "private"
|
|
2259
|
-
},
|
|
2260
|
-
{
|
|
2261
|
-
"kind": "field",
|
|
2262
|
-
"name": "linkNode",
|
|
2263
|
-
"type": {
|
|
2264
|
-
"text": "HTMLAnchorElement[] | SgdsLink[]"
|
|
2265
|
-
},
|
|
2266
|
-
"privacy": "private"
|
|
2267
|
-
},
|
|
2268
|
-
{
|
|
2269
|
-
"kind": "field",
|
|
2270
|
-
"name": "imagePosition",
|
|
2271
|
-
"type": {
|
|
2272
|
-
"text": "CardImagePosition"
|
|
2273
|
-
},
|
|
2274
|
-
"default": "\"before\"",
|
|
2275
|
-
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
2276
|
-
"attribute": "imagePosition",
|
|
2277
|
-
"reflects": true
|
|
2278
|
-
},
|
|
2279
|
-
{
|
|
2280
|
-
"kind": "field",
|
|
2281
|
-
"name": "imageAdjustment",
|
|
2282
|
-
"type": {
|
|
2283
|
-
"text": "CardImageAdjustment"
|
|
2284
|
-
},
|
|
2285
|
-
"default": "\"default\"",
|
|
2286
|
-
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
2287
|
-
"attribute": "imageAdjustment",
|
|
2288
|
-
"reflects": true
|
|
2289
|
-
},
|
|
2290
|
-
{
|
|
2291
|
-
"kind": "field",
|
|
2292
|
-
"name": "hasImageSlot",
|
|
2293
|
-
"type": {
|
|
2294
|
-
"text": "boolean"
|
|
2295
|
-
},
|
|
2296
|
-
"default": "false",
|
|
2297
|
-
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2298
|
-
"attribute": "hasImageSlot"
|
|
2299
|
-
},
|
|
2300
|
-
{
|
|
2301
|
-
"kind": "field",
|
|
2302
|
-
"name": "hasIconSlot",
|
|
2386
|
+
"name": "dependencies",
|
|
2303
2387
|
"type": {
|
|
2304
|
-
"text": "
|
|
2388
|
+
"text": "Record<string, typeof SgdsElement>"
|
|
2305
2389
|
},
|
|
2306
|
-
"
|
|
2307
|
-
"
|
|
2308
|
-
"attribute": "hasIconSlot"
|
|
2390
|
+
"static": true,
|
|
2391
|
+
"default": "{\n \"sgds-link\": SgdsLink\n }"
|
|
2309
2392
|
},
|
|
2310
2393
|
{
|
|
2311
2394
|
"kind": "field",
|
|
2312
|
-
"name": "
|
|
2395
|
+
"name": "active",
|
|
2313
2396
|
"type": {
|
|
2314
2397
|
"text": "boolean"
|
|
2315
2398
|
},
|
|
2316
2399
|
"default": "false",
|
|
2317
|
-
"description": "
|
|
2318
|
-
"attribute": "
|
|
2319
|
-
|
|
2320
|
-
{
|
|
2321
|
-
"kind": "field",
|
|
2322
|
-
"name": "linkSlotItems",
|
|
2323
|
-
"type": {
|
|
2324
|
-
"text": "HTMLAnchorElement | null"
|
|
2325
|
-
},
|
|
2326
|
-
"privacy": "private"
|
|
2327
|
-
},
|
|
2328
|
-
{
|
|
2329
|
-
"kind": "field",
|
|
2330
|
-
"name": "footerSlotItems",
|
|
2331
|
-
"type": {
|
|
2332
|
-
"text": "HTMLAnchorElement | null"
|
|
2333
|
-
},
|
|
2334
|
-
"privacy": "private"
|
|
2335
|
-
},
|
|
2336
|
-
{
|
|
2337
|
-
"kind": "field",
|
|
2338
|
-
"name": "hasSlotController",
|
|
2339
|
-
"privacy": "private",
|
|
2340
|
-
"default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
|
|
2341
|
-
"type": {}
|
|
2400
|
+
"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",
|
|
2401
|
+
"attribute": "active",
|
|
2402
|
+
"reflects": true
|
|
2342
2403
|
},
|
|
2343
2404
|
{
|
|
2344
2405
|
"kind": "method",
|
|
2345
|
-
"name": "
|
|
2406
|
+
"name": "emit",
|
|
2346
2407
|
"parameters": [
|
|
2347
2408
|
{
|
|
2348
|
-
"name": "
|
|
2409
|
+
"name": "name",
|
|
2349
2410
|
"type": {
|
|
2350
|
-
"text": "
|
|
2411
|
+
"text": "string"
|
|
2412
|
+
}
|
|
2413
|
+
},
|
|
2414
|
+
{
|
|
2415
|
+
"name": "options",
|
|
2416
|
+
"optional": true,
|
|
2417
|
+
"type": {
|
|
2418
|
+
"text": "CustomEventInit<T>"
|
|
2351
2419
|
}
|
|
2352
2420
|
}
|
|
2353
2421
|
],
|
|
2354
|
-
"
|
|
2355
|
-
|
|
2356
|
-
{
|
|
2357
|
-
"kind": "field",
|
|
2358
|
-
"name": "stretchedLink",
|
|
2359
|
-
"type": {
|
|
2360
|
-
"text": "boolean"
|
|
2361
|
-
},
|
|
2362
|
-
"default": "false",
|
|
2363
|
-
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2364
|
-
"attribute": "stretchedLink",
|
|
2365
|
-
"reflects": true,
|
|
2422
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
2423
|
+
"type": {},
|
|
2366
2424
|
"inheritedFrom": {
|
|
2367
|
-
"name": "
|
|
2368
|
-
"module": "src/base/
|
|
2425
|
+
"name": "SgdsElement",
|
|
2426
|
+
"module": "src/base/sgds-element.ts"
|
|
2369
2427
|
}
|
|
2370
2428
|
},
|
|
2371
2429
|
{
|
|
2372
|
-
"kind": "
|
|
2373
|
-
"name": "
|
|
2374
|
-
"
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2430
|
+
"kind": "method",
|
|
2431
|
+
"name": "define",
|
|
2432
|
+
"static": true,
|
|
2433
|
+
"parameters": [
|
|
2434
|
+
{
|
|
2435
|
+
"name": "name",
|
|
2436
|
+
"type": {
|
|
2437
|
+
"text": "string"
|
|
2438
|
+
}
|
|
2439
|
+
},
|
|
2440
|
+
{
|
|
2441
|
+
"name": "elementConstructor",
|
|
2442
|
+
"default": "this"
|
|
2443
|
+
},
|
|
2444
|
+
{
|
|
2445
|
+
"name": "options",
|
|
2446
|
+
"default": "{}",
|
|
2447
|
+
"type": {
|
|
2448
|
+
"text": "ElementDefinitionOptions"
|
|
2449
|
+
}
|
|
2450
|
+
}
|
|
2451
|
+
],
|
|
2452
|
+
"type": {},
|
|
2381
2453
|
"inheritedFrom": {
|
|
2382
|
-
"name": "
|
|
2383
|
-
"module": "src/base/
|
|
2454
|
+
"name": "SgdsElement",
|
|
2455
|
+
"module": "src/base/sgds-element.ts"
|
|
2384
2456
|
}
|
|
2385
|
-
}
|
|
2457
|
+
}
|
|
2458
|
+
],
|
|
2459
|
+
"attributes": [
|
|
2386
2460
|
{
|
|
2387
|
-
"
|
|
2388
|
-
"name": "hideBorder",
|
|
2461
|
+
"name": "active",
|
|
2389
2462
|
"type": {
|
|
2390
2463
|
"text": "boolean"
|
|
2391
2464
|
},
|
|
2392
2465
|
"default": "false",
|
|
2393
|
-
"description": "
|
|
2394
|
-
"
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2466
|
+
"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",
|
|
2467
|
+
"fieldName": "active"
|
|
2468
|
+
}
|
|
2469
|
+
],
|
|
2470
|
+
"superclass": {
|
|
2471
|
+
"name": "SgdsElement",
|
|
2472
|
+
"module": "/src/base/sgds-element"
|
|
2473
|
+
},
|
|
2474
|
+
"summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
|
|
2475
|
+
"tagName": "sgds-breadcrumb-item",
|
|
2476
|
+
"customElement": true,
|
|
2477
|
+
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
|
|
2478
|
+
"cssProperties": [],
|
|
2479
|
+
"cssParts": [],
|
|
2480
|
+
"cssStates": [],
|
|
2481
|
+
"events": []
|
|
2482
|
+
}
|
|
2483
|
+
],
|
|
2484
|
+
"exports": [
|
|
2485
|
+
{
|
|
2486
|
+
"kind": "js",
|
|
2487
|
+
"name": "SgdsBreadcrumbItem",
|
|
2488
|
+
"declaration": {
|
|
2489
|
+
"name": "SgdsBreadcrumbItem",
|
|
2490
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
2491
|
+
}
|
|
2492
|
+
},
|
|
2493
|
+
{
|
|
2494
|
+
"kind": "js",
|
|
2495
|
+
"name": "default",
|
|
2496
|
+
"declaration": {
|
|
2497
|
+
"name": "SgdsBreadcrumbItem",
|
|
2498
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
|
|
2499
|
+
}
|
|
2500
|
+
}
|
|
2501
|
+
]
|
|
2502
|
+
},
|
|
2503
|
+
{
|
|
2504
|
+
"kind": "javascript-module",
|
|
2505
|
+
"path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
2506
|
+
"declarations": [
|
|
2507
|
+
{
|
|
2508
|
+
"kind": "class",
|
|
2509
|
+
"description": "",
|
|
2510
|
+
"name": "SgdsBreadcrumb",
|
|
2511
|
+
"slots": [
|
|
2512
|
+
{
|
|
2513
|
+
"description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
|
|
2514
|
+
"name": "default"
|
|
2515
|
+
}
|
|
2516
|
+
],
|
|
2517
|
+
"members": [
|
|
2401
2518
|
{
|
|
2402
2519
|
"kind": "field",
|
|
2403
|
-
"name": "
|
|
2520
|
+
"name": "dependencies",
|
|
2404
2521
|
"type": {
|
|
2405
|
-
"text": "
|
|
2522
|
+
"text": "object"
|
|
2406
2523
|
},
|
|
2407
|
-
"
|
|
2408
|
-
"
|
|
2409
|
-
"attribute": "tinted",
|
|
2410
|
-
"reflects": true,
|
|
2411
|
-
"inheritedFrom": {
|
|
2412
|
-
"name": "CardElement",
|
|
2413
|
-
"module": "src/base/card-element.ts"
|
|
2414
|
-
}
|
|
2524
|
+
"static": true,
|
|
2525
|
+
"default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
|
|
2415
2526
|
},
|
|
2416
2527
|
{
|
|
2417
2528
|
"kind": "field",
|
|
2418
|
-
"name": "
|
|
2529
|
+
"name": "ariaLabel",
|
|
2419
2530
|
"type": {
|
|
2420
|
-
"text": "
|
|
2531
|
+
"text": "string"
|
|
2421
2532
|
},
|
|
2422
|
-
"default": "\"
|
|
2423
|
-
"description": "
|
|
2424
|
-
"attribute": "
|
|
2425
|
-
"reflects": true,
|
|
2426
|
-
"inheritedFrom": {
|
|
2427
|
-
"name": "CardElement",
|
|
2428
|
-
"module": "src/base/card-element.ts"
|
|
2429
|
-
}
|
|
2533
|
+
"default": "\"breadcrumb\"",
|
|
2534
|
+
"description": "The aria-label of nav element within breadcrumb component.",
|
|
2535
|
+
"attribute": "ariaLabel"
|
|
2430
2536
|
},
|
|
2431
2537
|
{
|
|
2432
2538
|
"kind": "method",
|
|
2433
|
-
"name": "
|
|
2539
|
+
"name": "_replaceExcessItemsWithDropdown",
|
|
2540
|
+
"privacy": "private",
|
|
2434
2541
|
"parameters": [
|
|
2435
2542
|
{
|
|
2436
|
-
"name": "
|
|
2543
|
+
"name": "items",
|
|
2437
2544
|
"type": {
|
|
2438
|
-
"text": "
|
|
2545
|
+
"text": "SgdsBreadcrumbItem[]"
|
|
2439
2546
|
}
|
|
2440
2547
|
}
|
|
2441
2548
|
],
|
|
2442
|
-
"
|
|
2443
|
-
"
|
|
2444
|
-
"name": "CardElement",
|
|
2445
|
-
"module": "src/base/card-element.ts"
|
|
2446
|
-
}
|
|
2549
|
+
"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>`",
|
|
2550
|
+
"type": {}
|
|
2447
2551
|
},
|
|
2448
2552
|
{
|
|
2449
2553
|
"kind": "method",
|
|
2450
|
-
"name": "
|
|
2554
|
+
"name": "_handleSlotChange",
|
|
2555
|
+
"privacy": "private",
|
|
2451
2556
|
"parameters": [
|
|
2452
2557
|
{
|
|
2453
2558
|
"name": "e",
|
|
@@ -2456,11 +2561,7 @@
|
|
|
2456
2561
|
}
|
|
2457
2562
|
}
|
|
2458
2563
|
],
|
|
2459
|
-
"type": {}
|
|
2460
|
-
"inheritedFrom": {
|
|
2461
|
-
"name": "CardElement",
|
|
2462
|
-
"module": "src/base/card-element.ts"
|
|
2463
|
-
}
|
|
2564
|
+
"type": {}
|
|
2464
2565
|
},
|
|
2465
2566
|
{
|
|
2466
2567
|
"kind": "method",
|
|
@@ -2519,124 +2620,23 @@
|
|
|
2519
2620
|
],
|
|
2520
2621
|
"attributes": [
|
|
2521
2622
|
{
|
|
2522
|
-
"name": "
|
|
2523
|
-
"type": {
|
|
2524
|
-
"text": "CardImagePosition"
|
|
2525
|
-
},
|
|
2526
|
-
"default": "\"before\"",
|
|
2527
|
-
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
2528
|
-
"fieldName": "imagePosition"
|
|
2529
|
-
},
|
|
2530
|
-
{
|
|
2531
|
-
"name": "imageAdjustment",
|
|
2532
|
-
"type": {
|
|
2533
|
-
"text": "CardImageAdjustment"
|
|
2534
|
-
},
|
|
2535
|
-
"default": "\"default\"",
|
|
2536
|
-
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
2537
|
-
"fieldName": "imageAdjustment"
|
|
2538
|
-
},
|
|
2539
|
-
{
|
|
2540
|
-
"name": "hasImageSlot",
|
|
2541
|
-
"type": {
|
|
2542
|
-
"text": "boolean"
|
|
2543
|
-
},
|
|
2544
|
-
"default": "false",
|
|
2545
|
-
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2546
|
-
"fieldName": "hasImageSlot"
|
|
2547
|
-
},
|
|
2548
|
-
{
|
|
2549
|
-
"name": "hasIconSlot",
|
|
2550
|
-
"type": {
|
|
2551
|
-
"text": "boolean"
|
|
2552
|
-
},
|
|
2553
|
-
"default": "false",
|
|
2554
|
-
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
2555
|
-
"fieldName": "hasIconSlot"
|
|
2556
|
-
},
|
|
2557
|
-
{
|
|
2558
|
-
"name": "hasUpperSlot",
|
|
2559
|
-
"type": {
|
|
2560
|
-
"text": "boolean"
|
|
2561
|
-
},
|
|
2562
|
-
"default": "false",
|
|
2563
|
-
"description": "Used only for SSR to indicate the presence of the `upper` slot.",
|
|
2564
|
-
"fieldName": "hasUpperSlot"
|
|
2565
|
-
},
|
|
2566
|
-
{
|
|
2567
|
-
"name": "stretchedLink",
|
|
2568
|
-
"type": {
|
|
2569
|
-
"text": "boolean"
|
|
2570
|
-
},
|
|
2571
|
-
"default": "false",
|
|
2572
|
-
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2573
|
-
"fieldName": "stretchedLink",
|
|
2574
|
-
"inheritedFrom": {
|
|
2575
|
-
"name": "CardElement",
|
|
2576
|
-
"module": "src/base/card-element.ts"
|
|
2577
|
-
}
|
|
2578
|
-
},
|
|
2579
|
-
{
|
|
2580
|
-
"name": "disabled",
|
|
2581
|
-
"type": {
|
|
2582
|
-
"text": "boolean"
|
|
2583
|
-
},
|
|
2584
|
-
"default": "false",
|
|
2585
|
-
"description": "Disables the card",
|
|
2586
|
-
"fieldName": "disabled",
|
|
2587
|
-
"inheritedFrom": {
|
|
2588
|
-
"name": "CardElement",
|
|
2589
|
-
"module": "src/base/card-element.ts"
|
|
2590
|
-
}
|
|
2591
|
-
},
|
|
2592
|
-
{
|
|
2593
|
-
"name": "hideBorder",
|
|
2594
|
-
"type": {
|
|
2595
|
-
"text": "boolean"
|
|
2596
|
-
},
|
|
2597
|
-
"default": "false",
|
|
2598
|
-
"description": "When true, hides the default border of the card.",
|
|
2599
|
-
"fieldName": "hideBorder",
|
|
2600
|
-
"inheritedFrom": {
|
|
2601
|
-
"name": "CardElement",
|
|
2602
|
-
"module": "src/base/card-element.ts"
|
|
2603
|
-
}
|
|
2604
|
-
},
|
|
2605
|
-
{
|
|
2606
|
-
"name": "tinted",
|
|
2607
|
-
"type": {
|
|
2608
|
-
"text": "boolean"
|
|
2609
|
-
},
|
|
2610
|
-
"default": "false",
|
|
2611
|
-
"description": "When true, applies a tinted background color to the card.",
|
|
2612
|
-
"fieldName": "tinted",
|
|
2613
|
-
"inheritedFrom": {
|
|
2614
|
-
"name": "CardElement",
|
|
2615
|
-
"module": "src/base/card-element.ts"
|
|
2616
|
-
}
|
|
2617
|
-
},
|
|
2618
|
-
{
|
|
2619
|
-
"name": "orientation",
|
|
2623
|
+
"name": "ariaLabel",
|
|
2620
2624
|
"type": {
|
|
2621
|
-
"text": "
|
|
2625
|
+
"text": "string"
|
|
2622
2626
|
},
|
|
2623
|
-
"default": "\"
|
|
2624
|
-
"description": "
|
|
2625
|
-
"fieldName": "
|
|
2626
|
-
"inheritedFrom": {
|
|
2627
|
-
"name": "CardElement",
|
|
2628
|
-
"module": "src/base/card-element.ts"
|
|
2629
|
-
}
|
|
2627
|
+
"default": "\"breadcrumb\"",
|
|
2628
|
+
"description": "The aria-label of nav element within breadcrumb component.",
|
|
2629
|
+
"fieldName": "ariaLabel"
|
|
2630
2630
|
}
|
|
2631
2631
|
],
|
|
2632
2632
|
"superclass": {
|
|
2633
|
-
"name": "
|
|
2634
|
-
"module": "/src/base/
|
|
2633
|
+
"name": "SgdsElement",
|
|
2634
|
+
"module": "/src/base/sgds-element"
|
|
2635
2635
|
},
|
|
2636
|
-
"summary": "
|
|
2637
|
-
"tagName": "sgds-
|
|
2636
|
+
"summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
|
|
2637
|
+
"tagName": "sgds-breadcrumb",
|
|
2638
2638
|
"customElement": true,
|
|
2639
|
-
"modulePath": "src/components/
|
|
2639
|
+
"modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
|
|
2640
2640
|
"cssProperties": [],
|
|
2641
2641
|
"cssParts": [],
|
|
2642
2642
|
"cssStates": [],
|
|
@@ -2646,18 +2646,18 @@
|
|
|
2646
2646
|
"exports": [
|
|
2647
2647
|
{
|
|
2648
2648
|
"kind": "js",
|
|
2649
|
-
"name": "
|
|
2649
|
+
"name": "SgdsBreadcrumb",
|
|
2650
2650
|
"declaration": {
|
|
2651
|
-
"name": "
|
|
2652
|
-
"module": "src/components/
|
|
2651
|
+
"name": "SgdsBreadcrumb",
|
|
2652
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
2653
2653
|
}
|
|
2654
2654
|
},
|
|
2655
2655
|
{
|
|
2656
2656
|
"kind": "js",
|
|
2657
2657
|
"name": "default",
|
|
2658
2658
|
"declaration": {
|
|
2659
|
-
"name": "
|
|
2660
|
-
"module": "src/components/
|
|
2659
|
+
"name": "SgdsBreadcrumb",
|
|
2660
|
+
"module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
|
|
2661
2661
|
}
|
|
2662
2662
|
}
|
|
2663
2663
|
]
|
|
@@ -26384,7 +26384,7 @@
|
|
|
26384
26384
|
"package": {
|
|
26385
26385
|
"name": "@govtechsg/sgds-web-component",
|
|
26386
26386
|
"description": "",
|
|
26387
|
-
"version": "3.16.1-rc.
|
|
26387
|
+
"version": "3.16.1-rc.1",
|
|
26388
26388
|
"author": "GovTechSG",
|
|
26389
26389
|
"license": "MIT"
|
|
26390
26390
|
}
|