@genesislcap/foundation-ui 14.415.1-alpha-6b21de0.0 → 14.416.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 +203 -183
- package/dist/dts/flyout/flyout.d.ts +2 -0
- package/dist/dts/flyout/flyout.d.ts.map +1 -1
- package/dist/dts/flyout/flyout.styles.d.ts.map +1 -1
- package/dist/dts/utils/base-datasource.d.ts +0 -1
- package/dist/dts/utils/base-datasource.d.ts.map +1 -1
- package/dist/esm/flyout/flyout.js +7 -0
- package/dist/esm/flyout/flyout.styles.js +4 -2
- package/package.json +19 -19
|
@@ -2271,188 +2271,6 @@
|
|
|
2271
2271
|
}
|
|
2272
2272
|
]
|
|
2273
2273
|
},
|
|
2274
|
-
{
|
|
2275
|
-
"kind": "javascript-module",
|
|
2276
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
2277
|
-
"declarations": [
|
|
2278
|
-
{
|
|
2279
|
-
"kind": "function",
|
|
2280
|
-
"name": "foundationAccordionStyles",
|
|
2281
|
-
"return": {
|
|
2282
|
-
"type": {
|
|
2283
|
-
"text": "ElementStyles"
|
|
2284
|
-
}
|
|
2285
|
-
},
|
|
2286
|
-
"parameters": [
|
|
2287
|
-
{
|
|
2288
|
-
"name": "context",
|
|
2289
|
-
"type": {
|
|
2290
|
-
"text": "ElementDefinitionContext"
|
|
2291
|
-
}
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "definition",
|
|
2295
|
-
"type": {
|
|
2296
|
-
"text": "FoundationElementDefinition"
|
|
2297
|
-
}
|
|
2298
|
-
}
|
|
2299
|
-
]
|
|
2300
|
-
}
|
|
2301
|
-
],
|
|
2302
|
-
"exports": [
|
|
2303
|
-
{
|
|
2304
|
-
"kind": "js",
|
|
2305
|
-
"name": "foundationAccordionStyles",
|
|
2306
|
-
"declaration": {
|
|
2307
|
-
"name": "foundationAccordionStyles",
|
|
2308
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
2309
|
-
}
|
|
2310
|
-
}
|
|
2311
|
-
]
|
|
2312
|
-
},
|
|
2313
|
-
{
|
|
2314
|
-
"kind": "javascript-module",
|
|
2315
|
-
"path": "src/accordion/accordion.template.ts",
|
|
2316
|
-
"declarations": [
|
|
2317
|
-
{
|
|
2318
|
-
"kind": "function",
|
|
2319
|
-
"name": "foundationAccordionTemplate",
|
|
2320
|
-
"return": {
|
|
2321
|
-
"type": {
|
|
2322
|
-
"text": "ViewTemplate<Accordion>"
|
|
2323
|
-
}
|
|
2324
|
-
},
|
|
2325
|
-
"parameters": [
|
|
2326
|
-
{
|
|
2327
|
-
"name": "context",
|
|
2328
|
-
"type": {
|
|
2329
|
-
"text": "ElementDefinitionContext"
|
|
2330
|
-
}
|
|
2331
|
-
},
|
|
2332
|
-
{
|
|
2333
|
-
"name": "definition",
|
|
2334
|
-
"type": {
|
|
2335
|
-
"text": "FoundationElementDefinition"
|
|
2336
|
-
}
|
|
2337
|
-
}
|
|
2338
|
-
]
|
|
2339
|
-
}
|
|
2340
|
-
],
|
|
2341
|
-
"exports": [
|
|
2342
|
-
{
|
|
2343
|
-
"kind": "js",
|
|
2344
|
-
"name": "foundationAccordionTemplate",
|
|
2345
|
-
"declaration": {
|
|
2346
|
-
"name": "foundationAccordionTemplate",
|
|
2347
|
-
"module": "src/accordion/accordion.template.ts"
|
|
2348
|
-
}
|
|
2349
|
-
}
|
|
2350
|
-
]
|
|
2351
|
-
},
|
|
2352
|
-
{
|
|
2353
|
-
"kind": "javascript-module",
|
|
2354
|
-
"path": "src/accordion/accordion.ts",
|
|
2355
|
-
"declarations": [
|
|
2356
|
-
{
|
|
2357
|
-
"kind": "class",
|
|
2358
|
-
"description": "",
|
|
2359
|
-
"name": "Accordion",
|
|
2360
|
-
"superclass": {
|
|
2361
|
-
"name": "FASTAccordion",
|
|
2362
|
-
"package": "@microsoft/fast-foundation"
|
|
2363
|
-
},
|
|
2364
|
-
"tagName": "%%prefix%%-accordion",
|
|
2365
|
-
"customElement": true
|
|
2366
|
-
},
|
|
2367
|
-
{
|
|
2368
|
-
"kind": "variable",
|
|
2369
|
-
"name": "foundationAccordionShadowOptions",
|
|
2370
|
-
"type": {
|
|
2371
|
-
"text": "ShadowRootInit"
|
|
2372
|
-
},
|
|
2373
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2374
|
-
},
|
|
2375
|
-
{
|
|
2376
|
-
"kind": "variable",
|
|
2377
|
-
"name": "defaultAccordionConfig",
|
|
2378
|
-
"type": {
|
|
2379
|
-
"text": "object"
|
|
2380
|
-
},
|
|
2381
|
-
"default": "{}"
|
|
2382
|
-
},
|
|
2383
|
-
{
|
|
2384
|
-
"kind": "variable",
|
|
2385
|
-
"name": "foundationAccordion",
|
|
2386
|
-
"description": "The Foundation Accordion",
|
|
2387
|
-
"privacy": "public"
|
|
2388
|
-
}
|
|
2389
|
-
],
|
|
2390
|
-
"exports": [
|
|
2391
|
-
{
|
|
2392
|
-
"kind": "js",
|
|
2393
|
-
"name": "Accordion",
|
|
2394
|
-
"declaration": {
|
|
2395
|
-
"name": "Accordion",
|
|
2396
|
-
"module": "src/accordion/accordion.ts"
|
|
2397
|
-
}
|
|
2398
|
-
},
|
|
2399
|
-
{
|
|
2400
|
-
"kind": "js",
|
|
2401
|
-
"name": "foundationAccordionShadowOptions",
|
|
2402
|
-
"declaration": {
|
|
2403
|
-
"name": "foundationAccordionShadowOptions",
|
|
2404
|
-
"module": "src/accordion/accordion.ts"
|
|
2405
|
-
}
|
|
2406
|
-
},
|
|
2407
|
-
{
|
|
2408
|
-
"kind": "js",
|
|
2409
|
-
"name": "defaultAccordionConfig",
|
|
2410
|
-
"declaration": {
|
|
2411
|
-
"name": "defaultAccordionConfig",
|
|
2412
|
-
"module": "src/accordion/accordion.ts"
|
|
2413
|
-
}
|
|
2414
|
-
},
|
|
2415
|
-
{
|
|
2416
|
-
"kind": "js",
|
|
2417
|
-
"name": "foundationAccordion",
|
|
2418
|
-
"declaration": {
|
|
2419
|
-
"name": "foundationAccordion",
|
|
2420
|
-
"module": "src/accordion/accordion.ts"
|
|
2421
|
-
}
|
|
2422
|
-
}
|
|
2423
|
-
]
|
|
2424
|
-
},
|
|
2425
|
-
{
|
|
2426
|
-
"kind": "javascript-module",
|
|
2427
|
-
"path": "src/accordion/index.ts",
|
|
2428
|
-
"declarations": [],
|
|
2429
|
-
"exports": [
|
|
2430
|
-
{
|
|
2431
|
-
"kind": "js",
|
|
2432
|
-
"name": "*",
|
|
2433
|
-
"declaration": {
|
|
2434
|
-
"name": "*",
|
|
2435
|
-
"package": "./accordion.template"
|
|
2436
|
-
}
|
|
2437
|
-
},
|
|
2438
|
-
{
|
|
2439
|
-
"kind": "js",
|
|
2440
|
-
"name": "*",
|
|
2441
|
-
"declaration": {
|
|
2442
|
-
"name": "*",
|
|
2443
|
-
"package": "./accordion.styles"
|
|
2444
|
-
}
|
|
2445
|
-
},
|
|
2446
|
-
{
|
|
2447
|
-
"kind": "js",
|
|
2448
|
-
"name": "*",
|
|
2449
|
-
"declaration": {
|
|
2450
|
-
"name": "*",
|
|
2451
|
-
"package": "./accordion"
|
|
2452
|
-
}
|
|
2453
|
-
}
|
|
2454
|
-
]
|
|
2455
|
-
},
|
|
2456
2274
|
{
|
|
2457
2275
|
"kind": "javascript-module",
|
|
2458
2276
|
"path": "src/ai-criteria-search/ai-criteria-search.styles.ts",
|
|
@@ -2994,6 +2812,188 @@
|
|
|
2994
2812
|
}
|
|
2995
2813
|
]
|
|
2996
2814
|
},
|
|
2815
|
+
{
|
|
2816
|
+
"kind": "javascript-module",
|
|
2817
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
2818
|
+
"declarations": [
|
|
2819
|
+
{
|
|
2820
|
+
"kind": "function",
|
|
2821
|
+
"name": "foundationAccordionStyles",
|
|
2822
|
+
"return": {
|
|
2823
|
+
"type": {
|
|
2824
|
+
"text": "ElementStyles"
|
|
2825
|
+
}
|
|
2826
|
+
},
|
|
2827
|
+
"parameters": [
|
|
2828
|
+
{
|
|
2829
|
+
"name": "context",
|
|
2830
|
+
"type": {
|
|
2831
|
+
"text": "ElementDefinitionContext"
|
|
2832
|
+
}
|
|
2833
|
+
},
|
|
2834
|
+
{
|
|
2835
|
+
"name": "definition",
|
|
2836
|
+
"type": {
|
|
2837
|
+
"text": "FoundationElementDefinition"
|
|
2838
|
+
}
|
|
2839
|
+
}
|
|
2840
|
+
]
|
|
2841
|
+
}
|
|
2842
|
+
],
|
|
2843
|
+
"exports": [
|
|
2844
|
+
{
|
|
2845
|
+
"kind": "js",
|
|
2846
|
+
"name": "foundationAccordionStyles",
|
|
2847
|
+
"declaration": {
|
|
2848
|
+
"name": "foundationAccordionStyles",
|
|
2849
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
2850
|
+
}
|
|
2851
|
+
}
|
|
2852
|
+
]
|
|
2853
|
+
},
|
|
2854
|
+
{
|
|
2855
|
+
"kind": "javascript-module",
|
|
2856
|
+
"path": "src/accordion/accordion.template.ts",
|
|
2857
|
+
"declarations": [
|
|
2858
|
+
{
|
|
2859
|
+
"kind": "function",
|
|
2860
|
+
"name": "foundationAccordionTemplate",
|
|
2861
|
+
"return": {
|
|
2862
|
+
"type": {
|
|
2863
|
+
"text": "ViewTemplate<Accordion>"
|
|
2864
|
+
}
|
|
2865
|
+
},
|
|
2866
|
+
"parameters": [
|
|
2867
|
+
{
|
|
2868
|
+
"name": "context",
|
|
2869
|
+
"type": {
|
|
2870
|
+
"text": "ElementDefinitionContext"
|
|
2871
|
+
}
|
|
2872
|
+
},
|
|
2873
|
+
{
|
|
2874
|
+
"name": "definition",
|
|
2875
|
+
"type": {
|
|
2876
|
+
"text": "FoundationElementDefinition"
|
|
2877
|
+
}
|
|
2878
|
+
}
|
|
2879
|
+
]
|
|
2880
|
+
}
|
|
2881
|
+
],
|
|
2882
|
+
"exports": [
|
|
2883
|
+
{
|
|
2884
|
+
"kind": "js",
|
|
2885
|
+
"name": "foundationAccordionTemplate",
|
|
2886
|
+
"declaration": {
|
|
2887
|
+
"name": "foundationAccordionTemplate",
|
|
2888
|
+
"module": "src/accordion/accordion.template.ts"
|
|
2889
|
+
}
|
|
2890
|
+
}
|
|
2891
|
+
]
|
|
2892
|
+
},
|
|
2893
|
+
{
|
|
2894
|
+
"kind": "javascript-module",
|
|
2895
|
+
"path": "src/accordion/accordion.ts",
|
|
2896
|
+
"declarations": [
|
|
2897
|
+
{
|
|
2898
|
+
"kind": "class",
|
|
2899
|
+
"description": "",
|
|
2900
|
+
"name": "Accordion",
|
|
2901
|
+
"superclass": {
|
|
2902
|
+
"name": "FASTAccordion",
|
|
2903
|
+
"package": "@microsoft/fast-foundation"
|
|
2904
|
+
},
|
|
2905
|
+
"tagName": "%%prefix%%-accordion",
|
|
2906
|
+
"customElement": true
|
|
2907
|
+
},
|
|
2908
|
+
{
|
|
2909
|
+
"kind": "variable",
|
|
2910
|
+
"name": "foundationAccordionShadowOptions",
|
|
2911
|
+
"type": {
|
|
2912
|
+
"text": "ShadowRootInit"
|
|
2913
|
+
},
|
|
2914
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2915
|
+
},
|
|
2916
|
+
{
|
|
2917
|
+
"kind": "variable",
|
|
2918
|
+
"name": "defaultAccordionConfig",
|
|
2919
|
+
"type": {
|
|
2920
|
+
"text": "object"
|
|
2921
|
+
},
|
|
2922
|
+
"default": "{}"
|
|
2923
|
+
},
|
|
2924
|
+
{
|
|
2925
|
+
"kind": "variable",
|
|
2926
|
+
"name": "foundationAccordion",
|
|
2927
|
+
"description": "The Foundation Accordion",
|
|
2928
|
+
"privacy": "public"
|
|
2929
|
+
}
|
|
2930
|
+
],
|
|
2931
|
+
"exports": [
|
|
2932
|
+
{
|
|
2933
|
+
"kind": "js",
|
|
2934
|
+
"name": "Accordion",
|
|
2935
|
+
"declaration": {
|
|
2936
|
+
"name": "Accordion",
|
|
2937
|
+
"module": "src/accordion/accordion.ts"
|
|
2938
|
+
}
|
|
2939
|
+
},
|
|
2940
|
+
{
|
|
2941
|
+
"kind": "js",
|
|
2942
|
+
"name": "foundationAccordionShadowOptions",
|
|
2943
|
+
"declaration": {
|
|
2944
|
+
"name": "foundationAccordionShadowOptions",
|
|
2945
|
+
"module": "src/accordion/accordion.ts"
|
|
2946
|
+
}
|
|
2947
|
+
},
|
|
2948
|
+
{
|
|
2949
|
+
"kind": "js",
|
|
2950
|
+
"name": "defaultAccordionConfig",
|
|
2951
|
+
"declaration": {
|
|
2952
|
+
"name": "defaultAccordionConfig",
|
|
2953
|
+
"module": "src/accordion/accordion.ts"
|
|
2954
|
+
}
|
|
2955
|
+
},
|
|
2956
|
+
{
|
|
2957
|
+
"kind": "js",
|
|
2958
|
+
"name": "foundationAccordion",
|
|
2959
|
+
"declaration": {
|
|
2960
|
+
"name": "foundationAccordion",
|
|
2961
|
+
"module": "src/accordion/accordion.ts"
|
|
2962
|
+
}
|
|
2963
|
+
}
|
|
2964
|
+
]
|
|
2965
|
+
},
|
|
2966
|
+
{
|
|
2967
|
+
"kind": "javascript-module",
|
|
2968
|
+
"path": "src/accordion/index.ts",
|
|
2969
|
+
"declarations": [],
|
|
2970
|
+
"exports": [
|
|
2971
|
+
{
|
|
2972
|
+
"kind": "js",
|
|
2973
|
+
"name": "*",
|
|
2974
|
+
"declaration": {
|
|
2975
|
+
"name": "*",
|
|
2976
|
+
"package": "./accordion.template"
|
|
2977
|
+
}
|
|
2978
|
+
},
|
|
2979
|
+
{
|
|
2980
|
+
"kind": "js",
|
|
2981
|
+
"name": "*",
|
|
2982
|
+
"declaration": {
|
|
2983
|
+
"name": "*",
|
|
2984
|
+
"package": "./accordion.styles"
|
|
2985
|
+
}
|
|
2986
|
+
},
|
|
2987
|
+
{
|
|
2988
|
+
"kind": "js",
|
|
2989
|
+
"name": "*",
|
|
2990
|
+
"declaration": {
|
|
2991
|
+
"name": "*",
|
|
2992
|
+
"package": "./accordion"
|
|
2993
|
+
}
|
|
2994
|
+
}
|
|
2995
|
+
]
|
|
2996
|
+
},
|
|
2997
2997
|
{
|
|
2998
2998
|
"kind": "javascript-module",
|
|
2999
2999
|
"path": "src/ai-indicator/ai-indicator.styles.ts",
|
|
@@ -24198,7 +24198,7 @@
|
|
|
24198
24198
|
"type": {
|
|
24199
24199
|
"text": "ElementStyles"
|
|
24200
24200
|
},
|
|
24201
|
-
"default": "css`\n /* Host */\n :host {\n display: inline-block;\n height: 100vh;\n position: absolute;\n width: 100vw;\n }\n\n :host([closed]) {\n display: none;\n }\n\n div.container {\n height: 100%;\n width: 100%;\n }\n\n /* flyout */\n div.flyout {\n background-color: white;\n color: black;\n height: 100%;\n position: absolute;\n /* stylelint-disable-next-line function-name-case */\n transition
|
|
24201
|
+
"default": "css`\n /* Host */\n :host {\n display: inline-block;\n height: 100vh;\n position: absolute;\n width: 100vw;\n }\n\n :host([closed]) {\n display: none;\n }\n\n div.container {\n height: 100%;\n width: 100%;\n }\n\n /* flyout */\n div.flyout {\n background-color: white;\n color: black;\n height: 100%;\n position: absolute;\n /* stylelint-disable-next-line function-name-case */\n transition:\n transform ${flyoutAnimationTime.toString()}ms ease-in,\n width ${flyoutAnimationTime.toString()}ms ease-in-out;\n width: var(--flyout-width, 20%);\n z-index: 2001;\n }\n\n :host([position='left']) div.flyout {\n left: 0;\n transform: translateX(0%);\n }\n\n :host([position='right']) div.flyout {\n right: 0;\n transform: translateX(0%);\n }\n\n :host([visuallyhidden][position='left']) div.flyout {\n left: 0;\n transform: translateX(-100%);\n }\n\n :host([visuallyhidden][position='right']) div.flyout {\n right: 0;\n transform: translateX(100%);\n }\n\n div.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--neutral-foreground-hint);\n font-weight: 500;\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n\n rapid-button {\n --base-height-multiplier: 8;\n }\n\n rapid-button::part(control) {\n padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);\n }\n }\n\n div.title {\n flex-grow: 1;\n }\n\n div.footer {\n bottom: 0;\n position: absolute;\n width: 100%;\n }\n\n /* Background */\n div.background {\n background-color: black;\n height: 100%;\n opacity: 50%;\n position: absolute;\n /* stylelint-disable-next-line function-name-case */\n transition: opacity ${flyoutAnimationTime.toString()}ms linear;\n width: 100%;\n z-index: 2000;\n }\n\n :host([visuallyhidden]) div.background {\n opacity: 0%;\n }\n`"
|
|
24202
24202
|
}
|
|
24203
24203
|
],
|
|
24204
24204
|
"exports": [
|
|
@@ -24286,6 +24286,18 @@
|
|
|
24286
24286
|
},
|
|
24287
24287
|
"default": "'right'"
|
|
24288
24288
|
},
|
|
24289
|
+
{
|
|
24290
|
+
"kind": "field",
|
|
24291
|
+
"name": "flyoutWidth",
|
|
24292
|
+
"type": {
|
|
24293
|
+
"text": "string"
|
|
24294
|
+
},
|
|
24295
|
+
"default": "'20%'"
|
|
24296
|
+
},
|
|
24297
|
+
{
|
|
24298
|
+
"kind": "method",
|
|
24299
|
+
"name": "flyoutWidthChanged"
|
|
24300
|
+
},
|
|
24289
24301
|
{
|
|
24290
24302
|
"kind": "field",
|
|
24291
24303
|
"name": "displayHeader",
|
|
@@ -24447,6 +24459,14 @@
|
|
|
24447
24459
|
"default": "'right'",
|
|
24448
24460
|
"fieldName": "position"
|
|
24449
24461
|
},
|
|
24462
|
+
{
|
|
24463
|
+
"name": "flyout-width",
|
|
24464
|
+
"type": {
|
|
24465
|
+
"text": "string"
|
|
24466
|
+
},
|
|
24467
|
+
"default": "'20%'",
|
|
24468
|
+
"fieldName": "flyoutWidth"
|
|
24469
|
+
},
|
|
24450
24470
|
{
|
|
24451
24471
|
"type": {
|
|
24452
24472
|
"text": "boolean"
|
|
@@ -5,6 +5,8 @@ import { FoundationElement } from '@microsoft/fast-foundation';
|
|
|
5
5
|
export declare class Flyout extends FoundationElement {
|
|
6
6
|
exit: HTMLDivElement;
|
|
7
7
|
position: string;
|
|
8
|
+
flyoutWidth: string;
|
|
9
|
+
flyoutWidthChanged(): void;
|
|
8
10
|
displayHeader: boolean;
|
|
9
11
|
closed: boolean;
|
|
10
12
|
closedChanged(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D;;GAEG;AACH,qBAAa,MAAO,SAAQ,iBAAiB;IACpC,IAAI,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAW;
|
|
1
|
+
{"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D;;GAEG;AACH,qBAAa,MAAO,SAAQ,iBAAiB;IACpC,IAAI,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAW;IACI,WAAW,EAAE,MAAM,CAAS;IACjE,kBAAkB;IAIS,aAAa,EAAE,OAAO,CAAQ;IAC9B,MAAM,EAAE,OAAO,CAAQ;IAClD,aAAa;IASc,cAAc,EAAE,OAAO,CAAQ;IAE1D,WAAW;IAIX,eAAe;IAOf,SAAS;CAGV;AAGD,eAAO,MAAM,6BAA6B,EAAE,cAA0B,CAAC;AAEvE,eAAO,MAAM,mBAAmB,IAAK,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;iBAM3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flyout.styles.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"flyout.styles.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,sBAAsB,EAAE,aA8FpC,CAAC"}
|
|
@@ -9,7 +9,6 @@ export interface BaseDatasourceErrorHandlingOptions {
|
|
|
9
9
|
declare const BaseDatasource_base: new () => {
|
|
10
10
|
datasourceStatus: import("@genesislcap/foundation-comms").DatasourceStatus;
|
|
11
11
|
resourceName: string;
|
|
12
|
-
data?: unknown;
|
|
13
12
|
onDatasourceStatusChanged: (event: import("@genesislcap/foundation-comms").DatasourceStatusChangedEvent) => void;
|
|
14
13
|
datasourceStatusChanged(prev: import("@genesislcap/foundation-comms").DatasourceStatus, next: import("@genesislcap/foundation-comms").DatasourceStatus): void;
|
|
15
14
|
connectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-datasource.d.ts","sourceRoot":"","sources":["../../../src/utils/base-datasource.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAEP,UAAU,EAGV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,wBAAwB,EAIxB,mBAAmB,EACpB,MAAM,+BAA+B,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACrD,OAAO,EAAU,OAAO,EAAE,MAAM,UAAU,CAAC;AAO3C,MAAM,WAAW,kCAAkC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB
|
|
1
|
+
{"version":3,"file":"base-datasource.d.ts","sourceRoot":"","sources":["../../../src/utils/base-datasource.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,14 @@ export class Flyout extends FoundationElement {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
12
|
this.position = 'right';
|
|
13
|
+
this.flyoutWidth = '20%';
|
|
13
14
|
this.displayHeader = true;
|
|
14
15
|
this.closed = true;
|
|
15
16
|
this.visuallyhidden = true;
|
|
16
17
|
}
|
|
18
|
+
flyoutWidthChanged() {
|
|
19
|
+
this.style.setProperty('--flyout-width', this.flyoutWidth);
|
|
20
|
+
}
|
|
17
21
|
closedChanged() {
|
|
18
22
|
if (!this.closed) {
|
|
19
23
|
// TODO: timeout shouldn't be necessary here but without it opening transition doesn't work
|
|
@@ -37,6 +41,9 @@ export class Flyout extends FoundationElement {
|
|
|
37
41
|
__decorate([
|
|
38
42
|
attr
|
|
39
43
|
], Flyout.prototype, "position", void 0);
|
|
44
|
+
__decorate([
|
|
45
|
+
attr({ attribute: 'flyout-width' })
|
|
46
|
+
], Flyout.prototype, "flyoutWidth", void 0);
|
|
40
47
|
__decorate([
|
|
41
48
|
attr({ mode: 'boolean' })
|
|
42
49
|
], Flyout.prototype, "displayHeader", void 0);
|
|
@@ -25,8 +25,10 @@ export const foundationFlyoutStyles = css `
|
|
|
25
25
|
height: 100%;
|
|
26
26
|
position: absolute;
|
|
27
27
|
/* stylelint-disable-next-line function-name-case */
|
|
28
|
-
transition:
|
|
29
|
-
|
|
28
|
+
transition:
|
|
29
|
+
transform ${flyoutAnimationTime.toString()}ms ease-in,
|
|
30
|
+
width ${flyoutAnimationTime.toString()}ms ease-in-out;
|
|
31
|
+
width: var(--flyout-width, 20%);
|
|
30
32
|
z-index: 2001;
|
|
31
33
|
}
|
|
32
34
|
|
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.416.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
|
-
"@genesislcap/foundation-testing": "14.
|
|
89
|
-
"@genesislcap/genx": "14.
|
|
90
|
-
"@genesislcap/rollup-builder": "14.
|
|
91
|
-
"@genesislcap/ts-builder": "14.
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
93
|
-
"@genesislcap/vite-builder": "14.
|
|
94
|
-
"@genesislcap/webpack-builder": "14.
|
|
88
|
+
"@genesislcap/foundation-testing": "14.416.0",
|
|
89
|
+
"@genesislcap/genx": "14.416.0",
|
|
90
|
+
"@genesislcap/rollup-builder": "14.416.0",
|
|
91
|
+
"@genesislcap/ts-builder": "14.416.0",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "14.416.0",
|
|
93
|
+
"@genesislcap/vite-builder": "14.416.0",
|
|
94
|
+
"@genesislcap/webpack-builder": "14.416.0",
|
|
95
95
|
"copyfiles": "^2.4.1"
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
@@ -100,16 +100,16 @@
|
|
|
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-ai": "14.
|
|
105
|
-
"@genesislcap/foundation-comms": "14.
|
|
106
|
-
"@genesislcap/foundation-criteria": "14.
|
|
107
|
-
"@genesislcap/foundation-errors": "14.
|
|
108
|
-
"@genesislcap/foundation-events": "14.
|
|
109
|
-
"@genesislcap/foundation-logger": "14.
|
|
110
|
-
"@genesislcap/foundation-notifications": "14.
|
|
111
|
-
"@genesislcap/foundation-user": "14.
|
|
112
|
-
"@genesislcap/foundation-utils": "14.
|
|
103
|
+
"@genesislcap/expression-builder": "14.416.0",
|
|
104
|
+
"@genesislcap/foundation-ai": "14.416.0",
|
|
105
|
+
"@genesislcap/foundation-comms": "14.416.0",
|
|
106
|
+
"@genesislcap/foundation-criteria": "14.416.0",
|
|
107
|
+
"@genesislcap/foundation-errors": "14.416.0",
|
|
108
|
+
"@genesislcap/foundation-events": "14.416.0",
|
|
109
|
+
"@genesislcap/foundation-logger": "14.416.0",
|
|
110
|
+
"@genesislcap/foundation-notifications": "14.416.0",
|
|
111
|
+
"@genesislcap/foundation-user": "14.416.0",
|
|
112
|
+
"@genesislcap/foundation-utils": "14.416.0",
|
|
113
113
|
"@microsoft/fast-colors": "5.3.1",
|
|
114
114
|
"@microsoft/fast-components": "2.30.6",
|
|
115
115
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"access": "public"
|
|
132
132
|
},
|
|
133
133
|
"customElements": "dist/custom-elements.json",
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "3da4cdb8c31b4200fe69b20f3453abbef4937ac4"
|
|
135
135
|
}
|