@govtechsg/sgds-web-component 3.24.1-rc.2 → 3.24.1-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/DataTable/index.umd.min.js +290 -286
  2. package/components/DataTable/index.umd.min.js.map +1 -1
  3. package/components/DataTable/sgds-data-table-cell.d.ts +2 -1
  4. package/components/DataTable/sgds-data-table-cell.js +10 -2
  5. package/components/DataTable/sgds-data-table-cell.js.map +1 -1
  6. package/components/DataTable/sgds-data-table-head.d.ts +2 -1
  7. package/components/DataTable/sgds-data-table-head.js +10 -2
  8. package/components/DataTable/sgds-data-table-head.js.map +1 -1
  9. package/components/DataTable/sgds-data-table-row.d.ts +8 -3
  10. package/components/DataTable/sgds-data-table-row.js +40 -17
  11. package/components/DataTable/sgds-data-table-row.js.map +1 -1
  12. package/components/DataTable/sgds-data-table.js +17 -6
  13. package/components/DataTable/sgds-data-table.js.map +1 -1
  14. package/components/index.umd.min.js +57 -48
  15. package/components/index.umd.min.js.map +1 -1
  16. package/css/fouc.css +3 -3
  17. package/custom-elements.json +806 -785
  18. package/index.umd.min.js +18 -9
  19. package/index.umd.min.js.map +1 -1
  20. package/package.json +1 -1
  21. package/react/components/DataTable/sgds-data-table-cell.cjs.js +9 -1
  22. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +1 -1
  23. package/react/components/DataTable/sgds-data-table-cell.js +10 -2
  24. package/react/components/DataTable/sgds-data-table-cell.js.map +1 -1
  25. package/react/components/DataTable/sgds-data-table-head.cjs.js +9 -1
  26. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +1 -1
  27. package/react/components/DataTable/sgds-data-table-head.js +10 -2
  28. package/react/components/DataTable/sgds-data-table-head.js.map +1 -1
  29. package/react/components/DataTable/sgds-data-table-row.cjs.js +39 -16
  30. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -1
  31. package/react/components/DataTable/sgds-data-table-row.js +40 -17
  32. package/react/components/DataTable/sgds-data-table-row.js.map +1 -1
  33. package/react/components/DataTable/sgds-data-table.cjs.js +17 -6
  34. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -1
  35. package/react/components/DataTable/sgds-data-table.js +17 -6
  36. package/react/components/DataTable/sgds-data-table.js.map +1 -1
  37. package/react/index.cjs.js +26 -26
  38. package/react/index.d.ts +3 -3
  39. package/react/index.js +3 -3
  40. package/types/react.d.ts +29 -29
@@ -1212,6 +1212,308 @@
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
+ },
1215
1517
  {
1216
1518
  "kind": "javascript-module",
1217
1519
  "path": "src/components/Button/sgds-button.ts",
@@ -1997,676 +2299,260 @@
1997
2299
  "description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
1998
2300
  "name": "icon"
1999
2301
  },
