@govtechsg/sgds-web-component 3.22.0 → 3.22.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/base/card.js +1 -1
- package/components/Card/index.umd.min.js +1 -1
- package/components/Card/index.umd.min.js.map +1 -1
- package/components/IconCard/index.umd.min.js +1 -1
- package/components/IconCard/index.umd.min.js.map +1 -1
- package/components/ImageCard/index.umd.min.js +1 -1
- package/components/ImageCard/index.umd.min.js.map +1 -1
- package/components/ThumbnailCard/index.umd.min.js +1 -1
- package/components/ThumbnailCard/index.umd.min.js.map +1 -1
- package/components/index.umd.min.js +1 -1
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +3 -3
- package/custom-elements.json +559 -559
- package/index.umd.min.js +1 -1
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/base/card.cjs.js +1 -1
- package/react/base/card.js +1 -1
- package/react/index.cjs.js +10 -10
- package/react/index.d.ts +3 -3
- package/react/index.js +3 -3
- package/types/react.d.ts +176 -59
package/custom-elements.json
CHANGED
|
@@ -939,241 +939,107 @@
|
|
|
939
939
|
},
|
|
940
940
|
{
|
|
941
941
|
"kind": "javascript-module",
|
|
942
|
-
"path": "src/components/
|
|
942
|
+
"path": "src/components/Badge/sgds-badge.ts",
|
|
943
943
|
"declarations": [
|
|
944
944
|
{
|
|
945
945
|
"kind": "class",
|
|
946
946
|
"description": "",
|
|
947
|
-
"name": "
|
|
947
|
+
"name": "SgdsBadge",
|
|
948
948
|
"slots": [
|
|
949
949
|
{
|
|
950
|
-
"description": "
|
|
950
|
+
"description": "slot for badge",
|
|
951
951
|
"name": "default"
|
|
952
952
|
},
|
|
953
953
|
{
|
|
954
|
-
"description": "
|
|
955
|
-
"name": "menu"
|
|
956
|
-
},
|
|
957
|
-
{
|
|
958
|
-
"description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
|
|
959
|
-
"name": "upper"
|
|
960
|
-
},
|
|
961
|
-
{
|
|
962
|
-
"description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
|
|
963
|
-
"name": "image"
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
|
|
954
|
+
"description": "The slot for icon to the left of the badge text",
|
|
967
955
|
"name": "icon"
|
|
968
|
-
},
|
|
969
|
-
{
|
|
970
|
-
"description": "The subtitle of the card",
|
|
971
|
-
"name": "subtitle"
|
|
972
|
-
},
|
|
973
|
-
{
|
|
974
|
-
"description": "The title of the card",
|
|
975
|
-
"name": "title"
|
|
976
|
-
},
|
|
977
|
-
{
|
|
978
|
-
"description": "The paragrapher text of the card",
|
|
979
|
-
"name": "description"
|
|
980
|
-
},
|
|
981
|
-
{
|
|
982
|
-
"description": "Accepts any additional content to be displayed below the card description, such as badges, metadata, or supplementary information.",
|
|
983
|
-
"name": "lower"
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"description": "Footer area of the card. Accepts links, actions, or any custom content.",
|
|
987
|
-
"name": "footer"
|
|
988
|
-
},
|
|
989
|
-
{
|
|
990
|
-
"description": "(@deprecated) Deprecated since 3.3.2 in favour of `footer` slot. Legacy slot for anchor elements. Use `footer` instead.",
|
|
991
|
-
"name": "link"
|
|
992
956
|
}
|
|
993
957
|
],
|
|
994
958
|
"members": [
|
|
995
959
|
{
|
|
996
960
|
"kind": "field",
|
|
997
|
-
"name": "
|
|
998
|
-
"type": {
|
|
999
|
-
"text": "HTMLElement[]"
|
|
1000
|
-
},
|
|
1001
|
-
"privacy": "private"
|
|
1002
|
-
},
|
|
1003
|
-
{
|
|
1004
|
-
"kind": "field",
|
|
1005
|
-
"name": "linkNode",
|
|
1006
|
-
"type": {
|
|
1007
|
-
"text": "HTMLAnchorElement[] | SgdsLink[]"
|
|
1008
|
-
},
|
|
1009
|
-
"privacy": "private"
|
|
1010
|
-
},
|
|
1011
|
-
{
|
|
1012
|
-
"kind": "field",
|
|
1013
|
-
"name": "imagePosition",
|
|
961
|
+
"name": "show",
|
|
1014
962
|
"type": {
|
|
1015
|
-
"text": "
|
|
963
|
+
"text": "boolean"
|
|
1016
964
|
},
|
|
1017
|
-
"default": "
|
|
1018
|
-
"description": "
|
|
1019
|
-
"attribute": "
|
|
965
|
+
"default": "false",
|
|
966
|
+
"description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
|
|
967
|
+
"attribute": "show",
|
|
1020
968
|
"reflects": true
|
|
1021
969
|
},
|
|
1022
970
|
{
|
|
1023
971
|
"kind": "field",
|
|
1024
|
-
"name": "
|
|
972
|
+
"name": "variant",
|
|
1025
973
|
"type": {
|
|
1026
|
-
"text": "
|
|
974
|
+
"text": "\"primary\" | \"accent\" | \"success\" | \"danger\" | \"warning\" | \"cyan\" | \"purple\" | \"neutral\" | \"white\" | \"info\""
|
|
1027
975
|
},
|
|
1028
|
-
"default": "\"
|
|
1029
|
-
"description": "
|
|
1030
|
-
"attribute": "
|
|
976
|
+
"default": "\"primary\"",
|
|
977
|
+
"description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
|
|
978
|
+
"attribute": "variant",
|
|
1031
979
|
"reflects": true
|
|
1032
980
|
},
|
|
1033
981
|
{
|
|
1034
982
|
"kind": "field",
|
|
1035
|
-
"name": "
|
|
983
|
+
"name": "outlined",
|
|
1036
984
|
"type": {
|
|
1037
985
|
"text": "boolean"
|
|
1038
986
|
},
|
|
1039
987
|
"default": "false",
|
|
1040
|
-
"description": "
|
|
1041
|
-
"attribute": "
|
|
988
|
+
"description": "Manually set the outlined state to false",
|
|
989
|
+
"attribute": "outlined",
|
|
990
|
+
"reflects": true
|
|
1042
991
|
},
|
|
1043
992
|
{
|
|
1044
993
|
"kind": "field",
|
|
1045
|
-
"name": "
|
|
994
|
+
"name": "dismissible",
|
|
1046
995
|
"type": {
|
|
1047
996
|
"text": "boolean"
|
|
1048
997
|
},
|
|
1049
998
|
"default": "false",
|
|
1050
|
-
"description": "
|
|
1051
|
-
"attribute": "
|
|
999
|
+
"description": "Manually set the dismissible state of the button to `false`",
|
|
1000
|
+
"attribute": "dismissible",
|
|
1001
|
+
"reflects": true
|
|
1052
1002
|
},
|
|
1053
1003
|
{
|
|
1054
1004
|
"kind": "field",
|
|
1055
|
-
"name": "
|
|
1005
|
+
"name": "fullWidth",
|
|
1056
1006
|
"type": {
|
|
1057
1007
|
"text": "boolean"
|
|
1058
1008
|
},
|
|
1059
1009
|
"default": "false",
|
|
1060
|
-
"description": "
|
|
1061
|
-
"attribute": "
|
|
1010
|
+
"description": "Manually enable full width",
|
|
1011
|
+
"attribute": "fullWidth",
|
|
1012
|
+
"reflects": true
|
|
1062
1013
|
},
|
|
1063
1014
|
{
|
|
1064
1015
|
"kind": "field",
|
|
1065
|
-
"name": "
|
|
1016
|
+
"name": "truncated",
|
|
1066
1017
|
"type": {
|
|
1067
|
-
"text": "
|
|
1018
|
+
"text": "boolean"
|
|
1068
1019
|
},
|
|
1069
|
-
"privacy": "private"
|
|
1020
|
+
"privacy": "private",
|
|
1021
|
+
"default": "false"
|
|
1070
1022
|
},
|
|
1071
1023
|
{
|
|
1072
1024
|
"kind": "field",
|
|
1073
|
-
"name": "
|
|
1025
|
+
"name": "text",
|
|
1074
1026
|
"type": {
|
|
1075
|
-
"text": "
|
|
1027
|
+
"text": "string"
|
|
1076
1028
|
},
|
|
1077
|
-
"privacy": "private"
|
|
1078
|
-
},
|
|
1079
|
-
{
|
|
1080
|
-
"kind": "field",
|
|
1081
|
-
"name": "hasSlotController",
|
|
1082
1029
|
"privacy": "private",
|
|
1083
|
-
"default": "
|
|
1084
|
-
"type": {}
|
|
1030
|
+
"default": "\"\""
|
|
1085
1031
|
},
|
|
1086
1032
|
{
|
|
1087
1033
|
"kind": "method",
|
|
1088
|
-
"name": "
|
|
1089
|
-
"
|
|
1090
|
-
|
|
1091
|
-
"name": "e",
|
|
1092
|
-
"type": {
|
|
1093
|
-
"text": "Event"
|
|
1094
|
-
}
|
|
1095
|
-
}
|
|
1096
|
-
],
|
|
1034
|
+
"name": "close",
|
|
1035
|
+
"privacy": "public",
|
|
1036
|
+
"description": "Closes the badge",
|
|
1097
1037
|
"type": {}
|
|
1098
1038
|
},
|
|
1099
|
-
{
|
|
1100
|
-
"kind": "field",
|
|
1101
|
-
"name": "stretchedLink",
|
|
1102
|
-
"type": {
|
|
1103
|
-
"text": "boolean"
|
|
1104
|
-
},
|
|
1105
|
-
"default": "false",
|
|
1106
|
-
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
1107
|
-
"attribute": "stretchedLink",
|
|
1108
|
-
"reflects": true,
|
|
1109
|
-
"inheritedFrom": {
|
|
1110
|
-
"name": "CardElement",
|
|
1111
|
-
"module": "src/base/card-element.ts"
|
|
1112
|
-
}
|
|
1113
|
-
},
|
|
1114
|
-
{
|
|
1115
|
-
"kind": "field",
|
|
1116
|
-
"name": "disabled",
|
|
1117
|
-
"type": {
|
|
1118
|
-
"text": "boolean"
|
|
1119
|
-
},
|
|
1120
|
-
"default": "false",
|
|
1121
|
-
"description": "Disables the card",
|
|
1122
|
-
"attribute": "disabled",
|
|
1123
|
-
"reflects": true,
|
|
1124
|
-
"inheritedFrom": {
|
|
1125
|
-
"name": "CardElement",
|
|
1126
|
-
"module": "src/base/card-element.ts"
|
|
1127
|
-
}
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"kind": "field",
|
|
1131
|
-
"name": "hideBorder",
|
|
1132
|
-
"type": {
|
|
1133
|
-
"text": "boolean"
|
|
1134
|
-
},
|
|
1135
|
-
"default": "false",
|
|
1136
|
-
"description": "When true, hides the default border of the card.",
|
|
1137
|
-
"attribute": "hideBorder",
|
|
1138
|
-
"reflects": true,
|
|
1139
|
-
"inheritedFrom": {
|
|
1140
|
-
"name": "CardElement",
|
|
1141
|
-
"module": "src/base/card-element.ts"
|
|
1142
|
-
}
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"kind": "field",
|
|
1146
|
-
"name": "tinted",
|
|
1147
|
-
"type": {
|
|
1148
|
-
"text": "boolean"
|
|
1149
|
-
},
|
|
1150
|
-
"default": "false",
|
|
1151
|
-
"description": "When true, applies a tinted background color to the card.",
|
|
1152
|
-
"attribute": "tinted",
|
|
1153
|
-
"reflects": true,
|
|
1154
|
-
"inheritedFrom": {
|
|
1155
|
-
"name": "CardElement",
|
|
1156
|
-
"module": "src/base/card-element.ts"
|
|
1157
|
-
}
|
|
1158
|
-
},
|
|
1159
|
-
{
|
|
1160
|
-
"kind": "field",
|
|
1161
|
-
"name": "orientation",
|
|
1162
|
-
"type": {
|
|
1163
|
-
"text": "CardOrientation"
|
|
1164
|
-
},
|
|
1165
|
-
"default": "\"vertical\"",
|
|
1166
|
-
"description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
|
|
1167
|
-
"attribute": "orientation",
|
|
1168
|
-
"reflects": true,
|
|
1169
|
-
"inheritedFrom": {
|
|
1170
|
-
"name": "CardElement",
|
|
1171
|
-
"module": "src/base/card-element.ts"
|
|
1172
|
-
}
|
|
1173
|
-
},
|
|
1174
1039
|
{
|
|
1175
1040
|
"kind": "method",
|
|
1176
|
-
"name": "
|
|
1041
|
+
"name": "_handleLabelSlotChange",
|
|
1042
|
+
"privacy": "private",
|
|
1177
1043
|
"parameters": [
|
|
1178
1044
|
{
|
|
1179
1045
|
"name": "e",
|
|
@@ -1182,46 +1048,13 @@
|
|
|
1182
1048
|
}
|
|
1183
1049
|
}
|
|
1184
1050
|
],
|
|
1185
|
-
"type": {}
|
|
1186
|
-
"inheritedFrom": {
|
|
1187
|
-
"name": "CardElement",
|
|
1188
|
-
"module": "src/base/card-element.ts"
|
|
1189
|
-
}
|
|
1190
|
-
},
|
|
1191
|
-
{
|
|
1192
|
-
"kind": "method",
|
|
1193
|
-
"name": "_forwardAnchorAttributes",
|
|
1194
|
-
"privacy": "protected",
|
|
1195
|
-
"parameters": [
|
|
1196
|
-
{
|
|
1197
|
-
"name": "anchor",
|
|
1198
|
-
"type": {
|
|
1199
|
-
"text": "HTMLAnchorElement | null"
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1202
|
-
],
|
|
1203
|
-
"type": {},
|
|
1204
|
-
"inheritedFrom": {
|
|
1205
|
-
"name": "CardElement",
|
|
1206
|
-
"module": "src/base/card-element.ts"
|
|
1207
|
-
}
|
|
1051
|
+
"type": {}
|
|
1208
1052
|
},
|
|
1209
1053
|
{
|
|
1210
1054
|
"kind": "method",
|
|
1211
|
-
"name": "
|
|
1212
|
-
"
|
|
1213
|
-
|
|
1214
|
-
"name": "e",
|
|
1215
|
-
"type": {
|
|
1216
|
-
"text": "Event"
|
|
1217
|
-
}
|
|
1218
|
-
}
|
|
1219
|
-
],
|
|
1220
|
-
"type": {},
|
|
1221
|
-
"inheritedFrom": {
|
|
1222
|
-
"name": "CardElement",
|
|
1223
|
-
"module": "src/base/card-element.ts"
|
|
1224
|
-
}
|
|
1055
|
+
"name": "_renderBadge",
|
|
1056
|
+
"privacy": "private",
|
|
1057
|
+
"type": {}
|
|
1225
1058
|
},
|
|
1226
1059
|
{
|
|
1227
1060
|
"kind": "method",
|
|
@@ -1278,147 +1111,103 @@
|
|
|
1278
1111
|
}
|
|
1279
1112
|
}
|
|
1280
1113
|
],
|
|
1281
|
-
"
|
|
1282
|
-
{
|
|
1283
|
-
"name": "imagePosition",
|
|
1284
|
-
"type": {
|
|
1285
|
-
"text": "CardImagePosition"
|
|
1286
|
-
},
|
|
1287
|
-
"default": "\"before\"",
|
|
1288
|
-
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
1289
|
-
"fieldName": "imagePosition"
|
|
1290
|
-
},
|
|
1114
|
+
"events": [
|
|
1291
1115
|
{
|
|
1292
|
-
"
|
|
1293
|
-
"
|
|
1294
|
-
|
|
1295
|
-
},
|
|
1296
|
-
"default": "\"default\"",
|
|
1297
|
-
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
1298
|
-
"fieldName": "imageAdjustment"
|
|
1116
|
+
"description": "Emitted when the badge appears.",
|
|
1117
|
+
"name": "sgds-show",
|
|
1118
|
+
"reactName": "onSgdsShow"
|
|
1299
1119
|
},
|
|
1300
1120
|
{
|
|
1301
|
-
"
|
|
1302
|
-
"
|
|
1303
|
-
|
|
1304
|
-
},
|
|
1305
|
-
"default": "false",
|
|
1306
|
-
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
1307
|
-
"fieldName": "hasImageSlot"
|
|
1121
|
+
"description": "Emitted when the badge is starting to close but has not closed.",
|
|
1122
|
+
"name": "sgds-hide",
|
|
1123
|
+
"reactName": "onSgdsHide"
|
|
1308
1124
|
},
|
|
1309
1125
|
{
|
|
1310
|
-
"
|
|
1311
|
-
"
|
|
1312
|
-
|
|
1313
|
-
},
|
|
1314
|
-
"default": "false",
|
|
1315
|
-
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
1316
|
-
"fieldName": "hasIconSlot"
|
|
1126
|
+
"description": "Emitted after the badge has appeared",
|
|
1127
|
+
"name": "sgds-after-show",
|
|
1128
|
+
"reactName": "onSgdsAfterShow"
|
|
1317
1129
|
},
|
|
1318
1130
|
{
|
|
1319
|
-
"
|
|
1320
|
-
"
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
"fieldName": "hasUpperSlot"
|
|
1326
|
-
},
|
|
1131
|
+
"description": "Emitted after the badge has closed",
|
|
1132
|
+
"name": "sgds-after-hide",
|
|
1133
|
+
"reactName": "onSgdsAfterHide"
|
|
1134
|
+
}
|
|
1135
|
+
],
|
|
1136
|
+
"attributes": [
|
|
1327
1137
|
{
|
|
1328
|
-
"name": "
|
|
1138
|
+
"name": "show",
|
|
1329
1139
|
"type": {
|
|
1330
1140
|
"text": "boolean"
|
|
1331
1141
|
},
|
|
1332
1142
|
"default": "false",
|
|
1333
|
-
"description": "
|
|
1334
|
-
"fieldName": "
|
|
1335
|
-
"inheritedFrom": {
|
|
1336
|
-
"name": "CardElement",
|
|
1337
|
-
"module": "src/base/card-element.ts"
|
|
1338
|
-
}
|
|
1143
|
+
"description": "Controls the appearance of the dismissible badge. This prop only applies when dismissible is true",
|
|
1144
|
+
"fieldName": "show"
|
|
1339
1145
|
},
|
|
1340
1146
|
{
|
|
1341
|
-
"name": "
|
|
1147
|
+
"name": "variant",
|
|
1342
1148
|
"type": {
|
|
1343
|
-
"text": "
|
|
1149
|
+
"text": "BadgeVariant"
|
|
1344
1150
|
},
|
|
1345
|
-
"default": "
|
|
1346
|
-
"description": "
|
|
1347
|
-
"fieldName": "
|
|
1348
|
-
"inheritedFrom": {
|
|
1349
|
-
"name": "CardElement",
|
|
1350
|
-
"module": "src/base/card-element.ts"
|
|
1351
|
-
}
|
|
1151
|
+
"default": "\"primary\"",
|
|
1152
|
+
"description": "One or more badge variant combinations.\nVariants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n\n(@deprecated) The `info` variant is deprecated. Use `primary` instead.",
|
|
1153
|
+
"fieldName": "variant"
|
|
1352
1154
|
},
|
|
1353
1155
|
{
|
|
1354
|
-
"name": "
|
|
1156
|
+
"name": "outlined",
|
|
1355
1157
|
"type": {
|
|
1356
1158
|
"text": "boolean"
|
|
1357
1159
|
},
|
|
1358
1160
|
"default": "false",
|
|
1359
|
-
"description": "
|
|
1360
|
-
"fieldName": "
|
|
1361
|
-
"inheritedFrom": {
|
|
1362
|
-
"name": "CardElement",
|
|
1363
|
-
"module": "src/base/card-element.ts"
|
|
1364
|
-
}
|
|
1161
|
+
"description": "Manually set the outlined state to false",
|
|
1162
|
+
"fieldName": "outlined"
|
|
1365
1163
|
},
|
|
1366
1164
|
{
|
|
1367
|
-
"name": "
|
|
1165
|
+
"name": "dismissible",
|
|
1368
1166
|
"type": {
|
|
1369
1167
|
"text": "boolean"
|
|
1370
1168
|
},
|
|
1371
1169
|
"default": "false",
|
|
1372
|
-
"description": "
|
|
1373
|
-
"fieldName": "
|
|
1374
|
-
"inheritedFrom": {
|
|
1375
|
-
"name": "CardElement",
|
|
1376
|
-
"module": "src/base/card-element.ts"
|
|
1377
|
-
}
|
|
1170
|
+
"description": "Manually set the dismissible state of the button to `false`",
|
|
1171
|
+
"fieldName": "dismissible"
|
|
1378
1172
|
},
|
|
1379
1173
|
{
|
|
1380
|
-
"name": "
|
|
1174
|
+
"name": "fullWidth",
|
|
1381
1175
|
"type": {
|
|
1382
|
-
"text": "
|
|
1176
|
+
"text": "boolean"
|
|
1383
1177
|
},
|
|
1384
|
-
"default": "
|
|
1385
|
-
"description": "
|
|
1386
|
-
"fieldName": "
|
|
1387
|
-
"inheritedFrom": {
|
|
1388
|
-
"name": "CardElement",
|
|
1389
|
-
"module": "src/base/card-element.ts"
|
|
1390
|
-
}
|
|
1178
|
+
"default": "false",
|
|
1179
|
+
"description": "Manually enable full width",
|
|
1180
|
+
"fieldName": "fullWidth"
|
|
1391
1181
|
}
|
|
1392
1182
|
],
|
|
1393
1183
|
"superclass": {
|
|
1394
|
-
"name": "
|
|
1395
|
-
"module": "/src/base/
|
|
1184
|
+
"name": "SgdsElement",
|
|
1185
|
+
"module": "/src/base/sgds-element"
|
|
1396
1186
|
},
|
|
1397
|
-
"summary": "
|
|
1398
|
-
"tagName": "sgds-
|
|
1187
|
+
"summary": "Badges can be used to highlight important bits of information such as labels, notifications & status.\nWhen the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.",
|
|
1188
|
+
"tagName": "sgds-badge",
|
|
1399
1189
|
"customElement": true,
|
|
1400
|
-
"modulePath": "src/components/
|
|
1190
|
+
"modulePath": "src/components/Badge/sgds-badge.ts",
|
|
1401
1191
|
"cssProperties": [],
|
|
1402
1192
|
"cssParts": [],
|
|
1403
|
-
"cssStates": []
|
|
1404
|
-
"events": []
|
|
1193
|
+
"cssStates": []
|
|
1405
1194
|
}
|
|
1406
1195
|
],
|
|
1407
1196
|
"exports": [
|
|
1408
1197
|
{
|
|
1409
1198
|
"kind": "js",
|
|
1410
|
-
"name": "
|
|
1199
|
+
"name": "SgdsBadge",
|
|
1411
1200
|
"declaration": {
|
|
1412
|
-
"name": "
|
|
1413
|
-
"module": "src/components/
|
|
1201
|
+
"name": "SgdsBadge",
|
|
1202
|
+
"module": "src/components/Badge/sgds-badge.ts"
|
|
1414
1203
|
}
|
|
1415
1204
|
},
|
|
1416
1205
|
{
|
|
1417
1206
|
"kind": "js",
|
|
1418
1207
|
"name": "default",
|
|
1419
1208
|
"declaration": {
|
|
1420
|
-
"name": "
|
|
1421
|
-
"module": "src/components/
|
|
1209
|
+
"name": "SgdsBadge",
|
|
1210
|
+
"module": "src/components/Badge/sgds-badge.ts"
|
|
1422
1211
|
}
|
|
1423
1212
|
}
|
|
1424
1213
|
]
|
|
@@ -2483,107 +2272,276 @@
|
|
|
2483
2272
|
},
|
|
2484
2273
|
{
|
|
2485
2274
|
"kind": "javascript-module",
|
|
2486
|
-
"path": "src/components/
|
|
2275
|
+
"path": "src/components/Card/sgds-card.ts",
|
|
2487
2276
|
"declarations": [
|
|
2488
2277
|
{
|
|
2489
2278
|
"kind": "class",
|
|
2490
2279
|
"description": "",
|
|
2491
|
-
"name": "
|
|
2280
|
+
"name": "SgdsCard",
|
|
2492
2281
|
"slots": [
|
|
2493
2282
|
{
|
|
2494
|
-
"description": "
|
|
2283
|
+
"description": "The content area of the card, placed directly under the title. Accepts any HTML or custom elements.",
|
|
2495
2284
|
"name": "default"
|
|
2496
2285
|
},
|
|
2497
2286
|
{
|
|
2498
|
-
"description": "
|
|
2287
|
+
"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.",
|
|
2288
|
+
"name": "menu"
|
|
2289
|
+
},
|
|
2290
|
+
{
|
|
2291
|
+
"description": "Accepts an element to be displayed above the card content. When used, it overrides image and icon slot content.",
|
|
2292
|
+
"name": "upper"
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"description": "Accepts an image or svg element of the card. Only a single element is allowed to be passed in.",
|
|
2296
|
+
"name": "image"
|
|
2297
|
+
},
|
|
2298
|
+
{
|
|
2299
|
+
"description": "Accepts an icon element to visually represent the card. Only a single element is allowed to be passed in.",
|
|
2499
2300
|
"name": "icon"
|
|
2301
|
+
},
|
|
2302
|
+
{
|
|
2303
|
+
"description": "The subtitle of the card",
|
|
2304
|
+
"name": "subtitle"
|
|
2305
|
+
},
|
|
2306
|
+
{
|
|
2307
|
+
"description": "The title of the card",
|
|
2308
|
+
"name": "title"
|
|
2309
|
+
},
|
|
2310
|
+
{
|
|
2311
|
+
"description": "The paragrapher text of the card",
|
|
2312
|
+
"name": "description"
|
|
2313
|
+
},
|
|
2314
|
+
{
|
|
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"
|
|
2500
2325
|
}
|
|
2501
2326
|
],
|
|
2502
2327
|
"members": [
|
|
2503
2328
|
{
|
|
2504
2329
|
"kind": "field",
|
|
2505
|
-
"name": "
|
|
2330
|
+
"name": "footerNode",
|
|
2506
2331
|
"type": {
|
|
2507
|
-
"text": "
|
|
2332
|
+
"text": "HTMLElement[]"
|
|
2508
2333
|
},
|
|
2509
|
-
"
|
|
2510
|
-
|
|
2511
|
-
|
|
2334
|
+
"privacy": "private"
|
|
2335
|
+
},
|
|
2336
|
+
{
|
|
2337
|
+
"kind": "field",
|
|
2338
|
+
"name": "linkNode",
|
|
2339
|
+
"type": {
|
|
2340
|
+
"text": "HTMLAnchorElement[] | SgdsLink[]"
|
|
2341
|
+
},
|
|
2342
|
+
"privacy": "private"
|
|
2343
|
+
},
|
|
2344
|
+
{
|
|
2345
|
+
"kind": "field",
|
|
2346
|
+
"name": "imagePosition",
|
|
2347
|
+
"type": {
|
|
2348
|
+
"text": "CardImagePosition"
|
|
2349
|
+
},
|
|
2350
|
+
"default": "\"before\"",
|
|
2351
|
+
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
2352
|
+
"attribute": "imagePosition",
|
|
2512
2353
|
"reflects": true
|
|
2513
2354
|
},
|
|
2514
2355
|
{
|
|
2515
2356
|
"kind": "field",
|
|
2516
|
-
"name": "
|
|
2357
|
+
"name": "imageAdjustment",
|
|
2517
2358
|
"type": {
|
|
2518
|
-
"text": "
|
|
2359
|
+
"text": "CardImageAdjustment"
|
|
2519
2360
|
},
|
|
2520
|
-
"default": "\"
|
|
2521
|
-
"description": "
|
|
2522
|
-
"attribute": "
|
|
2361
|
+
"default": "\"default\"",
|
|
2362
|
+
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
2363
|
+
"attribute": "imageAdjustment",
|
|
2523
2364
|
"reflects": true
|
|
2524
2365
|
},
|
|
2525
2366
|
{
|
|
2526
2367
|
"kind": "field",
|
|
2527
|
-
"name": "
|
|
2368
|
+
"name": "hasImageSlot",
|
|
2528
2369
|
"type": {
|
|
2529
2370
|
"text": "boolean"
|
|
2530
2371
|
},
|
|
2531
2372
|
"default": "false",
|
|
2532
|
-
"description": "
|
|
2533
|
-
"attribute": "
|
|
2534
|
-
"reflects": true
|
|
2373
|
+
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2374
|
+
"attribute": "hasImageSlot"
|
|
2535
2375
|
},
|
|
2536
2376
|
{
|
|
2537
2377
|
"kind": "field",
|
|
2538
|
-
"name": "
|
|
2378
|
+
"name": "hasIconSlot",
|
|
2539
2379
|
"type": {
|
|
2540
2380
|
"text": "boolean"
|
|
2541
2381
|
},
|
|
2542
2382
|
"default": "false",
|
|
2543
|
-
"description": "
|
|
2544
|
-
"attribute": "
|
|
2545
|
-
"reflects": true
|
|
2383
|
+
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
2384
|
+
"attribute": "hasIconSlot"
|
|
2546
2385
|
},
|
|
2547
2386
|
{
|
|
2548
2387
|
"kind": "field",
|
|
2549
|
-
"name": "
|
|
2388
|
+
"name": "hasUpperSlot",
|
|
2550
2389
|
"type": {
|
|
2551
2390
|
"text": "boolean"
|
|
2552
2391
|
},
|
|
2553
2392
|
"default": "false",
|
|
2554
|
-
"description": "
|
|
2555
|
-
"attribute": "
|
|
2556
|
-
"reflects": true
|
|
2393
|
+
"description": "Used only for SSR to indicate the presence of the `upper` slot.",
|
|
2394
|
+
"attribute": "hasUpperSlot"
|
|
2557
2395
|
},
|
|
2558
2396
|
{
|
|
2559
2397
|
"kind": "field",
|
|
2560
|
-
"name": "
|
|
2398
|
+
"name": "linkSlotItems",
|
|
2561
2399
|
"type": {
|
|
2562
|
-
"text": "
|
|
2400
|
+
"text": "HTMLAnchorElement | null"
|
|
2563
2401
|
},
|
|
2564
|
-
"privacy": "private"
|
|
2565
|
-
"default": "false"
|
|
2402
|
+
"privacy": "private"
|
|
2566
2403
|
},
|
|
2567
2404
|
{
|
|
2568
2405
|
"kind": "field",
|
|
2569
|
-
"name": "
|
|
2406
|
+
"name": "footerSlotItems",
|
|
2570
2407
|
"type": {
|
|
2571
|
-
"text": "
|
|
2408
|
+
"text": "HTMLAnchorElement | null"
|
|
2572
2409
|
},
|
|
2410
|
+
"privacy": "private"
|
|
2411
|
+
},
|
|
2412
|
+
{
|
|
2413
|
+
"kind": "field",
|
|
2414
|
+
"name": "hasSlotController",
|
|
2573
2415
|
"privacy": "private",
|
|
2574
|
-
"default": "\"\""
|
|
2416
|
+
"default": "new HasSlotController(this, \"image\", \"icon\", \"upper\")",
|
|
2417
|
+
"type": {}
|
|
2418
|
+
},
|
|
2419
|
+
{
|
|
2420
|
+
"kind": "method",
|
|
2421
|
+
"name": "handleImgSlotChange",
|
|
2422
|
+
"parameters": [
|
|
2423
|
+
{
|
|
2424
|
+
"name": "e",
|
|
2425
|
+
"type": {
|
|
2426
|
+
"text": "Event"
|
|
2427
|
+
}
|
|
2428
|
+
}
|
|
2429
|
+
],
|
|
2430
|
+
"type": {}
|
|
2431
|
+
},
|
|
2432
|
+
{
|
|
2433
|
+
"kind": "field",
|
|
2434
|
+
"name": "stretchedLink",
|
|
2435
|
+
"type": {
|
|
2436
|
+
"text": "boolean"
|
|
2437
|
+
},
|
|
2438
|
+
"default": "false",
|
|
2439
|
+
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2440
|
+
"attribute": "stretchedLink",
|
|
2441
|
+
"reflects": true,
|
|
2442
|
+
"inheritedFrom": {
|
|
2443
|
+
"name": "CardElement",
|
|
2444
|
+
"module": "src/base/card-element.ts"
|
|
2445
|
+
}
|
|
2446
|
+
},
|
|
2447
|
+
{
|
|
2448
|
+
"kind": "field",
|
|
2449
|
+
"name": "disabled",
|
|
2450
|
+
"type": {
|
|
2451
|
+
"text": "boolean"
|
|
2452
|
+
},
|
|
2453
|
+
"default": "false",
|
|
2454
|
+
"description": "Disables the card",
|
|
2455
|
+
"attribute": "disabled",
|
|
2456
|
+
"reflects": true,
|
|
2457
|
+
"inheritedFrom": {
|
|
2458
|
+
"name": "CardElement",
|
|
2459
|
+
"module": "src/base/card-element.ts"
|
|
2460
|
+
}
|
|
2461
|
+
},
|
|
2462
|
+
{
|
|
2463
|
+
"kind": "field",
|
|
2464
|
+
"name": "hideBorder",
|
|
2465
|
+
"type": {
|
|
2466
|
+
"text": "boolean"
|
|
2467
|
+
},
|
|
2468
|
+
"default": "false",
|
|
2469
|
+
"description": "When true, hides the default border of the card.",
|
|
2470
|
+
"attribute": "hideBorder",
|
|
2471
|
+
"reflects": true,
|
|
2472
|
+
"inheritedFrom": {
|
|
2473
|
+
"name": "CardElement",
|
|
2474
|
+
"module": "src/base/card-element.ts"
|
|
2475
|
+
}
|
|
2476
|
+
},
|
|
2477
|
+
{
|
|
2478
|
+
"kind": "field",
|
|
2479
|
+
"name": "tinted",
|
|
2480
|
+
"type": {
|
|
2481
|
+
"text": "boolean"
|
|
2482
|
+
},
|
|
2483
|
+
"default": "false",
|
|
2484
|
+
"description": "When true, applies a tinted background color to the card.",
|
|
2485
|
+
"attribute": "tinted",
|
|
2486
|
+
"reflects": true,
|
|
2487
|
+
"inheritedFrom": {
|
|
2488
|
+
"name": "CardElement",
|
|
2489
|
+
"module": "src/base/card-element.ts"
|
|
2490
|
+
}
|
|
2491
|
+
},
|
|
2492
|
+
{
|
|
2493
|
+
"kind": "field",
|
|
2494
|
+
"name": "orientation",
|
|
2495
|
+
"type": {
|
|
2496
|
+
"text": "CardOrientation"
|
|
2497
|
+
},
|
|
2498
|
+
"default": "\"vertical\"",
|
|
2499
|
+
"description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
|
|
2500
|
+
"attribute": "orientation",
|
|
2501
|
+
"reflects": true,
|
|
2502
|
+
"inheritedFrom": {
|
|
2503
|
+
"name": "CardElement",
|
|
2504
|
+
"module": "src/base/card-element.ts"
|
|
2505
|
+
}
|
|
2506
|
+
},
|
|
2507
|
+
{
|
|
2508
|
+
"kind": "method",
|
|
2509
|
+
"name": "handleTitleSlotChange",
|
|
2510
|
+
"parameters": [
|
|
2511
|
+
{
|
|
2512
|
+
"name": "e",
|
|
2513
|
+
"type": {
|
|
2514
|
+
"text": "Event"
|
|
2515
|
+
}
|
|
2516
|
+
}
|
|
2517
|
+
],
|
|
2518
|
+
"type": {},
|
|
2519
|
+
"inheritedFrom": {
|
|
2520
|
+
"name": "CardElement",
|
|
2521
|
+
"module": "src/base/card-element.ts"
|
|
2522
|
+
}
|
|
2575
2523
|
},
|
|
2576
2524
|
{
|
|
2577
2525
|
"kind": "method",
|
|
2578
|
-
"name": "
|
|
2579
|
-
"privacy": "
|
|
2580
|
-
"
|
|
2581
|
-
|
|
2526
|
+
"name": "_forwardAnchorAttributes",
|
|
2527
|
+
"privacy": "protected",
|
|
2528
|
+
"parameters": [
|
|
2529
|
+
{
|
|
2530
|
+
"name": "anchor",
|
|
2531
|
+
"type": {
|
|
2532
|
+
"text": "HTMLAnchorElement | null"
|
|
2533
|
+
}
|
|
2534
|
+
}
|
|
2535
|
+
],
|
|
2536
|
+
"type": {},
|
|
2537
|
+
"inheritedFrom": {
|
|
2538
|
+
"name": "CardElement",
|
|
2539
|
+
"module": "src/base/card-element.ts"
|
|
2540
|
+
}
|
|
2582
2541
|
},
|
|
2583
2542
|
{
|
|
2584
2543
|
"kind": "method",
|
|
2585
|
-
"name": "
|
|
2586
|
-
"privacy": "private",
|
|
2544
|
+
"name": "warnLinkSlotMisused",
|
|
2587
2545
|
"parameters": [
|
|
2588
2546
|
{
|
|
2589
2547
|
"name": "e",
|
|
@@ -2592,13 +2550,11 @@
|
|
|
2592
2550
|
}
|
|
2593
2551
|
}
|
|
2594
2552
|
],
|
|
2595
|
-
"type": {}
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
"privacy": "private",
|
|
2601
|
-
"type": {}
|
|
2553
|
+
"type": {},
|
|
2554
|
+
"inheritedFrom": {
|
|
2555
|
+
"name": "CardElement",
|
|
2556
|
+
"module": "src/base/card-element.ts"
|
|
2557
|
+
}
|
|
2602
2558
|
},
|
|
2603
2559
|
{
|
|
2604
2560
|
"kind": "method",
|
|
@@ -2655,103 +2611,147 @@
|
|
|
2655
2611
|
}
|
|
2656
2612
|
}
|
|
2657
2613
|
],
|
|
2658
|
-
"
|
|
2614
|
+
"attributes": [
|
|
2659
2615
|
{
|
|
2660
|
-
"
|
|
2661
|
-
"
|
|
2662
|
-
|
|
2616
|
+
"name": "imagePosition",
|
|
2617
|
+
"type": {
|
|
2618
|
+
"text": "CardImagePosition"
|
|
2619
|
+
},
|
|
2620
|
+
"default": "\"before\"",
|
|
2621
|
+
"description": "Sets the image position of the card. Available options: `before`, `after`",
|
|
2622
|
+
"fieldName": "imagePosition"
|
|
2663
2623
|
},
|
|
2664
2624
|
{
|
|
2665
|
-
"
|
|
2666
|
-
"
|
|
2667
|
-
|
|
2625
|
+
"name": "imageAdjustment",
|
|
2626
|
+
"type": {
|
|
2627
|
+
"text": "CardImageAdjustment"
|
|
2628
|
+
},
|
|
2629
|
+
"default": "\"default\"",
|
|
2630
|
+
"description": "Controls how the image is sized and aligned within the card. Available options: `default`, `padding around`, `aspect ratio`",
|
|
2631
|
+
"fieldName": "imageAdjustment"
|
|
2668
2632
|
},
|
|
2669
2633
|
{
|
|
2670
|
-
"
|
|
2671
|
-
"
|
|
2672
|
-
|
|
2634
|
+
"name": "hasImageSlot",
|
|
2635
|
+
"type": {
|
|
2636
|
+
"text": "boolean"
|
|
2637
|
+
},
|
|
2638
|
+
"default": "false",
|
|
2639
|
+
"description": "Used only for SSR to indicate the presence of the `image` slot.",
|
|
2640
|
+
"fieldName": "hasImageSlot"
|
|
2673
2641
|
},
|
|
2674
2642
|
{
|
|
2675
|
-
"
|
|
2676
|
-
"
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2643
|
+
"name": "hasIconSlot",
|
|
2644
|
+
"type": {
|
|
2645
|
+
"text": "boolean"
|
|
2646
|
+
},
|
|
2647
|
+
"default": "false",
|
|
2648
|
+
"description": "Used only for SSR to indicate the presence of the `icon` slot.",
|
|
2649
|
+
"fieldName": "hasIconSlot"
|
|
2650
|
+
},
|
|
2681
2651
|
{
|
|
2682
|
-
"name": "
|
|
2652
|
+
"name": "hasUpperSlot",
|
|
2683
2653
|
"type": {
|
|
2684
2654
|
"text": "boolean"
|
|
2685
2655
|
},
|
|
2686
2656
|
"default": "false",
|
|
2687
|
-
"description": "
|
|
2688
|
-
"fieldName": "
|
|
2657
|
+
"description": "Used only for SSR to indicate the presence of the `upper` slot.",
|
|
2658
|
+
"fieldName": "hasUpperSlot"
|
|
2689
2659
|
},
|
|
2690
2660
|
{
|
|
2691
|
-
"name": "
|
|
2661
|
+
"name": "stretchedLink",
|
|
2692
2662
|
"type": {
|
|
2693
|
-
"text": "
|
|
2663
|
+
"text": "boolean"
|
|
2694
2664
|
},
|
|
2695
|
-
"default": "
|
|
2696
|
-
"description": "
|
|
2697
|
-
"fieldName": "
|
|
2665
|
+
"default": "false",
|
|
2666
|
+
"description": "Extends the link passed in either `footer` or `link`(deprecated) slot.",
|
|
2667
|
+
"fieldName": "stretchedLink",
|
|
2668
|
+
"inheritedFrom": {
|
|
2669
|
+
"name": "CardElement",
|
|
2670
|
+
"module": "src/base/card-element.ts"
|
|
2671
|
+
}
|
|
2698
2672
|
},
|
|
2699
2673
|
{
|
|
2700
|
-
"name": "
|
|
2674
|
+
"name": "disabled",
|
|
2701
2675
|
"type": {
|
|
2702
2676
|
"text": "boolean"
|
|
2703
2677
|
},
|
|
2704
2678
|
"default": "false",
|
|
2705
|
-
"description": "
|
|
2706
|
-
"fieldName": "
|
|
2679
|
+
"description": "Disables the card",
|
|
2680
|
+
"fieldName": "disabled",
|
|
2681
|
+
"inheritedFrom": {
|
|
2682
|
+
"name": "CardElement",
|
|
2683
|
+
"module": "src/base/card-element.ts"
|
|
2684
|
+
}
|
|
2707
2685
|
},
|
|
2708
2686
|
{
|
|
2709
|
-
"name": "
|
|
2687
|
+
"name": "hideBorder",
|
|
2710
2688
|
"type": {
|
|
2711
2689
|
"text": "boolean"
|
|
2712
2690
|
},
|
|
2713
2691
|
"default": "false",
|
|
2714
|
-
"description": "
|
|
2715
|
-
"fieldName": "
|
|
2692
|
+
"description": "When true, hides the default border of the card.",
|
|
2693
|
+
"fieldName": "hideBorder",
|
|
2694
|
+
"inheritedFrom": {
|
|
2695
|
+
"name": "CardElement",
|
|
2696
|
+
"module": "src/base/card-element.ts"
|
|
2697
|
+
}
|
|
2716
2698
|
},
|
|
2717
2699
|
{
|
|
2718
|
-
"name": "
|
|
2700
|
+
"name": "tinted",
|
|
2719
2701
|
"type": {
|
|
2720
2702
|
"text": "boolean"
|
|
2721
2703
|
},
|
|
2722
2704
|
"default": "false",
|
|
2723
|
-
"description": "
|
|
2724
|
-
"fieldName": "
|
|
2705
|
+
"description": "When true, applies a tinted background color to the card.",
|
|
2706
|
+
"fieldName": "tinted",
|
|
2707
|
+
"inheritedFrom": {
|
|
2708
|
+
"name": "CardElement",
|
|
2709
|
+
"module": "src/base/card-element.ts"
|
|
2710
|
+
}
|
|
2711
|
+
},
|
|
2712
|
+
{
|
|
2713
|
+
"name": "orientation",
|
|
2714
|
+
"type": {
|
|
2715
|
+
"text": "CardOrientation"
|
|
2716
|
+
},
|
|
2717
|
+
"default": "\"vertical\"",
|
|
2718
|
+
"description": "Sets the orientation of the card. Available options: `vertical`, `horizontal`",
|
|
2719
|
+
"fieldName": "orientation",
|
|
2720
|
+
"inheritedFrom": {
|
|
2721
|
+
"name": "CardElement",
|
|
2722
|
+
"module": "src/base/card-element.ts"
|
|
2723
|
+
}
|
|
2725
2724
|
}
|
|
2726
2725
|
],
|
|
2727
2726
|
"superclass": {
|
|
2728
|
-
"name": "
|
|
2729
|
-
"module": "/src/base/
|
|
2727
|
+
"name": "CardElement",
|
|
2728
|
+
"module": "/src/base/card-element"
|
|
2730
2729
|
},
|
|
2731
|
-
"summary": "
|
|
2732
|
-
"tagName": "sgds-
|
|
2730
|
+
"summary": "Cards can be used for headers and footers, a wide variety of content, contain contextual background colors and images.",
|
|
2731
|
+
"tagName": "sgds-card",
|
|
2733
2732
|
"customElement": true,
|
|
2734
|
-
"modulePath": "src/components/
|
|
2733
|
+
"modulePath": "src/components/Card/sgds-card.ts",
|
|
2735
2734
|
"cssProperties": [],
|
|
2736
2735
|
"cssParts": [],
|
|
2737
|
-
"cssStates": []
|
|
2736
|
+
"cssStates": [],
|
|
2737
|
+
"events": []
|
|
2738
2738
|
}
|
|
2739
2739
|
],
|
|
2740
2740
|
"exports": [
|
|
2741
2741
|
{
|
|
2742
2742
|
"kind": "js",
|
|
2743
|
-
"name": "
|
|
2743
|
+
"name": "SgdsCard",
|
|
2744
2744
|
"declaration": {
|
|
2745
|
-
"name": "
|
|
2746
|
-
"module": "src/components/
|
|
2745
|
+
"name": "SgdsCard",
|
|
2746
|
+
"module": "src/components/Card/sgds-card.ts"
|
|
2747
2747
|
}
|
|
2748
2748
|
},
|
|
2749
2749
|
{
|
|
2750
2750
|
"kind": "js",
|
|
2751
2751
|
"name": "default",
|
|
2752
2752
|
"declaration": {
|
|
2753
|
-
"name": "
|
|
2754
|
-
"module": "src/components/
|
|
2753
|
+
"name": "SgdsCard",
|
|
2754
|
+
"module": "src/components/Card/sgds-card.ts"
|
|
2755
2755
|
}
|
|
2756
2756
|
}
|
|
2757
2757
|
]
|
|
@@ -6860,67 +6860,207 @@
|
|
|
6860
6860
|
}
|
|
6861
6861
|
},
|
|
6862
6862
|
{
|
|
6863
|
-
"name": "menuIsOpen",
|
|
6863
|
+
"name": "menuIsOpen",
|
|
6864
|
+
"type": {
|
|
6865
|
+
"text": "boolean"
|
|
6866
|
+
},
|
|
6867
|
+
"default": "false",
|
|
6868
|
+
"description": "When true, dropdown menu shows on first load",
|
|
6869
|
+
"fieldName": "menuIsOpen",
|
|
6870
|
+
"inheritedFrom": {
|
|
6871
|
+
"name": "DropdownElement",
|
|
6872
|
+
"module": "src/base/dropdown-element.ts"
|
|
6873
|
+
}
|
|
6874
|
+
},
|
|
6875
|
+
{
|
|
6876
|
+
"name": "readonly",
|
|
6877
|
+
"type": {
|
|
6878
|
+
"text": "boolean"
|
|
6879
|
+
},
|
|
6880
|
+
"default": "false",
|
|
6881
|
+
"description": "Makes the input readonly.",
|
|
6882
|
+
"fieldName": "readonly",
|
|
6883
|
+
"inheritedFrom": {
|
|
6884
|
+
"name": "DropdownElement",
|
|
6885
|
+
"module": "src/base/dropdown-element.ts"
|
|
6886
|
+
}
|
|
6887
|
+
}
|
|
6888
|
+
],
|
|
6889
|
+
"mixins": [
|
|
6890
|
+
{
|
|
6891
|
+
"name": "SgdsFormValidatorMixin",
|
|
6892
|
+
"module": "/src/utils/validatorMixin"
|
|
6893
|
+
}
|
|
6894
|
+
],
|
|
6895
|
+
"superclass": {
|
|
6896
|
+
"name": "DropdownElement",
|
|
6897
|
+
"module": "/src/base/dropdown-element"
|
|
6898
|
+
},
|
|
6899
|
+
"summary": "The `DatePicker` Component is built using `Dropdown`, `Input` and `Button` components. By default, the Calendar points to today's date and input has no value. Users can either pick dates from the calendar or type dates through the input",
|
|
6900
|
+
"tagName": "sgds-datepicker",
|
|
6901
|
+
"customElement": true,
|
|
6902
|
+
"modulePath": "src/components/Datepicker/sgds-datepicker.ts",
|
|
6903
|
+
"cssProperties": [],
|
|
6904
|
+
"cssParts": [],
|
|
6905
|
+
"cssStates": [],
|
|
6906
|
+
"slots": []
|
|
6907
|
+
}
|
|
6908
|
+
],
|
|
6909
|
+
"exports": [
|
|
6910
|
+
{
|
|
6911
|
+
"kind": "js",
|
|
6912
|
+
"name": "SgdsDatepicker",
|
|
6913
|
+
"declaration": {
|
|
6914
|
+
"name": "SgdsDatepicker",
|
|
6915
|
+
"module": "src/components/Datepicker/sgds-datepicker.ts"
|
|
6916
|
+
}
|
|
6917
|
+
},
|
|
6918
|
+
{
|
|
6919
|
+
"kind": "js",
|
|
6920
|
+
"name": "default",
|
|
6921
|
+
"declaration": {
|
|
6922
|
+
"name": "SgdsDatepicker",
|
|
6923
|
+
"module": "src/components/Datepicker/sgds-datepicker.ts"
|
|
6924
|
+
}
|
|
6925
|
+
}
|
|
6926
|
+
]
|
|
6927
|
+
},
|
|
6928
|
+
{
|
|
6929
|
+
"kind": "javascript-module",
|
|
6930
|
+
"path": "src/components/Divider/sgds-divider.ts",
|
|
6931
|
+
"declarations": [
|
|
6932
|
+
{
|
|
6933
|
+
"kind": "class",
|
|
6934
|
+
"description": "",
|
|
6935
|
+
"name": "SgdsDivider",
|
|
6936
|
+
"members": [
|
|
6937
|
+
{
|
|
6938
|
+
"kind": "field",
|
|
6939
|
+
"name": "orientation",
|
|
6940
|
+
"type": {
|
|
6941
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
6942
|
+
},
|
|
6943
|
+
"default": "\"horizontal\"",
|
|
6944
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
6945
|
+
"attribute": "orientation",
|
|
6946
|
+
"reflects": true
|
|
6947
|
+
},
|
|
6948
|
+
{
|
|
6949
|
+
"kind": "field",
|
|
6950
|
+
"name": "thickness",
|
|
6864
6951
|
"type": {
|
|
6865
|
-
"text": "
|
|
6952
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
6866
6953
|
},
|
|
6867
|
-
"default": "
|
|
6868
|
-
"description": "
|
|
6869
|
-
"
|
|
6954
|
+
"default": "\"thin\"",
|
|
6955
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
6956
|
+
"attribute": "thickness",
|
|
6957
|
+
"reflects": true
|
|
6958
|
+
},
|
|
6959
|
+
{
|
|
6960
|
+
"kind": "method",
|
|
6961
|
+
"name": "emit",
|
|
6962
|
+
"parameters": [
|
|
6963
|
+
{
|
|
6964
|
+
"name": "name",
|
|
6965
|
+
"type": {
|
|
6966
|
+
"text": "string"
|
|
6967
|
+
}
|
|
6968
|
+
},
|
|
6969
|
+
{
|
|
6970
|
+
"name": "options",
|
|
6971
|
+
"optional": true,
|
|
6972
|
+
"type": {
|
|
6973
|
+
"text": "CustomEventInit<T>"
|
|
6974
|
+
}
|
|
6975
|
+
}
|
|
6976
|
+
],
|
|
6977
|
+
"description": "Emits a custom event with more convenient defaults.",
|
|
6978
|
+
"type": {},
|
|
6870
6979
|
"inheritedFrom": {
|
|
6871
|
-
"name": "
|
|
6872
|
-
"module": "src/base/
|
|
6980
|
+
"name": "SgdsElement",
|
|
6981
|
+
"module": "src/base/sgds-element.ts"
|
|
6873
6982
|
}
|
|
6874
6983
|
},
|
|
6875
6984
|
{
|
|
6876
|
-
"
|
|
6877
|
-
"
|
|
6878
|
-
|
|
6879
|
-
|
|
6880
|
-
|
|
6881
|
-
|
|
6882
|
-
|
|
6985
|
+
"kind": "method",
|
|
6986
|
+
"name": "define",
|
|
6987
|
+
"static": true,
|
|
6988
|
+
"parameters": [
|
|
6989
|
+
{
|
|
6990
|
+
"name": "name",
|
|
6991
|
+
"type": {
|
|
6992
|
+
"text": "string"
|
|
6993
|
+
}
|
|
6994
|
+
},
|
|
6995
|
+
{
|
|
6996
|
+
"name": "elementConstructor",
|
|
6997
|
+
"default": "this"
|
|
6998
|
+
},
|
|
6999
|
+
{
|
|
7000
|
+
"name": "options",
|
|
7001
|
+
"default": "{}",
|
|
7002
|
+
"type": {
|
|
7003
|
+
"text": "ElementDefinitionOptions"
|
|
7004
|
+
}
|
|
7005
|
+
}
|
|
7006
|
+
],
|
|
7007
|
+
"type": {},
|
|
6883
7008
|
"inheritedFrom": {
|
|
6884
|
-
"name": "
|
|
6885
|
-
"module": "src/base/
|
|
7009
|
+
"name": "SgdsElement",
|
|
7010
|
+
"module": "src/base/sgds-element.ts"
|
|
6886
7011
|
}
|
|
6887
7012
|
}
|
|
6888
7013
|
],
|
|
6889
|
-
"
|
|
7014
|
+
"attributes": [
|
|
6890
7015
|
{
|
|
6891
|
-
"name": "
|
|
6892
|
-
"
|
|
7016
|
+
"name": "orientation",
|
|
7017
|
+
"type": {
|
|
7018
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
7019
|
+
},
|
|
7020
|
+
"default": "\"horizontal\"",
|
|
7021
|
+
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7022
|
+
"fieldName": "orientation"
|
|
7023
|
+
},
|
|
7024
|
+
{
|
|
7025
|
+
"name": "thickness",
|
|
7026
|
+
"type": {
|
|
7027
|
+
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7028
|
+
},
|
|
7029
|
+
"default": "\"thin\"",
|
|
7030
|
+
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7031
|
+
"fieldName": "thickness"
|
|
6893
7032
|
}
|
|
6894
7033
|
],
|
|
6895
7034
|
"superclass": {
|
|
6896
|
-
"name": "
|
|
6897
|
-
"module": "/src/base/
|
|
7035
|
+
"name": "SgdsElement",
|
|
7036
|
+
"module": "/src/base/sgds-element"
|
|
6898
7037
|
},
|
|
6899
|
-
"summary": "
|
|
6900
|
-
"tagName": "sgds-
|
|
7038
|
+
"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.",
|
|
7039
|
+
"tagName": "sgds-divider",
|
|
6901
7040
|
"customElement": true,
|
|
6902
|
-
"modulePath": "src/components/
|
|
7041
|
+
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
6903
7042
|
"cssProperties": [],
|
|
6904
7043
|
"cssParts": [],
|
|
6905
7044
|
"cssStates": [],
|
|
7045
|
+
"events": [],
|
|
6906
7046
|
"slots": []
|
|
6907
7047
|
}
|
|
6908
7048
|
],
|
|
6909
7049
|
"exports": [
|
|
6910
7050
|
{
|
|
6911
7051
|
"kind": "js",
|
|
6912
|
-
"name": "
|
|
7052
|
+
"name": "SgdsDivider",
|
|
6913
7053
|
"declaration": {
|
|
6914
|
-
"name": "
|
|
6915
|
-
"module": "src/components/
|
|
7054
|
+
"name": "SgdsDivider",
|
|
7055
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
6916
7056
|
}
|
|
6917
7057
|
},
|
|
6918
7058
|
{
|
|
6919
7059
|
"kind": "js",
|
|
6920
7060
|
"name": "default",
|
|
6921
7061
|
"declaration": {
|
|
6922
|
-
"name": "
|
|
6923
|
-
"module": "src/components/
|
|
7062
|
+
"name": "SgdsDivider",
|
|
7063
|
+
"module": "src/components/Divider/sgds-divider.ts"
|
|
6924
7064
|
}
|
|
6925
7065
|
}
|
|
6926
7066
|
]
|
|
@@ -7295,146 +7435,6 @@
|
|
|
7295
7435
|
}
|
|
7296
7436
|
]
|
|
7297
7437
|
},
|
|
7298
|
-
{
|
|
7299
|
-
"kind": "javascript-module",
|
|
7300
|
-
"path": "src/components/Divider/sgds-divider.ts",
|
|
7301
|
-
"declarations": [
|
|
7302
|
-
{
|
|
7303
|
-
"kind": "class",
|
|
7304
|
-
"description": "",
|
|
7305
|
-
"name": "SgdsDivider",
|
|
7306
|
-
"members": [
|
|
7307
|
-
{
|
|
7308
|
-
"kind": "field",
|
|
7309
|
-
"name": "orientation",
|
|
7310
|
-
"type": {
|
|
7311
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
7312
|
-
},
|
|
7313
|
-
"default": "\"horizontal\"",
|
|
7314
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7315
|
-
"attribute": "orientation",
|
|
7316
|
-
"reflects": true
|
|
7317
|
-
},
|
|
7318
|
-
{
|
|
7319
|
-
"kind": "field",
|
|
7320
|
-
"name": "thickness",
|
|
7321
|
-
"type": {
|
|
7322
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7323
|
-
},
|
|
7324
|
-
"default": "\"thin\"",
|
|
7325
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7326
|
-
"attribute": "thickness",
|
|
7327
|
-
"reflects": true
|
|
7328
|
-
},
|
|
7329
|
-
{
|
|
7330
|
-
"kind": "method",
|
|
7331
|
-
"name": "emit",
|
|
7332
|
-
"parameters": [
|
|
7333
|
-
{
|
|
7334
|
-
"name": "name",
|
|
7335
|
-
"type": {
|
|
7336
|
-
"text": "string"
|
|
7337
|
-
}
|
|
7338
|
-
},
|
|
7339
|
-
{
|
|
7340
|
-
"name": "options",
|
|
7341
|
-
"optional": true,
|
|
7342
|
-
"type": {
|
|
7343
|
-
"text": "CustomEventInit<T>"
|
|
7344
|
-
}
|
|
7345
|
-
}
|
|
7346
|
-
],
|
|
7347
|
-
"description": "Emits a custom event with more convenient defaults.",
|
|
7348
|
-
"type": {},
|
|
7349
|
-
"inheritedFrom": {
|
|
7350
|
-
"name": "SgdsElement",
|
|
7351
|
-
"module": "src/base/sgds-element.ts"
|
|
7352
|
-
}
|
|
7353
|
-
},
|
|
7354
|
-
{
|
|
7355
|
-
"kind": "method",
|
|
7356
|
-
"name": "define",
|
|
7357
|
-
"static": true,
|
|
7358
|
-
"parameters": [
|
|
7359
|
-
{
|
|
7360
|
-
"name": "name",
|
|
7361
|
-
"type": {
|
|
7362
|
-
"text": "string"
|
|
7363
|
-
}
|
|
7364
|
-
},
|
|
7365
|
-
{
|
|
7366
|
-
"name": "elementConstructor",
|
|
7367
|
-
"default": "this"
|
|
7368
|
-
},
|
|
7369
|
-
{
|
|
7370
|
-
"name": "options",
|
|
7371
|
-
"default": "{}",
|
|
7372
|
-
"type": {
|
|
7373
|
-
"text": "ElementDefinitionOptions"
|
|
7374
|
-
}
|
|
7375
|
-
}
|
|
7376
|
-
],
|
|
7377
|
-
"type": {},
|
|
7378
|
-
"inheritedFrom": {
|
|
7379
|
-
"name": "SgdsElement",
|
|
7380
|
-
"module": "src/base/sgds-element.ts"
|
|
7381
|
-
}
|
|
7382
|
-
}
|
|
7383
|
-
],
|
|
7384
|
-
"attributes": [
|
|
7385
|
-
{
|
|
7386
|
-
"name": "orientation",
|
|
7387
|
-
"type": {
|
|
7388
|
-
"text": "\"horizontal\" | \"vertical\""
|
|
7389
|
-
},
|
|
7390
|
-
"default": "\"horizontal\"",
|
|
7391
|
-
"description": "Sets the orientation of divider to vertical. Defaults to horizontal",
|
|
7392
|
-
"fieldName": "orientation"
|
|
7393
|
-
},
|
|
7394
|
-
{
|
|
7395
|
-
"name": "thickness",
|
|
7396
|
-
"type": {
|
|
7397
|
-
"text": "\"thin\" | \"thick\" | \"thicker\""
|
|
7398
|
-
},
|
|
7399
|
-
"default": "\"thin\"",
|
|
7400
|
-
"description": "Sets the orientation of divider to vertical. Defaults to false",
|
|
7401
|
-
"fieldName": "thickness"
|
|
7402
|
-
}
|
|
7403
|
-
],
|
|
7404
|
-
"superclass": {
|
|
7405
|
-
"name": "SgdsElement",
|
|
7406
|
-
"module": "/src/base/sgds-element"
|
|
7407
|
-
},
|
|
7408
|
-
"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.",
|
|
7409
|
-
"tagName": "sgds-divider",
|
|
7410
|
-
"customElement": true,
|
|
7411
|
-
"modulePath": "src/components/Divider/sgds-divider.ts",
|
|
7412
|
-
"cssProperties": [],
|
|
7413
|
-
"cssParts": [],
|
|
7414
|
-
"cssStates": [],
|
|
7415
|
-
"events": [],
|
|
7416
|
-
"slots": []
|
|
7417
|
-
}
|
|
7418
|
-
],
|
|
7419
|
-
"exports": [
|
|
7420
|
-
{
|
|
7421
|
-
"kind": "js",
|
|
7422
|
-
"name": "SgdsDivider",
|
|
7423
|
-
"declaration": {
|
|
7424
|
-
"name": "SgdsDivider",
|
|
7425
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7426
|
-
}
|
|
7427
|
-
},
|
|
7428
|
-
{
|
|
7429
|
-
"kind": "js",
|
|
7430
|
-
"name": "default",
|
|
7431
|
-
"declaration": {
|
|
7432
|
-
"name": "SgdsDivider",
|
|
7433
|
-
"module": "src/components/Divider/sgds-divider.ts"
|
|
7434
|
-
}
|
|
7435
|
-
}
|
|
7436
|
-
]
|
|
7437
|
-
},
|
|
7438
7438
|
{
|
|
7439
7439
|
"kind": "javascript-module",
|
|
7440
7440
|
"path": "src/components/Drawer/sgds-drawer.ts",
|
|
@@ -27634,7 +27634,7 @@
|
|
|
27634
27634
|
"package": {
|
|
27635
27635
|
"name": "@govtechsg/sgds-web-component",
|
|
27636
27636
|
"description": "",
|
|
27637
|
-
"version": "3.22.
|
|
27637
|
+
"version": "3.22.1",
|
|
27638
27638
|
"author": "GovTechSG",
|
|
27639
27639
|
"license": "MIT"
|
|
27640
27640
|
}
|