@genesislcap/foundation-ui 14.277.0 → 14.278.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 +194 -226
- package/dist/dts/multiselect/multiselect-consts.d.ts +3 -3
- package/dist/dts/multiselect/multiselect-consts.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.d.ts +2 -4
- package/dist/dts/multiselect/multiselect.d.ts.map +1 -1
- package/dist/esm/multiselect/multiselect.js +24 -27
- package/package.json +18 -18
|
@@ -868,6 +868,51 @@
|
|
|
868
868
|
}
|
|
869
869
|
]
|
|
870
870
|
},
|
|
871
|
+
{
|
|
872
|
+
"kind": "javascript-module",
|
|
873
|
+
"path": "src/_common/icons.ts",
|
|
874
|
+
"declarations": [
|
|
875
|
+
{
|
|
876
|
+
"kind": "function",
|
|
877
|
+
"name": "closeIcon",
|
|
878
|
+
"parameters": [
|
|
879
|
+
{
|
|
880
|
+
"name": "slot",
|
|
881
|
+
"default": "'start'"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "fill",
|
|
885
|
+
"default": "'#879ba6'"
|
|
886
|
+
}
|
|
887
|
+
]
|
|
888
|
+
}
|
|
889
|
+
],
|
|
890
|
+
"exports": [
|
|
891
|
+
{
|
|
892
|
+
"kind": "js",
|
|
893
|
+
"name": "closeIcon",
|
|
894
|
+
"declaration": {
|
|
895
|
+
"name": "closeIcon",
|
|
896
|
+
"module": "src/_common/icons.ts"
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
]
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"kind": "javascript-module",
|
|
903
|
+
"path": "src/_common/index.ts",
|
|
904
|
+
"declarations": [],
|
|
905
|
+
"exports": [
|
|
906
|
+
{
|
|
907
|
+
"kind": "js",
|
|
908
|
+
"name": "*",
|
|
909
|
+
"declaration": {
|
|
910
|
+
"name": "*",
|
|
911
|
+
"package": "./icons"
|
|
912
|
+
}
|
|
913
|
+
}
|
|
914
|
+
]
|
|
915
|
+
},
|
|
871
916
|
{
|
|
872
917
|
"kind": "javascript-module",
|
|
873
918
|
"path": "src/_config/index.ts",
|
|
@@ -1295,19 +1340,28 @@
|
|
|
1295
1340
|
},
|
|
1296
1341
|
{
|
|
1297
1342
|
"kind": "javascript-module",
|
|
1298
|
-
"path": "src/
|
|
1343
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
1299
1344
|
"declarations": [
|
|
1300
1345
|
{
|
|
1301
1346
|
"kind": "function",
|
|
1302
|
-
"name": "
|
|
1347
|
+
"name": "foundationAccordionStyles",
|
|
1348
|
+
"return": {
|
|
1349
|
+
"type": {
|
|
1350
|
+
"text": "ElementStyles"
|
|
1351
|
+
}
|
|
1352
|
+
},
|
|
1303
1353
|
"parameters": [
|
|
1304
1354
|
{
|
|
1305
|
-
"name": "
|
|
1306
|
-
"
|
|
1355
|
+
"name": "context",
|
|
1356
|
+
"type": {
|
|
1357
|
+
"text": "ElementDefinitionContext"
|
|
1358
|
+
}
|
|
1307
1359
|
},
|
|
1308
1360
|
{
|
|
1309
|
-
"name": "
|
|
1310
|
-
"
|
|
1361
|
+
"name": "definition",
|
|
1362
|
+
"type": {
|
|
1363
|
+
"text": "FoundationElementDefinition"
|
|
1364
|
+
}
|
|
1311
1365
|
}
|
|
1312
1366
|
]
|
|
1313
1367
|
}
|
|
@@ -1315,17 +1369,129 @@
|
|
|
1315
1369
|
"exports": [
|
|
1316
1370
|
{
|
|
1317
1371
|
"kind": "js",
|
|
1318
|
-
"name": "
|
|
1372
|
+
"name": "foundationAccordionStyles",
|
|
1319
1373
|
"declaration": {
|
|
1320
|
-
"name": "
|
|
1321
|
-
"module": "src/
|
|
1374
|
+
"name": "foundationAccordionStyles",
|
|
1375
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
1322
1376
|
}
|
|
1323
1377
|
}
|
|
1324
1378
|
]
|
|
1325
1379
|
},
|
|
1326
1380
|
{
|
|
1327
1381
|
"kind": "javascript-module",
|
|
1328
|
-
"path": "src/
|
|
1382
|
+
"path": "src/accordion/accordion.template.ts",
|
|
1383
|
+
"declarations": [
|
|
1384
|
+
{
|
|
1385
|
+
"kind": "function",
|
|
1386
|
+
"name": "foundationAccordionTemplate",
|
|
1387
|
+
"return": {
|
|
1388
|
+
"type": {
|
|
1389
|
+
"text": "ViewTemplate<Accordion>"
|
|
1390
|
+
}
|
|
1391
|
+
},
|
|
1392
|
+
"parameters": [
|
|
1393
|
+
{
|
|
1394
|
+
"name": "context",
|
|
1395
|
+
"type": {
|
|
1396
|
+
"text": "ElementDefinitionContext"
|
|
1397
|
+
}
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "definition",
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "FoundationElementDefinition"
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
]
|
|
1406
|
+
}
|
|
1407
|
+
],
|
|
1408
|
+
"exports": [
|
|
1409
|
+
{
|
|
1410
|
+
"kind": "js",
|
|
1411
|
+
"name": "foundationAccordionTemplate",
|
|
1412
|
+
"declaration": {
|
|
1413
|
+
"name": "foundationAccordionTemplate",
|
|
1414
|
+
"module": "src/accordion/accordion.template.ts"
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
]
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"kind": "javascript-module",
|
|
1421
|
+
"path": "src/accordion/accordion.ts",
|
|
1422
|
+
"declarations": [
|
|
1423
|
+
{
|
|
1424
|
+
"kind": "class",
|
|
1425
|
+
"description": "",
|
|
1426
|
+
"name": "Accordion",
|
|
1427
|
+
"superclass": {
|
|
1428
|
+
"name": "FASTAccordion",
|
|
1429
|
+
"package": "@microsoft/fast-foundation"
|
|
1430
|
+
},
|
|
1431
|
+
"tagName": "%%prefix%%-accordion",
|
|
1432
|
+
"customElement": true
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"kind": "variable",
|
|
1436
|
+
"name": "foundationAccordionShadowOptions",
|
|
1437
|
+
"type": {
|
|
1438
|
+
"text": "ShadowRootInit"
|
|
1439
|
+
},
|
|
1440
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"kind": "variable",
|
|
1444
|
+
"name": "defaultAccordionConfig",
|
|
1445
|
+
"type": {
|
|
1446
|
+
"text": "object"
|
|
1447
|
+
},
|
|
1448
|
+
"default": "{}"
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"kind": "variable",
|
|
1452
|
+
"name": "foundationAccordion",
|
|
1453
|
+
"description": "The Foundation Accordion",
|
|
1454
|
+
"privacy": "public"
|
|
1455
|
+
}
|
|
1456
|
+
],
|
|
1457
|
+
"exports": [
|
|
1458
|
+
{
|
|
1459
|
+
"kind": "js",
|
|
1460
|
+
"name": "Accordion",
|
|
1461
|
+
"declaration": {
|
|
1462
|
+
"name": "Accordion",
|
|
1463
|
+
"module": "src/accordion/accordion.ts"
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1466
|
+
{
|
|
1467
|
+
"kind": "js",
|
|
1468
|
+
"name": "foundationAccordionShadowOptions",
|
|
1469
|
+
"declaration": {
|
|
1470
|
+
"name": "foundationAccordionShadowOptions",
|
|
1471
|
+
"module": "src/accordion/accordion.ts"
|
|
1472
|
+
}
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"kind": "js",
|
|
1476
|
+
"name": "defaultAccordionConfig",
|
|
1477
|
+
"declaration": {
|
|
1478
|
+
"name": "defaultAccordionConfig",
|
|
1479
|
+
"module": "src/accordion/accordion.ts"
|
|
1480
|
+
}
|
|
1481
|
+
},
|
|
1482
|
+
{
|
|
1483
|
+
"kind": "js",
|
|
1484
|
+
"name": "foundationAccordion",
|
|
1485
|
+
"declaration": {
|
|
1486
|
+
"name": "foundationAccordion",
|
|
1487
|
+
"module": "src/accordion/accordion.ts"
|
|
1488
|
+
}
|
|
1489
|
+
}
|
|
1490
|
+
]
|
|
1491
|
+
},
|
|
1492
|
+
{
|
|
1493
|
+
"kind": "javascript-module",
|
|
1494
|
+
"path": "src/accordion/index.ts",
|
|
1329
1495
|
"declarations": [],
|
|
1330
1496
|
"exports": [
|
|
1331
1497
|
{
|
|
@@ -1333,7 +1499,23 @@
|
|
|
1333
1499
|
"name": "*",
|
|
1334
1500
|
"declaration": {
|
|
1335
1501
|
"name": "*",
|
|
1336
|
-
"package": "./
|
|
1502
|
+
"package": "./accordion.template"
|
|
1503
|
+
}
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"kind": "js",
|
|
1507
|
+
"name": "*",
|
|
1508
|
+
"declaration": {
|
|
1509
|
+
"name": "*",
|
|
1510
|
+
"package": "./accordion.styles"
|
|
1511
|
+
}
|
|
1512
|
+
},
|
|
1513
|
+
{
|
|
1514
|
+
"kind": "js",
|
|
1515
|
+
"name": "*",
|
|
1516
|
+
"declaration": {
|
|
1517
|
+
"name": "*",
|
|
1518
|
+
"package": "./accordion"
|
|
1337
1519
|
}
|
|
1338
1520
|
}
|
|
1339
1521
|
]
|
|
@@ -2417,188 +2599,6 @@
|
|
|
2417
2599
|
}
|
|
2418
2600
|
]
|
|
2419
2601
|
},
|
|
2420
|
-
{
|
|
2421
|
-
"kind": "javascript-module",
|
|
2422
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
2423
|
-
"declarations": [
|
|
2424
|
-
{
|
|
2425
|
-
"kind": "function",
|
|
2426
|
-
"name": "foundationAccordionStyles",
|
|
2427
|
-
"return": {
|
|
2428
|
-
"type": {
|
|
2429
|
-
"text": "ElementStyles"
|
|
2430
|
-
}
|
|
2431
|
-
},
|
|
2432
|
-
"parameters": [
|
|
2433
|
-
{
|
|
2434
|
-
"name": "context",
|
|
2435
|
-
"type": {
|
|
2436
|
-
"text": "ElementDefinitionContext"
|
|
2437
|
-
}
|
|
2438
|
-
},
|
|
2439
|
-
{
|
|
2440
|
-
"name": "definition",
|
|
2441
|
-
"type": {
|
|
2442
|
-
"text": "FoundationElementDefinition"
|
|
2443
|
-
}
|
|
2444
|
-
}
|
|
2445
|
-
]
|
|
2446
|
-
}
|
|
2447
|
-
],
|
|
2448
|
-
"exports": [
|
|
2449
|
-
{
|
|
2450
|
-
"kind": "js",
|
|
2451
|
-
"name": "foundationAccordionStyles",
|
|
2452
|
-
"declaration": {
|
|
2453
|
-
"name": "foundationAccordionStyles",
|
|
2454
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
2455
|
-
}
|
|
2456
|
-
}
|
|
2457
|
-
]
|
|
2458
|
-
},
|
|
2459
|
-
{
|
|
2460
|
-
"kind": "javascript-module",
|
|
2461
|
-
"path": "src/accordion/accordion.template.ts",
|
|
2462
|
-
"declarations": [
|
|
2463
|
-
{
|
|
2464
|
-
"kind": "function",
|
|
2465
|
-
"name": "foundationAccordionTemplate",
|
|
2466
|
-
"return": {
|
|
2467
|
-
"type": {
|
|
2468
|
-
"text": "ViewTemplate<Accordion>"
|
|
2469
|
-
}
|
|
2470
|
-
},
|
|
2471
|
-
"parameters": [
|
|
2472
|
-
{
|
|
2473
|
-
"name": "context",
|
|
2474
|
-
"type": {
|
|
2475
|
-
"text": "ElementDefinitionContext"
|
|
2476
|
-
}
|
|
2477
|
-
},
|
|
2478
|
-
{
|
|
2479
|
-
"name": "definition",
|
|
2480
|
-
"type": {
|
|
2481
|
-
"text": "FoundationElementDefinition"
|
|
2482
|
-
}
|
|
2483
|
-
}
|
|
2484
|
-
]
|
|
2485
|
-
}
|
|
2486
|
-
],
|
|
2487
|
-
"exports": [
|
|
2488
|
-
{
|
|
2489
|
-
"kind": "js",
|
|
2490
|
-
"name": "foundationAccordionTemplate",
|
|
2491
|
-
"declaration": {
|
|
2492
|
-
"name": "foundationAccordionTemplate",
|
|
2493
|
-
"module": "src/accordion/accordion.template.ts"
|
|
2494
|
-
}
|
|
2495
|
-
}
|
|
2496
|
-
]
|
|
2497
|
-
},
|
|
2498
|
-
{
|
|
2499
|
-
"kind": "javascript-module",
|
|
2500
|
-
"path": "src/accordion/accordion.ts",
|
|
2501
|
-
"declarations": [
|
|
2502
|
-
{
|
|
2503
|
-
"kind": "class",
|
|
2504
|
-
"description": "",
|
|
2505
|
-
"name": "Accordion",
|
|
2506
|
-
"superclass": {
|
|
2507
|
-
"name": "FASTAccordion",
|
|
2508
|
-
"package": "@microsoft/fast-foundation"
|
|
2509
|
-
},
|
|
2510
|
-
"tagName": "%%prefix%%-accordion",
|
|
2511
|
-
"customElement": true
|
|
2512
|
-
},
|
|
2513
|
-
{
|
|
2514
|
-
"kind": "variable",
|
|
2515
|
-
"name": "foundationAccordionShadowOptions",
|
|
2516
|
-
"type": {
|
|
2517
|
-
"text": "ShadowRootInit"
|
|
2518
|
-
},
|
|
2519
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2520
|
-
},
|
|
2521
|
-
{
|
|
2522
|
-
"kind": "variable",
|
|
2523
|
-
"name": "defaultAccordionConfig",
|
|
2524
|
-
"type": {
|
|
2525
|
-
"text": "object"
|
|
2526
|
-
},
|
|
2527
|
-
"default": "{}"
|
|
2528
|
-
},
|
|
2529
|
-
{
|
|
2530
|
-
"kind": "variable",
|
|
2531
|
-
"name": "foundationAccordion",
|
|
2532
|
-
"description": "The Foundation Accordion",
|
|
2533
|
-
"privacy": "public"
|
|
2534
|
-
}
|
|
2535
|
-
],
|
|
2536
|
-
"exports": [
|
|
2537
|
-
{
|
|
2538
|
-
"kind": "js",
|
|
2539
|
-
"name": "Accordion",
|
|
2540
|
-
"declaration": {
|
|
2541
|
-
"name": "Accordion",
|
|
2542
|
-
"module": "src/accordion/accordion.ts"
|
|
2543
|
-
}
|
|
2544
|
-
},
|
|
2545
|
-
{
|
|
2546
|
-
"kind": "js",
|
|
2547
|
-
"name": "foundationAccordionShadowOptions",
|
|
2548
|
-
"declaration": {
|
|
2549
|
-
"name": "foundationAccordionShadowOptions",
|
|
2550
|
-
"module": "src/accordion/accordion.ts"
|
|
2551
|
-
}
|
|
2552
|
-
},
|
|
2553
|
-
{
|
|
2554
|
-
"kind": "js",
|
|
2555
|
-
"name": "defaultAccordionConfig",
|
|
2556
|
-
"declaration": {
|
|
2557
|
-
"name": "defaultAccordionConfig",
|
|
2558
|
-
"module": "src/accordion/accordion.ts"
|
|
2559
|
-
}
|
|
2560
|
-
},
|
|
2561
|
-
{
|
|
2562
|
-
"kind": "js",
|
|
2563
|
-
"name": "foundationAccordion",
|
|
2564
|
-
"declaration": {
|
|
2565
|
-
"name": "foundationAccordion",
|
|
2566
|
-
"module": "src/accordion/accordion.ts"
|
|
2567
|
-
}
|
|
2568
|
-
}
|
|
2569
|
-
]
|
|
2570
|
-
},
|
|
2571
|
-
{
|
|
2572
|
-
"kind": "javascript-module",
|
|
2573
|
-
"path": "src/accordion/index.ts",
|
|
2574
|
-
"declarations": [],
|
|
2575
|
-
"exports": [
|
|
2576
|
-
{
|
|
2577
|
-
"kind": "js",
|
|
2578
|
-
"name": "*",
|
|
2579
|
-
"declaration": {
|
|
2580
|
-
"name": "*",
|
|
2581
|
-
"package": "./accordion.template"
|
|
2582
|
-
}
|
|
2583
|
-
},
|
|
2584
|
-
{
|
|
2585
|
-
"kind": "js",
|
|
2586
|
-
"name": "*",
|
|
2587
|
-
"declaration": {
|
|
2588
|
-
"name": "*",
|
|
2589
|
-
"package": "./accordion.styles"
|
|
2590
|
-
}
|
|
2591
|
-
},
|
|
2592
|
-
{
|
|
2593
|
-
"kind": "js",
|
|
2594
|
-
"name": "*",
|
|
2595
|
-
"declaration": {
|
|
2596
|
-
"name": "*",
|
|
2597
|
-
"package": "./accordion"
|
|
2598
|
-
}
|
|
2599
|
-
}
|
|
2600
|
-
]
|
|
2601
|
-
},
|
|
2602
2602
|
{
|
|
2603
2603
|
"kind": "javascript-module",
|
|
2604
2604
|
"path": "src/anchored-region/anchor-region.template.ts",
|
|
@@ -25970,22 +25970,6 @@
|
|
|
25970
25970
|
},
|
|
25971
25971
|
"default": "500"
|
|
25972
25972
|
},
|
|
25973
|
-
{
|
|
25974
|
-
"kind": "field",
|
|
25975
|
-
"name": "delimiterValues",
|
|
25976
|
-
"type": {
|
|
25977
|
-
"text": "string"
|
|
25978
|
-
},
|
|
25979
|
-
"default": "';'"
|
|
25980
|
-
},
|
|
25981
|
-
{
|
|
25982
|
-
"kind": "field",
|
|
25983
|
-
"name": "delimiterLabels",
|
|
25984
|
-
"type": {
|
|
25985
|
-
"text": "string"
|
|
25986
|
-
},
|
|
25987
|
-
"default": "','"
|
|
25988
|
-
},
|
|
25989
25973
|
{
|
|
25990
25974
|
"kind": "field",
|
|
25991
25975
|
"name": "filterByContains",
|
|
@@ -26090,7 +26074,7 @@
|
|
|
26090
26074
|
"kind": "field",
|
|
26091
26075
|
"name": "selectedOptions",
|
|
26092
26076
|
"type": {
|
|
26093
|
-
"text": "
|
|
26077
|
+
"text": "MultiselectOption[]"
|
|
26094
26078
|
},
|
|
26095
26079
|
"default": "[]"
|
|
26096
26080
|
},
|
|
@@ -26569,22 +26553,6 @@
|
|
|
26569
26553
|
},
|
|
26570
26554
|
"fieldName": "debounce"
|
|
26571
26555
|
},
|
|
26572
|
-
{
|
|
26573
|
-
"name": "delimiterValues",
|
|
26574
|
-
"type": {
|
|
26575
|
-
"text": "string"
|
|
26576
|
-
},
|
|
26577
|
-
"default": "';'",
|
|
26578
|
-
"fieldName": "delimiterValues"
|
|
26579
|
-
},
|
|
26580
|
-
{
|
|
26581
|
-
"name": "delimiterLabels",
|
|
26582
|
-
"type": {
|
|
26583
|
-
"text": "string"
|
|
26584
|
-
},
|
|
26585
|
-
"default": "','",
|
|
26586
|
-
"fieldName": "delimiterLabels"
|
|
26587
|
-
},
|
|
26588
26556
|
{
|
|
26589
26557
|
"name": "filter-by-contains",
|
|
26590
26558
|
"type": {
|
|
@@ -2,9 +2,9 @@ export declare enum Position {
|
|
|
2
2
|
BELOW = "below",
|
|
3
3
|
ABOVE = "above"
|
|
4
4
|
}
|
|
5
|
-
export type MultiselectOption = {
|
|
6
|
-
value:
|
|
7
|
-
label: string
|
|
5
|
+
export type MultiselectOption<V extends string | Record<string, string> = string> = {
|
|
6
|
+
value: V;
|
|
7
|
+
label: string;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
labelStyle?: string;
|
|
10
10
|
optionLabelText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,IAC5E;IACE,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACD,MAAM,CAAC"}
|
|
@@ -17,8 +17,6 @@ export declare class Multiselect extends FoundationElement {
|
|
|
17
17
|
creatable: boolean;
|
|
18
18
|
async: boolean;
|
|
19
19
|
debounce: number;
|
|
20
|
-
delimiterValues: string;
|
|
21
|
-
delimiterLabels: string;
|
|
22
20
|
/** Tells if the filter uses a contains; if FALSE, will filter using a starts-with check */
|
|
23
21
|
filterByContains: boolean;
|
|
24
22
|
debounceChanged(oldValue: any, newValue: number): void;
|
|
@@ -32,7 +30,7 @@ export declare class Multiselect extends FoundationElement {
|
|
|
32
30
|
open: boolean;
|
|
33
31
|
openChanged(previous: boolean, open: boolean): void;
|
|
34
32
|
options: MultiselectOption[];
|
|
35
|
-
selectedOptions:
|
|
33
|
+
selectedOptions: MultiselectOption[];
|
|
36
34
|
filteredAvailableOptions: MultiselectOption[];
|
|
37
35
|
scrollContainer: HTMLElement;
|
|
38
36
|
/**
|
|
@@ -75,7 +73,7 @@ export declare class Multiselect extends FoundationElement {
|
|
|
75
73
|
getEnabledOptionsCount(): number;
|
|
76
74
|
selectCheckboxAll(): void;
|
|
77
75
|
inputHandler(): void;
|
|
78
|
-
findExactMatchOptions(): MultiselectOption[];
|
|
76
|
+
findExactMatchOptions(): MultiselectOption<string>[];
|
|
79
77
|
setFilter(): void;
|
|
80
78
|
addOption(): void;
|
|
81
79
|
asyncSetFilter(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"AACA,OAAO,EAA0B,YAAY,EAAY,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAO9D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMnE,eAAO,MAAM,kCAAkC,EAAE,cAA0B,CAAC;AAE5E,eAAO,MAAM,wBAAwB,IAAK,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAC1C,IAAI,SAAM;IACuC,YAAY,EAAE,OAAO,CAAQ;IACzD,GAAG,UAAQ;IACX,WAAW,UAAS;IACpB,MAAM,UAAQ;IACd,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IAEvC,2FAA2F;IAC/B,gBAAgB,UAAS;IAErF,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACV,mBAAmB,EAAE,IAAI,EAAE,CAAC;IAC5B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,cAAc,MAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAM;IAC3C,OAAO,CAAC,YAAY,CAAiD;IACzD,IAAI,UAAS;IACzB,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAYhC,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAClC,eAAe,EAAE,iBAAiB,EAAE,CAAM;IAC1C,wBAAwB,EAAE,iBAAiB,EAAE,CAAqB;IAClE,eAAe,EAAE,WAAW,CAAC;IAEzC;;;;OAIG;IACG,QAAQ,EAAE,QAAQ,CAAkB;IAE9B,qBAAqB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtD,YAAY,EAAE,CACxB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,MAAM,KACX,YAAY,CAA4B;IAE7C,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,SAAS,EAAE,UAAU,CAAC;IACtB,mBAAmB,EAAE,WAAW,CAAC;IAEjC,iBAAiB;IAOjB,oBAAoB;IAKpB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,GAAG,YAAY;IAkBjF,MAAM;IAON,cAAc;IAQd,sBAAsB;IAOtB;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IA0B3B,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAQ3C,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAO3C,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAetC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB;IAQ1C,IACI,eAAe,WAyBlB;IAED,IACI,cAAc,WAEjB;IAED,IACI,oBAAoB,YAEvB;IAED,IACI,aAAa,YAMhB;IAED,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,GAAG,OAAO;IAc9D,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB;IAYrD,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa;IAQzE,sBAAsB;IAItB,iBAAiB;IAajB,YAAY;IAcZ,qBAAqB;IAWrB,SAAS;IAyBT,SAAS;IAST,cAAc;IAkBd,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,OAAO,CAAC,kBAAkB;IAM1B,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,OAAO,GAAG,IAAI;IAiC5C,yBAAyB,EAAE,IAAI,EAAE,CAAC;CAC/C;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;sBAMhC,CAAC"}
|
|
@@ -25,8 +25,6 @@ export class Multiselect extends FoundationElement {
|
|
|
25
25
|
this.creatable = false;
|
|
26
26
|
this.async = false;
|
|
27
27
|
this.debounce = DEBOUNCE_TIME;
|
|
28
|
-
this.delimiterValues = ';';
|
|
29
|
-
this.delimiterLabels = ',';
|
|
30
28
|
/** Tells if the filter uses a contains; if FALSE, will filter using a starts-with check */
|
|
31
29
|
this.filterByContains = false;
|
|
32
30
|
this.filterSearchValue = '';
|
|
@@ -135,18 +133,12 @@ export class Multiselect extends FoundationElement {
|
|
|
135
133
|
if (typeof option === 'string') {
|
|
136
134
|
return option;
|
|
137
135
|
}
|
|
138
|
-
if (Array.isArray(option.value)) {
|
|
139
|
-
return option.value.join(this.delimiterValues);
|
|
140
|
-
}
|
|
141
136
|
return option.value;
|
|
142
137
|
}
|
|
143
138
|
optionLabelGetter(option) {
|
|
144
139
|
if (typeof option === 'string') {
|
|
145
140
|
return option;
|
|
146
141
|
}
|
|
147
|
-
if (Array.isArray(option.label)) {
|
|
148
|
-
return option.label.join(this.delimiterLabels);
|
|
149
|
-
}
|
|
150
142
|
return option.label;
|
|
151
143
|
}
|
|
152
144
|
getItemLabel(option) {
|
|
@@ -203,7 +195,17 @@ export class Multiselect extends FoundationElement {
|
|
|
203
195
|
}
|
|
204
196
|
isOptionSelected(normalizedOption) {
|
|
205
197
|
const value = this.optionValueGetter(normalizedOption);
|
|
206
|
-
return this.selectedOptions.
|
|
198
|
+
return this.selectedOptions.some((selectedValue) => {
|
|
199
|
+
if (typeof normalizedOption === 'object' && typeof normalizedOption.value === 'object') {
|
|
200
|
+
try {
|
|
201
|
+
return JSON.stringify(selectedValue) === JSON.stringify(value);
|
|
202
|
+
}
|
|
203
|
+
catch (_a) {
|
|
204
|
+
return selectedValue === value;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
return selectedValue === value;
|
|
208
|
+
});
|
|
207
209
|
}
|
|
208
210
|
selectCheckboxOne(normalizedOption) {
|
|
209
211
|
const option = this.optionValueGetter(normalizedOption);
|
|
@@ -264,18 +266,19 @@ export class Multiselect extends FoundationElement {
|
|
|
264
266
|
setFilter() {
|
|
265
267
|
const searchValue = this.filterSearchValue.toLowerCase();
|
|
266
268
|
this.filteredAvailableOptions = this.options.filter((option) => {
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
const
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
269
|
+
if (!searchValue)
|
|
270
|
+
return true;
|
|
271
|
+
if (typeof option === 'string') {
|
|
272
|
+
return option.toLowerCase().includes(searchValue);
|
|
273
|
+
}
|
|
274
|
+
const label = option.label.toLowerCase();
|
|
275
|
+
const checkObjectValues = (obj) => {
|
|
276
|
+
return Object.values(obj).some((val) => val.toLowerCase().includes(searchValue));
|
|
277
|
+
};
|
|
278
|
+
const value = typeof option.value === 'object'
|
|
279
|
+
? checkObjectValues(option.value)
|
|
280
|
+
: String(option.value).toLowerCase().includes(searchValue);
|
|
281
|
+
return label.includes(searchValue) || value;
|
|
279
282
|
});
|
|
280
283
|
}
|
|
281
284
|
addOption() {
|
|
@@ -364,12 +367,6 @@ __decorate([
|
|
|
364
367
|
__decorate([
|
|
365
368
|
attr
|
|
366
369
|
], Multiselect.prototype, "debounce", void 0);
|
|
367
|
-
__decorate([
|
|
368
|
-
attr
|
|
369
|
-
], Multiselect.prototype, "delimiterValues", void 0);
|
|
370
|
-
__decorate([
|
|
371
|
-
attr
|
|
372
|
-
], Multiselect.prototype, "delimiterLabels", void 0);
|
|
373
370
|
__decorate([
|
|
374
371
|
attr({ mode: 'boolean', attribute: 'filter-by-contains' })
|
|
375
372
|
], Multiselect.prototype, "filterByContains", void 0);
|
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.278.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.278.0",
|
|
87
|
+
"@genesislcap/genx": "14.278.0",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.278.0",
|
|
89
|
+
"@genesislcap/ts-builder": "14.278.0",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.278.0",
|
|
91
|
+
"@genesislcap/vite-builder": "14.278.0",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.278.0",
|
|
93
93
|
"copyfiles": "^2.4.1",
|
|
94
94
|
"rimraf": "^5.0.0",
|
|
95
95
|
"rxjs": "^7.5.4"
|
|
@@ -100,15 +100,15 @@
|
|
|
100
100
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
101
101
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
102
102
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
103
|
-
"@genesislcap/expression-builder": "14.
|
|
104
|
-
"@genesislcap/foundation-comms": "14.
|
|
105
|
-
"@genesislcap/foundation-criteria": "14.
|
|
106
|
-
"@genesislcap/foundation-errors": "14.
|
|
107
|
-
"@genesislcap/foundation-events": "14.
|
|
108
|
-
"@genesislcap/foundation-logger": "14.
|
|
109
|
-
"@genesislcap/foundation-notifications": "14.
|
|
110
|
-
"@genesislcap/foundation-user": "14.
|
|
111
|
-
"@genesislcap/foundation-utils": "14.
|
|
103
|
+
"@genesislcap/expression-builder": "14.278.0",
|
|
104
|
+
"@genesislcap/foundation-comms": "14.278.0",
|
|
105
|
+
"@genesislcap/foundation-criteria": "14.278.0",
|
|
106
|
+
"@genesislcap/foundation-errors": "14.278.0",
|
|
107
|
+
"@genesislcap/foundation-events": "14.278.0",
|
|
108
|
+
"@genesislcap/foundation-logger": "14.278.0",
|
|
109
|
+
"@genesislcap/foundation-notifications": "14.278.0",
|
|
110
|
+
"@genesislcap/foundation-user": "14.278.0",
|
|
111
|
+
"@genesislcap/foundation-utils": "14.278.0",
|
|
112
112
|
"@microsoft/fast-colors": "5.3.1",
|
|
113
113
|
"@microsoft/fast-components": "2.30.6",
|
|
114
114
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -130,5 +130,5 @@
|
|
|
130
130
|
"access": "public"
|
|
131
131
|
},
|
|
132
132
|
"customElements": "dist/custom-elements.json",
|
|
133
|
-
"gitHead": "
|
|
133
|
+
"gitHead": "0721370b4e3d178f9619e6c032c0f94af778b09f"
|
|
134
134
|
}
|