2000
- {
2001
- "description": "The subtitle of the card",
2002
- "name": "subtitle"
2003
- },
2004
- {
2005
- "description": "The title of the card",
2006
- "name": "title"
2007
- },
2008
- {
2009
- "description": "The paragrapher text of the card",
2010
- "name": "description"
2011
- },
2012
- {
2013
- "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
2014
- "name": "lower"
2015
- },
2016
- {
2017
- "description": "Footer area of the card. Accepts links, actions, or any custom content.",
2018
- "name": "footer"
2019
- },
2020
- {
2021
- "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
2022
- "name": "link"
2023
- }
2024
- ],
2025
- "members": [
2026
- {
2027
- "kind": "field",
2028
- "name": "footerNode",
2029
- "type": {
2030
- "text": "HTMLElement[]"
2031
- },
2032
- "privacy": "private"
2033
- },
2034
- {
2035
- "kind": "field",
2036
- "name": "linkNode",
2037
- "type": {
2038
- "text": "HTMLAnchorElement[] | SgdsLink[]"
2039
- },
2040
- "privacy": "private"
2041
- },
2042
- {
2043
- "kind": "field",
2044
- "name": "imagePosition",
2045
- "type": {
2046
- "text": "CardImagePosition"
2047
- },
2048
- "default": "\"before\"",
2049
- "description": "Sets the image position of the card. Available options: `before`, `after`",
2050
- "attribute": "imagePosition",
2051
- "reflects": true
2052
- },
2053
- {
2054
- "kind": "field",
2055
- "name": "imageAdjustment",
2056
- "type": {
2057
- "text": "CardImageAdjustment"
2058
- },
2059
- "default": "\"default\"",
2060
- "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2061
- "attribute": "imageAdjustment",
2062
- "reflects": true
2063
- },
2064
- {
2065
- "kind": "field",
2066
- "name": "hasImageSlot",
2067
- "type": {
2068
- "text": "boolean"
2069
- },
2070
- "default": "false",
2071
- "description": "Used only for SSR to indicate the presence of the `image` slot.",
2072
- "attribute": "hasImageSlot"
2073
- },
2074
- {
2075
- "kind": "field",
2076
- "name": "hasIconSlot",
2077
- "type": {
2078
- "text": "boolean"
2079
- },
2080
- "default": "false",
2081
- "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2082
- "attribute": "hasIconSlot"
2083
- },
2084
- {
2085
- "kind": "field",
2086
- "name": "hasUpperSlot",
2087
- "type": {
2088
- "text": "boolean"
2089
- },
2090
- "default": "false",
2091
- "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2092
- "attribute": "hasUpperSlot"
2093
- },
2094
- {
2095
- "kind": "field",
2096
- "name": "noPadding",
2097
- "type": {
2098
- "text": "boolean"
2099
- },
2100
- "default": "false",
2101
- "description": "Removes the card's internal padding when set to true.",
2102
- "attribute": "noPadding",
2103
- "reflects": true
2104
- },
2105
- {
2106
- "kind": "field",
2107
- "name": "linkSlotItems",
2108
- "type": {
2109
- "text": "HTMLAnchorElement | null"
2110
- },
2111
- "privacy": "private"
2112
- },
2113
- {
2114
- "kind": "field",
2115
- "name": "footerSlotItems",
2116
- "type": {
2117
- "text": "HTMLAnchorElement | null"
2118
- },
2119
- "privacy": "private"
2120
- },
2121
- {
2122
- "kind": "field",
2123
- "name": "hasSlotController",
2124
- "privacy": "private",
2125
- "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
2126
- "type": {}
2127
- },
2128
- {
2129
- "kind": "method",
2130
- "name": "handleImgSlotChange",
2131
- "parameters": [
2132
- {
2133
- "name": "e",
2134
- "type": {
2135
- "text": "Event"
2136
- }
2137
- }
2138
- ],
2139
- "type": {}
2140
- },
2141
- {
2142
- "kind": "field",
2143
- "name": "stretchedLink",
2144
- "type": {
2145
- "text": "boolean"
2146
- },
2147
- "default": "false",
2148
- "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2149
- "attribute": "stretchedLink",
2150
- "reflects": true,
2151
- "inheritedFrom": {
2152
- "name": "CardElement",
2153
- "module": "src/base/card-element.ts"
2154
- }
2155
- },
2156
- {
2157
- "kind": "field",
2158
- "name": "disabled",
2159
- "type": {
2160
- "text": "boolean"
2161
- },
2162
- "default": "false",
2163
- "description": "Disables the card",
2164
- "attribute": "disabled",
2165
- "reflects": true,
2166
- "inheritedFrom": {
2167
- "name": "CardElement",
2168
- "module": "src/base/card-element.ts"
2169
- }
2170
- },
2171
- {
2172
- "kind": "field",
2173
- "name": "hideBorder",
2174
- "type": {
2175
- "text": "boolean"
2176
- },
2177
- "default": "false",
2178
- "description": "When true, hides the default border of the card.",
2179
- "attribute": "hideBorder",
2180
- "reflects": true,
2181
- "inheritedFrom": {
2182
- "name": "CardElement",
2183
- "module": "src/base/card-element.ts"
2184
- }
2185
- },
2186
- {
2187
- "kind": "field",
2188
- "name": "tinted",
2189
- "type": {
2190
- "text": "boolean"
2191
- },
2192
- "default": "false",
2193
- "description": "When true, applies a tinted background color to the card.",
2194
- "attribute": "tinted",
2195
- "reflects": true,
2196
- "inheritedFrom": {
2197
- "name": "CardElement",
2198
- "module": "src/base/card-element.ts"
2199
- }
2200
- },
2201
- {
2202
- "kind": "field",
2203
- "name": "orientation",
2204
- "type": {
2205
- "text": "CardOrientation"
2206
- },
2207
- "default": "\"vertical\"",
2208
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2209
- "attribute": "orientation",
2210
- "reflects": true,
2211
- "inheritedFrom": {
2212
- "name": "CardElement",
2213
- "module": "src/base/card-element.ts"
2214
- }
2215
- },
2216
- {
2217
- "kind": "method",
2218
- "name": "handleTitleSlotChange",
2219
- "parameters": [
2220
- {
2221
- "name": "e",
2222
- "type": {
2223
- "text": "Event"
2224
- }
2225
- }
2226
- ],
2227
- "type": {},
2228
- "inheritedFrom": {
2229
- "name": "CardElement",
2230
- "module": "src/base/card-element.ts"
2231
- }
2232
- },
2233
- {
2234
- "kind": "method",
2235
- "name": "_forwardAnchorAttributes",
2236
- "privacy": "protected",
2237
- "parameters": [
2238
- {
2239
- "name": "anchor",
2240
- "type": {
2241
- "text": "HTMLAnchorElement | null"
2242
- }
2243
- }
2244
- ],
2245
- "type": {},
2246
- "inheritedFrom": {
2247
- "name": "CardElement",
2248
- "module": "src/base/card-element.ts"
2249
- }
2302
+ {
2303
+ "description": "The subtitle of the card",
2304
+ "name": "subtitle"
2250
2305
  },
2251
2306
  {
2252
- "kind": "method",
2253
- "name": "warnLinkSlotMisused",
2254
- "parameters": [
2255
- {
2256
- "name": "e",
2257
- "type": {
2258
- "text": "Event"
2259
- }
2260
- }
2261
- ],
2262
- "type": {},
2263
- "inheritedFrom": {
2264
- "name": "CardElement",
2265
- "module": "src/base/card-element.ts"
2266
- }
2307
+ "description": "The title of the card",
2308
+ "name": "title"
2267
2309
  },
2268
2310
  {
2269
- "kind": "method",
2270
- "name": "emit",
2271
- "parameters": [
2272
- {
2273
- "name": "name",
2274
- "type": {
2275
- "text": "string"
2276
- }
2277
- },
2278
- {
2279
- "name": "options",
2280
- "optional": true,
2281
- "type": {
2282
- "text": "CustomEventInit<T>"
2283
- }
2284
- }
2285
- ],
2286
- "description": "Emits a custom event with more convenient defaults.",
2287
- "type": {},
2288
- "inheritedFrom": {
2289
- "name": "SgdsElement",
2290
- "module": "src/base/sgds-element.ts"
2291
- }
2311
+ "description": "The paragrapher text of the card",
2312
+ "name": "description"
2292
2313
  },
2293
2314
  {
2294
- "kind": "method",
2295
- "name": "define",
2296
- "static": true,
2297
- "parameters": [
2298
- {
2299
- "name": "name",
2300
- "type": {
2301
- "text": "string"
2302
- }
2303
- },
2304
- {
2305
- "name": "elementConstructor",
2306
- "default": "this"
2307
- },
2308
- {
2309
- "name": "options",
2310
- "default": "{}",
2311
- "type": {
2312
- "text": "ElementDefinitionOptions"
2313
- }
2314
- }
2315
- ],
2316
- "type": {},
2317
- "inheritedFrom": {
2318
- "name": "SgdsElement",
2319
- "module": "src/base/sgds-element.ts"
2320
- }
2315
+ "description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
2316
+ "name": "lower"
2317
+ },
2318
+ {
2319
+ "description": "Footer area of the card. Accepts links, actions, or any custom content.",
2320
+ "name": "footer"
2321
+ },
2322
+ {
2323
+ "description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
2324
+ "name": "link"
2321
2325
  }
2322
2326
  ],
2323
- "attributes": [
2327
+ "members": [
2328
+ {
2329
+ "kind": "field",
2330
+ "name": "footerNode",
2331
+ "type": {
2332
+ "text": "HTMLElement[]"
2333
+ },
2334
+ "privacy": "private"
2335
+ },
2336
+ {
2337
+ "kind": "field",
2338
+ "name": "linkNode",
2339
+ "type": {
2340
+ "text": "HTMLAnchorElement[] | SgdsLink[]"
2341
+ },
2342
+ "privacy": "private"
2343
+ },
2324
2344
  {
2345
+ "kind": "field",
2325
2346
  "name": "imagePosition",
2326
2347
  "type": {
2327
2348
  "text": "CardImagePosition"
2328
2349
  },
2329
2350
  "default": "\"before\"",
2330
2351
  "description": "Sets the image position of the card. Available options: `before`, `after`",
2331
- "fieldName": "imagePosition"
2352
+ "attribute": "imagePosition",
2353
+ "reflects": true
2332
2354
  },
2333
2355
  {
2356
+ "kind": "field",
2334
2357
  "name": "imageAdjustment",
2335
2358
  "type": {
2336
2359
  "text": "CardImageAdjustment"
2337
2360
  },
2338
2361
  "default": "\"default\"",
2339
2362
  "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2340
- "fieldName": "imageAdjustment"
2363
+ "attribute": "imageAdjustment",
2364
+ "reflects": true
2341
2365
  },
2342
2366
  {
2367
+ "kind": "field",
2343
2368
  "name": "hasImageSlot",
2344
2369
  "type": {
2345
2370
  "text": "boolean"
2346
2371
  },
2347
2372
  "default": "false",
2348
2373
  "description": "Used only for SSR to indicate the presence of the `image` slot.",
2349
- "fieldName": "hasImageSlot"
2374
+ "attribute": "hasImageSlot"
2350
2375
  },
2351
2376
  {
2377
+ "kind": "field",
2352
2378
  "name": "hasIconSlot",
2353
2379
  "type": {
2354
2380
  "text": "boolean"
2355
2381
  },
2356
2382
  "default": "false",
2357
2383
  "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2358
- "fieldName": "hasIconSlot"
2384
+ "attribute": "hasIconSlot"
2359
2385
  },
2360
2386
  {
2387
+ "kind": "field",
2361
2388
  "name": "hasUpperSlot",
2362
2389
  "type": {
2363
2390
  "text": "boolean"
2364
2391
  },
2365
2392
  "default": "false",
2366
2393
  "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2367
- "fieldName": "hasUpperSlot"
2394
+ "attribute": "hasUpperSlot"
2368
2395
  },
2369
2396
  {
2397
+ "kind": "field",
2370
2398
  "name": "noPadding",
2371
2399
  "type": {
2372
2400
  "text": "boolean"
2373
2401
  },
2374
2402
  "default": "false",
2375
2403
  "description": "Removes the card's internal padding when set to true.",
2376
- "fieldName": "noPadding"
2404
+ "attribute": "noPadding",
2405
+ "reflects": true
2406
+ },
2407
+ {
2408
+ "kind": "field",
2409
+ "name": "linkSlotItems",
2410
+ "type": {
2411
+ "text": "HTMLAnchorElement | null"
2412
+ },
2413
+ "privacy": "private"
2414
+ },
2415
+ {
2416
+ "kind": "field",
2417
+ "name": "footerSlotItems",
2418
+ "type": {
2419
+ "text": "HTMLAnchorElement | null"
2420
+ },
2421
+ "privacy": "private"
2422
+ },
2423
+ {
2424
+ "kind": "field",
2425
+ "name": "hasSlotController",
2426
+ "privacy": "private",
2427
+ "default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
2428
+ "type": {}
2377
2429
  },
2378
2430
  {
2431
+ "kind": "method",
2432
+ "name": "handleImgSlotChange",
2433
+ "parameters": [
2434
+ {
2435
+ "name": "e",
2436
+ "type": {
2437
+ "text": "Event"
2438
+ }
2439
+ }
2440
+ ],
2441
+ "type": {}
2442
+ },
2443
+ {
2444
+ "kind": "field",
2379
2445
  "name": "stretchedLink",
2380
2446
  "type": {
2381
2447
  "text": "boolean"
2382
2448
  },
2383
2449
  "default": "false",
2384
2450
  "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2385
- "fieldName": "stretchedLink",
2451
+ "attribute": "stretchedLink",
2452
+ "reflects": true,
2386
2453
  "inheritedFrom": {
2387
2454
  "name": "CardElement",
2388
2455
  "module": "src/base/card-element.ts"
2389
2456
  }
2390
2457
  },
2391
2458
  {
2459
+ "kind": "field",
2392
2460
  "name": "disabled",
2393
2461
  "type": {
2394
2462
  "text": "boolean"
2395
2463
  },
2396
2464
  "default": "false",
2397
2465
  "description": "Disables the card",
2398
- "fieldName": "disabled",
2466
+ "attribute": "disabled",
2467
+ "reflects": true,
2399
2468
  "inheritedFrom": {
2400
2469
  "name": "CardElement",
2401
2470
  "module": "src/base/card-element.ts"
2402
2471
  }
2403
2472
  },
2404
2473
  {
2474
+ "kind": "field",
2405
2475
  "name": "hideBorder",
2406
2476
  "type": {
2407
2477
  "text": "boolean"
2408
2478
  },
2409
2479
  "default": "false",
2410
2480
  "description": "When true, hides the default border of the card.",
2411
- "fieldName": "hideBorder",
2481
+ "attribute": "hideBorder",
2482
+ "reflects": true,
2412
2483
  "inheritedFrom": {
2413
2484
  "name": "CardElement",
2414
2485
  "module": "src/base/card-element.ts"
2415
2486
  }
2416
2487
  },
2417
2488
  {
2489
+ "kind": "field",
2418
2490
  "name": "tinted",
2419
2491
  "type": {
2420
2492
  "text": "boolean"
2421
2493
  },
2422
2494
  "default": "false",
2423
2495
  "description": "When true, applies a tinted background color to the card.",
2424
- "fieldName": "tinted",
2425
- "inheritedFrom": {
2426
- "name": "CardElement",
2427
- "module": "src/base/card-element.ts"
2428
- }
2429
- },
2430
- {
2431
- "name": "orientation",
2432
- "type": {
2433
- "text": "CardOrientation"
2434
- },
2435
- "default": "\"vertical\"",
2436
- "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2437
- "fieldName": "orientation",
2496
+ "attribute": "tinted",
2497
+ "reflects": true,
2438
2498
  "inheritedFrom": {
2439
2499
  "name": "CardElement",
2440
2500
  "module": "src/base/card-element.ts"
2441
- }
2442
- }
2443
- ],
2444
- "superclass": {
2445
- "name": "CardElement",
2446
- "module": "/src/base/card-element"
2447
- },
2448
- "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
2449
- "tagName": "sgds-card",
2450
- "customElement": true,
2451
- "modulePath": "src/components/Card/sgds-card.ts",
2452
- "cssProperties": [],
2453
- "cssParts": [],
2454
- "cssStates": [],
2455
- "events": []
2456
- }
2457
- ],
2458
- "exports": [
2459
- {
2460
- "kind": "js",
2461
- "name": "SgdsCard",
2462
- "declaration": {
2463
- "name": "SgdsCard",
2464
- "module": "src/components/Card/sgds-card.ts"
2465
- }
2466
- },
2467
- {
2468
- "kind": "js",
2469
- "name": "default",
2470
- "declaration": {
2471
- "name": "SgdsCard",
2472
- "module": "src/components/Card/sgds-card.ts"
2473
- }
2474
- }
2475
- ]
2476
- },
2477
- {
2478
- "kind": "javascript-module",
2479
- "path": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
2480
- "declarations": [
2481
- {
2482
- "kind": "class",
2483
- "description": "",
2484
- "name": "SgdsBreadcrumbItem",
2485
- "slots": [
2486
- {
2487
- "description": "The link of the item. Pass in anchor tags into this slot",
2488
- "name": "default"
2489
- }
2490
- ],
2491
- "members": [
2492
- {
2493
- "kind": "field",
2494
- "name": "dependencies",
2495
- "type": {
2496
- "text": "Record<string, typeof SgdsElement>"
2497
- },
2498
- "static": true,
2499
- "default": "{\n \"sgds-link\": SgdsLink,\n \"sgds-icon\": SgdsIcon\n }"
2500
- },
2501
- {
2502
- "kind": "field",
2503
- "name": "active",
2504
- "type": {
2505
- "text": "boolean"
2506
- },
2507
- "default": "false",
2508
- "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",
2509
- "attribute": "active",
2510
- "reflects": true
2501
+ }
2511
2502
  },
2512
2503
  {
2513
2504
  "kind": "field",
2514
- "name": "_preventNavigation",
2515
- "privacy": "private",
2516
- "type": {}
2505
+ "name": "orientation",
2506
+ "type": {
2507
+ "text": "CardOrientation"
2508
+ },
2509
+ "default": "\"vertical\"",
2510
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2511
+ "attribute": "orientation",
2512
+ "reflects": true,
2513
+ "inheritedFrom": {
2514
+ "name": "CardElement",
2515
+ "module": "src/base/card-element.ts"
2516
+ }
2517
2517
  },
2518
2518
  {
2519
2519
  "kind": "method",
2520
- "name": "emit",
2520
+ "name": "handleTitleSlotChange",
2521
2521
  "parameters": [
2522
2522
  {
2523
- "name": "name",
2524
- "type": {
2525
- "text": "string"
2526
- }
2527
- },
2528
- {
2529
- "name": "options",
2530
- "optional": true,
2523
+ "name": "e",
2531
2524
  "type": {
2532
- "text": "CustomEventInit<T>"
2525
+ "text": "Event"
2533
2526
  }
2534
2527
  }
2535
2528
  ],
2536
- "description": "Emits a custom event with more convenient defaults.",
2537
2529
  "type": {},
2538
2530
  "inheritedFrom": {
2539
- "name": "SgdsElement",
2540
- "module": "src/base/sgds-element.ts"
2531
+ "name": "CardElement",
2532
+ "module": "src/base/card-element.ts"
2541
2533
  }
2542
2534
  },
2543
2535
  {
2544
2536
  "kind": "method",
2545
- "name": "define",
2546
- "static": true,
2537
+ "name": "_forwardAnchorAttributes",
2538
+ "privacy": "protected",
2547
2539
  "parameters": [
2548
2540
  {
2549
- "name": "name",
2550
- "type": {
2551
- "text": "string"
2552
- }
2553
- },
2554
- {
2555
- "name": "elementConstructor",
2556
- "default": "this"
2557
- },
2558
- {
2559
- "name": "options",
2560
- "default": "{}",
2541
+ "name": "anchor",
2561
2542
  "type": {
2562
- "text": "ElementDefinitionOptions"
2543
+ "text": "HTMLAnchorElement | null"
2563
2544
  }
2564
2545
  }
2565
2546
  ],
2566
2547
  "type": {},
2567
2548
  "inheritedFrom": {
2568
- "name": "SgdsElement",
2569
- "module": "src/base/sgds-element.ts"
2549
+ "name": "CardElement",
2550
+ "module": "src/base/card-element.ts"
2570
2551
  }
2571
- }
2572
- ],
2573
- "attributes": [
2574
- {
2575
- "name": "active",
2576
- "type": {
2577
- "text": "boolean"
2578
- },
2579
- "default": "false",
2580
- "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",
2581
- "fieldName": "active"
2582
- }
2583
- ],
2584
- "superclass": {
2585
- "name": "SgdsElement",
2586
- "module": "/src/base/sgds-element"
2587
- },
2588
- "summary": "Breadcrumb Item are navigational links used in Breadcrumb component",
2589
- "tagName": "sgds-breadcrumb-item",
2590
- "customElement": true,
2591
- "modulePath": "src/components/Breadcrumb/sgds-breadcrumb-item.ts",
2592
- "cssProperties": [],
2593
- "cssParts": [],
2594
- "cssStates": [],
2595
- "events": []
2596
- }
2597
- ],
2598
- "exports": [
2599
- {
2600
- "kind": "js",
2601
- "name": "SgdsBreadcrumbItem",
2602
- "declaration": {
2603
- "name": "SgdsBreadcrumbItem",
2604
- "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
2605
- }
2606
- },
2607
- {
2608
- "kind": "js",
2609
- "name": "default",
2610
- "declaration": {
2611
- "name": "SgdsBreadcrumbItem",
2612
- "module": "src/components/Breadcrumb/sgds-breadcrumb-item.ts"
2613
- }
2614
- }
2615
- ]
2616
- },
2617
- {
2618
- "kind": "javascript-module",
2619
- "path": "src/components/Breadcrumb/sgds-breadcrumb.ts",
2620
- "declarations": [
2621
- {
2622
- "kind": "class",
2623
- "description": "",
2624
- "name": "SgdsBreadcrumb",
2625
- "slots": [
2626
- {
2627
- "description": "The slot to pass in custom elements of `SgdsBreadcrumbItems`.",
2628
- "name": "default"
2629
- }
2630
- ],
2631
- "members": [
2632
- {
2633
- "kind": "field",
2634
- "name": "dependencies",
2635
- "type": {
2636
- "text": "object"
2637
- },
2638
- "static": true,
2639
- "default": "{\n \"sgds-overflow-menu\": SgdsOverflowMenu\n }"
2640
- },
2641
- {
2642
- "kind": "field",
2643
- "name": "ariaLabel",
2644
- "type": {
2645
- "text": "string"
2646
- },
2647
- "default": "\"breadcrumb\"",
2648
- "description": "The aria-label of nav element within breadcrumb component.",
2649
- "attribute": "ariaLabel"
2650
- },
2651
- {
2652
- "kind": "method",
2653
- "name": "_replaceExcessItemsWithDropdown",
2654
- "privacy": "private",
2655
- "parameters": [
2656
- {
2657
- "name": "items",
2658
- "type": {
2659
- "text": "SgdsBreadcrumbItem[]"
2660
- }
2661
- }
2662
- ],
2663
- "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>`",
2664
- "type": {}
2665
2552
  },
2666
2553
  {
2667
2554
  "kind": "method",
2668
- "name": "_handleSlotChange",
2669
- "privacy": "private",
2555
+ "name": "warnLinkSlotMisused",
2670
2556
  "parameters": [
2671
2557
  {
2672
2558
  "name": "e",
@@ -2675,7 +2561,11 @@
2675
2561
  }
2676
2562
  }
2677
2563
  ],
2678
- "type": {}
2564
+ "type": {},
2565
+ "inheritedFrom": {
2566
+ "name": "CardElement",
2567
+ "module": "src/base/card-element.ts"
2568
+ }
2679
2569
  },
2680
2570
  {
2681
2571
  "kind": "method",
@@ -2727,30 +2617,140 @@
2727
2617
  ],
2728
2618
  "type": {},
2729
2619
  "inheritedFrom": {
2730
- "name": "SgdsElement",
2731
- "module": "src/base/sgds-element.ts"
2620
+ "name": "SgdsElement",
2621
+ "module": "src/base/sgds-element.ts"
2622
+ }
2623
+ }
2624
+ ],
2625
+ "attributes": [
2626
+ {
2627
+ "name": "imagePosition",
2628
+ "type": {
2629
+ "text": "CardImagePosition"
2630
+ },
2631
+ "default": "\"before\"",
2632
+ "description": "Sets the image position of the card. Available options: `before`, `after`",
2633
+ "fieldName": "imagePosition"
2634
+ },
2635
+ {
2636
+ "name": "imageAdjustment",
2637
+ "type": {
2638
+ "text": "CardImageAdjustment"
2639
+ },
2640
+ "default": "\"default\"",
2641
+ "description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
2642
+ "fieldName": "imageAdjustment"
2643
+ },
2644
+ {
2645
+ "name": "hasImageSlot",
2646
+ "type": {
2647
+ "text": "boolean"
2648
+ },
2649
+ "default": "false",
2650
+ "description": "Used only for SSR to indicate the presence of the `image` slot.",
2651
+ "fieldName": "hasImageSlot"
2652
+ },
2653
+ {
2654
+ "name": "hasIconSlot",
2655
+ "type": {
2656
+ "text": "boolean"
2657
+ },
2658
+ "default": "false",
2659
+ "description": "Used only for SSR to indicate the presence of the `icon` slot.",
2660
+ "fieldName": "hasIconSlot"
2661
+ },
2662
+ {
2663
+ "name": "hasUpperSlot",
2664
+ "type": {
2665
+ "text": "boolean"
2666
+ },
2667
+ "default": "false",
2668
+ "description": "Used only for SSR to indicate the presence of the `upper` slot.",
2669
+ "fieldName": "hasUpperSlot"
2670
+ },
2671
+ {
2672
+ "name": "noPadding",
2673
+ "type": {
2674
+ "text": "boolean"
2675
+ },
2676
+ "default": "false",
2677
+ "description": "Removes the card's internal padding when set to true.",
2678
+ "fieldName": "noPadding"
2679
+ },
2680
+ {
2681
+ "name": "stretchedLink",
2682
+ "type": {
2683
+ "text": "boolean"
2684
+ },
2685
+ "default": "false",
2686
+ "description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
2687
+ "fieldName": "stretchedLink",
2688
+ "inheritedFrom": {
2689
+ "name": "CardElement",
2690
+ "module": "src/base/card-element.ts"
2691
+ }
2692
+ },
2693
+ {
2694
+ "name": "disabled",
2695
+ "type": {
2696
+ "text": "boolean"
2697
+ },
2698
+ "default": "false",
2699
+ "description": "Disables the card",
2700
+ "fieldName": "disabled",
2701
+ "inheritedFrom": {
2702
+ "name": "CardElement",
2703
+ "module": "src/base/card-element.ts"
2704
+ }
2705
+ },
2706
+ {
2707
+ "name": "hideBorder",
2708
+ "type": {
2709
+ "text": "boolean"
2710
+ },
2711
+ "default": "false",
2712
+ "description": "When true, hides the default border of the card.",
2713
+ "fieldName": "hideBorder",
2714
+ "inheritedFrom": {
2715
+ "name": "CardElement",
2716
+ "module": "src/base/card-element.ts"
2717
+ }
2718
+ },
2719
+ {
2720
+ "name": "tinted",
2721
+ "type": {
2722
+ "text": "boolean"
2723
+ },
2724
+ "default": "false",
2725
+ "description": "When true, applies a tinted background color to the card.",
2726
+ "fieldName": "tinted",
2727
+ "inheritedFrom": {
2728
+ "name": "CardElement",
2729
+ "module": "src/base/card-element.ts"
2732
2730
  }
2733
- }
2734
- ],
2735
- "attributes": [
2731
+ },
2736
2732
  {
2737
- "name": "ariaLabel",
2733
+ "name": "orientation",
2738
2734
  "type": {
2739
- "text": "string"
2735
+ "text": "CardOrientation"
2740
2736
  },
2741
- "default": "\"breadcrumb\"",
2742
- "description": "The aria-label of nav element within breadcrumb component.",
2743
- "fieldName": "ariaLabel"
2737
+ "default": "\"vertical\"",
2738
+ "description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
2739
+ "fieldName": "orientation",
2740
+ "inheritedFrom": {
2741
+ "name": "CardElement",
2742
+ "module": "src/base/card-element.ts"
2743
+ }
2744
2744
  }
2745
2745
  ],
