@genesislcap/foundation-ui 14.277.0 → 14.278.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +227 -259
- 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
|
@@ -870,31 +870,45 @@
|
|
|
870
870
|
},
|
|
871
871
|
{
|
|
872
872
|
"kind": "javascript-module",
|
|
873
|
-
"path": "src/
|
|
874
|
-
"declarations": [
|
|
875
|
-
"exports": [
|
|
873
|
+
"path": "src/_common/icons.ts",
|
|
874
|
+
"declarations": [
|
|
876
875
|
{
|
|
877
|
-
"kind": "
|
|
878
|
-
"name": "
|
|
879
|
-
"
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
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": [
|
|
884
891
|
{
|
|
885
892
|
"kind": "js",
|
|
886
|
-
"name": "
|
|
893
|
+
"name": "closeIcon",
|
|
887
894
|
"declaration": {
|
|
888
|
-
"name": "
|
|
889
|
-
"
|
|
895
|
+
"name": "closeIcon",
|
|
896
|
+
"module": "src/_common/icons.ts"
|
|
890
897
|
}
|
|
891
|
-
}
|
|
898
|
+
}
|
|
899
|
+
]
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"kind": "javascript-module",
|
|
903
|
+
"path": "src/_common/index.ts",
|
|
904
|
+
"declarations": [],
|
|
905
|
+
"exports": [
|
|
892
906
|
{
|
|
893
907
|
"kind": "js",
|
|
894
908
|
"name": "*",
|
|
895
909
|
"declaration": {
|
|
896
910
|
"name": "*",
|
|
897
|
-
"package": "./
|
|
911
|
+
"package": "./icons"
|
|
898
912
|
}
|
|
899
913
|
}
|
|
900
914
|
]
|
|
@@ -1295,45 +1309,31 @@
|
|
|
1295
1309
|
},
|
|
1296
1310
|
{
|
|
1297
1311
|
"kind": "javascript-module",
|
|
1298
|
-
"path": "src/
|
|
1299
|
-
"declarations": [
|
|
1300
|
-
{
|
|
1301
|
-
"kind": "function",
|
|
1302
|
-
"name": "closeIcon",
|
|
1303
|
-
"parameters": [
|
|
1304
|
-
{
|
|
1305
|
-
"name": "slot",
|
|
1306
|
-
"default": "'start'"
|
|
1307
|
-
},
|
|
1308
|
-
{
|
|
1309
|
-
"name": "fill",
|
|
1310
|
-
"default": "'#879ba6'"
|
|
1311
|
-
}
|
|
1312
|
-
]
|
|
1313
|
-
}
|
|
1314
|
-
],
|
|
1312
|
+
"path": "src/_config/index.ts",
|
|
1313
|
+
"declarations": [],
|
|
1315
1314
|
"exports": [
|
|
1316
1315
|
{
|
|
1317
1316
|
"kind": "js",
|
|
1318
|
-
"name": "
|
|
1317
|
+
"name": "*",
|
|
1319
1318
|
"declaration": {
|
|
1320
|
-
"name": "
|
|
1321
|
-
"
|
|
1319
|
+
"name": "*",
|
|
1320
|
+
"package": "./styles"
|
|
1322
1321
|
}
|
|
1323
|
-
}
|
|
1324
|
-
]
|
|
1325
|
-
},
|
|
1326
|
-
{
|
|
1327
|
-
"kind": "javascript-module",
|
|
1328
|
-
"path": "src/_common/index.ts",
|
|
1329
|
-
"declarations": [],
|
|
1330
|
-
"exports": [
|
|
1322
|
+
},
|
|
1331
1323
|
{
|
|
1332
1324
|
"kind": "js",
|
|
1333
1325
|
"name": "*",
|
|
1334
1326
|
"declaration": {
|
|
1335
1327
|
"name": "*",
|
|
1336
|
-
"package": "./
|
|
1328
|
+
"package": "./tokens"
|
|
1329
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"kind": "js",
|
|
1333
|
+
"name": "*",
|
|
1334
|
+
"declaration": {
|
|
1335
|
+
"name": "*",
|
|
1336
|
+
"package": "./values"
|
|
1337
1337
|
}
|
|
1338
1338
|
}
|
|
1339
1339
|
]
|
|
@@ -1897,6 +1897,188 @@
|
|
|
1897
1897
|
}
|
|
1898
1898
|
]
|
|
1899
1899
|
},
|
|
1900
|
+
{
|
|
1901
|
+
"kind": "javascript-module",
|
|
1902
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
1903
|
+
"declarations": [
|
|
1904
|
+
{
|
|
1905
|
+
"kind": "function",
|
|
1906
|
+
"name": "foundationAccordionStyles",
|
|
1907
|
+
"return": {
|
|
1908
|
+
"type": {
|
|
1909
|
+
"text": "ElementStyles"
|
|
1910
|
+
}
|
|
1911
|
+
},
|
|
1912
|
+
"parameters": [
|
|
1913
|
+
{
|
|
1914
|
+
"name": "context",
|
|
1915
|
+
"type": {
|
|
1916
|
+
"text": "ElementDefinitionContext"
|
|
1917
|
+
}
|
|
1918
|
+
},
|
|
1919
|
+
{
|
|
1920
|
+
"name": "definition",
|
|
1921
|
+
"type": {
|
|
1922
|
+
"text": "FoundationElementDefinition"
|
|
1923
|
+
}
|
|
1924
|
+
}
|
|
1925
|
+
]
|
|
1926
|
+
}
|
|
1927
|
+
],
|
|
1928
|
+
"exports": [
|
|
1929
|
+
{
|
|
1930
|
+
"kind": "js",
|
|
1931
|
+
"name": "foundationAccordionStyles",
|
|
1932
|
+
"declaration": {
|
|
1933
|
+
"name": "foundationAccordionStyles",
|
|
1934
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
1935
|
+
}
|
|
1936
|
+
}
|
|
1937
|
+
]
|
|
1938
|
+
},
|
|
1939
|
+
{
|
|
1940
|
+
"kind": "javascript-module",
|
|
1941
|
+
"path": "src/accordion/accordion.template.ts",
|
|
1942
|
+
"declarations": [
|
|
1943
|
+
{
|
|
1944
|
+
"kind": "function",
|
|
1945
|
+
"name": "foundationAccordionTemplate",
|
|
1946
|
+
"return": {
|
|
1947
|
+
"type": {
|
|
1948
|
+
"text": "ViewTemplate<Accordion>"
|
|
1949
|
+
}
|
|
1950
|
+
},
|
|
1951
|
+
"parameters": [
|
|
1952
|
+
{
|
|
1953
|
+
"name": "context",
|
|
1954
|
+
"type": {
|
|
1955
|
+
"text": "ElementDefinitionContext"
|
|
1956
|
+
}
|
|
1957
|
+
},
|
|
1958
|
+
{
|
|
1959
|
+
"name": "definition",
|
|
1960
|
+
"type": {
|
|
1961
|
+
"text": "FoundationElementDefinition"
|
|
1962
|
+
}
|
|
1963
|
+
}
|
|
1964
|
+
]
|
|
1965
|
+
}
|
|
1966
|
+
],
|
|
1967
|
+
"exports": [
|
|
1968
|
+
{
|
|
1969
|
+
"kind": "js",
|
|
1970
|
+
"name": "foundationAccordionTemplate",
|
|
1971
|
+
"declaration": {
|
|
1972
|
+
"name": "foundationAccordionTemplate",
|
|
1973
|
+
"module": "src/accordion/accordion.template.ts"
|
|
1974
|
+
}
|
|
1975
|
+
}
|
|
1976
|
+
]
|
|
1977
|
+
},
|
|
1978
|
+
{
|
|
1979
|
+
"kind": "javascript-module",
|
|
1980
|
+
"path": "src/accordion/accordion.ts",
|
|
1981
|
+
"declarations": [
|
|
1982
|
+
{
|
|
1983
|
+
"kind": "class",
|
|
1984
|
+
"description": "",
|
|
1985
|
+
"name": "Accordion",
|
|
1986
|
+
"superclass": {
|
|
1987
|
+
"name": "FASTAccordion",
|
|
1988
|
+
"package": "@microsoft/fast-foundation"
|
|
1989
|
+
},
|
|
1990
|
+
"tagName": "%%prefix%%-accordion",
|
|
1991
|
+
"customElement": true
|
|
1992
|
+
},
|
|
1993
|
+
{
|
|
1994
|
+
"kind": "variable",
|
|
1995
|
+
"name": "foundationAccordionShadowOptions",
|
|
1996
|
+
"type": {
|
|
1997
|
+
"text": "ShadowRootInit"
|
|
1998
|
+
},
|
|
1999
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2000
|
+
},
|
|
2001
|
+
{
|
|
2002
|
+
"kind": "variable",
|
|
2003
|
+
"name": "defaultAccordionConfig",
|
|
2004
|
+
"type": {
|
|
2005
|
+
"text": "object"
|
|
2006
|
+
},
|
|
2007
|
+
"default": "{}"
|
|
2008
|
+
},
|
|
2009
|
+
{
|
|
2010
|
+
"kind": "variable",
|
|
2011
|
+
"name": "foundationAccordion",
|
|
2012
|
+
"description": "The Foundation Accordion",
|
|
2013
|
+
"privacy": "public"
|
|
2014
|
+
}
|
|
2015
|
+
],
|
|
2016
|
+
"exports": [
|
|
2017
|
+
{
|
|
2018
|
+
"kind": "js",
|
|
2019
|
+
"name": "Accordion",
|
|
2020
|
+
"declaration": {
|
|
2021
|
+
"name": "Accordion",
|
|
2022
|
+
"module": "src/accordion/accordion.ts"
|
|
2023
|
+
}
|
|
2024
|
+
},
|
|
2025
|
+
{
|
|
2026
|
+
"kind": "js",
|
|
2027
|
+
"name": "foundationAccordionShadowOptions",
|
|
2028
|
+
"declaration": {
|
|
2029
|
+
"name": "foundationAccordionShadowOptions",
|
|
2030
|
+
"module": "src/accordion/accordion.ts"
|
|
2031
|
+
}
|
|
2032
|
+
},
|
|
2033
|
+
{
|
|
2034
|
+
"kind": "js",
|
|
2035
|
+
"name": "defaultAccordionConfig",
|
|
2036
|
+
"declaration": {
|
|
2037
|
+
"name": "defaultAccordionConfig",
|
|
2038
|
+
"module": "src/accordion/accordion.ts"
|
|
2039
|
+
}
|
|
2040
|
+
},
|
|
2041
|
+
{
|
|
2042
|
+
"kind": "js",
|
|
2043
|
+
"name": "foundationAccordion",
|
|
2044
|
+
"declaration": {
|
|
2045
|
+
"name": "foundationAccordion",
|
|
2046
|
+
"module": "src/accordion/accordion.ts"
|
|
2047
|
+
}
|
|
2048
|
+
}
|
|
2049
|
+
]
|
|
2050
|
+
},
|
|
2051
|
+
{
|
|
2052
|
+
"kind": "javascript-module",
|
|
2053
|
+
"path": "src/accordion/index.ts",
|
|
2054
|
+
"declarations": [],
|
|
2055
|
+
"exports": [
|
|
2056
|
+
{
|
|
2057
|
+
"kind": "js",
|
|
2058
|
+
"name": "*",
|
|
2059
|
+
"declaration": {
|
|
2060
|
+
"name": "*",
|
|
2061
|
+
"package": "./accordion.template"
|
|
2062
|
+
}
|
|
2063
|
+
},
|
|
2064
|
+
{
|
|
2065
|
+
"kind": "js",
|
|
2066
|
+
"name": "*",
|
|
2067
|
+
"declaration": {
|
|
2068
|
+
"name": "*",
|
|
2069
|
+
"package": "./accordion.styles"
|
|
2070
|
+
}
|
|
2071
|
+
},
|
|
2072
|
+
{
|
|
2073
|
+
"kind": "js",
|
|
2074
|
+
"name": "*",
|
|
2075
|
+
"declaration": {
|
|
2076
|
+
"name": "*",
|
|
2077
|
+
"package": "./accordion"
|
|
2078
|
+
}
|
|
2079
|
+
}
|
|
2080
|
+
]
|
|
2081
|
+
},
|
|
1900
2082
|
{
|
|
1901
2083
|
"kind": "javascript-module",
|
|
1902
2084
|
"path": "src/anchor/anchor.styles.ts",
|
|
@@ -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.1",
|
|
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.1",
|
|
87
|
+
"@genesislcap/genx": "14.278.1",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.278.1",
|
|
89
|
+
"@genesislcap/ts-builder": "14.278.1",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.278.1",
|
|
91
|
+
"@genesislcap/vite-builder": "14.278.1",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.278.1",
|
|
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.1",
|
|
104
|
+
"@genesislcap/foundation-comms": "14.278.1",
|
|
105
|
+
"@genesislcap/foundation-criteria": "14.278.1",
|
|
106
|
+
"@genesislcap/foundation-errors": "14.278.1",
|
|
107
|
+
"@genesislcap/foundation-events": "14.278.1",
|
|
108
|
+
"@genesislcap/foundation-logger": "14.278.1",
|
|
109
|
+
"@genesislcap/foundation-notifications": "14.278.1",
|
|
110
|
+
"@genesislcap/foundation-user": "14.278.1",
|
|
111
|
+
"@genesislcap/foundation-utils": "14.278.1",
|
|
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": "471994ca97809011625eaeffe4ef2f3814458a67"
|
|
134
134
|
}
|