@amboss/design-system 4.0.3 → 4.0.4-canary.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/build/cjs/components/Internal/Drawer/Drawer.d.ts +30 -0
- package/build/cjs/components/Internal/Drawer/Drawer.js +1 -0
- package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
- package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js +1 -0
- package/build/cjs/components/Layout/-types.d.ts +5 -0
- package/build/cjs/components/Layout/LeftPanel.d.ts +6 -6
- package/build/cjs/components/Layout/LeftPanel.js +1 -1
- package/build/cjs/components/Layout/LeftPanelDocked.d.ts +9 -0
- package/build/cjs/components/Layout/LeftPanelDocked.js +1 -0
- package/build/cjs/components/Layout/LeftPanelDrawer.d.ts +10 -0
- package/build/cjs/components/Layout/LeftPanelDrawer.js +1 -0
- package/build/cjs/components/Lightbox/Lightbox.js +2 -2
- package/build/cjs/shared/focusableSelector.d.ts +1 -0
- package/build/cjs/shared/focusableSelector.js +1 -0
- package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
- package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
- package/build/cjs/web-tokens/_sizes.json +51 -51
- package/build/cjs/web-tokens/assets/icons.json +1 -0
- package/build/cjs/web-tokens/assets/icons16.json +1 -0
- package/build/esm/components/Internal/Drawer/Drawer.d.ts +30 -0
- package/build/esm/components/Internal/Drawer/Drawer.js +1 -0
- package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
- package/build/esm/components/Internal/Drawer/useDrawerAnimation.js +1 -0
- package/build/esm/components/Layout/-types.d.ts +5 -0
- package/build/esm/components/Layout/LeftPanel.d.ts +6 -6
- package/build/esm/components/Layout/LeftPanel.js +1 -1
- package/build/esm/components/Layout/LeftPanelDocked.d.ts +9 -0
- package/build/esm/components/Layout/LeftPanelDocked.js +1 -0
- package/build/esm/components/Layout/LeftPanelDrawer.d.ts +10 -0
- package/build/esm/components/Layout/LeftPanelDrawer.js +1 -0
- package/build/esm/components/Lightbox/Lightbox.js +2 -2
- package/build/esm/shared/focusableSelector.d.ts +1 -0
- package/build/esm/shared/focusableSelector.js +1 -0
- package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
- package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
- package/build/esm/web-tokens/_sizes.json +51 -51
- package/build/esm/web-tokens/assets/icons.json +1 -0
- package/build/esm/web-tokens/assets/icons16.json +1 -0
- package/package.json +1 -1
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"value": "1024px",
|
|
38
38
|
"original": 1024,
|
|
39
39
|
"variableName": "$size-dimension-content-max-width",
|
|
40
|
-
"isUsed":
|
|
40
|
+
"isUsed": true
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
"category": "size",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"value": "16px",
|
|
48
48
|
"original": 16,
|
|
49
49
|
"variableName": "$size-dimension-divider-m",
|
|
50
|
-
"isUsed":
|
|
50
|
+
"isUsed": true
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
"category": "size",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"value": "24px",
|
|
58
58
|
"original": 24,
|
|
59
59
|
"variableName": "$size-dimension-divider-l",
|
|
60
|
-
"isUsed":
|
|
60
|
+
"isUsed": true
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"category": "size",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"value": "32px",
|
|
68
68
|
"original": 32,
|
|
69
69
|
"variableName": "$size-dimension-divider-xl",
|
|
70
|
-
"isUsed":
|
|
70
|
+
"isUsed": true
|
|
71
71
|
},
|
|
72
72
|
{
|
|
73
73
|
"category": "size",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"value": "16px",
|
|
78
78
|
"original": 16,
|
|
79
79
|
"variableName": "$size-dimension-checkbox-s",
|
|
80
|
-
"isUsed":
|
|
80
|
+
"isUsed": true
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
"category": "size",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"value": "24px",
|
|
88
88
|
"original": 24,
|
|
89
89
|
"variableName": "$size-dimension-checkbox-m",
|
|
90
|
-
"isUsed":
|
|
90
|
+
"isUsed": true
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
"category": "size",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"value": "16px",
|
|
98
98
|
"original": 16,
|
|
99
99
|
"variableName": "$size-dimension-radio-s",
|
|
100
|
-
"isUsed":
|
|
100
|
+
"isUsed": true
|
|
101
101
|
},
|
|
102
102
|
{
|
|
103
103
|
"category": "size",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"value": "24px",
|
|
108
108
|
"original": 24,
|
|
109
109
|
"variableName": "$size-dimension-radio-m",
|
|
110
|
-
"isUsed":
|
|
110
|
+
"isUsed": true
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
113
|
"category": "size",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"value": "6px",
|
|
118
118
|
"original": 6,
|
|
119
119
|
"variableName": "$size-dimension-radio-point-s",
|
|
120
|
-
"isUsed":
|
|
120
|
+
"isUsed": true
|
|
121
121
|
},
|
|
122
122
|
{
|
|
123
123
|
"category": "size",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"value": "10px",
|
|
128
128
|
"original": 10,
|
|
129
129
|
"variableName": "$size-dimension-radio-point-m",
|
|
130
|
-
"isUsed":
|
|
130
|
+
"isUsed": true
|
|
131
131
|
},
|
|
132
132
|
{
|
|
133
133
|
"category": "size",
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"value": "16px",
|
|
138
138
|
"original": 16,
|
|
139
139
|
"variableName": "$size-dimension-toggle-height-s",
|
|
140
|
-
"isUsed":
|
|
140
|
+
"isUsed": true
|
|
141
141
|
},
|
|
142
142
|
{
|
|
143
143
|
"category": "size",
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
"value": "24px",
|
|
148
148
|
"original": 24,
|
|
149
149
|
"variableName": "$size-dimension-toggle-height-m",
|
|
150
|
-
"isUsed":
|
|
150
|
+
"isUsed": true
|
|
151
151
|
},
|
|
152
152
|
{
|
|
153
153
|
"category": "size",
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
"value": "28px",
|
|
158
158
|
"original": 28,
|
|
159
159
|
"variableName": "$size-dimension-toggle-width-s",
|
|
160
|
-
"isUsed":
|
|
160
|
+
"isUsed": true
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
163
|
"category": "size",
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
"value": "40px",
|
|
168
168
|
"original": 40,
|
|
169
169
|
"variableName": "$size-dimension-toggle-width-m",
|
|
170
|
-
"isUsed":
|
|
170
|
+
"isUsed": true
|
|
171
171
|
},
|
|
172
172
|
{
|
|
173
173
|
"category": "size",
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
"value": "36px",
|
|
178
178
|
"original": 36,
|
|
179
179
|
"variableName": "$size-dimension-textarea-min-height-m",
|
|
180
|
-
"isUsed":
|
|
180
|
+
"isUsed": true
|
|
181
181
|
},
|
|
182
182
|
{
|
|
183
183
|
"category": "size",
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
"value": "8px",
|
|
188
188
|
"original": 8,
|
|
189
189
|
"variableName": "$size-dimension-toggle-point-s",
|
|
190
|
-
"isUsed":
|
|
190
|
+
"isUsed": true
|
|
191
191
|
},
|
|
192
192
|
{
|
|
193
193
|
"category": "size",
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
"value": "16px",
|
|
198
198
|
"original": 16,
|
|
199
199
|
"variableName": "$size-dimension-toggle-point-m",
|
|
200
|
-
"isUsed":
|
|
200
|
+
"isUsed": true
|
|
201
201
|
},
|
|
202
202
|
{
|
|
203
203
|
"category": "size",
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
"value": "32px",
|
|
208
208
|
"original": 32,
|
|
209
209
|
"variableName": "$size-dimension-toggle-button-height-m",
|
|
210
|
-
"isUsed":
|
|
210
|
+
"isUsed": true
|
|
211
211
|
},
|
|
212
212
|
{
|
|
213
213
|
"category": "size",
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
"value": "120px",
|
|
218
218
|
"original": 120,
|
|
219
219
|
"variableName": "$size-dimension-dropdown-menu-width",
|
|
220
|
-
"isUsed":
|
|
220
|
+
"isUsed": true
|
|
221
221
|
},
|
|
222
222
|
{
|
|
223
223
|
"category": "size",
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
"value": "560px",
|
|
228
228
|
"original": 560,
|
|
229
229
|
"variableName": "$size-dimension-modal-width-m",
|
|
230
|
-
"isUsed":
|
|
230
|
+
"isUsed": true
|
|
231
231
|
},
|
|
232
232
|
{
|
|
233
233
|
"category": "size",
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
"value": "720px",
|
|
238
238
|
"original": 720,
|
|
239
239
|
"variableName": "$size-dimension-modal-width-l",
|
|
240
|
-
"isUsed":
|
|
240
|
+
"isUsed": true
|
|
241
241
|
},
|
|
242
242
|
{
|
|
243
243
|
"category": "size",
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
"value": "800px",
|
|
248
248
|
"original": 800,
|
|
249
249
|
"variableName": "$size-dimension-modal-max-height-l",
|
|
250
|
-
"isUsed":
|
|
250
|
+
"isUsed": true
|
|
251
251
|
},
|
|
252
252
|
{
|
|
253
253
|
"category": "size",
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
"value": "40px",
|
|
258
258
|
"original": 40,
|
|
259
259
|
"variableName": "$size-dimension-modal-margin-l",
|
|
260
|
-
"isUsed":
|
|
260
|
+
"isUsed": true
|
|
261
261
|
},
|
|
262
262
|
{
|
|
263
263
|
"category": "size",
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
"value": "1280px",
|
|
268
268
|
"original": 1280,
|
|
269
269
|
"variableName": "$size-dimension-modal-full-screen-content-width",
|
|
270
|
-
"isUsed":
|
|
270
|
+
"isUsed": true
|
|
271
271
|
},
|
|
272
272
|
{
|
|
273
273
|
"category": "size",
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
"value": "1px",
|
|
278
278
|
"original": 1,
|
|
279
279
|
"variableName": "$size-dimension-media-viewer-bar-separator-width",
|
|
280
|
-
"isUsed":
|
|
280
|
+
"isUsed": true
|
|
281
281
|
},
|
|
282
282
|
{
|
|
283
283
|
"category": "size",
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
"value": "12px",
|
|
288
288
|
"original": 12,
|
|
289
289
|
"variableName": "$size-dimension-legend-key-width",
|
|
290
|
-
"isUsed":
|
|
290
|
+
"isUsed": true
|
|
291
291
|
},
|
|
292
292
|
{
|
|
293
293
|
"category": "size",
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
"value": "0px",
|
|
298
298
|
"original": 0,
|
|
299
299
|
"variableName": "$size-letter-spacing-none",
|
|
300
|
-
"isUsed":
|
|
300
|
+
"isUsed": true
|
|
301
301
|
},
|
|
302
302
|
{
|
|
303
303
|
"category": "size",
|
|
@@ -307,7 +307,7 @@
|
|
|
307
307
|
"value": "0.5px",
|
|
308
308
|
"original": 0.5,
|
|
309
309
|
"variableName": "$size-letter-spacing-s",
|
|
310
|
-
"isUsed":
|
|
310
|
+
"isUsed": true
|
|
311
311
|
},
|
|
312
312
|
{
|
|
313
313
|
"category": "size",
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
"value": "1px",
|
|
318
318
|
"original": 1,
|
|
319
319
|
"variableName": "$size-letter-spacing-m",
|
|
320
|
-
"isUsed":
|
|
320
|
+
"isUsed": true
|
|
321
321
|
},
|
|
322
322
|
{
|
|
323
323
|
"category": "size",
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
"value": "12px",
|
|
328
328
|
"original": 12,
|
|
329
329
|
"variableName": "$size-font-xs",
|
|
330
|
-
"isUsed":
|
|
330
|
+
"isUsed": true
|
|
331
331
|
},
|
|
332
332
|
{
|
|
333
333
|
"category": "size",
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
"value": "14px",
|
|
338
338
|
"original": 14,
|
|
339
339
|
"variableName": "$size-font-s",
|
|
340
|
-
"isUsed":
|
|
340
|
+
"isUsed": true
|
|
341
341
|
},
|
|
342
342
|
{
|
|
343
343
|
"category": "size",
|
|
@@ -347,7 +347,7 @@
|
|
|
347
347
|
"value": "16px",
|
|
348
348
|
"original": 16,
|
|
349
349
|
"variableName": "$size-font-m",
|
|
350
|
-
"isUsed":
|
|
350
|
+
"isUsed": true
|
|
351
351
|
},
|
|
352
352
|
{
|
|
353
353
|
"category": "size",
|
|
@@ -357,7 +357,7 @@
|
|
|
357
357
|
"value": "18px",
|
|
358
358
|
"original": 18,
|
|
359
359
|
"variableName": "$size-font-l",
|
|
360
|
-
"isUsed":
|
|
360
|
+
"isUsed": true
|
|
361
361
|
},
|
|
362
362
|
{
|
|
363
363
|
"category": "size",
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
"value": "20px",
|
|
368
368
|
"original": 20,
|
|
369
369
|
"variableName": "$size-font-xl",
|
|
370
|
-
"isUsed":
|
|
370
|
+
"isUsed": true
|
|
371
371
|
},
|
|
372
372
|
{
|
|
373
373
|
"category": "size",
|
|
@@ -377,7 +377,7 @@
|
|
|
377
377
|
"value": "24px",
|
|
378
378
|
"original": 24,
|
|
379
379
|
"variableName": "$size-font-xxl",
|
|
380
|
-
"isUsed":
|
|
380
|
+
"isUsed": true
|
|
381
381
|
},
|
|
382
382
|
{
|
|
383
383
|
"category": "size",
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
"value": "26px",
|
|
388
388
|
"original": 26,
|
|
389
389
|
"variableName": "$size-font-xxxl",
|
|
390
|
-
"isUsed":
|
|
390
|
+
"isUsed": true
|
|
391
391
|
},
|
|
392
392
|
{
|
|
393
393
|
"category": "size",
|
|
@@ -407,7 +407,7 @@
|
|
|
407
407
|
"value": "2px",
|
|
408
408
|
"original": 2,
|
|
409
409
|
"variableName": "$size-spacing-xxxs",
|
|
410
|
-
"isUsed":
|
|
410
|
+
"isUsed": true
|
|
411
411
|
},
|
|
412
412
|
{
|
|
413
413
|
"category": "size",
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
"value": "0px",
|
|
488
488
|
"original": 0,
|
|
489
489
|
"variableName": "$size-border-radius-none",
|
|
490
|
-
"isUsed":
|
|
490
|
+
"isUsed": true
|
|
491
491
|
},
|
|
492
492
|
{
|
|
493
493
|
"category": "size",
|
|
@@ -497,7 +497,7 @@
|
|
|
497
497
|
"value": "4px",
|
|
498
498
|
"original": 4,
|
|
499
499
|
"variableName": "$size-border-radius-xs",
|
|
500
|
-
"isUsed":
|
|
500
|
+
"isUsed": true
|
|
501
501
|
},
|
|
502
502
|
{
|
|
503
503
|
"category": "size",
|
|
@@ -507,7 +507,7 @@
|
|
|
507
507
|
"value": "8px",
|
|
508
508
|
"original": 8,
|
|
509
509
|
"variableName": "$size-border-radius-s",
|
|
510
|
-
"isUsed":
|
|
510
|
+
"isUsed": true
|
|
511
511
|
},
|
|
512
512
|
{
|
|
513
513
|
"category": "size",
|
|
@@ -517,7 +517,7 @@
|
|
|
517
517
|
"value": "12px",
|
|
518
518
|
"original": 12,
|
|
519
519
|
"variableName": "$size-border-radius-m",
|
|
520
|
-
"isUsed":
|
|
520
|
+
"isUsed": true
|
|
521
521
|
},
|
|
522
522
|
{
|
|
523
523
|
"category": "size",
|
|
@@ -527,7 +527,7 @@
|
|
|
527
527
|
"value": "16px",
|
|
528
528
|
"original": 16,
|
|
529
529
|
"variableName": "$size-border-radius-l",
|
|
530
|
-
"isUsed":
|
|
530
|
+
"isUsed": true
|
|
531
531
|
},
|
|
532
532
|
{
|
|
533
533
|
"category": "size",
|
|
@@ -537,7 +537,7 @@
|
|
|
537
537
|
"value": "24px",
|
|
538
538
|
"original": 24,
|
|
539
539
|
"variableName": "$size-border-radius-xl",
|
|
540
|
-
"isUsed":
|
|
540
|
+
"isUsed": true
|
|
541
541
|
},
|
|
542
542
|
{
|
|
543
543
|
"category": "size",
|
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
"value": "9999px",
|
|
548
548
|
"original": 9999,
|
|
549
549
|
"variableName": "$size-border-radius-full",
|
|
550
|
-
"isUsed":
|
|
550
|
+
"isUsed": true
|
|
551
551
|
},
|
|
552
552
|
{
|
|
553
553
|
"category": "size",
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
"value": 1.1428571429,
|
|
558
558
|
"original": 1.1428571429,
|
|
559
559
|
"variableName": "$size-line-height-xs",
|
|
560
|
-
"isUsed":
|
|
560
|
+
"isUsed": true
|
|
561
561
|
},
|
|
562
562
|
{
|
|
563
563
|
"category": "size",
|
|
@@ -567,7 +567,7 @@
|
|
|
567
567
|
"value": 1.25,
|
|
568
568
|
"original": 1.25,
|
|
569
569
|
"variableName": "$size-line-height-s",
|
|
570
|
-
"isUsed":
|
|
570
|
+
"isUsed": true
|
|
571
571
|
},
|
|
572
572
|
{
|
|
573
573
|
"category": "size",
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
"value": 1.3333333,
|
|
578
578
|
"original": 1.3333333,
|
|
579
579
|
"variableName": "$size-line-height-m",
|
|
580
|
-
"isUsed":
|
|
580
|
+
"isUsed": true
|
|
581
581
|
},
|
|
582
582
|
{
|
|
583
583
|
"category": "size",
|
|
@@ -587,7 +587,7 @@
|
|
|
587
587
|
"value": 1.4285714286,
|
|
588
588
|
"original": 1.4285714286,
|
|
589
589
|
"variableName": "$size-line-height-l",
|
|
590
|
-
"isUsed":
|
|
590
|
+
"isUsed": true
|
|
591
591
|
},
|
|
592
592
|
{
|
|
593
593
|
"category": "size",
|
|
@@ -597,7 +597,7 @@
|
|
|
597
597
|
"value": 1.5,
|
|
598
598
|
"original": 1.5,
|
|
599
599
|
"variableName": "$size-line-height-xl",
|
|
600
|
-
"isUsed":
|
|
600
|
+
"isUsed": true
|
|
601
601
|
},
|
|
602
602
|
{
|
|
603
603
|
"category": "size",
|
|
@@ -607,7 +607,7 @@
|
|
|
607
607
|
"value": 1.625,
|
|
608
608
|
"original": 1.625,
|
|
609
609
|
"variableName": "$size-line-height-xxl",
|
|
610
|
-
"isUsed":
|
|
610
|
+
"isUsed": true
|
|
611
611
|
},
|
|
612
612
|
{
|
|
613
613
|
"category": "size",
|
|
@@ -617,6 +617,6 @@
|
|
|
617
617
|
"value": 1.714286,
|
|
618
618
|
"original": 1.714286,
|
|
619
619
|
"variableName": "$size-line-height-xxxl",
|
|
620
|
-
"isUsed":
|
|
620
|
+
"isUsed": true
|
|
621
621
|
}
|
|
622
622
|
]
|
|
@@ -161,6 +161,7 @@
|
|
|
161
161
|
"numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"m2 7 2-2h2v14H4V7.8L2 10zm6-1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2zm0 6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z\"/></svg>",
|
|
162
162
|
"open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm1 3.685C6 6.755 6.754 6 7.685 6h8.63C17.245 6 18 6.754 18 7.685v8.63c0 .93-.754 1.685-1.685 1.685h-8.63C6.755 18 6 17.246 6 16.315zM8 8v8h8V8z\" clip-rule=\"evenodd\"/></svg>",
|
|
163
163
|
"open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM4 5a1 1 0 0 1 1-1h6v3a3 3 0 0 0 3 3h6v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm16 3V5a1 1 0 0 0-1-1h-6v3a1 1 0 0 0 1 1z\" clip-rule=\"evenodd\"/></svg>",
|
|
164
|
+
"open-sidebar-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M19 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm-9 18h9a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-9zM5 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3V4z\" clip-rule=\"evenodd\"/></svg>",
|
|
164
165
|
"open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" d=\"M20 19a1 1 0 0 1-1 1h-3V4h3a1 1 0 0 1 1 1zM4 19V5c0-.552.449-1 1-1h9v16H5c-.551 0-1-.448-1-1M19 2H5C3.346 2 2 3.345 2 5v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V5c0-1.655-1.346-3-3-3\"/></svg>",
|
|
165
166
|
"paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M17.775 4.107a2.955 2.955 0 0 0-4.16 0l-9.001 8.942a4.845 4.845 0 0 0 0 6.884 4.924 4.924 0 0 0 6.93 0l9.003-8.941a.984.984 0 0 1 1.385 0 .97.97 0 0 1 0 1.376l-9.002 8.941a6.89 6.89 0 0 1-9.702 0 6.78 6.78 0 0 1 0-9.636L12.23 2.73a4.923 4.923 0 0 1 6.93 0 4.844 4.844 0 0 1 0 6.883l-9.012 8.942a2.954 2.954 0 0 1-4.157 0 2.906 2.906 0 0 1 0-4.13l8.317-8.251a.984.984 0 0 1 1.385 0 .97.97 0 0 1-.001 1.377l-8.316 8.25a.97.97 0 0 0 0 1.378.985.985 0 0 0 1.387 0l9.012-8.942a2.91 2.91 0 0 0 0-4.131\" clip-rule=\"evenodd\"/></svg>",
|
|
166
167
|
"paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" focusable=\"false\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 5h6.25c1.281 0 2.496.544 3.381 1.488A5.14 5.14 0 0 1 18 10c0 2.7-2.067 5-4.75 5H9v5H7zm2 8h4.25c1.459 0 2.75-1.281 2.75-3a3.14 3.14 0 0 0-.828-2.144A2.64 2.64 0 0 0 13.25 7H9z\" clip-rule=\"evenodd\"/></svg>",
|
|
@@ -161,6 +161,7 @@
|
|
|
161
161
|
"numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill=\"currentColor\" d=\"m1 5 2-2h2v10H3V5.5l-2 2zm13 0H7V3h7a1 1 0 1 1 0 2M7 9h7a1 1 0 1 0 0-2H7zm0 4h7a1 1 0 1 0 0-2H7z\"/></svg>",
|
|
162
162
|
"open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3h10v10H3zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2zm5 7V6h4v4zM4 4.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
163
163
|
"open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 3h4v2H9zM7 3H3v10h10V7H9a2 2 0 0 1-2-2zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
164
|
+
"open-sidebar-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path fill-rule=\"evenodd\" d=\"M12.667 1A2.333 2.333 0 0 1 15 3.333v9.334A2.333 2.333 0 0 1 12.667 15H3.333A2.333 2.333 0 0 1 1 12.667V3.333A2.333 2.333 0 0 1 3.333 1zM7 13h5.667c.184 0 .333-.15.333-.333V3.333A.333.333 0 0 0 12.667 3H7zM3.333 3A.333.333 0 0 0 3 3.333v9.334c0 .184.15.333.333.333H5V3z\" clip-rule=\"evenodd\"/></svg>",
|
|
164
165
|
"open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 3h2v10h-2zM9 3H3v10h6zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
165
166
|
"paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\"><path d=\"M12.294 3.74c0-.442-.18-.866-.5-1.179a1.73 1.73 0 0 0-1.207-.488 1.73 1.73 0 0 0-1.207.488l-6.354 6.21a3 3 0 0 0-.905 2.137c0 .8.325 1.569.905 2.135s1.366.884 2.185.884c.82 0 1.606-.318 2.185-.884L14.501 6.1 16 7.566l-7.104 6.942A5.27 5.27 0 0 1 5.21 16a5.27 5.27 0 0 1-3.685-1.492A5.04 5.04 0 0 1 0 10.908C0 9.557.549 8.26 1.526 7.306l6.354-6.21A3.87 3.87 0 0 1 10.587 0c1.015 0 1.989.394 2.706 1.096a3.7 3.7 0 0 1 1.122 2.644 3.7 3.7 0 0 1-1.122 2.646l-6.362 6.21c-.458.447-1.079.7-1.727.7s-1.27-.252-1.728-.7a2.36 2.36 0 0 1-.715-1.688c0-.634.257-1.242.715-1.69l6.62-6.463 1.5 1.466-6.62 6.463a.313.313 0 0 0 0 .446.33.33 0 0 0 .457 0l6.36-6.21.114-.122c.249-.297.387-.67.387-1.058\"/></svg>",
|
|
166
167
|
"paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" focusable=\"false\"><g stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h3.5a2.5 2.5 0 0 1 0 5H5\"/><path d=\"M5 3v10\"/></g></svg>",
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { type PropsWithChildren, type RefObject } from "react";
|
|
2
|
+
import { type PortalProps } from "../../Portal/Portal";
|
|
3
|
+
import type { ViewportPosition } from "../../Utilities/FloatingPosition/useFloatingPosition";
|
|
4
|
+
export type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
children?: React.ReactNode[] | React.ReactNode;
|
|
6
|
+
/**
|
|
7
|
+
* Controls visibility. Toggling `false` plays the exit animation, then
|
|
8
|
+
* unmounts (firing `onUnmount`). Keep the Drawer mounted and drive this rather
|
|
9
|
+
* than conditionally rendering it. Defaults to `true`.
|
|
10
|
+
*/
|
|
11
|
+
isVisible?: boolean;
|
|
12
|
+
/** Called after the exit animation completes and the drawer is removed. */
|
|
13
|
+
onUnmount?: () => void;
|
|
14
|
+
backdropRef?: RefObject<HTMLDivElement>;
|
|
15
|
+
handleClose?: () => void;
|
|
16
|
+
isDismissible?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether to render the dimming backdrop behind the content. Default `true`.
|
|
19
|
+
*/
|
|
20
|
+
hasBackdrop?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* A ref to the element that should receive focus when the drawer opens.
|
|
23
|
+
* When not provided, the first focusable element inside the drawer is used.
|
|
24
|
+
*/
|
|
25
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
26
|
+
privateProps?: {
|
|
27
|
+
skipPortal?: boolean;
|
|
28
|
+
};
|
|
29
|
+
} & ViewportPosition & Pick<PortalProps, "portalContainer">;
|
|
30
|
+
export declare function Drawer({ backdropRef, portalContainer, initialFocus, isDismissible, isVisible, onUnmount, hasBackdrop, positionX, positionY, children, handleClose, privateProps: { skipPortal }, ...rest }: PropsWithChildren<DrawerProps>): React.ReactElement | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useCallback,useRef}from"react";import styled from"@emotion/styled";import{useOutsideClickDeactivatesWithinPortal}from"../../../shared/useOutsideClickDeactivatesWithinPortal";import{useDocument}from"../../../shared/useDocument";import{FOCUSABLE_SELECTOR}from"../../../shared/focusableSelector";import{Portal,usePortalContainerElement}from"../../Portal/Portal";import{FocusTrapWrapper}from"../../../shared/FocusTrapWrapper";import{DialogContext}from"../../Patterns/Dialog/DialogContext";import{Backdrop}from"../../Utilities/Backdrop/Backdrop";import{useDrawerAnimation}from"./useDrawerAnimation";let StyledViewportLayer=styled("div",{target:"encciyu0",label:"StyledViewportLayer"})(({theme,animation})=>({position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",animation,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDRCIn0= */"),StyledContent=styled("div",{target:"encciyu1",label:"StyledContent"})(({positionX,positionY,animation,contentTransform})=>({position:"fixed",..."left"===positionX&&{left:0},..."right"===positionX&&{right:0},...!positionX&&{left:"50%"},..."top"===positionY&&{top:0},..."bottom"===positionY&&{bottom:0},...!positionY&&{top:"50%"},transform:contentTransform,willChange:"transform",animation,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRnNCIn0= */"),StyledBackdrop=styled(Backdrop,{target:"encciyu2",label:"StyledBackdrop"})({pointerEvents:"none"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL0RyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0ludGVybmFsL0RyYXdlci9EcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlUmVmLFxuICB0eXBlIE11dGFibGVSZWZPYmplY3QsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGlja0RlYWN0aXZhdGVzV2l0aGluUG9ydGFsIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbFwiO1xuaW1wb3J0IHsgdXNlRG9jdW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZURvY3VtZW50XCI7XG5pbXBvcnQgeyBGT0NVU0FCTEVfU0VMRUNUT1IgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL2ZvY3VzYWJsZVNlbGVjdG9yXCI7XG5pbXBvcnQge1xuICBQb3J0YWwsXG4gIHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gIHR5cGUgUG9ydGFsUHJvcHMsXG59IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBGb2N1c1RyYXBXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9Gb2N1c1RyYXBXcmFwcGVyXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uLy4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5pbXBvcnQgeyBCYWNrZHJvcCB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvQmFja2Ryb3AvQmFja2Ryb3BcIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQge1xuICB1c2VEcmF3ZXJBbmltYXRpb24sXG4gIHR5cGUgRWRnZVgsXG4gIHR5cGUgRWRnZVksXG59IGZyb20gXCIuL3VzZURyYXdlckFuaW1hdGlvblwiO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWxpdHkuIFRvZ2dsaW5nIGBmYWxzZWAgcGxheXMgdGhlIGV4aXQgYW5pbWF0aW9uLCB0aGVuXG4gICAqIHVubW91bnRzIChmaXJpbmcgYG9uVW5tb3VudGApLiBLZWVwIHRoZSBEcmF3ZXIgbW91bnRlZCBhbmQgZHJpdmUgdGhpcyByYXRoZXJcbiAgICogdGhhbiBjb25kaXRpb25hbGx5IHJlbmRlcmluZyBpdC4gRGVmYXVsdHMgdG8gYHRydWVgLlxuICAgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCBhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gY29tcGxldGVzIGFuZCB0aGUgZHJhd2VyIGlzIHJlbW92ZWQuICovXG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gcmVuZGVyIHRoZSBkaW1taW5nIGJhY2tkcm9wIGJlaGluZCB0aGUgY29udGVudC4gRGVmYXVsdCBgdHJ1ZWAuXG4gICAqL1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGRyYXdlciBvcGVucy5cbiAgICogV2hlbiBub3QgcHJvdmlkZWQsIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBpbnNpZGUgdGhlIGRyYXdlciBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHtcbiAgICBza2lwUG9ydGFsPzogYm9vbGVhbjtcbiAgfTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uICZcbiAgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmNvbnN0IFN0eWxlZFZpZXdwb3J0TGF5ZXIgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uOiBzdHJpbmcgfT4oXG4gICh7IHRoZW1lLCBhbmltYXRpb24gfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMGR2aFwiLFxuICAgIGFuaW1hdGlvbixcbiAgICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbiAgfSlcbik7XG5cbmZ1bmN0aW9uIGVkZ2VTdHlsZXMoXG4gIHBvc2l0aW9uWD86IEVkZ2VYLFxuICBwb3NpdGlvblk/OiBFZGdlWVxuKTogUGljazxDU1NPYmplY3QsIFwibGVmdFwiIHwgXCJyaWdodFwiIHwgXCJ0b3BcIiB8IFwiYm90dG9tXCI+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi4ocG9zaXRpb25YID09PSBcImxlZnRcIiAmJiB7IGxlZnQ6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWCA9PT0gXCJyaWdodFwiICYmIHsgcmlnaHQ6IDAgfSksXG4gICAgLi4uKCFwb3NpdGlvblggJiYgeyBsZWZ0OiBcIjUwJVwiIH0pLFxuICAgIC4uLihwb3NpdGlvblkgPT09IFwidG9wXCIgJiYgeyB0b3A6IDAgfSksXG4gICAgLi4uKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIiAmJiB7IGJvdHRvbTogMCB9KSxcbiAgICAuLi4oIXBvc2l0aW9uWSAmJiB7IHRvcDogXCI1MCVcIiB9KSxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXY8e1xuICBwb3NpdGlvblg/OiBFZGdlWDtcbiAgcG9zaXRpb25ZPzogRWRnZVk7XG4gIGFuaW1hdGlvbjogc3RyaW5nO1xuICBjb250ZW50VHJhbnNmb3JtOiBzdHJpbmc7XG59PigoeyBwb3NpdGlvblgsIHBvc2l0aW9uWSwgYW5pbWF0aW9uLCBjb250ZW50VHJhbnNmb3JtIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gIC4uLmVkZ2VTdHlsZXMocG9zaXRpb25YLCBwb3NpdGlvblkpLFxuICB0cmFuc2Zvcm06IGNvbnRlbnRUcmFuc2Zvcm0sXG4gIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gIGFuaW1hdGlvbixcbiAgLy8gSG9ub3IgcmVkdWNlZC1tb3Rpb246IHNraXAgdGhlIHNsaWRlLCBrZWVwIHRoZSByZXN0aW5nIHBvc2l0aW9uLlxuICBcIkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKVwiOiB7IGFuaW1hdGlvbjogXCJub25lXCIgfSxcbn0pKTtcblxuLy8gTm9uLWludGVyYWN0aXZlIHNvIGNsaWNrcyBvbiB0aGUgZGltbWVkIGFyZWEgZmFsbCB0aHJvdWdoIHRvIHRoZSBsYXllciwgd2hlcmVcbi8vIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIGlzIGRldGVjdGVkLlxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoQmFja2Ryb3ApKHsgcG9pbnRlckV2ZW50czogXCJub25lXCIgfSk7XG5cbi8vIFRoZSBmaXJzdCBmb2N1c2FibGUgZGVzY2VuZGFudCwgZmFsbGluZyBiYWNrIHRvIHRoZSBjb250YWluZXIsIHRoZW4gdGhlIGJvZHkuXG5mdW5jdGlvbiBnZXRGb2N1c1RhcmdldChcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIGNvbnRhaW5lcj8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oRk9DVVNBQkxFX1NFTEVDVE9SKSA/P1xuICAgIGNvbnRhaW5lciA/P1xuICAgIGRvY3VtZW50LmJvZHlcbiAgKTtcbn1cblxuZnVuY3Rpb24gcmVzb2x2ZUluaXRpYWxGb2N1cyhcbiAgaW5pdGlhbEZvY3VzOiBEcmF3ZXJQcm9wc1tcImluaXRpYWxGb2N1c1wiXSxcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwsXG4gIGRvY3VtZW50OiBEb2N1bWVudFxuKTogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50IHwgc3RyaW5nIHtcbiAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHJldHVybiBpbml0aWFsRm9jdXM7XG4gIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoY29udGFpbmVyLCBkb2N1bWVudCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcmF3ZXIoe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBpc1Zpc2libGUgPSB0cnVlLFxuICBvblVubW91bnQsXG4gIGhhc0JhY2tkcm9wID0gdHJ1ZSxcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxuICBoYW5kbGVDbG9zZSxcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbiAgLi4ucmVzdFxufTogUHJvcHNXaXRoQ2hpbGRyZW48RHJhd2VyUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lckVsZW1lbnQgPSB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50KHBvcnRhbENvbnRhaW5lcik7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIC8vIFRoZSBjb25zdW1lciBkcml2ZXMgYGlzVmlzaWJsZWA7IHRoaXMga2VlcHMgdGhlIGRyYXdlciBtb3VudGVkIHRocm91Z2ggaXRzXG4gIC8vIGV4aXQgYW5pbWF0aW9uLCB0aGVuIGZpcmVzIGBvblVubW91bnRgLlxuICBjb25zdCB7XG4gICAgaXNNb3VudGVkLFxuICAgIG9uQW5pbWF0aW9uRW5kLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uLFxuICAgIGNvbnRlbnRBbmltYXRpb24sXG4gICAgY29udGVudFRyYW5zZm9ybSxcbiAgfSA9IHVzZURyYXdlckFuaW1hdGlvbih7XG4gICAgaXNWaXNpYmxlLFxuICAgIG9uVW5tb3VudCxcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICB9KTtcblxuICAvLyBUaGUgbGF5ZXIgaXMgaWRlbnRpZmllZCBpbnRlcm5hbGx5IHNvIG91dHNpZGUtY2xpY2sgZGlzbWlzc2FsIHdvcmtzIHdpdGhvdXRcbiAgLy8gdGhlIGNvbnN1bWVyIHdpcmluZyBhIHJlZi4gYGJhY2tkcm9wUmVmYCwgaWYgZ2l2ZW4sIGZhbnMgb3V0IHRvIHRoYXQgbm9kZS5cbiAgY29uc3QgbGF5ZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc2V0TGF5ZXJOb2RlID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgbGF5ZXJSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgICBjb25zdCBleHRlcm5hbFJlZiA9IGJhY2tkcm9wUmVmIGFzXG4gICAgICAgIHwgTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4gICAgICAgIHwgdW5kZWZpbmVkO1xuICAgICAgaWYgKGV4dGVybmFsUmVmKSB7XG4gICAgICAgIGV4dGVybmFsUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWwoe1xuICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQsXG4gICAgb3V0ZXJSZWY6IGxheWVyUmVmLFxuICAgIGlzRGlzbWlzc2libGUsXG4gIH0pO1xuXG4gIC8vIFJlbmRlciBub3RoaW5nIG9uY2UgZnVsbHkgY2xvc2VkIChhZnRlciB0aGUgZXhpdCBhbmltYXRpb24gaGFzIGZpbmlzaGVkKS5cbiAgaWYgKCFpc01vdW50ZWQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPFN0eWxlZFZpZXdwb3J0TGF5ZXJcbiAgICAgIHJlZj17c2V0TGF5ZXJOb2RlfVxuICAgICAgZGF0YS1kcy1pZD1cIkRyYXdlclwiXG4gICAgICBhbmltYXRpb249e2JhY2tkcm9wQW5pbWF0aW9ufVxuICAgID5cbiAgICAgIHtoYXNCYWNrZHJvcCAmJiA8U3R5bGVkQmFja2Ryb3AgZGF0YS1kcy1pZD1cIkRyYXdlckJhY2tkcm9wXCIgLz59XG4gICAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLCAvLyBhbGxvdyBjbGljayBvbiBtb2JpbGUgaW4gYW55IGRyb3Bkb3duc1xuICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyxcbiAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogaXNEaXNtaXNzaWJsZSwgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBlc2NhcGUga2V5XG4gICAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+XG4gICAgICAgICAgICByZXNvbHZlSW5pdGlhbEZvY3VzKGluaXRpYWxGb2N1cywgY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoY29udGVudFJlZi5jdXJyZW50LCBkb2N1bWVudCksXG4gICAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogKCkgPT4gaGFuZGxlQ2xvc2U/LigpLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ29udGVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17Y29udGVudFJlZn1cbiAgICAgICAgICBwb3NpdGlvblg9e3Bvc2l0aW9uWH1cbiAgICAgICAgICBwb3NpdGlvblk9e3Bvc2l0aW9uWX1cbiAgICAgICAgICBhbmltYXRpb249e2NvbnRlbnRBbmltYXRpb259XG4gICAgICAgICAgY29udGVudFRyYW5zZm9ybT17Y29udGVudFRyYW5zZm9ybX1cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17b25BbmltYXRpb25FbmR9XG4gICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICAgPC9TdHlsZWRWaWV3cG9ydExheWVyPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvR3VCIn0= */");function getFocusTarget(container,document){return container?.querySelector(FOCUSABLE_SELECTOR)??container??document.body}export function Drawer({backdropRef,portalContainer,initialFocus,isDismissible=!0,isVisible=!0,onUnmount,hasBackdrop=!0,positionX,positionY,children,handleClose,privateProps:{skipPortal}={skipPortal:!1},...rest}){let portalContainerElement=usePortalContainerElement(portalContainer),contentRef=useRef(null),document=useDocument(),{isMounted,onAnimationEnd,backdropAnimation,contentAnimation,contentTransform}=useDrawerAnimation({isVisible,onUnmount,positionX,positionY}),layerRef=useRef(null),setLayerNode=useCallback(node=>{layerRef.current=node,backdropRef&&(backdropRef.current=node)},[backdropRef]),handleClickOutsideDeactivates=useOutsideClickDeactivatesWithinPortal({portalContainerElement,outerRef:layerRef,isDismissible});if(!isMounted)return null;let content=React.createElement(StyledViewportLayer,{ref:setLayerNode,"data-ds-id":"Drawer",animation:backdropAnimation},hasBackdrop&&React.createElement(StyledBackdrop,{"data-ds-id":"DrawerBackdrop"}),React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>{var container;return container=contentRef.current,"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(container,document)},fallbackFocus:()=>getFocusTarget(contentRef.current,document),onPostDeactivate:()=>handleClose?.()}},React.createElement(StyledContent,{...rest,ref:contentRef,positionX:positionX,positionY:positionY,animation:contentAnimation,contentTransform:contentTransform,onAnimationEnd:onAnimationEnd,role:"dialog","aria-modal":"true"},children)));return skipPortal?content:React.createElement(DialogContext.Provider,{value:!0},React.createElement(Portal,{portalContainer:portalContainer},content))}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type AnimationEventHandler } from "react";
|
|
2
|
+
export type EdgeX = "left" | "right";
|
|
3
|
+
export type EdgeY = "top" | "bottom";
|
|
4
|
+
export type DrawerAnimation = {
|
|
5
|
+
/** Whether the node should render at all (entering, present, or mid-exit). */
|
|
6
|
+
isMounted: boolean;
|
|
7
|
+
/** Attach to the animated content node; tears it down once its exit animation ends. */
|
|
8
|
+
onAnimationEnd: AnimationEventHandler<HTMLElement>;
|
|
9
|
+
/** CSS `animation` shorthand for the backdrop's fade. */
|
|
10
|
+
backdropAnimation: string;
|
|
11
|
+
/** CSS `animation` shorthand for the content's slide. */
|
|
12
|
+
contentAnimation: string;
|
|
13
|
+
/** Resting `transform` for the content, applied outside the animation too so it holds after the animation ends. */
|
|
14
|
+
contentTransform: string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Manages everything animation-related for the drawer: presence across the
|
|
18
|
+
* enter/exit lifecycle, and the keyframes/timing for both the backdrop fade
|
|
19
|
+
* and the content slide.
|
|
20
|
+
*
|
|
21
|
+
* The enter animation is pure CSS that plays on mount, so it needs no state.
|
|
22
|
+
* The exit does: the consumer drives `isVisible`, and when it flips to `false`
|
|
23
|
+
* the node stays mounted (`isLeaving === true`, tracked internally) until the
|
|
24
|
+
* exit animation ends, then `onUnmount` fires. A `useLayoutEffect` flips into
|
|
25
|
+
* the closing state before paint so the node isn't dropped for a frame.
|
|
26
|
+
* Reduced motion tears down immediately, since with no animation there is no
|
|
27
|
+
* `animationend` to wait for.
|
|
28
|
+
*/
|
|
29
|
+
export declare function useDrawerAnimation({ isVisible, onUnmount, positionX, positionY, }: {
|
|
30
|
+
isVisible: boolean;
|
|
31
|
+
onUnmount?: () => void;
|
|
32
|
+
positionX?: EdgeX;
|
|
33
|
+
positionY?: EdgeY;
|
|
34
|
+
}): DrawerAnimation;
|