2746
2746
  "superclass": {
2747
- "name": "SgdsElement",
2748
- "module": "/src/base/sgds-element"
2747
+ "name": "CardElement",
2748
+ "module": "/src/base/card-element"
2749
2749
  },
2750
- "summary": "Breadcrumbs help users to navigate and understand where they are on the current website or service.",
2751
- "tagName": "sgds-breadcrumb",
2750
+ "summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
2751
+ "tagName": "sgds-card",
2752
2752
  "customElement": true,
2753
- "modulePath": "src/components/Breadcrumb/sgds-breadcrumb.ts",
2753
+ "modulePath": "src/components/Card/sgds-card.ts",
2754
2754
  "cssProperties": [],
2755
2755
  "cssParts": [],
2756
2756
  "cssStates": [],
@@ -2760,18 +2760,18 @@
2760
2760
  "exports": [
2761
2761
  {
2762
2762
  "kind": "js",
2763
- "name": "SgdsBreadcrumb",
2763
+ "name": "SgdsCard",
2764
2764
  "declaration": {
2765
- "name": "SgdsBreadcrumb",
2766
- "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
2765
+ "name": "SgdsCard",
2766
+ "module": "src/components/Card/sgds-card.ts"
2767
2767
  }
2768
2768
  },
2769
2769
  {
2770
2770
  "kind": "js",
2771
2771
  "name": "default",
2772
2772
  "declaration": {
2773
- "name": "SgdsBreadcrumb",
2774
- "module": "src/components/Breadcrumb/sgds-breadcrumb.ts"
2773
+ "name": "SgdsCard",
2774
+ "module": "src/components/Card/sgds-card.ts"
2775
2775
  }
2776
2776
  }
2777
2777
  ]
