@genesislcap/foundation-ui 14.191.1 → 14.192.0-accessibility.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 +588 -558
- package/dist/dts/multiselect/multiselect.d.ts +2 -1
- package/dist/dts/multiselect/multiselect.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.template.d.ts.map +1 -1
- package/dist/esm/multiselect/multiselect.js +36 -6
- package/dist/esm/multiselect/multiselect.styles.js +26 -5
- package/dist/esm/multiselect/multiselect.template.js +47 -45
- package/package.json +16 -16
|
@@ -893,188 +893,6 @@
|
|
|
893
893
|
}
|
|
894
894
|
]
|
|
895
895
|
},
|
|
896
|
-
{
|
|
897
|
-
"kind": "javascript-module",
|
|
898
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
899
|
-
"declarations": [
|
|
900
|
-
{
|
|
901
|
-
"kind": "function",
|
|
902
|
-
"name": "foundationAccordionStyles",
|
|
903
|
-
"return": {
|
|
904
|
-
"type": {
|
|
905
|
-
"text": "ElementStyles"
|
|
906
|
-
}
|
|
907
|
-
},
|
|
908
|
-
"parameters": [
|
|
909
|
-
{
|
|
910
|
-
"name": "context",
|
|
911
|
-
"type": {
|
|
912
|
-
"text": "ElementDefinitionContext"
|
|
913
|
-
}
|
|
914
|
-
},
|
|
915
|
-
{
|
|
916
|
-
"name": "definition",
|
|
917
|
-
"type": {
|
|
918
|
-
"text": "FoundationElementDefinition"
|
|
919
|
-
}
|
|
920
|
-
}
|
|
921
|
-
]
|
|
922
|
-
}
|
|
923
|
-
],
|
|
924
|
-
"exports": [
|
|
925
|
-
{
|
|
926
|
-
"kind": "js",
|
|
927
|
-
"name": "foundationAccordionStyles",
|
|
928
|
-
"declaration": {
|
|
929
|
-
"name": "foundationAccordionStyles",
|
|
930
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
931
|
-
}
|
|
932
|
-
}
|
|
933
|
-
]
|
|
934
|
-
},
|
|
935
|
-
{
|
|
936
|
-
"kind": "javascript-module",
|
|
937
|
-
"path": "src/accordion/accordion.template.ts",
|
|
938
|
-
"declarations": [
|
|
939
|
-
{
|
|
940
|
-
"kind": "function",
|
|
941
|
-
"name": "foundationAccordionTemplate",
|
|
942
|
-
"return": {
|
|
943
|
-
"type": {
|
|
944
|
-
"text": "ViewTemplate<Accordion>"
|
|
945
|
-
}
|
|
946
|
-
},
|
|
947
|
-
"parameters": [
|
|
948
|
-
{
|
|
949
|
-
"name": "context",
|
|
950
|
-
"type": {
|
|
951
|
-
"text": "ElementDefinitionContext"
|
|
952
|
-
}
|
|
953
|
-
},
|
|
954
|
-
{
|
|
955
|
-
"name": "definition",
|
|
956
|
-
"type": {
|
|
957
|
-
"text": "FoundationElementDefinition"
|
|
958
|
-
}
|
|
959
|
-
}
|
|
960
|
-
]
|
|
961
|
-
}
|
|
962
|
-
],
|
|
963
|
-
"exports": [
|
|
964
|
-
{
|
|
965
|
-
"kind": "js",
|
|
966
|
-
"name": "foundationAccordionTemplate",
|
|
967
|
-
"declaration": {
|
|
968
|
-
"name": "foundationAccordionTemplate",
|
|
969
|
-
"module": "src/accordion/accordion.template.ts"
|
|
970
|
-
}
|
|
971
|
-
}
|
|
972
|
-
]
|
|
973
|
-
},
|
|
974
|
-
{
|
|
975
|
-
"kind": "javascript-module",
|
|
976
|
-
"path": "src/accordion/accordion.ts",
|
|
977
|
-
"declarations": [
|
|
978
|
-
{
|
|
979
|
-
"kind": "class",
|
|
980
|
-
"description": "",
|
|
981
|
-
"name": "Accordion",
|
|
982
|
-
"superclass": {
|
|
983
|
-
"name": "FASTAccordion",
|
|
984
|
-
"package": "@microsoft/fast-foundation"
|
|
985
|
-
},
|
|
986
|
-
"tagName": "%%prefix%%-accordion",
|
|
987
|
-
"customElement": true
|
|
988
|
-
},
|
|
989
|
-
{
|
|
990
|
-
"kind": "variable",
|
|
991
|
-
"name": "foundationAccordionShadowOptions",
|
|
992
|
-
"type": {
|
|
993
|
-
"text": "ShadowRootInit"
|
|
994
|
-
},
|
|
995
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
996
|
-
},
|
|
997
|
-
{
|
|
998
|
-
"kind": "variable",
|
|
999
|
-
"name": "defaultAccordionConfig",
|
|
1000
|
-
"type": {
|
|
1001
|
-
"text": "object"
|
|
1002
|
-
},
|
|
1003
|
-
"default": "{}"
|
|
1004
|
-
},
|
|
1005
|
-
{
|
|
1006
|
-
"kind": "variable",
|
|
1007
|
-
"name": "foundationAccordion",
|
|
1008
|
-
"description": "The Foundation Accordion",
|
|
1009
|
-
"privacy": "public"
|
|
1010
|
-
}
|
|
1011
|
-
],
|
|
1012
|
-
"exports": [
|
|
1013
|
-
{
|
|
1014
|
-
"kind": "js",
|
|
1015
|
-
"name": "Accordion",
|
|
1016
|
-
"declaration": {
|
|
1017
|
-
"name": "Accordion",
|
|
1018
|
-
"module": "src/accordion/accordion.ts"
|
|
1019
|
-
}
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"kind": "js",
|
|
1023
|
-
"name": "foundationAccordionShadowOptions",
|
|
1024
|
-
"declaration": {
|
|
1025
|
-
"name": "foundationAccordionShadowOptions",
|
|
1026
|
-
"module": "src/accordion/accordion.ts"
|
|
1027
|
-
}
|
|
1028
|
-
},
|
|
1029
|
-
{
|
|
1030
|
-
"kind": "js",
|
|
1031
|
-
"name": "defaultAccordionConfig",
|
|
1032
|
-
"declaration": {
|
|
1033
|
-
"name": "defaultAccordionConfig",
|
|
1034
|
-
"module": "src/accordion/accordion.ts"
|
|
1035
|
-
}
|
|
1036
|
-
},
|
|
1037
|
-
{
|
|
1038
|
-
"kind": "js",
|
|
1039
|
-
"name": "foundationAccordion",
|
|
1040
|
-
"declaration": {
|
|
1041
|
-
"name": "foundationAccordion",
|
|
1042
|
-
"module": "src/accordion/accordion.ts"
|
|
1043
|
-
}
|
|
1044
|
-
}
|
|
1045
|
-
]
|
|
1046
|
-
},
|
|
1047
|
-
{
|
|
1048
|
-
"kind": "javascript-module",
|
|
1049
|
-
"path": "src/accordion/index.ts",
|
|
1050
|
-
"declarations": [],
|
|
1051
|
-
"exports": [
|
|
1052
|
-
{
|
|
1053
|
-
"kind": "js",
|
|
1054
|
-
"name": "*",
|
|
1055
|
-
"declaration": {
|
|
1056
|
-
"name": "*",
|
|
1057
|
-
"package": "./accordion.template"
|
|
1058
|
-
}
|
|
1059
|
-
},
|
|
1060
|
-
{
|
|
1061
|
-
"kind": "js",
|
|
1062
|
-
"name": "*",
|
|
1063
|
-
"declaration": {
|
|
1064
|
-
"name": "*",
|
|
1065
|
-
"package": "./accordion.styles"
|
|
1066
|
-
}
|
|
1067
|
-
},
|
|
1068
|
-
{
|
|
1069
|
-
"kind": "js",
|
|
1070
|
-
"name": "*",
|
|
1071
|
-
"declaration": {
|
|
1072
|
-
"name": "*",
|
|
1073
|
-
"package": "./accordion"
|
|
1074
|
-
}
|
|
1075
|
-
}
|
|
1076
|
-
]
|
|
1077
|
-
},
|
|
1078
896
|
{
|
|
1079
897
|
"kind": "javascript-module",
|
|
1080
898
|
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
@@ -2548,6 +2366,188 @@
|
|
|
2548
2366
|
}
|
|
2549
2367
|
]
|
|
2550
2368
|
},
|
|
2369
|
+
{
|
|
2370
|
+
"kind": "javascript-module",
|
|
2371
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
2372
|
+
"declarations": [
|
|
2373
|
+
{
|
|
2374
|
+
"kind": "function",
|
|
2375
|
+
"name": "foundationAccordionStyles",
|
|
2376
|
+
"return": {
|
|
2377
|
+
"type": {
|
|
2378
|
+
"text": "ElementStyles"
|
|
2379
|
+
}
|
|
2380
|
+
},
|
|
2381
|
+
"parameters": [
|
|
2382
|
+
{
|
|
2383
|
+
"name": "context",
|
|
2384
|
+
"type": {
|
|
2385
|
+
"text": "ElementDefinitionContext"
|
|
2386
|
+
}
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "definition",
|
|
2390
|
+
"type": {
|
|
2391
|
+
"text": "FoundationElementDefinition"
|
|
2392
|
+
}
|
|
2393
|
+
}
|
|
2394
|
+
]
|
|
2395
|
+
}
|
|
2396
|
+
],
|
|
2397
|
+
"exports": [
|
|
2398
|
+
{
|
|
2399
|
+
"kind": "js",
|
|
2400
|
+
"name": "foundationAccordionStyles",
|
|
2401
|
+
"declaration": {
|
|
2402
|
+
"name": "foundationAccordionStyles",
|
|
2403
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
2404
|
+
}
|
|
2405
|
+
}
|
|
2406
|
+
]
|
|
2407
|
+
},
|
|
2408
|
+
{
|
|
2409
|
+
"kind": "javascript-module",
|
|
2410
|
+
"path": "src/accordion/accordion.template.ts",
|
|
2411
|
+
"declarations": [
|
|
2412
|
+
{
|
|
2413
|
+
"kind": "function",
|
|
2414
|
+
"name": "foundationAccordionTemplate",
|
|
2415
|
+
"return": {
|
|
2416
|
+
"type": {
|
|
2417
|
+
"text": "ViewTemplate<Accordion>"
|
|
2418
|
+
}
|
|
2419
|
+
},
|
|
2420
|
+
"parameters": [
|
|
2421
|
+
{
|
|
2422
|
+
"name": "context",
|
|
2423
|
+
"type": {
|
|
2424
|
+
"text": "ElementDefinitionContext"
|
|
2425
|
+
}
|
|
2426
|
+
},
|
|
2427
|
+
{
|
|
2428
|
+
"name": "definition",
|
|
2429
|
+
"type": {
|
|
2430
|
+
"text": "FoundationElementDefinition"
|
|
2431
|
+
}
|
|
2432
|
+
}
|
|
2433
|
+
]
|
|
2434
|
+
}
|
|
2435
|
+
],
|
|
2436
|
+
"exports": [
|
|
2437
|
+
{
|
|
2438
|
+
"kind": "js",
|
|
2439
|
+
"name": "foundationAccordionTemplate",
|
|
2440
|
+
"declaration": {
|
|
2441
|
+
"name": "foundationAccordionTemplate",
|
|
2442
|
+
"module": "src/accordion/accordion.template.ts"
|
|
2443
|
+
}
|
|
2444
|
+
}
|
|
2445
|
+
]
|
|
2446
|
+
},
|
|
2447
|
+
{
|
|
2448
|
+
"kind": "javascript-module",
|
|
2449
|
+
"path": "src/accordion/accordion.ts",
|
|
2450
|
+
"declarations": [
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "class",
|
|
2453
|
+
"description": "",
|
|
2454
|
+
"name": "Accordion",
|
|
2455
|
+
"superclass": {
|
|
2456
|
+
"name": "FASTAccordion",
|
|
2457
|
+
"package": "@microsoft/fast-foundation"
|
|
2458
|
+
},
|
|
2459
|
+
"tagName": "%%prefix%%-accordion",
|
|
2460
|
+
"customElement": true
|
|
2461
|
+
},
|
|
2462
|
+
{
|
|
2463
|
+
"kind": "variable",
|
|
2464
|
+
"name": "foundationAccordionShadowOptions",
|
|
2465
|
+
"type": {
|
|
2466
|
+
"text": "ShadowRootInit"
|
|
2467
|
+
},
|
|
2468
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2469
|
+
},
|
|
2470
|
+
{
|
|
2471
|
+
"kind": "variable",
|
|
2472
|
+
"name": "defaultAccordionConfig",
|
|
2473
|
+
"type": {
|
|
2474
|
+
"text": "object"
|
|
2475
|
+
},
|
|
2476
|
+
"default": "{}"
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
"kind": "variable",
|
|
2480
|
+
"name": "foundationAccordion",
|
|
2481
|
+
"description": "The Foundation Accordion",
|
|
2482
|
+
"privacy": "public"
|
|
2483
|
+
}
|
|
2484
|
+
],
|
|
2485
|
+
"exports": [
|
|
2486
|
+
{
|
|
2487
|
+
"kind": "js",
|
|
2488
|
+
"name": "Accordion",
|
|
2489
|
+
"declaration": {
|
|
2490
|
+
"name": "Accordion",
|
|
2491
|
+
"module": "src/accordion/accordion.ts"
|
|
2492
|
+
}
|
|
2493
|
+
},
|
|
2494
|
+
{
|
|
2495
|
+
"kind": "js",
|
|
2496
|
+
"name": "foundationAccordionShadowOptions",
|
|
2497
|
+
"declaration": {
|
|
2498
|
+
"name": "foundationAccordionShadowOptions",
|
|
2499
|
+
"module": "src/accordion/accordion.ts"
|
|
2500
|
+
}
|
|
2501
|
+
},
|
|
2502
|
+
{
|
|
2503
|
+
"kind": "js",
|
|
2504
|
+
"name": "defaultAccordionConfig",
|
|
2505
|
+
"declaration": {
|
|
2506
|
+
"name": "defaultAccordionConfig",
|
|
2507
|
+
"module": "src/accordion/accordion.ts"
|
|
2508
|
+
}
|
|
2509
|
+
},
|
|
2510
|
+
{
|
|
2511
|
+
"kind": "js",
|
|
2512
|
+
"name": "foundationAccordion",
|
|
2513
|
+
"declaration": {
|
|
2514
|
+
"name": "foundationAccordion",
|
|
2515
|
+
"module": "src/accordion/accordion.ts"
|
|
2516
|
+
}
|
|
2517
|
+
}
|
|
2518
|
+
]
|
|
2519
|
+
},
|
|
2520
|
+
{
|
|
2521
|
+
"kind": "javascript-module",
|
|
2522
|
+
"path": "src/accordion/index.ts",
|
|
2523
|
+
"declarations": [],
|
|
2524
|
+
"exports": [
|
|
2525
|
+
{
|
|
2526
|
+
"kind": "js",
|
|
2527
|
+
"name": "*",
|
|
2528
|
+
"declaration": {
|
|
2529
|
+
"name": "*",
|
|
2530
|
+
"package": "./accordion.template"
|
|
2531
|
+
}
|
|
2532
|
+
},
|
|
2533
|
+
{
|
|
2534
|
+
"kind": "js",
|
|
2535
|
+
"name": "*",
|
|
2536
|
+
"declaration": {
|
|
2537
|
+
"name": "*",
|
|
2538
|
+
"package": "./accordion.styles"
|
|
2539
|
+
}
|
|
2540
|
+
},
|
|
2541
|
+
{
|
|
2542
|
+
"kind": "js",
|
|
2543
|
+
"name": "*",
|
|
2544
|
+
"declaration": {
|
|
2545
|
+
"name": "*",
|
|
2546
|
+
"package": "./accordion"
|
|
2547
|
+
}
|
|
2548
|
+
}
|
|
2549
|
+
]
|
|
2550
|
+
},
|
|
2551
2551
|
{
|
|
2552
2552
|
"kind": "javascript-module",
|
|
2553
2553
|
"path": "src/anchored-region/anchor-region.template.ts",
|
|
@@ -9332,6 +9332,327 @@
|
|
|
9332
9332
|
}
|
|
9333
9333
|
]
|
|
9334
9334
|
},
|
|
9335
|
+
{
|
|
9336
|
+
"kind": "javascript-module",
|
|
9337
|
+
"path": "src/connection-indicator/connection-indicator.styles.ts",
|
|
9338
|
+
"declarations": [
|
|
9339
|
+
{
|
|
9340
|
+
"kind": "function",
|
|
9341
|
+
"name": "foundationConnectionIndicatorStyles",
|
|
9342
|
+
"return": {
|
|
9343
|
+
"type": {
|
|
9344
|
+
"text": "ElementStyles"
|
|
9345
|
+
}
|
|
9346
|
+
},
|
|
9347
|
+
"parameters": [
|
|
9348
|
+
{
|
|
9349
|
+
"name": "context",
|
|
9350
|
+
"type": {
|
|
9351
|
+
"text": "ElementDefinitionContext"
|
|
9352
|
+
}
|
|
9353
|
+
},
|
|
9354
|
+
{
|
|
9355
|
+
"name": "definition",
|
|
9356
|
+
"type": {
|
|
9357
|
+
"text": "FoundationElementDefinition"
|
|
9358
|
+
}
|
|
9359
|
+
}
|
|
9360
|
+
]
|
|
9361
|
+
}
|
|
9362
|
+
],
|
|
9363
|
+
"exports": [
|
|
9364
|
+
{
|
|
9365
|
+
"kind": "js",
|
|
9366
|
+
"name": "foundationConnectionIndicatorStyles",
|
|
9367
|
+
"declaration": {
|
|
9368
|
+
"name": "foundationConnectionIndicatorStyles",
|
|
9369
|
+
"module": "src/connection-indicator/connection-indicator.styles.ts"
|
|
9370
|
+
}
|
|
9371
|
+
}
|
|
9372
|
+
]
|
|
9373
|
+
},
|
|
9374
|
+
{
|
|
9375
|
+
"kind": "javascript-module",
|
|
9376
|
+
"path": "src/connection-indicator/connection-indicator.template.ts",
|
|
9377
|
+
"declarations": [
|
|
9378
|
+
{
|
|
9379
|
+
"kind": "variable",
|
|
9380
|
+
"name": "foundationConnectionIndicatorTemplate",
|
|
9381
|
+
"type": {
|
|
9382
|
+
"text": "ViewTemplate"
|
|
9383
|
+
},
|
|
9384
|
+
"default": "html<ConnectionIndicator>`\n <div class=${(x) => classNames(['light', true], [x.colour, true])}></div>\n ${when(\n (x) => x.showLabel,\n html<ConnectionIndicator>`\n <div class=\"label\">${(x) => x.label}</div>\n `,\n )}\n`"
|
|
9385
|
+
}
|
|
9386
|
+
],
|
|
9387
|
+
"exports": [
|
|
9388
|
+
{
|
|
9389
|
+
"kind": "js",
|
|
9390
|
+
"name": "foundationConnectionIndicatorTemplate",
|
|
9391
|
+
"declaration": {
|
|
9392
|
+
"name": "foundationConnectionIndicatorTemplate",
|
|
9393
|
+
"module": "src/connection-indicator/connection-indicator.template.ts"
|
|
9394
|
+
}
|
|
9395
|
+
}
|
|
9396
|
+
]
|
|
9397
|
+
},
|
|
9398
|
+
{
|
|
9399
|
+
"kind": "javascript-module",
|
|
9400
|
+
"path": "src/connection-indicator/connection-indicator.ts",
|
|
9401
|
+
"declarations": [
|
|
9402
|
+
{
|
|
9403
|
+
"kind": "class",
|
|
9404
|
+
"description": "",
|
|
9405
|
+
"name": "ConnectionIndicator",
|
|
9406
|
+
"members": [
|
|
9407
|
+
{
|
|
9408
|
+
"kind": "field",
|
|
9409
|
+
"name": "connect",
|
|
9410
|
+
"type": {
|
|
9411
|
+
"text": "Connect"
|
|
9412
|
+
}
|
|
9413
|
+
},
|
|
9414
|
+
{
|
|
9415
|
+
"kind": "field",
|
|
9416
|
+
"name": "session",
|
|
9417
|
+
"type": {
|
|
9418
|
+
"text": "Session"
|
|
9419
|
+
}
|
|
9420
|
+
},
|
|
9421
|
+
{
|
|
9422
|
+
"kind": "field",
|
|
9423
|
+
"name": "showLabel",
|
|
9424
|
+
"type": {
|
|
9425
|
+
"text": "boolean"
|
|
9426
|
+
},
|
|
9427
|
+
"default": "false"
|
|
9428
|
+
},
|
|
9429
|
+
{
|
|
9430
|
+
"kind": "field",
|
|
9431
|
+
"name": "label",
|
|
9432
|
+
"type": {
|
|
9433
|
+
"text": "string"
|
|
9434
|
+
},
|
|
9435
|
+
"default": "'disconnected'"
|
|
9436
|
+
},
|
|
9437
|
+
{
|
|
9438
|
+
"kind": "field",
|
|
9439
|
+
"name": "colour",
|
|
9440
|
+
"type": {
|
|
9441
|
+
"text": "'red' | 'green'"
|
|
9442
|
+
},
|
|
9443
|
+
"default": "'red'"
|
|
9444
|
+
},
|
|
9445
|
+
{
|
|
9446
|
+
"kind": "field",
|
|
9447
|
+
"name": "subscription",
|
|
9448
|
+
"type": {
|
|
9449
|
+
"text": "Subscription"
|
|
9450
|
+
},
|
|
9451
|
+
"privacy": "private"
|
|
9452
|
+
},
|
|
9453
|
+
{
|
|
9454
|
+
"kind": "method",
|
|
9455
|
+
"name": "getLabel",
|
|
9456
|
+
"return": {
|
|
9457
|
+
"type": {
|
|
9458
|
+
"text": "string"
|
|
9459
|
+
}
|
|
9460
|
+
},
|
|
9461
|
+
"parameters": [
|
|
9462
|
+
{
|
|
9463
|
+
"name": "connected",
|
|
9464
|
+
"type": {
|
|
9465
|
+
"text": "boolean"
|
|
9466
|
+
}
|
|
9467
|
+
}
|
|
9468
|
+
]
|
|
9469
|
+
},
|
|
9470
|
+
{
|
|
9471
|
+
"kind": "field",
|
|
9472
|
+
"name": "_presentation",
|
|
9473
|
+
"type": {
|
|
9474
|
+
"text": "ComponentPresentation | null | undefined"
|
|
9475
|
+
},
|
|
9476
|
+
"privacy": "private",
|
|
9477
|
+
"default": "void 0",
|
|
9478
|
+
"inheritedFrom": {
|
|
9479
|
+
"name": "FoundationElement",
|
|
9480
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9481
|
+
}
|
|
9482
|
+
},
|
|
9483
|
+
{
|
|
9484
|
+
"kind": "field",
|
|
9485
|
+
"name": "$presentation",
|
|
9486
|
+
"type": {
|
|
9487
|
+
"text": "ComponentPresentation | null"
|
|
9488
|
+
},
|
|
9489
|
+
"privacy": "public",
|
|
9490
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
9491
|
+
"inheritedFrom": {
|
|
9492
|
+
"name": "FoundationElement",
|
|
9493
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9494
|
+
}
|
|
9495
|
+
},
|
|
9496
|
+
{
|
|
9497
|
+
"kind": "field",
|
|
9498
|
+
"name": "template",
|
|
9499
|
+
"type": {
|
|
9500
|
+
"text": "ElementViewTemplate | void | null"
|
|
9501
|
+
},
|
|
9502
|
+
"privacy": "public",
|
|
9503
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
9504
|
+
"inheritedFrom": {
|
|
9505
|
+
"name": "FoundationElement",
|
|
9506
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9507
|
+
}
|
|
9508
|
+
},
|
|
9509
|
+
{
|
|
9510
|
+
"kind": "method",
|
|
9511
|
+
"name": "templateChanged",
|
|
9512
|
+
"privacy": "protected",
|
|
9513
|
+
"return": {
|
|
9514
|
+
"type": {
|
|
9515
|
+
"text": "void"
|
|
9516
|
+
}
|
|
9517
|
+
},
|
|
9518
|
+
"inheritedFrom": {
|
|
9519
|
+
"name": "FoundationElement",
|
|
9520
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9521
|
+
}
|
|
9522
|
+
},
|
|
9523
|
+
{
|
|
9524
|
+
"kind": "field",
|
|
9525
|
+
"name": "styles",
|
|
9526
|
+
"type": {
|
|
9527
|
+
"text": "ElementStyles | void | null"
|
|
9528
|
+
},
|
|
9529
|
+
"privacy": "public",
|
|
9530
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
9531
|
+
"inheritedFrom": {
|
|
9532
|
+
"name": "FoundationElement",
|
|
9533
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9534
|
+
}
|
|
9535
|
+
},
|
|
9536
|
+
{
|
|
9537
|
+
"kind": "method",
|
|
9538
|
+
"name": "stylesChanged",
|
|
9539
|
+
"privacy": "protected",
|
|
9540
|
+
"return": {
|
|
9541
|
+
"type": {
|
|
9542
|
+
"text": "void"
|
|
9543
|
+
}
|
|
9544
|
+
},
|
|
9545
|
+
"inheritedFrom": {
|
|
9546
|
+
"name": "FoundationElement",
|
|
9547
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9548
|
+
}
|
|
9549
|
+
},
|
|
9550
|
+
{
|
|
9551
|
+
"kind": "method",
|
|
9552
|
+
"name": "compose",
|
|
9553
|
+
"privacy": "public",
|
|
9554
|
+
"static": true,
|
|
9555
|
+
"return": {
|
|
9556
|
+
"type": {
|
|
9557
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
9558
|
+
}
|
|
9559
|
+
},
|
|
9560
|
+
"parameters": [
|
|
9561
|
+
{
|
|
9562
|
+
"name": "this",
|
|
9563
|
+
"type": {
|
|
9564
|
+
"text": "K"
|
|
9565
|
+
}
|
|
9566
|
+
},
|
|
9567
|
+
{
|
|
9568
|
+
"name": "elementDefinition",
|
|
9569
|
+
"type": {
|
|
9570
|
+
"text": "T"
|
|
9571
|
+
},
|
|
9572
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
9573
|
+
}
|
|
9574
|
+
],
|
|
9575
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
9576
|
+
"inheritedFrom": {
|
|
9577
|
+
"name": "FoundationElement",
|
|
9578
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
9579
|
+
}
|
|
9580
|
+
}
|
|
9581
|
+
],
|
|
9582
|
+
"attributes": [
|
|
9583
|
+
{
|
|
9584
|
+
"name": "show-label",
|
|
9585
|
+
"type": {
|
|
9586
|
+
"text": "boolean"
|
|
9587
|
+
},
|
|
9588
|
+
"default": "false",
|
|
9589
|
+
"fieldName": "showLabel"
|
|
9590
|
+
}
|
|
9591
|
+
],
|
|
9592
|
+
"superclass": {
|
|
9593
|
+
"name": "FoundationElement",
|
|
9594
|
+
"package": "@microsoft/fast-foundation"
|
|
9595
|
+
},
|
|
9596
|
+
"tagName": "%%prefix%%-connection-indicator",
|
|
9597
|
+
"customElement": true
|
|
9598
|
+
},
|
|
9599
|
+
{
|
|
9600
|
+
"kind": "variable",
|
|
9601
|
+
"name": "foundationConnectionIndicator",
|
|
9602
|
+
"description": "The Connection Indicator",
|
|
9603
|
+
"privacy": "public"
|
|
9604
|
+
}
|
|
9605
|
+
],
|
|
9606
|
+
"exports": [
|
|
9607
|
+
{
|
|
9608
|
+
"kind": "js",
|
|
9609
|
+
"name": "ConnectionIndicator",
|
|
9610
|
+
"declaration": {
|
|
9611
|
+
"name": "ConnectionIndicator",
|
|
9612
|
+
"module": "src/connection-indicator/connection-indicator.ts"
|
|
9613
|
+
}
|
|
9614
|
+
},
|
|
9615
|
+
{
|
|
9616
|
+
"kind": "js",
|
|
9617
|
+
"name": "foundationConnectionIndicator",
|
|
9618
|
+
"declaration": {
|
|
9619
|
+
"name": "foundationConnectionIndicator",
|
|
9620
|
+
"module": "src/connection-indicator/connection-indicator.ts"
|
|
9621
|
+
}
|
|
9622
|
+
}
|
|
9623
|
+
]
|
|
9624
|
+
},
|
|
9625
|
+
{
|
|
9626
|
+
"kind": "javascript-module",
|
|
9627
|
+
"path": "src/connection-indicator/index.ts",
|
|
9628
|
+
"declarations": [],
|
|
9629
|
+
"exports": [
|
|
9630
|
+
{
|
|
9631
|
+
"kind": "js",
|
|
9632
|
+
"name": "*",
|
|
9633
|
+
"declaration": {
|
|
9634
|
+
"name": "*",
|
|
9635
|
+
"package": "./connection-indicator"
|
|
9636
|
+
}
|
|
9637
|
+
},
|
|
9638
|
+
{
|
|
9639
|
+
"kind": "js",
|
|
9640
|
+
"name": "*",
|
|
9641
|
+
"declaration": {
|
|
9642
|
+
"name": "*",
|
|
9643
|
+
"package": "./connection-indicator.styles"
|
|
9644
|
+
}
|
|
9645
|
+
},
|
|
9646
|
+
{
|
|
9647
|
+
"kind": "js",
|
|
9648
|
+
"name": "*",
|
|
9649
|
+
"declaration": {
|
|
9650
|
+
"name": "*",
|
|
9651
|
+
"package": "./connection-indicator.template"
|
|
9652
|
+
}
|
|
9653
|
+
}
|
|
9654
|
+
]
|
|
9655
|
+
},
|
|
9335
9656
|
{
|
|
9336
9657
|
"kind": "javascript-module",
|
|
9337
9658
|
"path": "src/data-grid/data-grid.styles.ts",
|
|
@@ -10154,327 +10475,6 @@
|
|
|
10154
10475
|
}
|
|
10155
10476
|
]
|
|
10156
10477
|
},
|
|
10157
|
-
{
|
|
10158
|
-
"kind": "javascript-module",
|
|
10159
|
-
"path": "src/connection-indicator/connection-indicator.styles.ts",
|
|
10160
|
-
"declarations": [
|
|
10161
|
-
{
|
|
10162
|
-
"kind": "function",
|
|
10163
|
-
"name": "foundationConnectionIndicatorStyles",
|
|
10164
|
-
"return": {
|
|
10165
|
-
"type": {
|
|
10166
|
-
"text": "ElementStyles"
|
|
10167
|
-
}
|
|
10168
|
-
},
|
|
10169
|
-
"parameters": [
|
|
10170
|
-
{
|
|
10171
|
-
"name": "context",
|
|
10172
|
-
"type": {
|
|
10173
|
-
"text": "ElementDefinitionContext"
|
|
10174
|
-
}
|
|
10175
|
-
},
|
|
10176
|
-
{
|
|
10177
|
-
"name": "definition",
|
|
10178
|
-
"type": {
|
|
10179
|
-
"text": "FoundationElementDefinition"
|
|
10180
|
-
}
|
|
10181
|
-
}
|
|
10182
|
-
]
|
|
10183
|
-
}
|
|
10184
|
-
],
|
|
10185
|
-
"exports": [
|
|
10186
|
-
{
|
|
10187
|
-
"kind": "js",
|
|
10188
|
-
"name": "foundationConnectionIndicatorStyles",
|
|
10189
|
-
"declaration": {
|
|
10190
|
-
"name": "foundationConnectionIndicatorStyles",
|
|
10191
|
-
"module": "src/connection-indicator/connection-indicator.styles.ts"
|
|
10192
|
-
}
|
|
10193
|
-
}
|
|
10194
|
-
]
|
|
10195
|
-
},
|
|
10196
|
-
{
|
|
10197
|
-
"kind": "javascript-module",
|
|
10198
|
-
"path": "src/connection-indicator/connection-indicator.template.ts",
|
|
10199
|
-
"declarations": [
|
|
10200
|
-
{
|
|
10201
|
-
"kind": "variable",
|
|
10202
|
-
"name": "foundationConnectionIndicatorTemplate",
|
|
10203
|
-
"type": {
|
|
10204
|
-
"text": "ViewTemplate"
|
|
10205
|
-
},
|
|
10206
|
-
"default": "html<ConnectionIndicator>`\n <div class=${(x) => classNames(['light', true], [x.colour, true])}></div>\n ${when(\n (x) => x.showLabel,\n html<ConnectionIndicator>`\n <div class=\"label\">${(x) => x.label}</div>\n `,\n )}\n`"
|
|
10207
|
-
}
|
|
10208
|
-
],
|
|
10209
|
-
"exports": [
|
|
10210
|
-
{
|
|
10211
|
-
"kind": "js",
|
|
10212
|
-
"name": "foundationConnectionIndicatorTemplate",
|
|
10213
|
-
"declaration": {
|
|
10214
|
-
"name": "foundationConnectionIndicatorTemplate",
|
|
10215
|
-
"module": "src/connection-indicator/connection-indicator.template.ts"
|
|
10216
|
-
}
|
|
10217
|
-
}
|
|
10218
|
-
]
|
|
10219
|
-
},
|
|
10220
|
-
{
|
|
10221
|
-
"kind": "javascript-module",
|
|
10222
|
-
"path": "src/connection-indicator/connection-indicator.ts",
|
|
10223
|
-
"declarations": [
|
|
10224
|
-
{
|
|
10225
|
-
"kind": "class",
|
|
10226
|
-
"description": "",
|
|
10227
|
-
"name": "ConnectionIndicator",
|
|
10228
|
-
"members": [
|
|
10229
|
-
{
|
|
10230
|
-
"kind": "field",
|
|
10231
|
-
"name": "connect",
|
|
10232
|
-
"type": {
|
|
10233
|
-
"text": "Connect"
|
|
10234
|
-
}
|
|
10235
|
-
},
|
|
10236
|
-
{
|
|
10237
|
-
"kind": "field",
|
|
10238
|
-
"name": "session",
|
|
10239
|
-
"type": {
|
|
10240
|
-
"text": "Session"
|
|
10241
|
-
}
|
|
10242
|
-
},
|
|
10243
|
-
{
|
|
10244
|
-
"kind": "field",
|
|
10245
|
-
"name": "showLabel",
|
|
10246
|
-
"type": {
|
|
10247
|
-
"text": "boolean"
|
|
10248
|
-
},
|
|
10249
|
-
"default": "false"
|
|
10250
|
-
},
|
|
10251
|
-
{
|
|
10252
|
-
"kind": "field",
|
|
10253
|
-
"name": "label",
|
|
10254
|
-
"type": {
|
|
10255
|
-
"text": "string"
|
|
10256
|
-
},
|
|
10257
|
-
"default": "'disconnected'"
|
|
10258
|
-
},
|
|
10259
|
-
{
|
|
10260
|
-
"kind": "field",
|
|
10261
|
-
"name": "colour",
|
|
10262
|
-
"type": {
|
|
10263
|
-
"text": "'red' | 'green'"
|
|
10264
|
-
},
|
|
10265
|
-
"default": "'red'"
|
|
10266
|
-
},
|
|
10267
|
-
{
|
|
10268
|
-
"kind": "field",
|
|
10269
|
-
"name": "subscription",
|
|
10270
|
-
"type": {
|
|
10271
|
-
"text": "Subscription"
|
|
10272
|
-
},
|
|
10273
|
-
"privacy": "private"
|
|
10274
|
-
},
|
|
10275
|
-
{
|
|
10276
|
-
"kind": "method",
|
|
10277
|
-
"name": "getLabel",
|
|
10278
|
-
"return": {
|
|
10279
|
-
"type": {
|
|
10280
|
-
"text": "string"
|
|
10281
|
-
}
|
|
10282
|
-
},
|
|
10283
|
-
"parameters": [
|
|
10284
|
-
{
|
|
10285
|
-
"name": "connected",
|
|
10286
|
-
"type": {
|
|
10287
|
-
"text": "boolean"
|
|
10288
|
-
}
|
|
10289
|
-
}
|
|
10290
|
-
]
|
|
10291
|
-
},
|
|
10292
|
-
{
|
|
10293
|
-
"kind": "field",
|
|
10294
|
-
"name": "_presentation",
|
|
10295
|
-
"type": {
|
|
10296
|
-
"text": "ComponentPresentation | null | undefined"
|
|
10297
|
-
},
|
|
10298
|
-
"privacy": "private",
|
|
10299
|
-
"default": "void 0",
|
|
10300
|
-
"inheritedFrom": {
|
|
10301
|
-
"name": "FoundationElement",
|
|
10302
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10303
|
-
}
|
|
10304
|
-
},
|
|
10305
|
-
{
|
|
10306
|
-
"kind": "field",
|
|
10307
|
-
"name": "$presentation",
|
|
10308
|
-
"type": {
|
|
10309
|
-
"text": "ComponentPresentation | null"
|
|
10310
|
-
},
|
|
10311
|
-
"privacy": "public",
|
|
10312
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
10313
|
-
"inheritedFrom": {
|
|
10314
|
-
"name": "FoundationElement",
|
|
10315
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10316
|
-
}
|
|
10317
|
-
},
|
|
10318
|
-
{
|
|
10319
|
-
"kind": "field",
|
|
10320
|
-
"name": "template",
|
|
10321
|
-
"type": {
|
|
10322
|
-
"text": "ElementViewTemplate | void | null"
|
|
10323
|
-
},
|
|
10324
|
-
"privacy": "public",
|
|
10325
|
-
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
10326
|
-
"inheritedFrom": {
|
|
10327
|
-
"name": "FoundationElement",
|
|
10328
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10329
|
-
}
|
|
10330
|
-
},
|
|
10331
|
-
{
|
|
10332
|
-
"kind": "method",
|
|
10333
|
-
"name": "templateChanged",
|
|
10334
|
-
"privacy": "protected",
|
|
10335
|
-
"return": {
|
|
10336
|
-
"type": {
|
|
10337
|
-
"text": "void"
|
|
10338
|
-
}
|
|
10339
|
-
},
|
|
10340
|
-
"inheritedFrom": {
|
|
10341
|
-
"name": "FoundationElement",
|
|
10342
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10343
|
-
}
|
|
10344
|
-
},
|
|
10345
|
-
{
|
|
10346
|
-
"kind": "field",
|
|
10347
|
-
"name": "styles",
|
|
10348
|
-
"type": {
|
|
10349
|
-
"text": "ElementStyles | void | null"
|
|
10350
|
-
},
|
|
10351
|
-
"privacy": "public",
|
|
10352
|
-
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
10353
|
-
"inheritedFrom": {
|
|
10354
|
-
"name": "FoundationElement",
|
|
10355
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10356
|
-
}
|
|
10357
|
-
},
|
|
10358
|
-
{
|
|
10359
|
-
"kind": "method",
|
|
10360
|
-
"name": "stylesChanged",
|
|
10361
|
-
"privacy": "protected",
|
|
10362
|
-
"return": {
|
|
10363
|
-
"type": {
|
|
10364
|
-
"text": "void"
|
|
10365
|
-
}
|
|
10366
|
-
},
|
|
10367
|
-
"inheritedFrom": {
|
|
10368
|
-
"name": "FoundationElement",
|
|
10369
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10370
|
-
}
|
|
10371
|
-
},
|
|
10372
|
-
{
|
|
10373
|
-
"kind": "method",
|
|
10374
|
-
"name": "compose",
|
|
10375
|
-
"privacy": "public",
|
|
10376
|
-
"static": true,
|
|
10377
|
-
"return": {
|
|
10378
|
-
"type": {
|
|
10379
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
10380
|
-
}
|
|
10381
|
-
},
|
|
10382
|
-
"parameters": [
|
|
10383
|
-
{
|
|
10384
|
-
"name": "this",
|
|
10385
|
-
"type": {
|
|
10386
|
-
"text": "K"
|
|
10387
|
-
}
|
|
10388
|
-
},
|
|
10389
|
-
{
|
|
10390
|
-
"name": "elementDefinition",
|
|
10391
|
-
"type": {
|
|
10392
|
-
"text": "T"
|
|
10393
|
-
},
|
|
10394
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
10395
|
-
}
|
|
10396
|
-
],
|
|
10397
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
10398
|
-
"inheritedFrom": {
|
|
10399
|
-
"name": "FoundationElement",
|
|
10400
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
10401
|
-
}
|
|
10402
|
-
}
|
|
10403
|
-
],
|
|
10404
|
-
"attributes": [
|
|
10405
|
-
{
|
|
10406
|
-
"name": "show-label",
|
|
10407
|
-
"type": {
|
|
10408
|
-
"text": "boolean"
|
|
10409
|
-
},
|
|
10410
|
-
"default": "false",
|
|
10411
|
-
"fieldName": "showLabel"
|
|
10412
|
-
}
|
|
10413
|
-
],
|
|
10414
|
-
"superclass": {
|
|
10415
|
-
"name": "FoundationElement",
|
|
10416
|
-
"package": "@microsoft/fast-foundation"
|
|
10417
|
-
},
|
|
10418
|
-
"tagName": "%%prefix%%-connection-indicator",
|
|
10419
|
-
"customElement": true
|
|
10420
|
-
},
|
|
10421
|
-
{
|
|
10422
|
-
"kind": "variable",
|
|
10423
|
-
"name": "foundationConnectionIndicator",
|
|
10424
|
-
"description": "The Connection Indicator",
|
|
10425
|
-
"privacy": "public"
|
|
10426
|
-
}
|
|
10427
|
-
],
|
|
10428
|
-
"exports": [
|
|
10429
|
-
{
|
|
10430
|
-
"kind": "js",
|
|
10431
|
-
"name": "ConnectionIndicator",
|
|
10432
|
-
"declaration": {
|
|
10433
|
-
"name": "ConnectionIndicator",
|
|
10434
|
-
"module": "src/connection-indicator/connection-indicator.ts"
|
|
10435
|
-
}
|
|
10436
|
-
},
|
|
10437
|
-
{
|
|
10438
|
-
"kind": "js",
|
|
10439
|
-
"name": "foundationConnectionIndicator",
|
|
10440
|
-
"declaration": {
|
|
10441
|
-
"name": "foundationConnectionIndicator",
|
|
10442
|
-
"module": "src/connection-indicator/connection-indicator.ts"
|
|
10443
|
-
}
|
|
10444
|
-
}
|
|
10445
|
-
]
|
|
10446
|
-
},
|
|
10447
|
-
{
|
|
10448
|
-
"kind": "javascript-module",
|
|
10449
|
-
"path": "src/connection-indicator/index.ts",
|
|
10450
|
-
"declarations": [],
|
|
10451
|
-
"exports": [
|
|
10452
|
-
{
|
|
10453
|
-
"kind": "js",
|
|
10454
|
-
"name": "*",
|
|
10455
|
-
"declaration": {
|
|
10456
|
-
"name": "*",
|
|
10457
|
-
"package": "./connection-indicator"
|
|
10458
|
-
}
|
|
10459
|
-
},
|
|
10460
|
-
{
|
|
10461
|
-
"kind": "js",
|
|
10462
|
-
"name": "*",
|
|
10463
|
-
"declaration": {
|
|
10464
|
-
"name": "*",
|
|
10465
|
-
"package": "./connection-indicator.styles"
|
|
10466
|
-
}
|
|
10467
|
-
},
|
|
10468
|
-
{
|
|
10469
|
-
"kind": "js",
|
|
10470
|
-
"name": "*",
|
|
10471
|
-
"declaration": {
|
|
10472
|
-
"name": "*",
|
|
10473
|
-
"package": "./connection-indicator.template"
|
|
10474
|
-
}
|
|
10475
|
-
}
|
|
10476
|
-
]
|
|
10477
|
-
},
|
|
10478
10478
|
{
|
|
10479
10479
|
"kind": "javascript-module",
|
|
10480
10480
|
"path": "src/data-grid-cell/data-grid-cell.styles.ts",
|
|
@@ -23749,7 +23749,7 @@
|
|
|
23749
23749
|
{
|
|
23750
23750
|
"kind": "variable",
|
|
23751
23751
|
"name": "multiselectStyles",
|
|
23752
|
-
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n
|
|
23752
|
+
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);\n list-style: none;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n line-height: var(--type-ramp-base-line-height);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
|
|
23753
23753
|
}
|
|
23754
23754
|
],
|
|
23755
23755
|
"exports": [
|
|
@@ -24132,11 +24132,6 @@
|
|
|
24132
24132
|
"name": "getPlaceholder",
|
|
24133
24133
|
"readonly": true
|
|
24134
24134
|
},
|
|
24135
|
-
{
|
|
24136
|
-
"kind": "field",
|
|
24137
|
-
"name": "isAllSelected",
|
|
24138
|
-
"readonly": true
|
|
24139
|
-
},
|
|
24140
24135
|
{
|
|
24141
24136
|
"kind": "field",
|
|
24142
24137
|
"name": "isAllOptionsDisabled",
|
|
@@ -24176,6 +24171,24 @@
|
|
|
24176
24171
|
}
|
|
24177
24172
|
]
|
|
24178
24173
|
},
|
|
24174
|
+
{
|
|
24175
|
+
"kind": "method",
|
|
24176
|
+
"name": "checkboxKeyDown",
|
|
24177
|
+
"parameters": [
|
|
24178
|
+
{
|
|
24179
|
+
"name": "normalizedOption",
|
|
24180
|
+
"type": {
|
|
24181
|
+
"text": "MultiselectOption"
|
|
24182
|
+
}
|
|
24183
|
+
},
|
|
24184
|
+
{
|
|
24185
|
+
"name": "event",
|
|
24186
|
+
"type": {
|
|
24187
|
+
"text": "KeyboardEvent"
|
|
24188
|
+
}
|
|
24189
|
+
}
|
|
24190
|
+
]
|
|
24191
|
+
},
|
|
24179
24192
|
{
|
|
24180
24193
|
"kind": "method",
|
|
24181
24194
|
"name": "getEnabledOptionsCount"
|
|
@@ -24229,6 +24242,23 @@
|
|
|
24229
24242
|
}
|
|
24230
24243
|
]
|
|
24231
24244
|
},
|
|
24245
|
+
{
|
|
24246
|
+
"kind": "method",
|
|
24247
|
+
"name": "keydownHandler",
|
|
24248
|
+
"return": {
|
|
24249
|
+
"type": {
|
|
24250
|
+
"text": "boolean | void"
|
|
24251
|
+
}
|
|
24252
|
+
},
|
|
24253
|
+
"parameters": [
|
|
24254
|
+
{
|
|
24255
|
+
"name": "e",
|
|
24256
|
+
"type": {
|
|
24257
|
+
"text": "Event & KeyboardEvent"
|
|
24258
|
+
}
|
|
24259
|
+
}
|
|
24260
|
+
]
|
|
24261
|
+
},
|
|
24232
24262
|
{
|
|
24233
24263
|
"kind": "field",
|
|
24234
24264
|
"name": "_presentation",
|
|
@@ -43780,6 +43810,55 @@
|
|
|
43780
43810
|
}
|
|
43781
43811
|
]
|
|
43782
43812
|
},
|
|
43813
|
+
{
|
|
43814
|
+
"kind": "javascript-module",
|
|
43815
|
+
"path": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts",
|
|
43816
|
+
"declarations": [
|
|
43817
|
+
{
|
|
43818
|
+
"kind": "function",
|
|
43819
|
+
"name": "flexLayoutRWDStyles",
|
|
43820
|
+
"return": {
|
|
43821
|
+
"type": {
|
|
43822
|
+
"text": "ElementStyles"
|
|
43823
|
+
}
|
|
43824
|
+
},
|
|
43825
|
+
"parameters": [
|
|
43826
|
+
{
|
|
43827
|
+
"name": "breakPoint",
|
|
43828
|
+
"optional": true,
|
|
43829
|
+
"type": {
|
|
43830
|
+
"text": "FlexBreakPointType"
|
|
43831
|
+
}
|
|
43832
|
+
}
|
|
43833
|
+
]
|
|
43834
|
+
}
|
|
43835
|
+
],
|
|
43836
|
+
"exports": [
|
|
43837
|
+
{
|
|
43838
|
+
"kind": "js",
|
|
43839
|
+
"name": "flexLayoutRWDStyles",
|
|
43840
|
+
"declaration": {
|
|
43841
|
+
"name": "flexLayoutRWDStyles",
|
|
43842
|
+
"module": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts"
|
|
43843
|
+
}
|
|
43844
|
+
}
|
|
43845
|
+
]
|
|
43846
|
+
},
|
|
43847
|
+
{
|
|
43848
|
+
"kind": "javascript-module",
|
|
43849
|
+
"path": "src/flex-layout/responsiveness/index.ts",
|
|
43850
|
+
"declarations": [],
|
|
43851
|
+
"exports": [
|
|
43852
|
+
{
|
|
43853
|
+
"kind": "js",
|
|
43854
|
+
"name": "*",
|
|
43855
|
+
"declaration": {
|
|
43856
|
+
"name": "*",
|
|
43857
|
+
"package": "./flex-layout-rwd.styles"
|
|
43858
|
+
}
|
|
43859
|
+
}
|
|
43860
|
+
]
|
|
43861
|
+
},
|
|
43783
43862
|
{
|
|
43784
43863
|
"kind": "javascript-module",
|
|
43785
43864
|
"path": "src/_config/values/color.ts",
|
|
@@ -43929,55 +44008,6 @@
|
|
|
43929
44008
|
"declarations": [],
|
|
43930
44009
|
"exports": []
|
|
43931
44010
|
},
|
|
43932
|
-
{
|
|
43933
|
-
"kind": "javascript-module",
|
|
43934
|
-
"path": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts",
|
|
43935
|
-
"declarations": [
|
|
43936
|
-
{
|
|
43937
|
-
"kind": "function",
|
|
43938
|
-
"name": "flexLayoutRWDStyles",
|
|
43939
|
-
"return": {
|
|
43940
|
-
"type": {
|
|
43941
|
-
"text": "ElementStyles"
|
|
43942
|
-
}
|
|
43943
|
-
},
|
|
43944
|
-
"parameters": [
|
|
43945
|
-
{
|
|
43946
|
-
"name": "breakPoint",
|
|
43947
|
-
"optional": true,
|
|
43948
|
-
"type": {
|
|
43949
|
-
"text": "FlexBreakPointType"
|
|
43950
|
-
}
|
|
43951
|
-
}
|
|
43952
|
-
]
|
|
43953
|
-
}
|
|
43954
|
-
],
|
|
43955
|
-
"exports": [
|
|
43956
|
-
{
|
|
43957
|
-
"kind": "js",
|
|
43958
|
-
"name": "flexLayoutRWDStyles",
|
|
43959
|
-
"declaration": {
|
|
43960
|
-
"name": "flexLayoutRWDStyles",
|
|
43961
|
-
"module": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts"
|
|
43962
|
-
}
|
|
43963
|
-
}
|
|
43964
|
-
]
|
|
43965
|
-
},
|
|
43966
|
-
{
|
|
43967
|
-
"kind": "javascript-module",
|
|
43968
|
-
"path": "src/flex-layout/responsiveness/index.ts",
|
|
43969
|
-
"declarations": [],
|
|
43970
|
-
"exports": [
|
|
43971
|
-
{
|
|
43972
|
-
"kind": "js",
|
|
43973
|
-
"name": "*",
|
|
43974
|
-
"declaration": {
|
|
43975
|
-
"name": "*",
|
|
43976
|
-
"package": "./flex-layout-rwd.styles"
|
|
43977
|
-
}
|
|
43978
|
-
}
|
|
43979
|
-
]
|
|
43980
|
-
},
|
|
43981
44011
|
{
|
|
43982
44012
|
"kind": "javascript-module",
|
|
43983
44013
|
"path": "src/grid-layout/responsiveness/grid-layout-rwd.styles.ts",
|