@genesislcap/foundation-ui 14.312.1 → 14.313.0
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 +278 -215
- package/dist/dts/stepper/stepper.d.ts +18 -0
- package/dist/dts/stepper/stepper.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.template.d.ts.map +1 -1
- package/dist/esm/stepper/stepper.js +68 -1
- package/dist/esm/stepper/stepper.template.js +14 -12
- package/package.json +18 -18
|
@@ -892,6 +892,37 @@
|
|
|
892
892
|
}
|
|
893
893
|
]
|
|
894
894
|
},
|
|
895
|
+
{
|
|
896
|
+
"kind": "javascript-module",
|
|
897
|
+
"path": "src/_config/index.ts",
|
|
898
|
+
"declarations": [],
|
|
899
|
+
"exports": [
|
|
900
|
+
{
|
|
901
|
+
"kind": "js",
|
|
902
|
+
"name": "*",
|
|
903
|
+
"declaration": {
|
|
904
|
+
"name": "*",
|
|
905
|
+
"package": "./styles"
|
|
906
|
+
}
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"kind": "js",
|
|
910
|
+
"name": "*",
|
|
911
|
+
"declaration": {
|
|
912
|
+
"name": "*",
|
|
913
|
+
"package": "./tokens"
|
|
914
|
+
}
|
|
915
|
+
},
|
|
916
|
+
{
|
|
917
|
+
"kind": "js",
|
|
918
|
+
"name": "*",
|
|
919
|
+
"declaration": {
|
|
920
|
+
"name": "*",
|
|
921
|
+
"package": "./values"
|
|
922
|
+
}
|
|
923
|
+
}
|
|
924
|
+
]
|
|
925
|
+
},
|
|
895
926
|
{
|
|
896
927
|
"kind": "javascript-module",
|
|
897
928
|
"path": "src/_common/base-file-component.ts",
|
|
@@ -1255,219 +1286,6 @@
|
|
|
1255
1286
|
}
|
|
1256
1287
|
]
|
|
1257
1288
|
},
|
|
1258
|
-
{
|
|
1259
|
-
"kind": "javascript-module",
|
|
1260
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
1261
|
-
"declarations": [
|
|
1262
|
-
{
|
|
1263
|
-
"kind": "function",
|
|
1264
|
-
"name": "foundationAccordionStyles",
|
|
1265
|
-
"return": {
|
|
1266
|
-
"type": {
|
|
1267
|
-
"text": "ElementStyles"
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
|
-
"parameters": [
|
|
1271
|
-
{
|
|
1272
|
-
"name": "context",
|
|
1273
|
-
"type": {
|
|
1274
|
-
"text": "ElementDefinitionContext"
|
|
1275
|
-
}
|
|
1276
|
-
},
|
|
1277
|
-
{
|
|
1278
|
-
"name": "definition",
|
|
1279
|
-
"type": {
|
|
1280
|
-
"text": "FoundationElementDefinition"
|
|
1281
|
-
}
|
|
1282
|
-
}
|
|
1283
|
-
]
|
|
1284
|
-
}
|
|
1285
|
-
],
|
|
1286
|
-
"exports": [
|
|
1287
|
-
{
|
|
1288
|
-
"kind": "js",
|
|
1289
|
-
"name": "foundationAccordionStyles",
|
|
1290
|
-
"declaration": {
|
|
1291
|
-
"name": "foundationAccordionStyles",
|
|
1292
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
1293
|
-
}
|
|
1294
|
-
}
|
|
1295
|
-
]
|
|
1296
|
-
},
|
|
1297
|
-
{
|
|
1298
|
-
"kind": "javascript-module",
|
|
1299
|
-
"path": "src/accordion/accordion.template.ts",
|
|
1300
|
-
"declarations": [
|
|
1301
|
-
{
|
|
1302
|
-
"kind": "function",
|
|
1303
|
-
"name": "foundationAccordionTemplate",
|
|
1304
|
-
"return": {
|
|
1305
|
-
"type": {
|
|
1306
|
-
"text": "ViewTemplate<Accordion>"
|
|
1307
|
-
}
|
|
1308
|
-
},
|
|
1309
|
-
"parameters": [
|
|
1310
|
-
{
|
|
1311
|
-
"name": "context",
|
|
1312
|
-
"type": {
|
|
1313
|
-
"text": "ElementDefinitionContext"
|
|
1314
|
-
}
|
|
1315
|
-
},
|
|
1316
|
-
{
|
|
1317
|
-
"name": "definition",
|
|
1318
|
-
"type": {
|
|
1319
|
-
"text": "FoundationElementDefinition"
|
|
1320
|
-
}
|
|
1321
|
-
}
|
|
1322
|
-
]
|
|
1323
|
-
}
|
|
1324
|
-
],
|
|
1325
|
-
"exports": [
|
|
1326
|
-
{
|
|
1327
|
-
"kind": "js",
|
|
1328
|
-
"name": "foundationAccordionTemplate",
|
|
1329
|
-
"declaration": {
|
|
1330
|
-
"name": "foundationAccordionTemplate",
|
|
1331
|
-
"module": "src/accordion/accordion.template.ts"
|
|
1332
|
-
}
|
|
1333
|
-
}
|
|
1334
|
-
]
|
|
1335
|
-
},
|
|
1336
|
-
{
|
|
1337
|
-
"kind": "javascript-module",
|
|
1338
|
-
"path": "src/accordion/accordion.ts",
|
|
1339
|
-
"declarations": [
|
|
1340
|
-
{
|
|
1341
|
-
"kind": "class",
|
|
1342
|
-
"description": "",
|
|
1343
|
-
"name": "Accordion",
|
|
1344
|
-
"superclass": {
|
|
1345
|
-
"name": "FASTAccordion",
|
|
1346
|
-
"package": "@microsoft/fast-foundation"
|
|
1347
|
-
},
|
|
1348
|
-
"tagName": "%%prefix%%-accordion",
|
|
1349
|
-
"customElement": true
|
|
1350
|
-
},
|
|
1351
|
-
{
|
|
1352
|
-
"kind": "variable",
|
|
1353
|
-
"name": "foundationAccordionShadowOptions",
|
|
1354
|
-
"type": {
|
|
1355
|
-
"text": "ShadowRootInit"
|
|
1356
|
-
},
|
|
1357
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1358
|
-
},
|
|
1359
|
-
{
|
|
1360
|
-
"kind": "variable",
|
|
1361
|
-
"name": "defaultAccordionConfig",
|
|
1362
|
-
"type": {
|
|
1363
|
-
"text": "object"
|
|
1364
|
-
},
|
|
1365
|
-
"default": "{}"
|
|
1366
|
-
},
|
|
1367
|
-
{
|
|
1368
|
-
"kind": "variable",
|
|
1369
|
-
"name": "foundationAccordion",
|
|
1370
|
-
"description": "The Foundation Accordion",
|
|
1371
|
-
"privacy": "public"
|
|
1372
|
-
}
|
|
1373
|
-
],
|
|
1374
|
-
"exports": [
|
|
1375
|
-
{
|
|
1376
|
-
"kind": "js",
|
|
1377
|
-
"name": "Accordion",
|
|
1378
|
-
"declaration": {
|
|
1379
|
-
"name": "Accordion",
|
|
1380
|
-
"module": "src/accordion/accordion.ts"
|
|
1381
|
-
}
|
|
1382
|
-
},
|
|
1383
|
-
{
|
|
1384
|
-
"kind": "js",
|
|
1385
|
-
"name": "foundationAccordionShadowOptions",
|
|
1386
|
-
"declaration": {
|
|
1387
|
-
"name": "foundationAccordionShadowOptions",
|
|
1388
|
-
"module": "src/accordion/accordion.ts"
|
|
1389
|
-
}
|
|
1390
|
-
},
|
|
1391
|
-
{
|
|
1392
|
-
"kind": "js",
|
|
1393
|
-
"name": "defaultAccordionConfig",
|
|
1394
|
-
"declaration": {
|
|
1395
|
-
"name": "defaultAccordionConfig",
|
|
1396
|
-
"module": "src/accordion/accordion.ts"
|
|
1397
|
-
}
|
|
1398
|
-
},
|
|
1399
|
-
{
|
|
1400
|
-
"kind": "js",
|
|
1401
|
-
"name": "foundationAccordion",
|
|
1402
|
-
"declaration": {
|
|
1403
|
-
"name": "foundationAccordion",
|
|
1404
|
-
"module": "src/accordion/accordion.ts"
|
|
1405
|
-
}
|
|
1406
|
-
}
|
|
1407
|
-
]
|
|
1408
|
-
},
|
|
1409
|
-
{
|
|
1410
|
-
"kind": "javascript-module",
|
|
1411
|
-
"path": "src/accordion/index.ts",
|
|
1412
|
-
"declarations": [],
|
|
1413
|
-
"exports": [
|
|
1414
|
-
{
|
|
1415
|
-
"kind": "js",
|
|
1416
|
-
"name": "*",
|
|
1417
|
-
"declaration": {
|
|
1418
|
-
"name": "*",
|
|
1419
|
-
"package": "./accordion.template"
|
|
1420
|
-
}
|
|
1421
|
-
},
|
|
1422
|
-
{
|
|
1423
|
-
"kind": "js",
|
|
1424
|
-
"name": "*",
|
|
1425
|
-
"declaration": {
|
|
1426
|
-
"name": "*",
|
|
1427
|
-
"package": "./accordion.styles"
|
|
1428
|
-
}
|
|
1429
|
-
},
|
|
1430
|
-
{
|
|
1431
|
-
"kind": "js",
|
|
1432
|
-
"name": "*",
|
|
1433
|
-
"declaration": {
|
|
1434
|
-
"name": "*",
|
|
1435
|
-
"package": "./accordion"
|
|
1436
|
-
}
|
|
1437
|
-
}
|
|
1438
|
-
]
|
|
1439
|
-
},
|
|
1440
|
-
{
|
|
1441
|
-
"kind": "javascript-module",
|
|
1442
|
-
"path": "src/_config/index.ts",
|
|
1443
|
-
"declarations": [],
|
|
1444
|
-
"exports": [
|
|
1445
|
-
{
|
|
1446
|
-
"kind": "js",
|
|
1447
|
-
"name": "*",
|
|
1448
|
-
"declaration": {
|
|
1449
|
-
"name": "*",
|
|
1450
|
-
"package": "./styles"
|
|
1451
|
-
}
|
|
1452
|
-
},
|
|
1453
|
-
{
|
|
1454
|
-
"kind": "js",
|
|
1455
|
-
"name": "*",
|
|
1456
|
-
"declaration": {
|
|
1457
|
-
"name": "*",
|
|
1458
|
-
"package": "./tokens"
|
|
1459
|
-
}
|
|
1460
|
-
},
|
|
1461
|
-
{
|
|
1462
|
-
"kind": "js",
|
|
1463
|
-
"name": "*",
|
|
1464
|
-
"declaration": {
|
|
1465
|
-
"name": "*",
|
|
1466
|
-
"package": "./values"
|
|
1467
|
-
}
|
|
1468
|
-
}
|
|
1469
|
-
]
|
|
1470
|
-
},
|
|
1471
1289
|
{
|
|
1472
1290
|
"kind": "javascript-module",
|
|
1473
1291
|
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
@@ -2941,6 +2759,188 @@
|
|
|
2941
2759
|
}
|
|
2942
2760
|
]
|
|
2943
2761
|
},
|
|
2762
|
+
{
|
|
2763
|
+
"kind": "javascript-module",
|
|
2764
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
2765
|
+
"declarations": [
|
|
2766
|
+
{
|
|
2767
|
+
"kind": "function",
|
|
2768
|
+
"name": "foundationAccordionStyles",
|
|
2769
|
+
"return": {
|
|
2770
|
+
"type": {
|
|
2771
|
+
"text": "ElementStyles"
|
|
2772
|
+
}
|
|
2773
|
+
},
|
|
2774
|
+
"parameters": [
|
|
2775
|
+
{
|
|
2776
|
+
"name": "context",
|
|
2777
|
+
"type": {
|
|
2778
|
+
"text": "ElementDefinitionContext"
|
|
2779
|
+
}
|
|
2780
|
+
},
|
|
2781
|
+
{
|
|
2782
|
+
"name": "definition",
|
|
2783
|
+
"type": {
|
|
2784
|
+
"text": "FoundationElementDefinition"
|
|
2785
|
+
}
|
|
2786
|
+
}
|
|
2787
|
+
]
|
|
2788
|
+
}
|
|
2789
|
+
],
|
|
2790
|
+
"exports": [
|
|
2791
|
+
{
|
|
2792
|
+
"kind": "js",
|
|
2793
|
+
"name": "foundationAccordionStyles",
|
|
2794
|
+
"declaration": {
|
|
2795
|
+
"name": "foundationAccordionStyles",
|
|
2796
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
2797
|
+
}
|
|
2798
|
+
}
|
|
2799
|
+
]
|
|
2800
|
+
},
|
|
2801
|
+
{
|
|
2802
|
+
"kind": "javascript-module",
|
|
2803
|
+
"path": "src/accordion/accordion.template.ts",
|
|
2804
|
+
"declarations": [
|
|
2805
|
+
{
|
|
2806
|
+
"kind": "function",
|
|
2807
|
+
"name": "foundationAccordionTemplate",
|
|
2808
|
+
"return": {
|
|
2809
|
+
"type": {
|
|
2810
|
+
"text": "ViewTemplate<Accordion>"
|
|
2811
|
+
}
|
|
2812
|
+
},
|
|
2813
|
+
"parameters": [
|
|
2814
|
+
{
|
|
2815
|
+
"name": "context",
|
|
2816
|
+
"type": {
|
|
2817
|
+
"text": "ElementDefinitionContext"
|
|
2818
|
+
}
|
|
2819
|
+
},
|
|
2820
|
+
{
|
|
2821
|
+
"name": "definition",
|
|
2822
|
+
"type": {
|
|
2823
|
+
"text": "FoundationElementDefinition"
|
|
2824
|
+
}
|
|
2825
|
+
}
|
|
2826
|
+
]
|
|
2827
|
+
}
|
|
2828
|
+
],
|
|
2829
|
+
"exports": [
|
|
2830
|
+
{
|
|
2831
|
+
"kind": "js",
|
|
2832
|
+
"name": "foundationAccordionTemplate",
|
|
2833
|
+
"declaration": {
|
|
2834
|
+
"name": "foundationAccordionTemplate",
|
|
2835
|
+
"module": "src/accordion/accordion.template.ts"
|
|
2836
|
+
}
|
|
2837
|
+
}
|
|
2838
|
+
]
|
|
2839
|
+
},
|
|
2840
|
+
{
|
|
2841
|
+
"kind": "javascript-module",
|
|
2842
|
+
"path": "src/accordion/accordion.ts",
|
|
2843
|
+
"declarations": [
|
|
2844
|
+
{
|
|
2845
|
+
"kind": "class",
|
|
2846
|
+
"description": "",
|
|
2847
|
+
"name": "Accordion",
|
|
2848
|
+
"superclass": {
|
|
2849
|
+
"name": "FASTAccordion",
|
|
2850
|
+
"package": "@microsoft/fast-foundation"
|
|
2851
|
+
},
|
|
2852
|
+
"tagName": "%%prefix%%-accordion",
|
|
2853
|
+
"customElement": true
|
|
2854
|
+
},
|
|
2855
|
+
{
|
|
2856
|
+
"kind": "variable",
|
|
2857
|
+
"name": "foundationAccordionShadowOptions",
|
|
2858
|
+
"type": {
|
|
2859
|
+
"text": "ShadowRootInit"
|
|
2860
|
+
},
|
|
2861
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2862
|
+
},
|
|
2863
|
+
{
|
|
2864
|
+
"kind": "variable",
|
|
2865
|
+
"name": "defaultAccordionConfig",
|
|
2866
|
+
"type": {
|
|
2867
|
+
"text": "object"
|
|
2868
|
+
},
|
|
2869
|
+
"default": "{}"
|
|
2870
|
+
},
|
|
2871
|
+
{
|
|
2872
|
+
"kind": "variable",
|
|
2873
|
+
"name": "foundationAccordion",
|
|
2874
|
+
"description": "The Foundation Accordion",
|
|
2875
|
+
"privacy": "public"
|
|
2876
|
+
}
|
|
2877
|
+
],
|
|
2878
|
+
"exports": [
|
|
2879
|
+
{
|
|
2880
|
+
"kind": "js",
|
|
2881
|
+
"name": "Accordion",
|
|
2882
|
+
"declaration": {
|
|
2883
|
+
"name": "Accordion",
|
|
2884
|
+
"module": "src/accordion/accordion.ts"
|
|
2885
|
+
}
|
|
2886
|
+
},
|
|
2887
|
+
{
|
|
2888
|
+
"kind": "js",
|
|
2889
|
+
"name": "foundationAccordionShadowOptions",
|
|
2890
|
+
"declaration": {
|
|
2891
|
+
"name": "foundationAccordionShadowOptions",
|
|
2892
|
+
"module": "src/accordion/accordion.ts"
|
|
2893
|
+
}
|
|
2894
|
+
},
|
|
2895
|
+
{
|
|
2896
|
+
"kind": "js",
|
|
2897
|
+
"name": "defaultAccordionConfig",
|
|
2898
|
+
"declaration": {
|
|
2899
|
+
"name": "defaultAccordionConfig",
|
|
2900
|
+
"module": "src/accordion/accordion.ts"
|
|
2901
|
+
}
|
|
2902
|
+
},
|
|
2903
|
+
{
|
|
2904
|
+
"kind": "js",
|
|
2905
|
+
"name": "foundationAccordion",
|
|
2906
|
+
"declaration": {
|
|
2907
|
+
"name": "foundationAccordion",
|
|
2908
|
+
"module": "src/accordion/accordion.ts"
|
|
2909
|
+
}
|
|
2910
|
+
}
|
|
2911
|
+
]
|
|
2912
|
+
},
|
|
2913
|
+
{
|
|
2914
|
+
"kind": "javascript-module",
|
|
2915
|
+
"path": "src/accordion/index.ts",
|
|
2916
|
+
"declarations": [],
|
|
2917
|
+
"exports": [
|
|
2918
|
+
{
|
|
2919
|
+
"kind": "js",
|
|
2920
|
+
"name": "*",
|
|
2921
|
+
"declaration": {
|
|
2922
|
+
"name": "*",
|
|
2923
|
+
"package": "./accordion.template"
|
|
2924
|
+
}
|
|
2925
|
+
},
|
|
2926
|
+
{
|
|
2927
|
+
"kind": "js",
|
|
2928
|
+
"name": "*",
|
|
2929
|
+
"declaration": {
|
|
2930
|
+
"name": "*",
|
|
2931
|
+
"package": "./accordion.styles"
|
|
2932
|
+
}
|
|
2933
|
+
},
|
|
2934
|
+
{
|
|
2935
|
+
"kind": "js",
|
|
2936
|
+
"name": "*",
|
|
2937
|
+
"declaration": {
|
|
2938
|
+
"name": "*",
|
|
2939
|
+
"package": "./accordion"
|
|
2940
|
+
}
|
|
2941
|
+
}
|
|
2942
|
+
]
|
|
2943
|
+
},
|
|
2944
2944
|
{
|
|
2945
2945
|
"kind": "javascript-module",
|
|
2946
2946
|
"path": "src/anchored-region/anchor-region.template.ts",
|
|
@@ -41545,6 +41545,14 @@
|
|
|
41545
41545
|
},
|
|
41546
41546
|
"default": "false"
|
|
41547
41547
|
},
|
|
41548
|
+
{
|
|
41549
|
+
"kind": "field",
|
|
41550
|
+
"name": "hideAllButtons",
|
|
41551
|
+
"type": {
|
|
41552
|
+
"text": "boolean"
|
|
41553
|
+
},
|
|
41554
|
+
"default": "false"
|
|
41555
|
+
},
|
|
41548
41556
|
{
|
|
41549
41557
|
"kind": "field",
|
|
41550
41558
|
"name": "orientation",
|
|
@@ -41679,6 +41687,53 @@
|
|
|
41679
41687
|
}
|
|
41680
41688
|
}
|
|
41681
41689
|
},
|
|
41690
|
+
{
|
|
41691
|
+
"kind": "method",
|
|
41692
|
+
"name": "goToStep",
|
|
41693
|
+
"return": {
|
|
41694
|
+
"type": {
|
|
41695
|
+
"text": ""
|
|
41696
|
+
}
|
|
41697
|
+
},
|
|
41698
|
+
"parameters": [
|
|
41699
|
+
{
|
|
41700
|
+
"name": "stepNumber",
|
|
41701
|
+
"type": {
|
|
41702
|
+
"text": "number"
|
|
41703
|
+
},
|
|
41704
|
+
"description": "The step number to go to (1-based)"
|
|
41705
|
+
},
|
|
41706
|
+
{
|
|
41707
|
+
"name": "bypassJumpRestrictions",
|
|
41708
|
+
"default": "false",
|
|
41709
|
+
"type": {
|
|
41710
|
+
"text": "boolean"
|
|
41711
|
+
},
|
|
41712
|
+
"description": "If true, ignores UI jump restrictions (default: false)"
|
|
41713
|
+
}
|
|
41714
|
+
],
|
|
41715
|
+
"description": "Go to a specific step by step number (1-based indexing)"
|
|
41716
|
+
},
|
|
41717
|
+
{
|
|
41718
|
+
"kind": "method",
|
|
41719
|
+
"name": "goToFirstStep",
|
|
41720
|
+
"return": {
|
|
41721
|
+
"type": {
|
|
41722
|
+
"text": ""
|
|
41723
|
+
}
|
|
41724
|
+
},
|
|
41725
|
+
"description": "Go to the first step (step 1)"
|
|
41726
|
+
},
|
|
41727
|
+
{
|
|
41728
|
+
"kind": "method",
|
|
41729
|
+
"name": "goToLastStep",
|
|
41730
|
+
"return": {
|
|
41731
|
+
"type": {
|
|
41732
|
+
"text": ""
|
|
41733
|
+
}
|
|
41734
|
+
},
|
|
41735
|
+
"description": "Go to the last step"
|
|
41736
|
+
},
|
|
41682
41737
|
{
|
|
41683
41738
|
"kind": "method",
|
|
41684
41739
|
"name": "handleStepClick",
|
|
@@ -41694,7 +41749,7 @@
|
|
|
41694
41749
|
"privacy": "private",
|
|
41695
41750
|
"return": {
|
|
41696
41751
|
"type": {
|
|
41697
|
-
"text": "
|
|
41752
|
+
"text": "boolean"
|
|
41698
41753
|
}
|
|
41699
41754
|
},
|
|
41700
41755
|
"parameters": [
|
|
@@ -41712,7 +41767,7 @@
|
|
|
41712
41767
|
"privacy": "private",
|
|
41713
41768
|
"return": {
|
|
41714
41769
|
"type": {
|
|
41715
|
-
"text": "
|
|
41770
|
+
"text": "boolean"
|
|
41716
41771
|
}
|
|
41717
41772
|
},
|
|
41718
41773
|
"parameters": [
|
|
@@ -41948,6 +42003,14 @@
|
|
|
41948
42003
|
"default": "false",
|
|
41949
42004
|
"fieldName": "allowForwardJumps"
|
|
41950
42005
|
},
|
|
42006
|
+
{
|
|
42007
|
+
"name": "hide-all-buttons",
|
|
42008
|
+
"type": {
|
|
42009
|
+
"text": "boolean"
|
|
42010
|
+
},
|
|
42011
|
+
"default": "false",
|
|
42012
|
+
"fieldName": "hideAllButtons"
|
|
42013
|
+
},
|
|
41951
42014
|
{
|
|
41952
42015
|
"name": "orientation",
|
|
41953
42016
|
"type": {
|
|
@@ -11,6 +11,7 @@ export declare class Stepper extends FoundationElement {
|
|
|
11
11
|
hideStepNumber: boolean;
|
|
12
12
|
allowBackwardJumps: boolean;
|
|
13
13
|
allowForwardJumps: boolean;
|
|
14
|
+
hideAllButtons: boolean;
|
|
14
15
|
orientation: TabsOrientation;
|
|
15
16
|
orientationChanged(): void;
|
|
16
17
|
activeid: string;
|
|
@@ -27,6 +28,23 @@ export declare class Stepper extends FoundationElement {
|
|
|
27
28
|
private tabpanelIds;
|
|
28
29
|
connectedCallback(): void;
|
|
29
30
|
private getActiveIndex;
|
|
31
|
+
/**
|
|
32
|
+
* Go to a specific step by step number (1-based indexing)
|
|
33
|
+
* @param stepNumber - The step number to go to (1-based)
|
|
34
|
+
* @param bypassJumpRestrictions - If true, ignores UI jump restrictions (default: false)
|
|
35
|
+
* @returns true if successful, false if step number is invalid or already on that step
|
|
36
|
+
*/
|
|
37
|
+
goToStep(stepNumber: number, bypassJumpRestrictions?: boolean): boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Go to the first step (step 1)
|
|
40
|
+
* @returns true if successful, false if already on first step
|
|
41
|
+
*/
|
|
42
|
+
goToFirstStep(): boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Go to the last step
|
|
45
|
+
* @returns true if successful, false if already on last step
|
|
46
|
+
*/
|
|
47
|
+
goToLastStep(): boolean;
|
|
30
48
|
handleStepClick(stepIndex: any): void;
|
|
31
49
|
private handleBackwardJump;
|
|
32
50
|
private handleForwardJump;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACpF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAQ7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,WAAW,IAAI,IAAI;IAWP,SAAS,EAAE,WAAW,EAAE,CAAC;IACrC,gBAAgB,IAAI,IAAI;IAUZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IAEnC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IAqChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAqC1B;IAEF,gBAAgB,aAWd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,
|
|
1
|
+
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAgDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr, observable, volatile } from '@microsoft/fast-element';
|
|
3
3
|
import { FoundationElement, TabsOrientation } from '@microsoft/fast-foundation';
|
|
4
4
|
import { uniqueId } from '@microsoft/fast-web-utilities';
|
|
5
|
+
import { logger } from '../utils/logger';
|
|
5
6
|
import { foundationStepperStyles as styles } from './stepper.styles';
|
|
6
7
|
import { foundationStepperTemplate as template } from './stepper.template';
|
|
7
8
|
/**
|
|
@@ -12,6 +13,7 @@ export class Stepper extends FoundationElement {
|
|
|
12
13
|
super(...arguments);
|
|
13
14
|
this.allowBackwardJumps = false;
|
|
14
15
|
this.allowForwardJumps = false;
|
|
16
|
+
this.hideAllButtons = false;
|
|
15
17
|
this.orientation = TabsOrientation.vertical;
|
|
16
18
|
this.progressValue = 0;
|
|
17
19
|
this.activeTabIndex = 0;
|
|
@@ -113,6 +115,65 @@ export class Stepper extends FoundationElement {
|
|
|
113
115
|
return 0;
|
|
114
116
|
}
|
|
115
117
|
}
|
|
118
|
+
/**
|
|
119
|
+
* Go to a specific step by step number (1-based indexing)
|
|
120
|
+
* @param stepNumber - The step number to go to (1-based)
|
|
121
|
+
* @param bypassJumpRestrictions - If true, ignores UI jump restrictions (default: false)
|
|
122
|
+
* @returns true if successful, false if step number is invalid or already on that step
|
|
123
|
+
*/
|
|
124
|
+
goToStep(stepNumber, bypassJumpRestrictions = false) {
|
|
125
|
+
// Convert to 0-based index
|
|
126
|
+
const targetIndex = stepNumber - 1;
|
|
127
|
+
// Validate step number bounds
|
|
128
|
+
if (stepNumber < 1 || stepNumber > this.tabs.length) {
|
|
129
|
+
logger.warn(`[Stepper] Invalid step number: ${stepNumber}. Must be between 1 and ${this.tabs.length}`);
|
|
130
|
+
return false;
|
|
131
|
+
}
|
|
132
|
+
// If going to the same step, do nothing
|
|
133
|
+
if (targetIndex === this.activeTabIndex) {
|
|
134
|
+
return false;
|
|
135
|
+
}
|
|
136
|
+
// If bypassing jump restrictions, allow any jump
|
|
137
|
+
if (bypassJumpRestrictions) {
|
|
138
|
+
if (targetIndex < this.activeTabIndex) {
|
|
139
|
+
return this.handleBackwardJump(targetIndex);
|
|
140
|
+
}
|
|
141
|
+
else if (targetIndex > this.activeTabIndex) {
|
|
142
|
+
return this.handleForwardJump(targetIndex);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
// Handle backward jumps with UI restrictions
|
|
146
|
+
if (targetIndex < this.activeTabIndex && this.allowBackwardJumps) {
|
|
147
|
+
const backwardJumpResult = this.handleBackwardJump(targetIndex);
|
|
148
|
+
return backwardJumpResult;
|
|
149
|
+
}
|
|
150
|
+
// Handle forward jumps with UI restrictions
|
|
151
|
+
if (targetIndex > this.activeTabIndex && this.allowForwardJumps) {
|
|
152
|
+
const forwardJumpResult = this.handleForwardJump(targetIndex);
|
|
153
|
+
return forwardJumpResult;
|
|
154
|
+
}
|
|
155
|
+
// If jumps are not allowed, only allow going to the next step
|
|
156
|
+
if (targetIndex === this.activeTabIndex + 1) {
|
|
157
|
+
this.nextStep();
|
|
158
|
+
return true;
|
|
159
|
+
}
|
|
160
|
+
logger.warn(`[Stepper] Cannot jump to step ${stepNumber}. Jumps are not allowed or step is not adjacent.`);
|
|
161
|
+
return false;
|
|
162
|
+
}
|
|
163
|
+
/**
|
|
164
|
+
* Go to the first step (step 1)
|
|
165
|
+
* @returns true if successful, false if already on first step
|
|
166
|
+
*/
|
|
167
|
+
goToFirstStep() {
|
|
168
|
+
return this.goToStep(1);
|
|
169
|
+
}
|
|
170
|
+
/**
|
|
171
|
+
* Go to the last step
|
|
172
|
+
* @returns true if successful, false if already on last step
|
|
173
|
+
*/
|
|
174
|
+
goToLastStep() {
|
|
175
|
+
return this.goToStep(this.tabs.length);
|
|
176
|
+
}
|
|
116
177
|
handleStepClick(stepIndex) {
|
|
117
178
|
if (stepIndex < this.activeTabIndex && this.allowBackwardJumps) {
|
|
118
179
|
this.handleBackwardJump(stepIndex);
|
|
@@ -126,12 +187,14 @@ export class Stepper extends FoundationElement {
|
|
|
126
187
|
for (let i = targetStepIndex + 1; i <= this.activeTabIndex; i = i + 1) {
|
|
127
188
|
this.tabs[i].completed = false;
|
|
128
189
|
}
|
|
190
|
+
this.activeTabIndex = targetStepIndex;
|
|
129
191
|
this.activetab = this.tabs[targetStepIndex];
|
|
130
192
|
this.activeid = this.tabIds[targetStepIndex];
|
|
131
193
|
this.$emit('step-click', {
|
|
132
194
|
activetab: this.activetab,
|
|
133
195
|
activeid: this.activeid,
|
|
134
196
|
});
|
|
197
|
+
return true;
|
|
135
198
|
}
|
|
136
199
|
handleForwardJump(targetStepIndex) {
|
|
137
200
|
// Validate intermediate steps (exclusive of target)
|
|
@@ -146,7 +209,7 @@ export class Stepper extends FoundationElement {
|
|
|
146
209
|
stepId: this.tabIds[i],
|
|
147
210
|
message: `Validation failed for step ${i + 1}`,
|
|
148
211
|
});
|
|
149
|
-
return;
|
|
212
|
+
return false;
|
|
150
213
|
}
|
|
151
214
|
this.tabs[i].error = false;
|
|
152
215
|
}
|
|
@@ -165,6 +228,7 @@ export class Stepper extends FoundationElement {
|
|
|
165
228
|
activetab: this.activetab,
|
|
166
229
|
activeid: this.activeid,
|
|
167
230
|
});
|
|
231
|
+
return true;
|
|
168
232
|
}
|
|
169
233
|
get disabledPreviousStep() {
|
|
170
234
|
return this.activeTabIndex === 0 ? true : false;
|
|
@@ -261,6 +325,9 @@ __decorate([
|
|
|
261
325
|
__decorate([
|
|
262
326
|
attr({ attribute: 'allow-forward-jumps', mode: 'boolean' })
|
|
263
327
|
], Stepper.prototype, "allowForwardJumps", void 0);
|
|
328
|
+
__decorate([
|
|
329
|
+
attr({ attribute: 'hide-all-buttons', mode: 'boolean' })
|
|
330
|
+
], Stepper.prototype, "hideAllButtons", void 0);
|
|
264
331
|
__decorate([
|
|
265
332
|
attr
|
|
266
333
|
], Stepper.prototype, "orientation", void 0);
|
|
@@ -17,18 +17,20 @@ export const getPrefixedStepper = (prefix) => html `
|
|
|
17
17
|
<div class="stepper-panel-container" part="stepper-panel-container">
|
|
18
18
|
<slot name="tab-panel" ${slotted('tabpanels')}></slot>
|
|
19
19
|
</div>
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
${when((x) => !x.hideAllButtons, html `
|
|
21
|
+
<div class="action-buttons-container" part="action-buttons-container">
|
|
22
|
+
<slot name="action-buttons">
|
|
23
|
+
<${prefix}-button @click=${(x) => x.previousStep()} ?disabled=${(x) => x.disabledPreviousStep}>Back</${prefix}-button>
|
|
24
|
+
${when((x) => x.isLastStep && !x.hideSubmitButton, html `
|
|
25
|
+
<${prefix}-button @click=${(x) => x._submit()} ?disabled=${(x) => x.islastStepValid} data-test-id="submit-button">
|
|
26
|
+
Submit
|
|
27
|
+
</${prefix}-button>
|
|
28
|
+
`)}
|
|
29
|
+
${when((x) => !x.isLastStep, html `
|
|
30
|
+
<${prefix}-button @click=${(x) => x.nextStep()} data-test-id="next-button">Next</${prefix}-button>`)}
|
|
31
|
+
</slot>
|
|
32
|
+
</div>
|
|
33
|
+
`)}
|
|
32
34
|
</${prefix}-card>
|
|
33
35
|
`;
|
|
34
36
|
export const foundationStepperTemplate = html `
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.313.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.
|
|
87
|
-
"@genesislcap/genx": "14.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.
|
|
89
|
-
"@genesislcap/ts-builder": "14.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
91
|
-
"@genesislcap/vite-builder": "14.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.313.0",
|
|
87
|
+
"@genesislcap/genx": "14.313.0",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.313.0",
|
|
89
|
+
"@genesislcap/ts-builder": "14.313.0",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.313.0",
|
|
91
|
+
"@genesislcap/vite-builder": "14.313.0",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.313.0",
|
|
93
93
|
"copyfiles": "^2.4.1"
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
99
99
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
100
100
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
101
|
-
"@genesislcap/expression-builder": "14.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.
|
|
105
|
-
"@genesislcap/foundation-events": "14.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.
|
|
108
|
-
"@genesislcap/foundation-user": "14.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.
|
|
101
|
+
"@genesislcap/expression-builder": "14.313.0",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.313.0",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.313.0",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.313.0",
|
|
105
|
+
"@genesislcap/foundation-events": "14.313.0",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.313.0",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.313.0",
|
|
108
|
+
"@genesislcap/foundation-user": "14.313.0",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.313.0",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "4873fddd66df147738bfc54db30823007cbdd713"
|
|
132
132
|
}
|