@@ -6409,20 +6409,27 @@
6409
6409
  },
6410
6410
  {
6411
6411
  "kind": "field",
6412
- "name": "_assignedCells",
6412
+ "name": "_isHeaderRow",
6413
6413
  "type": {
6414
- "text": "Array<SgdsDataTableCell | SgdsDataTableHead>"
6414
+ "text": "boolean"
6415
6415
  },
6416
- "privacy": "private"
6416
+ "privacy": "private",
6417
+ "default": "false"
6417
6418
  },
6418
6419
  {
6419
6420
  "kind": "field",
6420
- "name": "_isHeaderRow",
6421
+ "name": "_cellSlotNames",
6422
+ "privacy": "private",
6423
+ "default": "new WeakMap<SgdsDataTableCell | SgdsDataTableHead, string>()",
6424
+ "type": {}
6425
+ },
6426
+ {
6427
+ "kind": "field",
6428
+ "name": "_lightDomObserver",
6421
6429
  "type": {
6422
- "text": "boolean"
6430
+ "text": "MutationObserver | undefined"
6423
6431
  },
6424
- "privacy": "private",
6425
- "default": "false"
6432
+ "privacy": "private"
6426
6433
  },
6427
6434
  {
6428
6435
  "kind": "field",
@@ -6458,7 +6465,27 @@
6458
6465
  },
