@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.2
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/dist/custom-elements.json +281 -58
- package/dist/docs/button/accessibility.md +42 -0
- package/dist/docs/button/api.md +63 -39
- package/dist/docs/button/button.md +322 -40
- package/dist/docs/button/examples.md +126 -0
- package/dist/docs/button/usage.md +89 -0
- package/dist/docs/card/accessibility.md +74 -0
- package/dist/docs/card/api.md +9 -3
- package/dist/docs/card/card.md +234 -3
- package/dist/docs/card/examples.md +75 -0
- package/dist/docs/card/usage.md +76 -0
- package/dist/docs/modal/accessibility.md +1 -0
- package/dist/docs/modal/api.md +51 -0
- package/dist/docs/modal/examples.md +67 -0
- package/dist/docs/modal/modal.md +238 -0
- package/dist/docs/modal/usage.md +110 -0
- package/dist/docs/modal-footer/accessibility.md +1 -0
- package/dist/docs/modal-footer/api.md +11 -0
- package/dist/docs/modal-footer/examples.md +1 -0
- package/dist/docs/modal-footer/modal-footer.md +23 -0
- package/dist/docs/modal-footer/usage.md +1 -0
- package/dist/docs/modal-header/accessibility.md +1 -0
- package/dist/docs/modal-header/api.md +42 -0
- package/dist/docs/modal-header/examples.md +1 -0
- package/dist/docs/modal-header/modal-header.md +54 -0
- package/dist/docs/modal-header/usage.md +1 -0
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/examples.md +8 -0
- package/dist/docs/page-indicator/page-indicator.md +23 -6
- package/dist/docs/page-indicator/usage.md +8 -0
- package/dist/docs/pagination/api.md +12 -10
- package/dist/docs/pagination/examples.md +20 -0
- package/dist/docs/pagination/pagination.md +50 -12
- package/dist/docs/pagination/usage.md +18 -0
- package/dist/docs/pill/accessibility.md +2 -0
- package/dist/docs/pill/api.md +10 -26
- package/dist/docs/pill/examples.md +23 -0
- package/dist/docs/pill/pill.md +43 -28
- package/dist/docs/pill/usage.md +8 -0
- package/dist/index.d.ts +341 -301
- package/dist/packages/affix/affix.js.map +1 -1
- package/dist/packages/attention/attention.js +23 -21
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.test.js +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/packages/button/button.d.ts +54 -37
- package/dist/packages/button/button.js +17 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/card/card.d.ts +9 -6
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
- package/dist/packages/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/packages/combobox/combobox.js.map +1 -1
- package/dist/packages/datepicker/DatePicker.test.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +1 -1
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/link/link.test.js +1 -1
- package/dist/packages/modal/index.d.ts +4 -4
- package/dist/packages/modal/index.js +4 -4
- package/dist/packages/modal/modal.d.ts +21 -12
- package/dist/packages/modal/modal.js +4 -4
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal/modal.react.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.d.ts +2 -1
- package/dist/packages/modal/modal.stories.js +85 -3
- package/dist/packages/modal/react.d.ts +2 -2
- package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
- package/dist/packages/modal-footer/modal-footer.js +4 -4
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-footer/react.d.ts +1 -1
- package/dist/packages/modal-header/modal-header.d.ts +21 -11
- package/dist/packages/modal-header/modal-header.js +3 -1
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
- package/dist/packages/page-indicator/page-indicator.js.map +3 -3
- package/dist/packages/pagination/pagination.d.ts +11 -11
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pagination/pagination.test.js +1 -1
- package/dist/packages/pill/pill.d.ts +14 -29
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/pill/pill.react.stories.d.ts +2 -2
- package/dist/packages/pill/react.d.ts +1 -1
- package/dist/packages/radio/radio.test.js +1 -1
- package/dist/packages/radio-group/radio-group.a11y.test.js +1 -1
- package/dist/packages/radio-group/radio-group.js.map +1 -1
- package/dist/packages/select/select.js.map +1 -1
- package/dist/packages/slider/slider.js.map +1 -1
- package/dist/packages/slider/slider.test.js +1 -1
- package/dist/packages/slider-thumb/slider-thumb.js.map +1 -1
- package/dist/packages/step/step.js.map +1 -1
- package/dist/packages/switch/switch.a11y.test.js +1 -1
- package/dist/packages/tabs/tabs.a11y.test.js +1 -1
- package/dist/packages/tabs/tabs.test.js +1 -1
- package/dist/packages/textarea/textarea.js.map +1 -1
- package/dist/packages/textarea/textarea.test.js +1 -1
- package/dist/packages/textfield/textfield.test.js +1 -1
- package/dist/packages/toast/toast.js.map +1 -1
- package/dist/web-types.json +290 -73
- package/package.json +5 -5
|
@@ -1131,7 +1131,7 @@
|
|
|
1131
1131
|
"declarations": [
|
|
1132
1132
|
{
|
|
1133
1133
|
"kind": "class",
|
|
1134
|
-
"description": "
|
|
1134
|
+
"description": "Performs an action or renders a link with button styling.\nUse button variants to match action priority, risk, and context.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
|
|
1135
1135
|
"name": "WarpButton",
|
|
1136
1136
|
"members": [
|
|
1137
1137
|
{
|
|
@@ -1141,7 +1141,8 @@
|
|
|
1141
1141
|
"text": "object"
|
|
1142
1142
|
},
|
|
1143
1143
|
"static": true,
|
|
1144
|
-
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
1144
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
|
|
1145
|
+
"description": "Shadow root configuration.\nDelegates focus from the host to the internal control."
|
|
1145
1146
|
},
|
|
1146
1147
|
{
|
|
1147
1148
|
"kind": "field",
|
|
@@ -1149,6 +1150,7 @@
|
|
|
1149
1150
|
"type": {
|
|
1150
1151
|
"text": "ButtonType"
|
|
1151
1152
|
},
|
|
1153
|
+
"description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
|
|
1152
1154
|
"attribute": "type",
|
|
1153
1155
|
"reflects": true,
|
|
1154
1156
|
"parsedType": {
|
|
@@ -1162,6 +1164,7 @@
|
|
|
1162
1164
|
"text": "boolean"
|
|
1163
1165
|
},
|
|
1164
1166
|
"default": "false",
|
|
1167
|
+
"description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
|
|
1165
1168
|
"attribute": "autofocus",
|
|
1166
1169
|
"reflects": true
|
|
1167
1170
|
},
|
|
@@ -1171,6 +1174,7 @@
|
|
|
1171
1174
|
"type": {
|
|
1172
1175
|
"text": "ButtonVariant"
|
|
1173
1176
|
},
|
|
1177
|
+
"description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
|
|
1174
1178
|
"attribute": "variant",
|
|
1175
1179
|
"reflects": true,
|
|
1176
1180
|
"parsedType": {
|
|
@@ -1184,6 +1188,7 @@
|
|
|
1184
1188
|
"text": "boolean"
|
|
1185
1189
|
},
|
|
1186
1190
|
"default": "false",
|
|
1191
|
+
"description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
|
|
1187
1192
|
"deprecated": "Use `variant=\"quiet\"` instead",
|
|
1188
1193
|
"attribute": "quiet",
|
|
1189
1194
|
"reflects": true
|
|
@@ -1195,6 +1200,7 @@
|
|
|
1195
1200
|
"text": "boolean"
|
|
1196
1201
|
},
|
|
1197
1202
|
"default": "false",
|
|
1203
|
+
"description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
|
|
1198
1204
|
"attribute": "icon-only",
|
|
1199
1205
|
"reflects": true
|
|
1200
1206
|
},
|
|
@@ -1205,6 +1211,7 @@
|
|
|
1205
1211
|
"text": "boolean"
|
|
1206
1212
|
},
|
|
1207
1213
|
"default": "false",
|
|
1214
|
+
"description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
|
|
1208
1215
|
"attribute": "small",
|
|
1209
1216
|
"reflects": true
|
|
1210
1217
|
},
|
|
@@ -1215,6 +1222,7 @@
|
|
|
1215
1222
|
"text": "boolean"
|
|
1216
1223
|
},
|
|
1217
1224
|
"default": "false",
|
|
1225
|
+
"description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
|
|
1218
1226
|
"attribute": "loading",
|
|
1219
1227
|
"reflects": true
|
|
1220
1228
|
},
|
|
@@ -1224,6 +1232,7 @@
|
|
|
1224
1232
|
"type": {
|
|
1225
1233
|
"text": "string"
|
|
1226
1234
|
},
|
|
1235
|
+
"description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
|
|
1227
1236
|
"attribute": "href",
|
|
1228
1237
|
"reflects": true
|
|
1229
1238
|
},
|
|
@@ -1233,6 +1242,7 @@
|
|
|
1233
1242
|
"type": {
|
|
1234
1243
|
"text": "string"
|
|
1235
1244
|
},
|
|
1245
|
+
"description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
|
|
1236
1246
|
"attribute": "target",
|
|
1237
1247
|
"reflects": true
|
|
1238
1248
|
},
|
|
@@ -1243,6 +1253,7 @@
|
|
|
1243
1253
|
"text": "boolean"
|
|
1244
1254
|
},
|
|
1245
1255
|
"default": "false",
|
|
1256
|
+
"description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
|
|
1246
1257
|
"attribute": "disabled",
|
|
1247
1258
|
"reflects": true
|
|
1248
1259
|
},
|
|
@@ -1252,6 +1263,7 @@
|
|
|
1252
1263
|
"type": {
|
|
1253
1264
|
"text": "string"
|
|
1254
1265
|
},
|
|
1266
|
+
"description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
|
|
1255
1267
|
"attribute": "rel",
|
|
1256
1268
|
"reflects": true
|
|
1257
1269
|
},
|
|
@@ -1262,6 +1274,7 @@
|
|
|
1262
1274
|
"text": "boolean"
|
|
1263
1275
|
},
|
|
1264
1276
|
"default": "false",
|
|
1277
|
+
"description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
|
|
1265
1278
|
"attribute": "full-width",
|
|
1266
1279
|
"reflects": true
|
|
1267
1280
|
},
|
|
@@ -1271,6 +1284,7 @@
|
|
|
1271
1284
|
"type": {
|
|
1272
1285
|
"text": "string"
|
|
1273
1286
|
},
|
|
1287
|
+
"description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
|
|
1274
1288
|
"deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
|
|
1275
1289
|
"attribute": "button-class",
|
|
1276
1290
|
"reflects": true
|
|
@@ -1281,6 +1295,7 @@
|
|
|
1281
1295
|
"type": {
|
|
1282
1296
|
"text": "string"
|
|
1283
1297
|
},
|
|
1298
|
+
"description": "Form control name.\nUsed when the button participates in form handling.",
|
|
1284
1299
|
"attribute": "name",
|
|
1285
1300
|
"reflects": true
|
|
1286
1301
|
},
|
|
@@ -1290,9 +1305,44 @@
|
|
|
1290
1305
|
"type": {
|
|
1291
1306
|
"text": "string"
|
|
1292
1307
|
},
|
|
1308
|
+
"description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
|
|
1293
1309
|
"attribute": "value",
|
|
1294
1310
|
"reflects": true
|
|
1295
1311
|
},
|
|
1312
|
+
{
|
|
1313
|
+
"kind": "field",
|
|
1314
|
+
"name": "commandfor",
|
|
1315
|
+
"type": {
|
|
1316
|
+
"text": "string"
|
|
1317
|
+
},
|
|
1318
|
+
"description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
|
|
1319
|
+
"attribute": "commandfor"
|
|
1320
|
+
},
|
|
1321
|
+
{
|
|
1322
|
+
"kind": "field",
|
|
1323
|
+
"name": "command",
|
|
1324
|
+
"type": {
|
|
1325
|
+
"text": "string"
|
|
1326
|
+
},
|
|
1327
|
+
"description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
|
|
1328
|
+
"attribute": "command"
|
|
1329
|
+
},
|
|
1330
|
+
{
|
|
1331
|
+
"kind": "field",
|
|
1332
|
+
"name": "buttonEl",
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "HTMLButtonElement | null"
|
|
1335
|
+
},
|
|
1336
|
+
"privacy": "private"
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"kind": "field",
|
|
1340
|
+
"name": "ariaValueTextLoading",
|
|
1341
|
+
"type": {
|
|
1342
|
+
"text": "string"
|
|
1343
|
+
},
|
|
1344
|
+
"privacy": "private"
|
|
1345
|
+
},
|
|
1296
1346
|
{
|
|
1297
1347
|
"kind": "field",
|
|
1298
1348
|
"name": "#initialValue",
|
|
@@ -1302,6 +1352,25 @@
|
|
|
1302
1352
|
},
|
|
1303
1353
|
"default": "null"
|
|
1304
1354
|
},
|
|
1355
|
+
{
|
|
1356
|
+
"kind": "method",
|
|
1357
|
+
"name": "closestWithId",
|
|
1358
|
+
"privacy": "private",
|
|
1359
|
+
"return": {
|
|
1360
|
+
"type": {
|
|
1361
|
+
"text": "HTMLElement | null"
|
|
1362
|
+
}
|
|
1363
|
+
},
|
|
1364
|
+
"parameters": [
|
|
1365
|
+
{
|
|
1366
|
+
"name": "id",
|
|
1367
|
+
"type": {
|
|
1368
|
+
"text": "string"
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
],
|
|
1372
|
+
"description": "Traverse up the shadow roots looking for the ID to support use inside other Lit components."
|
|
1373
|
+
},
|
|
1305
1374
|
{
|
|
1306
1375
|
"kind": "method",
|
|
1307
1376
|
"name": "resetFormControl",
|
|
@@ -1313,10 +1382,6 @@
|
|
|
1313
1382
|
"type": {
|
|
1314
1383
|
"text": "resetFormControl() => void"
|
|
1315
1384
|
}
|
|
1316
|
-
},
|
|
1317
|
-
{
|
|
1318
|
-
"kind": "field",
|
|
1319
|
-
"name": "ariaValueTextLoading"
|
|
1320
1385
|
}
|
|
1321
1386
|
],
|
|
1322
1387
|
"attributes": [
|
|
@@ -1325,6 +1390,7 @@
|
|
|
1325
1390
|
"type": {
|
|
1326
1391
|
"text": "ButtonType"
|
|
1327
1392
|
},
|
|
1393
|
+
"description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
|
|
1328
1394
|
"fieldName": "type",
|
|
1329
1395
|
"parsedType": {
|
|
1330
1396
|
"text": "'button' | 'submit' | 'reset'"
|
|
@@ -1336,6 +1402,7 @@
|
|
|
1336
1402
|
"text": "boolean"
|
|
1337
1403
|
},
|
|
1338
1404
|
"default": "false",
|
|
1405
|
+
"description": "Focuses the button when it is first rendered.\nApplies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.",
|
|
1339
1406
|
"fieldName": "autofocus"
|
|
1340
1407
|
},
|
|
1341
1408
|
{
|
|
@@ -1343,6 +1410,7 @@
|
|
|
1343
1410
|
"type": {
|
|
1344
1411
|
"text": "ButtonVariant"
|
|
1345
1412
|
},
|
|
1413
|
+
"description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
|
|
1346
1414
|
"fieldName": "variant",
|
|
1347
1415
|
"parsedType": {
|
|
1348
1416
|
"text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
|
|
@@ -1354,6 +1422,7 @@
|
|
|
1354
1422
|
"text": "boolean"
|
|
1355
1423
|
},
|
|
1356
1424
|
"default": "false",
|
|
1425
|
+
"description": "Deprecated quiet visual treatment flag\nUse `variant=\"quiet\"` instead.",
|
|
1357
1426
|
"deprecated": "Use `variant=\"quiet\"` instead",
|
|
1358
1427
|
"fieldName": "quiet"
|
|
1359
1428
|
},
|
|
@@ -1363,6 +1432,7 @@
|
|
|
1363
1432
|
"text": "boolean"
|
|
1364
1433
|
},
|
|
1365
1434
|
"default": "false",
|
|
1435
|
+
"description": "Marks the button as icon-only.\nUse this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.",
|
|
1366
1436
|
"fieldName": "iconOnly"
|
|
1367
1437
|
},
|
|
1368
1438
|
{
|
|
@@ -1371,6 +1441,7 @@
|
|
|
1371
1441
|
"text": "boolean"
|
|
1372
1442
|
},
|
|
1373
1443
|
"default": "false",
|
|
1444
|
+
"description": "Renders the compact button size.\nUse this in dense layouts where the default button size is too large.",
|
|
1374
1445
|
"fieldName": "small"
|
|
1375
1446
|
},
|
|
1376
1447
|
{
|
|
@@ -1379,6 +1450,7 @@
|
|
|
1379
1450
|
"text": "boolean"
|
|
1380
1451
|
},
|
|
1381
1452
|
"default": "false",
|
|
1453
|
+
"description": "Shows the loading state.\nUse after the user has triggered an action and the action is in progress.",
|
|
1382
1454
|
"fieldName": "loading"
|
|
1383
1455
|
},
|
|
1384
1456
|
{
|
|
@@ -1386,6 +1458,7 @@
|
|
|
1386
1458
|
"type": {
|
|
1387
1459
|
"text": "string"
|
|
1388
1460
|
},
|
|
1461
|
+
"description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
|
|
1389
1462
|
"fieldName": "href"
|
|
1390
1463
|
},
|
|
1391
1464
|
{
|
|
@@ -1393,6 +1466,7 @@
|
|
|
1393
1466
|
"type": {
|
|
1394
1467
|
"text": "string"
|
|
1395
1468
|
},
|
|
1469
|
+
"description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
|
|
1396
1470
|
"fieldName": "target"
|
|
1397
1471
|
},
|
|
1398
1472
|
{
|
|
@@ -1401,6 +1475,7 @@
|
|
|
1401
1475
|
"text": "boolean"
|
|
1402
1476
|
},
|
|
1403
1477
|
"default": "false",
|
|
1478
|
+
"description": "Visually disables the button.\nDisabled buttons are discouraged because they can hide the reason an action is unavailable.",
|
|
1404
1479
|
"fieldName": "disabled"
|
|
1405
1480
|
},
|
|
1406
1481
|
{
|
|
@@ -1408,6 +1483,7 @@
|
|
|
1408
1483
|
"type": {
|
|
1409
1484
|
"text": "string"
|
|
1410
1485
|
},
|
|
1486
|
+
"description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
|
|
1411
1487
|
"fieldName": "rel"
|
|
1412
1488
|
},
|
|
1413
1489
|
{
|
|
@@ -1416,6 +1492,7 @@
|
|
|
1416
1492
|
"text": "boolean"
|
|
1417
1493
|
},
|
|
1418
1494
|
"default": "false",
|
|
1495
|
+
"description": "Makes the button fill its parent width.\nUseful in narrow layouts where the button should span the available inline space.",
|
|
1419
1496
|
"fieldName": "fullWidth"
|
|
1420
1497
|
},
|
|
1421
1498
|
{
|
|
@@ -1423,6 +1500,7 @@
|
|
|
1423
1500
|
"type": {
|
|
1424
1501
|
"text": "string"
|
|
1425
1502
|
},
|
|
1503
|
+
"description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
|
|
1426
1504
|
"deprecated": "This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.",
|
|
1427
1505
|
"fieldName": "buttonClass"
|
|
1428
1506
|
},
|
|
@@ -1431,6 +1509,7 @@
|
|
|
1431
1509
|
"type": {
|
|
1432
1510
|
"text": "string"
|
|
1433
1511
|
},
|
|
1512
|
+
"description": "Form control name.\nUsed when the button participates in form handling.",
|
|
1434
1513
|
"fieldName": "name"
|
|
1435
1514
|
},
|
|
1436
1515
|
{
|
|
@@ -1438,7 +1517,24 @@
|
|
|
1438
1517
|
"type": {
|
|
1439
1518
|
"text": "string"
|
|
1440
1519
|
},
|
|
1520
|
+
"description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
|
|
1441
1521
|
"fieldName": "value"
|
|
1522
|
+
},
|
|
1523
|
+
{
|
|
1524
|
+
"name": "commandfor",
|
|
1525
|
+
"type": {
|
|
1526
|
+
"text": "string"
|
|
1527
|
+
},
|
|
1528
|
+
"description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
|
|
1529
|
+
"fieldName": "commandfor"
|
|
1530
|
+
},
|
|
1531
|
+
{
|
|
1532
|
+
"name": "command",
|
|
1533
|
+
"type": {
|
|
1534
|
+
"text": "string"
|
|
1535
|
+
},
|
|
1536
|
+
"description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
|
|
1537
|
+
"fieldName": "command"
|
|
1442
1538
|
}
|
|
1443
1539
|
],
|
|
1444
1540
|
"mixins": [
|
|
@@ -2139,6 +2235,7 @@
|
|
|
2139
2235
|
"text": "boolean"
|
|
2140
2236
|
},
|
|
2141
2237
|
"default": "false",
|
|
2238
|
+
"description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
|
|
2142
2239
|
"attribute": "selected",
|
|
2143
2240
|
"reflects": true
|
|
2144
2241
|
},
|
|
@@ -2149,6 +2246,7 @@
|
|
|
2149
2246
|
"text": "boolean"
|
|
2150
2247
|
},
|
|
2151
2248
|
"default": "false",
|
|
2249
|
+
"description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
|
|
2152
2250
|
"attribute": "flat"
|
|
2153
2251
|
},
|
|
2154
2252
|
{
|
|
@@ -2158,6 +2256,7 @@
|
|
|
2158
2256
|
"text": "boolean"
|
|
2159
2257
|
},
|
|
2160
2258
|
"default": "false",
|
|
2259
|
+
"description": "Whether the whole card is interactive.\n\nWhen set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice.",
|
|
2161
2260
|
"attribute": "clickable"
|
|
2162
2261
|
},
|
|
2163
2262
|
{
|
|
@@ -2187,6 +2286,7 @@
|
|
|
2187
2286
|
"text": "boolean"
|
|
2188
2287
|
},
|
|
2189
2288
|
"default": "false",
|
|
2289
|
+
"description": "Whether the card is visually selected.\n\nUse this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes.",
|
|
2190
2290
|
"fieldName": "selected"
|
|
2191
2291
|
},
|
|
2192
2292
|
{
|
|
@@ -2195,6 +2295,7 @@
|
|
|
2195
2295
|
"text": "boolean"
|
|
2196
2296
|
},
|
|
2197
2297
|
"default": "false",
|
|
2298
|
+
"description": "Whether the card uses the flat visual treatment.\n\nFlat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface.",
|
|
2198
2299
|
"fieldName": "flat"
|
|
2199
2300
|
},
|
|
2200
2301
|
{
|
|
@@ -2203,6 +2304,7 @@
|
|
|
2203
2304
|
"text": "boolean"
|
|
2204
2305
|
},
|
|
2205
2306
|
"default": "false",
|
|
2307
|
+
"description": "Whether the whole card is interactive.\n\nWhen set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice.",
|
|
2206
2308
|
"fieldName": "clickable"
|
|
2207
2309
|
}
|
|
2208
2310
|
],
|
|
@@ -4255,8 +4357,8 @@
|
|
|
4255
4357
|
"declarations": [
|
|
4256
4358
|
{
|
|
4257
4359
|
"kind": "class",
|
|
4258
|
-
"description": "Modals (or dialogs) display important information that users need to acknowledge
|
|
4259
|
-
"name": "
|
|
4360
|
+
"description": "Modals (or dialogs) display important information that users need to acknowledge.",
|
|
4361
|
+
"name": "WarpModal",
|
|
4260
4362
|
"slots": [
|
|
4261
4363
|
{
|
|
4262
4364
|
"description": "Typically where you would use the `w-modal-header` component.",
|
|
@@ -4279,6 +4381,7 @@
|
|
|
4279
4381
|
"text": "boolean"
|
|
4280
4382
|
},
|
|
4281
4383
|
"default": "false",
|
|
4384
|
+
"description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
|
|
4282
4385
|
"attribute": "show"
|
|
4283
4386
|
},
|
|
4284
4387
|
{
|
|
@@ -4296,6 +4399,7 @@
|
|
|
4296
4399
|
"text": "boolean"
|
|
4297
4400
|
},
|
|
4298
4401
|
"default": "false",
|
|
4402
|
+
"description": "Ignores clicks to the backdrop when set",
|
|
4299
4403
|
"attribute": "ignore-backdrop-clicks"
|
|
4300
4404
|
},
|
|
4301
4405
|
{
|
|
@@ -4303,21 +4407,24 @@
|
|
|
4303
4407
|
"name": "dialogEl",
|
|
4304
4408
|
"type": {
|
|
4305
4409
|
"text": "HTMLDialogElement"
|
|
4306
|
-
}
|
|
4410
|
+
},
|
|
4411
|
+
"privacy": "private"
|
|
4307
4412
|
},
|
|
4308
4413
|
{
|
|
4309
4414
|
"kind": "field",
|
|
4310
4415
|
"name": "dialogInnerEl",
|
|
4311
4416
|
"type": {
|
|
4312
4417
|
"text": "HTMLElement"
|
|
4313
|
-
}
|
|
4418
|
+
},
|
|
4419
|
+
"privacy": "private"
|
|
4314
4420
|
},
|
|
4315
4421
|
{
|
|
4316
4422
|
"kind": "field",
|
|
4317
4423
|
"name": "contentEl",
|
|
4318
4424
|
"type": {
|
|
4319
4425
|
"text": "HTMLElement"
|
|
4320
|
-
}
|
|
4426
|
+
},
|
|
4427
|
+
"privacy": "private"
|
|
4321
4428
|
},
|
|
4322
4429
|
{
|
|
4323
4430
|
"kind": "method",
|
|
@@ -4336,19 +4443,18 @@
|
|
|
4336
4443
|
{
|
|
4337
4444
|
"kind": "method",
|
|
4338
4445
|
"name": "handleListeners",
|
|
4446
|
+
"privacy": "private",
|
|
4339
4447
|
"parameters": [
|
|
4340
4448
|
{
|
|
4341
4449
|
"name": "verb",
|
|
4342
4450
|
"default": "'addEventListener'"
|
|
4343
4451
|
}
|
|
4344
|
-
]
|
|
4345
|
-
"type": {
|
|
4346
|
-
"text": "handleListeners(verb = 'addEventListener') => void"
|
|
4347
|
-
}
|
|
4452
|
+
]
|
|
4348
4453
|
},
|
|
4349
4454
|
{
|
|
4350
4455
|
"kind": "method",
|
|
4351
4456
|
"name": "eventPreventer",
|
|
4457
|
+
"privacy": "private",
|
|
4352
4458
|
"parameters": [
|
|
4353
4459
|
{
|
|
4354
4460
|
"name": "evt",
|
|
@@ -4356,14 +4462,12 @@
|
|
|
4356
4462
|
"text": "Event"
|
|
4357
4463
|
}
|
|
4358
4464
|
}
|
|
4359
|
-
]
|
|
4360
|
-
"type": {
|
|
4361
|
-
"text": "eventPreventer(evt: Event) => void"
|
|
4362
|
-
}
|
|
4465
|
+
]
|
|
4363
4466
|
},
|
|
4364
4467
|
{
|
|
4365
4468
|
"kind": "method",
|
|
4366
4469
|
"name": "closeOnBackdropClick",
|
|
4470
|
+
"privacy": "private",
|
|
4367
4471
|
"parameters": [
|
|
4368
4472
|
{
|
|
4369
4473
|
"name": "evt",
|
|
@@ -4371,14 +4475,12 @@
|
|
|
4371
4475
|
"text": "MouseEvent"
|
|
4372
4476
|
}
|
|
4373
4477
|
}
|
|
4374
|
-
]
|
|
4375
|
-
"type": {
|
|
4376
|
-
"text": "closeOnBackdropClick(evt: MouseEvent) => void"
|
|
4377
|
-
}
|
|
4478
|
+
]
|
|
4378
4479
|
},
|
|
4379
4480
|
{
|
|
4380
4481
|
"kind": "method",
|
|
4381
4482
|
"name": "interceptEscape",
|
|
4483
|
+
"privacy": "private",
|
|
4382
4484
|
"parameters": [
|
|
4383
4485
|
{
|
|
4384
4486
|
"name": "evt",
|
|
@@ -4386,17 +4488,12 @@
|
|
|
4386
4488
|
"text": "KeyboardEvent"
|
|
4387
4489
|
}
|
|
4388
4490
|
}
|
|
4389
|
-
]
|
|
4390
|
-
"type": {
|
|
4391
|
-
"text": "interceptEscape(evt: KeyboardEvent) => void"
|
|
4392
|
-
}
|
|
4491
|
+
]
|
|
4393
4492
|
},
|
|
4394
4493
|
{
|
|
4395
4494
|
"kind": "method",
|
|
4396
4495
|
"name": "modifyBorderRadius",
|
|
4397
|
-
"
|
|
4398
|
-
"text": "modifyBorderRadius() => void"
|
|
4399
|
-
}
|
|
4496
|
+
"privacy": "private"
|
|
4400
4497
|
}
|
|
4401
4498
|
],
|
|
4402
4499
|
"events": [
|
|
@@ -4420,6 +4517,7 @@
|
|
|
4420
4517
|
"text": "boolean"
|
|
4421
4518
|
},
|
|
4422
4519
|
"default": "false",
|
|
4520
|
+
"description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
|
|
4423
4521
|
"fieldName": "show"
|
|
4424
4522
|
},
|
|
4425
4523
|
{
|
|
@@ -4435,6 +4533,7 @@
|
|
|
4435
4533
|
"text": "boolean"
|
|
4436
4534
|
},
|
|
4437
4535
|
"default": "false",
|
|
4536
|
+
"description": "Ignores clicks to the backdrop when set",
|
|
4438
4537
|
"fieldName": "ignoreBackdropClicks"
|
|
4439
4538
|
}
|
|
4440
4539
|
],
|
|
@@ -4452,9 +4551,23 @@
|
|
|
4452
4551
|
"customElement": true,
|
|
4453
4552
|
"modulePath": "packages/modal/modal.ts",
|
|
4454
4553
|
"definitionPath": "packages/modal/modal.ts"
|
|
4554
|
+
},
|
|
4555
|
+
{
|
|
4556
|
+
"kind": "variable",
|
|
4557
|
+
"name": "ModalMain",
|
|
4558
|
+
"default": "WarpModal",
|
|
4559
|
+
"deprecated": "Exported for backwards compatibility. Use WarpModal."
|
|
4455
4560
|
}
|
|
4456
4561
|
],
|
|
4457
4562
|
"exports": [
|
|
4563
|
+
{
|
|
4564
|
+
"kind": "js",
|
|
4565
|
+
"name": "WarpModal",
|
|
4566
|
+
"declaration": {
|
|
4567
|
+
"name": "WarpModal",
|
|
4568
|
+
"module": "packages/modal/modal.ts"
|
|
4569
|
+
}
|
|
4570
|
+
},
|
|
4458
4571
|
{
|
|
4459
4572
|
"kind": "js",
|
|
4460
4573
|
"name": "ModalMain",
|
|
@@ -4467,7 +4580,7 @@
|
|
|
4467
4580
|
"kind": "custom-element-definition",
|
|
4468
4581
|
"name": "w-modal",
|
|
4469
4582
|
"declaration": {
|
|
4470
|
-
"name": "
|
|
4583
|
+
"name": "WarpModal",
|
|
4471
4584
|
"module": "packages/modal/modal.ts"
|
|
4472
4585
|
}
|
|
4473
4586
|
}
|
|
@@ -4479,8 +4592,8 @@
|
|
|
4479
4592
|
"declarations": [
|
|
4480
4593
|
{
|
|
4481
4594
|
"kind": "class",
|
|
4482
|
-
"description": "The footer section of a modal, typically where you place actions
|
|
4483
|
-
"name": "
|
|
4595
|
+
"description": "The footer section of a modal, typically where you place actions.",
|
|
4596
|
+
"name": "WarpModalFooter",
|
|
4484
4597
|
"members": [],
|
|
4485
4598
|
"mixins": [
|
|
4486
4599
|
{
|
|
@@ -4496,13 +4609,31 @@
|
|
|
4496
4609
|
"name": "LitElement",
|
|
4497
4610
|
"package": "lit"
|
|
4498
4611
|
},
|
|
4612
|
+
"parent": {
|
|
4613
|
+
"name": "w-modal",
|
|
4614
|
+
"description": ""
|
|
4615
|
+
},
|
|
4499
4616
|
"tagName": "w-modal-footer",
|
|
4500
4617
|
"customElement": true,
|
|
4501
4618
|
"modulePath": "packages/modal-footer/modal-footer.ts",
|
|
4502
4619
|
"definitionPath": "packages/modal-footer/modal-footer.ts"
|
|
4620
|
+
},
|
|
4621
|
+
{
|
|
4622
|
+
"kind": "variable",
|
|
4623
|
+
"name": "ModalFooter",
|
|
4624
|
+
"default": "WarpModalFooter",
|
|
4625
|
+
"deprecated": "Exported for backwards compatibility. Use WarpModalFooter."
|
|
4503
4626
|
}
|
|
4504
4627
|
],
|
|
4505
4628
|
"exports": [
|
|
4629
|
+
{
|
|
4630
|
+
"kind": "js",
|
|
4631
|
+
"name": "WarpModalFooter",
|
|
4632
|
+
"declaration": {
|
|
4633
|
+
"name": "WarpModalFooter",
|
|
4634
|
+
"module": "packages/modal-footer/modal-footer.ts"
|
|
4635
|
+
}
|
|
4636
|
+
},
|
|
4506
4637
|
{
|
|
4507
4638
|
"kind": "js",
|
|
4508
4639
|
"name": "ModalFooter",
|
|
@@ -4515,7 +4646,7 @@
|
|
|
4515
4646
|
"kind": "custom-element-definition",
|
|
4516
4647
|
"name": "w-modal-footer",
|
|
4517
4648
|
"declaration": {
|
|
4518
|
-
"name": "
|
|
4649
|
+
"name": "WarpModalFooter",
|
|
4519
4650
|
"module": "packages/modal-footer/modal-footer.ts"
|
|
4520
4651
|
}
|
|
4521
4652
|
}
|
|
@@ -4527,8 +4658,8 @@
|
|
|
4527
4658
|
"declarations": [
|
|
4528
4659
|
{
|
|
4529
4660
|
"kind": "class",
|
|
4530
|
-
"description": "The header section of a modal, typically where you place the title and a close button
|
|
4531
|
-
"name": "
|
|
4661
|
+
"description": "The header section of a modal, typically where you place the title and a close button.",
|
|
4662
|
+
"name": "WarpModalHeader",
|
|
4532
4663
|
"slots": [
|
|
4533
4664
|
{
|
|
4534
4665
|
"description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
|
|
@@ -4542,6 +4673,7 @@
|
|
|
4542
4673
|
"type": {
|
|
4543
4674
|
"text": "string"
|
|
4544
4675
|
},
|
|
4676
|
+
"description": "A short but descriptive title for the modal",
|
|
4545
4677
|
"attribute": "title"
|
|
4546
4678
|
},
|
|
4547
4679
|
{
|
|
@@ -4551,6 +4683,7 @@
|
|
|
4551
4683
|
"text": "boolean"
|
|
4552
4684
|
},
|
|
4553
4685
|
"default": "false",
|
|
4686
|
+
"description": "Whether the modal header should have a back button",
|
|
4554
4687
|
"attribute": "back"
|
|
4555
4688
|
},
|
|
4556
4689
|
{
|
|
@@ -4560,48 +4693,61 @@
|
|
|
4560
4693
|
"text": "boolean"
|
|
4561
4694
|
},
|
|
4562
4695
|
"default": "false",
|
|
4696
|
+
"description": "Lets you hide the close button in the header",
|
|
4563
4697
|
"attribute": "no-close"
|
|
4564
4698
|
},
|
|
4699
|
+
{
|
|
4700
|
+
"kind": "field",
|
|
4701
|
+
"name": "_hasTopContent",
|
|
4702
|
+
"type": {
|
|
4703
|
+
"text": "boolean"
|
|
4704
|
+
},
|
|
4705
|
+
"privacy": "private",
|
|
4706
|
+
"default": "false"
|
|
4707
|
+
},
|
|
4565
4708
|
{
|
|
4566
4709
|
"kind": "field",
|
|
4567
4710
|
"name": "titleEl",
|
|
4568
4711
|
"type": {
|
|
4569
4712
|
"text": "HTMLElement"
|
|
4570
|
-
}
|
|
4713
|
+
},
|
|
4714
|
+
"privacy": "private"
|
|
4571
4715
|
},
|
|
4572
4716
|
{
|
|
4573
4717
|
"kind": "field",
|
|
4574
4718
|
"name": "titleClasses",
|
|
4719
|
+
"privacy": "private",
|
|
4575
4720
|
"readonly": true
|
|
4576
4721
|
},
|
|
4577
4722
|
{
|
|
4578
4723
|
"kind": "field",
|
|
4579
4724
|
"name": "backButton",
|
|
4725
|
+
"privacy": "private",
|
|
4580
4726
|
"readonly": true
|
|
4581
4727
|
},
|
|
4582
4728
|
{
|
|
4583
4729
|
"kind": "field",
|
|
4584
4730
|
"name": "closeButton",
|
|
4731
|
+
"privacy": "private",
|
|
4585
4732
|
"readonly": true
|
|
4586
4733
|
},
|
|
4587
4734
|
{
|
|
4588
4735
|
"kind": "method",
|
|
4589
4736
|
"name": "emitBack",
|
|
4590
|
-
"
|
|
4591
|
-
"text": "emitBack() => void"
|
|
4592
|
-
}
|
|
4737
|
+
"privacy": "private"
|
|
4593
4738
|
},
|
|
4594
4739
|
{
|
|
4595
4740
|
"kind": "method",
|
|
4596
4741
|
"name": "handleTopSlotChange",
|
|
4742
|
+
"privacy": "private",
|
|
4597
4743
|
"parameters": [
|
|
4598
4744
|
{
|
|
4599
|
-
"name": "slotEvent"
|
|
4745
|
+
"name": "slotEvent",
|
|
4746
|
+
"type": {
|
|
4747
|
+
"text": "Event"
|
|
4748
|
+
}
|
|
4600
4749
|
}
|
|
4601
|
-
]
|
|
4602
|
-
"type": {
|
|
4603
|
-
"text": "handleTopSlotChange(slotEvent) => void"
|
|
4604
|
-
}
|
|
4750
|
+
]
|
|
4605
4751
|
}
|
|
4606
4752
|
],
|
|
4607
4753
|
"events": [
|
|
@@ -4618,6 +4764,7 @@
|
|
|
4618
4764
|
"type": {
|
|
4619
4765
|
"text": "string"
|
|
4620
4766
|
},
|
|
4767
|
+
"description": "A short but descriptive title for the modal",
|
|
4621
4768
|
"fieldName": "title"
|
|
4622
4769
|
},
|
|
4623
4770
|
{
|
|
@@ -4626,6 +4773,7 @@
|
|
|
4626
4773
|
"text": "boolean"
|
|
4627
4774
|
},
|
|
4628
4775
|
"default": "false",
|
|
4776
|
+
"description": "Whether the modal header should have a back button",
|
|
4629
4777
|
"fieldName": "back"
|
|
4630
4778
|
},
|
|
4631
4779
|
{
|
|
@@ -4634,6 +4782,7 @@
|
|
|
4634
4782
|
"text": "boolean"
|
|
4635
4783
|
},
|
|
4636
4784
|
"default": "false",
|
|
4785
|
+
"description": "Lets you hide the close button in the header",
|
|
4637
4786
|
"fieldName": "noClose"
|
|
4638
4787
|
}
|
|
4639
4788
|
],
|
|
@@ -4647,13 +4796,31 @@
|
|
|
4647
4796
|
"name": "LitElement",
|
|
4648
4797
|
"package": "lit"
|
|
4649
4798
|
},
|
|
4799
|
+
"parent": {
|
|
4800
|
+
"name": "w-modal",
|
|
4801
|
+
"description": ""
|
|
4802
|
+
},
|
|
4650
4803
|
"tagName": "w-modal-header",
|
|
4651
4804
|
"customElement": true,
|
|
4652
4805
|
"modulePath": "packages/modal-header/modal-header.ts",
|
|
4653
4806
|
"definitionPath": "packages/modal-header/modal-header.ts"
|
|
4807
|
+
},
|
|
4808
|
+
{
|
|
4809
|
+
"kind": "variable",
|
|
4810
|
+
"name": "ModalHeader",
|
|
4811
|
+
"default": "WarpModalHeader",
|
|
4812
|
+
"deprecated": "Exported for backwards compatibility. Use WarpModalHeader."
|
|
4654
4813
|
}
|
|
4655
4814
|
],
|
|
4656
4815
|
"exports": [
|
|
4816
|
+
{
|
|
4817
|
+
"kind": "js",
|
|
4818
|
+
"name": "WarpModalHeader",
|
|
4819
|
+
"declaration": {
|
|
4820
|
+
"name": "WarpModalHeader",
|
|
4821
|
+
"module": "packages/modal-header/modal-header.ts"
|
|
4822
|
+
}
|
|
4823
|
+
},
|
|
4657
4824
|
{
|
|
4658
4825
|
"kind": "js",
|
|
4659
4826
|
"name": "ModalHeader",
|
|
@@ -4666,7 +4833,7 @@
|
|
|
4666
4833
|
"kind": "custom-element-definition",
|
|
4667
4834
|
"name": "w-modal-header",
|
|
4668
4835
|
"declaration": {
|
|
4669
|
-
"name": "
|
|
4836
|
+
"name": "WarpModalHeader",
|
|
4670
4837
|
"module": "packages/modal-header/modal-header.ts"
|
|
4671
4838
|
}
|
|
4672
4839
|
}
|
|
@@ -4678,7 +4845,7 @@
|
|
|
4678
4845
|
"declarations": [
|
|
4679
4846
|
{
|
|
4680
4847
|
"kind": "class",
|
|
4681
|
-
"description": "A page indicator component that displays a series of dots representing pages.\nOne dot is highlighted to indicate the currently selected page.",
|
|
4848
|
+
"description": "A page indicator component that displays a series of dots representing pages.\n\nOne dot is highlighted to indicate the currently selected page.",
|
|
4682
4849
|
"name": "WarpPageIndicator",
|
|
4683
4850
|
"members": [
|
|
4684
4851
|
{
|
|
@@ -4687,7 +4854,8 @@
|
|
|
4687
4854
|
"type": {
|
|
4688
4855
|
"text": "number"
|
|
4689
4856
|
},
|
|
4690
|
-
"description": "Currently selected page (1-based index
|
|
4857
|
+
"description": "Currently selected page (1-based index)",
|
|
4858
|
+
"default": "1",
|
|
4691
4859
|
"attribute": "selected-page",
|
|
4692
4860
|
"reflects": true
|
|
4693
4861
|
},
|
|
@@ -4697,7 +4865,8 @@
|
|
|
4697
4865
|
"type": {
|
|
4698
4866
|
"text": "number"
|
|
4699
4867
|
},
|
|
4700
|
-
"description": "Total number of pages
|
|
4868
|
+
"description": "Total number of pages",
|
|
4869
|
+
"default": "1",
|
|
4701
4870
|
"attribute": "page-count",
|
|
4702
4871
|
"reflects": true
|
|
4703
4872
|
},
|
|
@@ -4728,7 +4897,8 @@
|
|
|
4728
4897
|
"type": {
|
|
4729
4898
|
"text": "number"
|
|
4730
4899
|
},
|
|
4731
|
-
"description": "Currently selected page (1-based index
|
|
4900
|
+
"description": "Currently selected page (1-based index)",
|
|
4901
|
+
"default": "1",
|
|
4732
4902
|
"fieldName": "selectedPage"
|
|
4733
4903
|
},
|
|
4734
4904
|
{
|
|
@@ -4736,7 +4906,8 @@
|
|
|
4736
4906
|
"type": {
|
|
4737
4907
|
"text": "number"
|
|
4738
4908
|
},
|
|
4739
|
-
"description": "Total number of pages
|
|
4909
|
+
"description": "Total number of pages",
|
|
4910
|
+
"default": "1",
|
|
4740
4911
|
"fieldName": "pageCount"
|
|
4741
4912
|
}
|
|
4742
4913
|
],
|
|
@@ -4775,7 +4946,7 @@
|
|
|
4775
4946
|
"declarations": [
|
|
4776
4947
|
{
|
|
4777
4948
|
"kind": "class",
|
|
4778
|
-
"description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows
|
|
4949
|
+
"description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.",
|
|
4779
4950
|
"name": "WarpPagination",
|
|
4780
4951
|
"members": [
|
|
4781
4952
|
{
|
|
@@ -4784,6 +4955,7 @@
|
|
|
4784
4955
|
"type": {
|
|
4785
4956
|
"text": "string"
|
|
4786
4957
|
},
|
|
4958
|
+
"description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
|
|
4787
4959
|
"attribute": "base-url",
|
|
4788
4960
|
"reflects": true
|
|
4789
4961
|
},
|
|
@@ -4793,6 +4965,7 @@
|
|
|
4793
4965
|
"type": {
|
|
4794
4966
|
"text": "number"
|
|
4795
4967
|
},
|
|
4968
|
+
"description": "The total number of pages.",
|
|
4796
4969
|
"attribute": "pages",
|
|
4797
4970
|
"reflects": true
|
|
4798
4971
|
},
|
|
@@ -4802,6 +4975,8 @@
|
|
|
4802
4975
|
"type": {
|
|
4803
4976
|
"text": "number"
|
|
4804
4977
|
},
|
|
4978
|
+
"description": "The currently active page number.",
|
|
4979
|
+
"default": "1",
|
|
4805
4980
|
"attribute": "current-page",
|
|
4806
4981
|
"reflects": true
|
|
4807
4982
|
},
|
|
@@ -4811,6 +4986,8 @@
|
|
|
4811
4986
|
"type": {
|
|
4812
4987
|
"text": "number"
|
|
4813
4988
|
},
|
|
4989
|
+
"description": "The maximum number of page numbers visible.",
|
|
4990
|
+
"default": "7",
|
|
4814
4991
|
"attribute": "visible-pages",
|
|
4815
4992
|
"reflects": true
|
|
4816
4993
|
},
|
|
@@ -4834,7 +5011,7 @@
|
|
|
4834
5011
|
"type": {
|
|
4835
5012
|
"text": "CustomEvent"
|
|
4836
5013
|
},
|
|
4837
|
-
"description": "Triggered when a link
|
|
5014
|
+
"description": "Triggered when a link in the pagination is clicked. Contains the page number in `string` form."
|
|
4838
5015
|
}
|
|
4839
5016
|
],
|
|
4840
5017
|
"attributes": [
|
|
@@ -4843,6 +5020,7 @@
|
|
|
4843
5020
|
"type": {
|
|
4844
5021
|
"text": "string"
|
|
4845
5022
|
},
|
|
5023
|
+
"description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
|
|
4846
5024
|
"fieldName": "baseUrl"
|
|
4847
5025
|
},
|
|
4848
5026
|
{
|
|
@@ -4850,6 +5028,7 @@
|
|
|
4850
5028
|
"type": {
|
|
4851
5029
|
"text": "number"
|
|
4852
5030
|
},
|
|
5031
|
+
"description": "The total number of pages.",
|
|
4853
5032
|
"fieldName": "pages"
|
|
4854
5033
|
},
|
|
4855
5034
|
{
|
|
@@ -4857,6 +5036,8 @@
|
|
|
4857
5036
|
"type": {
|
|
4858
5037
|
"text": "number"
|
|
4859
5038
|
},
|
|
5039
|
+
"description": "The currently active page number.",
|
|
5040
|
+
"default": "1",
|
|
4860
5041
|
"fieldName": "currentPageNumber"
|
|
4861
5042
|
},
|
|
4862
5043
|
{
|
|
@@ -4864,6 +5045,8 @@
|
|
|
4864
5045
|
"type": {
|
|
4865
5046
|
"text": "number"
|
|
4866
5047
|
},
|
|
5048
|
+
"description": "The maximum number of page numbers visible.",
|
|
5049
|
+
"default": "7",
|
|
4867
5050
|
"fieldName": "visiblePages"
|
|
4868
5051
|
}
|
|
4869
5052
|
],
|
|
@@ -4902,7 +5085,7 @@
|
|
|
4902
5085
|
"declarations": [
|
|
4903
5086
|
{
|
|
4904
5087
|
"kind": "class",
|
|
4905
|
-
"description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc
|
|
5088
|
+
"description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.",
|
|
4906
5089
|
"name": "WarpPill",
|
|
4907
5090
|
"members": [
|
|
4908
5091
|
{
|
|
@@ -4912,6 +5095,7 @@
|
|
|
4912
5095
|
"text": "boolean"
|
|
4913
5096
|
},
|
|
4914
5097
|
"default": "false",
|
|
5098
|
+
"description": "Whether the pill should be removable via a close button.",
|
|
4915
5099
|
"attribute": "can-close"
|
|
4916
5100
|
},
|
|
4917
5101
|
{
|
|
@@ -4921,6 +5105,7 @@
|
|
|
4921
5105
|
"text": "boolean"
|
|
4922
5106
|
},
|
|
4923
5107
|
"default": "false",
|
|
5108
|
+
"description": "Whether the pill should be rendered as a suggestion.",
|
|
4924
5109
|
"attribute": "suggestion"
|
|
4925
5110
|
},
|
|
4926
5111
|
{
|
|
@@ -4938,6 +5123,7 @@
|
|
|
4938
5123
|
"type": {
|
|
4939
5124
|
"text": "string"
|
|
4940
5125
|
},
|
|
5126
|
+
"description": "Label read by screen readers when targeting the pill.",
|
|
4941
5127
|
"attribute": "open-aria-label"
|
|
4942
5128
|
},
|
|
4943
5129
|
{
|
|
@@ -4955,15 +5141,46 @@
|
|
|
4955
5141
|
"type": {
|
|
4956
5142
|
"text": "string"
|
|
4957
5143
|
},
|
|
5144
|
+
"description": "Label read by screen readers when targeting the close button.",
|
|
4958
5145
|
"attribute": "close-aria-label"
|
|
4959
5146
|
},
|
|
4960
5147
|
{
|
|
4961
5148
|
"kind": "field",
|
|
4962
|
-
"name": "openFilterSrText"
|
|
5149
|
+
"name": "openFilterSrText",
|
|
5150
|
+
"type": {
|
|
5151
|
+
"text": "string"
|
|
5152
|
+
},
|
|
5153
|
+
"privacy": "private"
|
|
4963
5154
|
},
|
|
4964
5155
|
{
|
|
4965
5156
|
"kind": "field",
|
|
4966
|
-
"name": "removeFilterSrText"
|
|
5157
|
+
"name": "removeFilterSrText",
|
|
5158
|
+
"type": {
|
|
5159
|
+
"text": "string"
|
|
5160
|
+
},
|
|
5161
|
+
"privacy": "private"
|
|
5162
|
+
},
|
|
5163
|
+
{
|
|
5164
|
+
"kind": "field",
|
|
5165
|
+
"name": "_labelClasses",
|
|
5166
|
+
"privacy": "private",
|
|
5167
|
+
"readonly": true
|
|
5168
|
+
},
|
|
5169
|
+
{
|
|
5170
|
+
"kind": "field",
|
|
5171
|
+
"name": "_closeClasses",
|
|
5172
|
+
"privacy": "private",
|
|
5173
|
+
"readonly": true
|
|
5174
|
+
},
|
|
5175
|
+
{
|
|
5176
|
+
"kind": "method",
|
|
5177
|
+
"name": "_onClick",
|
|
5178
|
+
"privacy": "private"
|
|
5179
|
+
},
|
|
5180
|
+
{
|
|
5181
|
+
"kind": "method",
|
|
5182
|
+
"name": "_onClose",
|
|
5183
|
+
"privacy": "private"
|
|
4967
5184
|
}
|
|
4968
5185
|
],
|
|
4969
5186
|
"events": [
|
|
@@ -4971,13 +5188,15 @@
|
|
|
4971
5188
|
"name": "w-pill-click",
|
|
4972
5189
|
"type": {
|
|
4973
5190
|
"text": "CustomEvent"
|
|
4974
|
-
}
|
|
5191
|
+
},
|
|
5192
|
+
"description": "Fires when the pill itself is clicked."
|
|
4975
5193
|
},
|
|
4976
5194
|
{
|
|
4977
5195
|
"name": "w-pill-close",
|
|
4978
5196
|
"type": {
|
|
4979
5197
|
"text": "CustomEvent"
|
|
4980
|
-
}
|
|
5198
|
+
},
|
|
5199
|
+
"description": "Fires when the pill's close button is clicked."
|
|
4981
5200
|
}
|
|
4982
5201
|
],
|
|
4983
5202
|
"attributes": [
|
|
@@ -4987,6 +5206,7 @@
|
|
|
4987
5206
|
"text": "boolean"
|
|
4988
5207
|
},
|
|
4989
5208
|
"default": "false",
|
|
5209
|
+
"description": "Whether the pill should be removable via a close button.",
|
|
4990
5210
|
"fieldName": "canClose"
|
|
4991
5211
|
},
|
|
4992
5212
|
{
|
|
@@ -4995,6 +5215,7 @@
|
|
|
4995
5215
|
"text": "boolean"
|
|
4996
5216
|
},
|
|
4997
5217
|
"default": "false",
|
|
5218
|
+
"description": "Whether the pill should be rendered as a suggestion.",
|
|
4998
5219
|
"fieldName": "suggestion"
|
|
4999
5220
|
},
|
|
5000
5221
|
{
|
|
@@ -5010,6 +5231,7 @@
|
|
|
5010
5231
|
"type": {
|
|
5011
5232
|
"text": "string"
|
|
5012
5233
|
},
|
|
5234
|
+
"description": "Label read by screen readers when targeting the pill.",
|
|
5013
5235
|
"fieldName": "openAriaLabel"
|
|
5014
5236
|
},
|
|
5015
5237
|
{
|
|
@@ -5025,6 +5247,7 @@
|
|
|
5025
5247
|
"type": {
|
|
5026
5248
|
"text": "string"
|
|
5027
5249
|
},
|
|
5250
|
+
"description": "Label read by screen readers when targeting the close button.",
|
|
5028
5251
|
"fieldName": "closeAriaLabel"
|
|
5029
5252
|
}
|
|
5030
5253
|
],
|