6459
6466
  {
6460
6467
  "kind": "method",
6461
- "name": "_onSlotChange",
6468
+ "name": "_getCells",
6469
+ "privacy": "private",
6470
+ "type": {}
6471
+ },
6472
+ {
6473
+ "kind": "method",
6474
+ "name": "_syncCellSlots",
6475
+ "privacy": "private",
6476
+ "parameters": [
6477
+ {
6478
+ "name": "cells",
6479
+ "type": {
6480
+ "text": "Array<SgdsDataTableCell | SgdsDataTableHead>"
6481
+ }
6482
+ }
6483
+ ],
6484
+ "type": {}
6485
+ },
6486
+ {
6487
+ "kind": "method",
6488
+ "name": "_handleLightDomChange",
6462
6489
  "privacy": "private",
6463
6490
  "type": {}
6464
6491
  },
@@ -6554,12 +6581,6 @@
6554
6581
  "privacy": "private",
6555
6582
  "type": {}
6556
6583
  },
6557
- {
6558
- "kind": "method",
6559
- "name": "_renderHiddenSlotCell",
6560
- "privacy": "private",
6561
- "type": {}
6562
- },
6563
6584
  {
6564
6585
  "kind": "method",
6565
6586
  "name": "emit",
@@ -8560,197 +8581,32 @@
8560
8581
  "fieldName": "stacked"
8561
8582
  },
8562
8583
  {
8563
- "name": "hasTitleSlot",
8564
- "type": {
8565
- "text": "boolean"
8566
- },
8567
- "default": "false",
8568
- "description": "Used only for SSR to indicate the presence of the `title` slot.",
8569
- "fieldName": "hasTitleSlot"
8570
- },
8571
- {
8572
- "name": "hasDescriptionSlot",
8573
- "type": {
8574
- "text": "boolean"
8575
- },
8576
- "default": "false",
8577
- "description": "Used only for SSR to indicate the presence of the `description` slot.",
8578
- "fieldName": "hasDescriptionSlot"
8579
- }
8580
- ],
8581
- "superclass": {
8582
- "name": "SgdsElement",
8583
- "module": "/src/base/sgds-element"
8584
- },
8585
- "summary": "Description List Group organizes multiple description lists.",
8586
- "tagName": "sgds-description-list-group",
8587
- "customElement": true,
8588
- "modulePath": "src/components/DescriptionList/sgds-description-list-group.ts",
8589
- "cssProperties": [],
8590
- "cssParts": [],
8591
- "cssStates": [],
8592
- "events": []
8593
- }
8594
- ],
8595
- "exports": [
8596
- {
8597
- "kind": "js",
8598
- "name": "SgdsDescriptionListGroup",
8599
- "declaration": {
8600
- "name": "SgdsDescriptionListGroup",
8601
- "module": "src/components/DescriptionList/sgds-description-list-group.ts"
8602
- }
8603
- },
8604
- {
8605
- "kind": "js",
8606
- "name": "default",
8607
- "declaration": {
8608
- "name": "SgdsDescriptionListGroup",
8609
- "module": "src/components/DescriptionList/sgds-description-list-group.ts"
8610
- }
8611
- }
8612
- ]
8613
- },
8614
- {
8615
- "kind": "javascript-module",
8616
- "path": "src/components/DescriptionList/sgds-description-list.ts",
8617
- "declarations": [
8618
- {
8619
- "kind": "class",
8620
- "description": "",
8621
- "name": "SgdsDescriptionList",
8622
- "slots": [
8623
- {
8624
- "description": "The slot for the label",
8625
- "name": "default"
8626
- },
8627
- {
8628
- "description": "The slot for the data",
8629
- "name": "data"
8630
- }
8631
- ],
8632
- "members": [
8633
- {
8634
- "kind": "field",
8635
- "name": "attrId",
8636
- "type": {
8637
- "text": "number"
8638
- },
8639
- "privacy": "private",
8640
- "default": "++id"
8641
- },
8642
- {
8643
- "kind": "field",
8644
- "name": "componentId",
8645
- "privacy": "private",
8646
- "default": "`sgds-description-list-${this.attrId}`",
8647
- "type": {}
8648
- },
8649
- {
8650
- "kind": "field",
8651
- "name": "stacked",
8652
- "type": {
8653
- "text": "boolean"
8654
- },
8655
- "default": "false",
8656
- "description": "Makes the label and the data stacked",
8657
- "attribute": "stacked",
8658
- "reflects": true
8659
- },
8660
- {
8661
- "kind": "field",
8662
- "name": "bordered",
8663
- "type": {
8664
- "text": "boolean"
8665
- },
8666
- "default": "false",
8667
- "description": "Changes the border bottom styles for bordered description list group",
8668
- "attribute": "bordered",
8669
- "reflects": true
8670
- },
8671
- {
8672
- "kind": "method",
8673
- "name": "emit",
8674
- "parameters": [
8675
- {
8676
- "name": "name",
8677
- "type": {
8678
- "text": "string"
8679
- }
8680
- },
8681
- {
8682
- "name": "options",
8683
- "optional": true,
8684
- "type": {
8685
- "text": "CustomEventInit<T>"
8686
- }
8687
- }
8688
- ],
8689
- "description": "Emits a custom event with more convenient defaults.",
8690
- "type": {},
8691
- "inheritedFrom": {
8692
- "name": "SgdsElement",
8693
- "module": "src/base/sgds-element.ts"
8694
- }
8695
- },
8696
- {
8697
- "kind": "method",
8698
- "name": "define",
8699
- "static": true,
8700
- "parameters": [
8701
- {
8702
- "name": "name",
8703
- "type": {
8704
- "text": "string"
8705
- }
8706
- },
8707
- {
8708
- "name": "elementConstructor",
8709
- "default": "this"
8710
- },
8711
- {
8712
- "name": "options",
8713
- "default": "{}",
8714
- "type": {
8715
- "text": "ElementDefinitionOptions"
8716
- }
8717
- }
8718
- ],
8719
- "type": {},
8720
- "inheritedFrom": {
8721
- "name": "SgdsElement",
8722
- "module": "src/base/sgds-element.ts"
8723
- }
8724
- }
8725
- ],
8726
- "attributes": [
8727
- {
8728
- "name": "stacked",
8584
+ "name": "hasTitleSlot",
8729
8585
  "type": {
8730
8586
  "text": "boolean"
8731
8587
  },
8732
8588
  "default": "false",
8733
- "description": "Makes the label and the data stacked",
8734
- "fieldName": "stacked"
8589
+ "description": "Used only for SSR to indicate the presence of the `title` slot.",
8590
+ "fieldName": "hasTitleSlot"
8735
8591
  },
8736
8592
  {
8737
- "name": "bordered",
8593
+ "name": "hasDescriptionSlot",
8738
8594
  "type": {
8739
8595
  "text": "boolean"
8740
8596
  },
8741
8597
  "default": "false",
8742
- "description": "Changes the border bottom styles for bordered description list group",
8743
- "fieldName": "bordered"
8598
+ "description": "Used only for SSR to indicate the presence of the `description` slot.",
8599
+ "fieldName": "hasDescriptionSlot"
8744
8600
  }
8745
8601
  ],
8746
8602
  "superclass": {
8747
8603
  "name": "SgdsElement",
8748
8604
  "module": "/src/base/sgds-element"
8749
8605
  },
8750
- "summary": "Description Lists are used with description list group as list components. A description list (often referred to as a “definition list”) is a type of list used in web design and documentation to pair terms with their corresponding descriptions or values.",
8751
- "tagName": "sgds-description-list",
8606
+ "summary": "Description List Group organizes multiple description lists.",
8607
+ "tagName": "sgds-description-list-group",
8752
8608
  "customElement": true,
8753
- "modulePath": "src/components/DescriptionList/sgds-description-list.ts",
8609
+ "modulePath": "src/components/DescriptionList/sgds-description-list-group.ts",
8754
8610
  "cssProperties": [],
8755
8611
  "cssParts": [],
8756
8612
  "cssStates": [],
@@ -8760,51 +8616,77 @@
8760
8616
  "exports": [
8761
8617
  {
8762
8618
  "kind": "js",
8763
- "name": "SgdsDescriptionList",
8619
+ "name": "SgdsDescriptionListGroup",
8764
8620
  "declaration": {
8765
- "name": "SgdsDescriptionList",
8766
- "module": "src/components/DescriptionList/sgds-description-list.ts"
8621
+ "name": "SgdsDescriptionListGroup",
8622
+ "module": "src/components/DescriptionList/sgds-description-list-group.ts"
8767
8623
  }
8768
8624
  },
8769
8625
  {
8770
8626
  "kind": "js",
8771
8627
  "name": "default",
8772
8628
  "declaration": {
8773
- "name": "SgdsDescriptionList",
8774
- "module": "src/components/DescriptionList/sgds-description-list.ts"
8629
+ "name": "SgdsDescriptionListGroup",
8630
+ "module": "src/components/DescriptionList/sgds-description-list-group.ts"
8775
8631
  }
8776
8632
  }
8777
8633
  ]
8778
8634
  },
8779
8635
  {
8780
8636
  "kind": "javascript-module",
8781
- "path": "src/components/Divider/sgds-divider.ts",
8637
+ "path": "src/components/DescriptionList/sgds-description-list.ts",
8782
8638
  "declarations": [
8783
8639
  {
8784
8640
  "kind": "class",
8785
8641
  "description": "",
8786
- "name": "SgdsDivider",
8642
+ "name": "SgdsDescriptionList",
8643
+ "slots": [
8644
+ {
8645
+ "description": "The slot for the label",
8646
+ "name": "default"
8647
+ },
8648
+ {
8649
+ "description": "The slot for the data",
8650
+ "name": "data"
8651
+ }
8652
+ ],
8787
8653
  "members": [
8788
8654
  {
8789
8655
  "kind": "field",
8790
- "name": "orientation",
8656
+ "name": "attrId",
8791
8657
  "type": {
8792
- "text": "\"horizontal\" | \"vertical\""
8658
+ "text": "number"
8793
8659
  },
8794
- "default": "\"horizontal\"",
8795
- "description": "Sets the orientation of divider to vertical. Defaults to horizontal",
8796
- "attribute": "orientation",
8660
+ "privacy": "private",
8661
+ "default": "++id"
8662
+ },
8663
+ {
8664
+ "kind": "field",
8665
+ "name": "componentId",
8666
+ "privacy": "private",
8667
+ "default": "`sgds-description-list-${this.attrId}`",
8668
+ "type": {}
8669
+ },
8670
+ {
8671
+ "kind": "field",
8672
+ "name": "stacked",
8673
+ "type": {
8674
+ "text": "boolean"
8675
+ },
8676
+ "default": "false",
8677
+ "description": "Makes the label and the data stacked",
8678
+ "attribute": "stacked",
8797
8679
  "reflects": true
8798
8680
  },
8799
8681
  {
8800
8682
  "kind": "field",
8801
- "name": "thickness",
8683
+ "name": "bordered",
8802
8684
  "type": {
8803
- "text": "\"thin\" | \"thick\" | \"thicker\""
8685
+ "text": "boolean"
8804
8686
  },
8805
- "default": "\"thin\"",
8806
- "description": "Sets the orientation of divider to vertical. Defaults to false",
8807
- "attribute": "thickness",
8687
+ "default": "false",
8688
+ "description": "Changes the border bottom styles for bordered description list group",
8689
+ "attribute": "bordered",
8808
8690
  "reflects": true
8809
8691
  },
8810
8692
  {
@@ -8864,54 +8746,53 @@
8864
8746
  ],
8865
8747
  "attributes": [
8866
8748
  {
8867
- "name": "orientation",
8749
+ "name": "stacked",
8868
8750
  "type": {
8869
- "text": "\"horizontal\" | \"vertical\""
8751
+ "text": "boolean"
8870
8752
  },
8871
- "default": "\"horizontal\"",
8872
- "description": "Sets the orientation of divider to vertical. Defaults to horizontal",
8873
- "fieldName": "orientation"
8753
+ "default": "false",
8754
+ "description": "Makes the label and the data stacked",
8755
+ "fieldName": "stacked"
8874
8756
  },
8875
8757
  {
8876
- "name": "thickness",
8758
+ "name": "bordered",
8877
8759
  "type": {
8878
- "text": "\"thin\" | \"thick\" | \"thicker\""
8760
+ "text": "boolean"
8879
8761
  },
8880
- "default": "\"thin\"",
8881
- "description": "Sets the orientation of divider to vertical. Defaults to false",
8882
- "fieldName": "thickness"
8762
+ "default": "false",
8763
+ "description": "Changes the border bottom styles for bordered description list group",
8764
+ "fieldName": "bordered"
8883
8765
  }
8884
8766
  ],
8885
8767
  "superclass": {
8886
8768
  "name": "SgdsElement",
8887
8769
  "module": "/src/base/sgds-element"
8888
8770
  },
8889
- "summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
8890
- "tagName": "sgds-divider",
8771
+ "summary": "Description Lists are used with description list group as list components. A description list (often referred to as a “definition list”) is a type of list used in web design and documentation to pair terms with their corresponding descriptions or values.",
8772
+ "tagName": "sgds-description-list",
8891
8773
  "customElement": true,
8892
- "modulePath": "src/components/Divider/sgds-divider.ts",
8774
+ "modulePath": "src/components/DescriptionList/sgds-description-list.ts",
8893
8775
  "cssProperties": [],
8894
8776
  "cssParts": [],
8895
8777
  "cssStates": [],
8896
- "events": [],
8897
- "slots": []
8778
+ "events": []
8898
8779
  }
8899
8780
  ],
8900
8781
  "exports": [
8901
8782
  {
8902
8783
  "kind": "js",
8903
- "name": "SgdsDivider",
8784
+ "name": "SgdsDescriptionList",
8904
8785
  "declaration": {
8905
- "name": "SgdsDivider",
8906
- "module": "src/components/Divider/sgds-divider.ts"
8786
+ "name": "SgdsDescriptionList",
8787
+ "module": "src/components/DescriptionList/sgds-description-list.ts"
8907
8788
  }
8908
8789
  },
8909
8790
  {
8910
8791
  "kind": "js",
8911
8792
  "name": "default",
8912
8793
  "declaration": {
8913
- "name": "SgdsDivider",
8914
- "module": "src/components/Divider/sgds-divider.ts"
8794
+ "name": "SgdsDescriptionList",
8795
+ "module": "src/components/DescriptionList/sgds-description-list.ts"
8915
8796
  }
8916
8797
  }
8917
8798
  ]
@@ -12216,6 +12097,146 @@
12216
12097
  }
12217
12098
  ]
12218
12099
  },
12100
+ {
12101
+ "kind": "javascript-module",
12102
+ "path": "src/components/Divider/sgds-divider.ts",
12103
+ "declarations": [
12104
+ {
12105
+ "kind": "class",
12106
+ "description": "",
12107
+ "name": "SgdsDivider",
12108
+ "members": [
12109
+ {
12110
+ "kind": "field",
12111
+ "name": "orientation",
12112
+ "type": {
12113
+ "text": "\"horizontal\" | \"vertical\""
12114
+ },
12115
+ "default": "\"horizontal\"",
12116
+ "description": "Sets the orientation of divider to vertical. Defaults to horizontal",
12117
+ "attribute": "orientation",
12118
+ "reflects": true
12119
+ },
12120
+ {
12121
+ "kind": "field",
12122
+ "name": "thickness",
12123
+ "type": {
12124
+ "text": "\"thin\" | \"thick\" | \"thicker\""
12125
+ },
12126
+ "default": "\"thin\"",
12127
+ "description": "Sets the orientation of divider to vertical. Defaults to false",
12128
+ "attribute": "thickness",
12129
+ "reflects": true
12130
+ },
12131
+ {
12132
+ "kind": "method",
12133
+ "name": "emit",
12134
+ "parameters": [
12135
+ {
12136
+ "name": "name",
12137
+ "type": {
12138
+ "text": "string"
12139
+ }
12140
+ },
12141
+ {
12142
+ "name": "options",
12143
+ "optional": true,
12144
+ "type": {
12145
+ "text": "CustomEventInit<T>"
12146
+ }
12147
+ }
12148
+ ],
12149
+ "description": "Emits a custom event with more convenient defaults.",
12150
+ "type": {},
12151
+ "inheritedFrom": {
12152
+ "name": "SgdsElement",
12153
+ "module": "src/base/sgds-element.ts"
12154
+ }
12155
+ },
12156
+ {
12157
+ "kind": "method",
12158
+ "name": "define",
12159
+ "static": true,
12160
+ "parameters": [
12161
+ {
12162
+ "name": "name",
12163
+ "type": {
12164
+ "text": "string"
12165
+ }
12166
+ },
12167
+ {
12168
+ "name": "elementConstructor",
12169
+ "default": "this"
12170
+ },
12171
+ {
12172
+ "name": "options",
12173
+ "default": "{}",
12174
+ "type": {
12175
+ "text": "ElementDefinitionOptions"
12176
+ }
12177
+ }
12178
+ ],
12179
+ "type": {},
12180
+ "inheritedFrom": {
12181
+ "name": "SgdsElement",
12182
+ "module": "src/base/sgds-element.ts"
12183
+ }
12184
+ }
12185
+ ],
12186
+ "attributes": [
12187
+ {
12188
+ "name": "orientation",
12189
+ "type": {
12190
+ "text": "\"horizontal\" | \"vertical\""
12191
+ },
12192
+ "default": "\"horizontal\"",
12193
+ "description": "Sets the orientation of divider to vertical. Defaults to horizontal",
12194
+ "fieldName": "orientation"
12195
+ },
12196
+ {
12197
+ "name": "thickness",
12198
+ "type": {
12199
+ "text": "\"thin\" | \"thick\" | \"thicker\""
12200
+ },
12201
+ "default": "\"thin\"",
12202
+ "description": "Sets the orientation of divider to vertical. Defaults to false",
12203
+ "fieldName": "thickness"
12204
+ }
12205
+ ],
12206
+ "superclass": {
12207
+ "name": "SgdsElement",
12208
+ "module": "/src/base/sgds-element"
12209
+ },
12210
+ "summary": "A divider is a thin line that groups content in lists and layouts. They bring clarity to a layout by grouping and dividing content in close proximity.",
12211
+ "tagName": "sgds-divider",
12212
+ "customElement": true,
12213
+ "modulePath": "src/components/Divider/sgds-divider.ts",
12214
+ "cssProperties": [],
12215
+ "cssParts": [],
12216
+ "cssStates": [],
12217
+ "events": [],
12218
+ "slots": []
12219
+ }
12220
+ ],
12221
+ "exports": [
12222
+ {
12223
+ "kind": "js",
12224
+ "name": "SgdsDivider",
12225
+ "declaration": {
12226
+ "name": "SgdsDivider",
12227
+ "module": "src/components/Divider/sgds-divider.ts"
12228
+ }
12229
+ },
12230
+ {
12231
+ "kind": "js",
12232
+ "name": "default",
12233
+ "declaration": {
12234
+ "name": "SgdsDivider",
12235
+ "module": "src/components/Divider/sgds-divider.ts"
12236
+ }
12237
+ }
12238
+ ]
12239
+ },
12219
12240
  {
12220
12241
  "kind": "javascript-module",
12221
12242
  "path": "src/components/IconCard/sgds-icon-card.ts",
@@ -29309,7 +29330,7 @@
29309
29330
  "package": {
29310
29331
  "name": "@govtechsg/sgds-web-component",
29311
29332
  "description": "",
29312
- "version": "3.24.1-rc.2",
29333
+ "version": "3.24.1-rc.3",
29313
29334
  "author": "GovTechSG",
29314
29335
  "license": "MIT"
29315
29336
  }