@cloudscape-design/components 3.0.66 → 3.0.68
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/breadcrumb-group/internal.js +1 -1
- package/breadcrumb-group/internal.js.map +1 -1
- package/container/styles.css.js +16 -16
- package/container/styles.scoped.css +33 -25
- package/container/styles.selectors.js +16 -16
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +7 -0
- package/input/internal.js.map +1 -1
- package/internal/components/dropdown-status/index.d.ts.map +1 -1
- package/internal/components/dropdown-status/index.js +1 -1
- package/internal/components/dropdown-status/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/package.json +1 -1
- package/split-panel/index.js +8 -8
- package/split-panel/index.js.map +1 -1
- package/split-panel/styles.css.js +58 -58
- package/split-panel/styles.scoped.css +81 -80
- package/split-panel/styles.selectors.js +58 -58
- package/split-panel/utils/use-pointer-events.d.ts +3 -0
- package/split-panel/utils/use-pointer-events.d.ts.map +1 -0
- package/split-panel/utils/{use-mouse-events.js → use-pointer-events.js} +12 -12
- package/split-panel/utils/use-pointer-events.js.map +1 -0
- package/split-panel/utils/use-mouse-events.d.ts +0 -3
- package/split-panel/utils/use-mouse-events.d.ts.map +0 -1
- package/split-panel/utils/use-mouse-events.js.map +0 -1
|
@@ -186,31 +186,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
187
|
SPDX-License-Identifier: Apache-2.0
|
|
188
188
|
*/
|
|
189
|
-
.
|
|
189
|
+
.awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
|
|
190
190
|
transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
191
191
|
transition-property: none;
|
|
192
192
|
}
|
|
193
193
|
@media (prefers-reduced-motion: reduce) {
|
|
194
|
-
.
|
|
194
|
+
.awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
|
|
195
195
|
animation: none;
|
|
196
196
|
transition: none;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
.awsui-motion-disabled .
|
|
199
|
+
.awsui-motion-disabled .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
|
|
200
200
|
animation: none;
|
|
201
201
|
transition: none;
|
|
202
202
|
}
|
|
203
|
-
.
|
|
203
|
+
.awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
|
|
204
204
|
transition-property: transform;
|
|
205
205
|
transition-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
206
206
|
}
|
|
207
207
|
@media (prefers-reduced-motion: reduce) {
|
|
208
|
-
.
|
|
208
|
+
.awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
|
|
209
209
|
animation: none;
|
|
210
210
|
transition: none;
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
|
-
.awsui-motion-disabled .
|
|
213
|
+
.awsui-motion-disabled .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1tyop_189.awsui_refresh_1r9lg_1tyop_189.awsui_animating_1r9lg_1tyop_203:not(#\9) {
|
|
214
214
|
animation: none;
|
|
215
215
|
transition: none;
|
|
216
216
|
}
|
|
@@ -223,85 +223,85 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
223
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
224
224
|
SPDX-License-Identifier: Apache-2.0
|
|
225
225
|
*/
|
|
226
|
-
.awsui_preference-icon--layout-
|
|
226
|
+
.awsui_preference-icon--layout-border_1r9lg_1tyop_226:not(#\9) {
|
|
227
227
|
stroke: var(--color-background-home-header-mpq08f, #000716);
|
|
228
228
|
fill: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
229
229
|
}
|
|
230
|
-
.awsui_preference-icon--layout-
|
|
230
|
+
.awsui_preference-icon--layout-background_1r9lg_1tyop_230:not(#\9) {
|
|
231
231
|
fill: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
232
232
|
}
|
|
233
|
-
.awsui_preference-icon--layout-
|
|
233
|
+
.awsui_preference-icon--layout-header_1r9lg_1tyop_233:not(#\9) {
|
|
234
234
|
fill: var(--color-background-home-header-mpq08f, #000716);
|
|
235
235
|
}
|
|
236
|
-
.awsui_preference-icon--
|
|
236
|
+
.awsui_preference-icon--border_1r9lg_1tyop_236:not(#\9) {
|
|
237
237
|
stroke: var(--color-text-group-label-w9to2i, #414d5c);
|
|
238
238
|
fill: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
239
239
|
}
|
|
240
|
-
.awsui_preference-icon--primary-
|
|
240
|
+
.awsui_preference-icon--primary-button_1r9lg_1tyop_240:not(#\9) {
|
|
241
241
|
fill: var(--color-background-button-primary-default-pwn1g1, #0972d3);
|
|
242
242
|
}
|
|
243
|
-
.awsui_preference-icon--
|
|
243
|
+
.awsui_preference-icon--secondary_1r9lg_1tyop_243:not(#\9) {
|
|
244
244
|
fill: var(--color-text-group-label-w9to2i, #414d5c);
|
|
245
245
|
}
|
|
246
|
-
.awsui_preference-icon--disabled-
|
|
246
|
+
.awsui_preference-icon--disabled-element_1r9lg_1tyop_246:not(#\9) {
|
|
247
247
|
fill: var(--color-background-control-disabled-zplipy, #d1d5db);
|
|
248
248
|
}
|
|
249
|
-
.awsui_preference-icon--
|
|
249
|
+
.awsui_preference-icon--separator_1r9lg_1tyop_249:not(#\9) {
|
|
250
250
|
stroke: var(--color-background-control-disabled-zplipy, #d1d5db);
|
|
251
251
|
}
|
|
252
|
-
.awsui_preference-icon--focus-
|
|
252
|
+
.awsui_preference-icon--focus-text_1r9lg_1tyop_252:not(#\9) {
|
|
253
253
|
fill: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
254
254
|
}
|
|
255
255
|
|
|
256
|
-
.awsui_preference-icon-refresh--layout-
|
|
256
|
+
.awsui_preference-icon-refresh--layout-top_1r9lg_1tyop_256:not(#\9) {
|
|
257
257
|
fill: var(--color-background-button-primary-disabled-eon7km, #e9ebed);
|
|
258
258
|
}
|
|
259
|
-
.awsui_preference-icon-refresh--layout-
|
|
259
|
+
.awsui_preference-icon-refresh--layout-main_1r9lg_1tyop_259:not(#\9) {
|
|
260
260
|
fill: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
261
261
|
}
|
|
262
|
-
.awsui_preference-icon-refresh--
|
|
262
|
+
.awsui_preference-icon-refresh--primary_1r9lg_1tyop_262:not(#\9) {
|
|
263
263
|
fill: var(--color-background-button-primary-default-pwn1g1, #0972d3);
|
|
264
264
|
}
|
|
265
|
-
.awsui_preference-icon-refresh--
|
|
265
|
+
.awsui_preference-icon-refresh--disabled_1r9lg_1tyop_265:not(#\9) {
|
|
266
266
|
fill: var(--color-background-control-disabled-zplipy, #d1d5db);
|
|
267
267
|
}
|
|
268
|
-
.awsui_preference-icon-refresh--
|
|
268
|
+
.awsui_preference-icon-refresh--window_1r9lg_1tyop_268:not(#\9) {
|
|
269
269
|
stroke: var(--color-background-home-header-mpq08f, #000716);
|
|
270
270
|
fill: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
271
271
|
}
|
|
272
|
-
.awsui_preference-icon-refresh--
|
|
272
|
+
.awsui_preference-icon-refresh--secondary_1r9lg_1tyop_272:not(#\9) {
|
|
273
273
|
fill: var(--color-text-body-secondary-fdstdf, #414d5c);
|
|
274
274
|
}
|
|
275
|
-
.awsui_preference-icon-refresh--
|
|
275
|
+
.awsui_preference-icon-refresh--default_1r9lg_1tyop_275:not(#\9) {
|
|
276
276
|
fill: var(--color-text-body-default-ajf1h5, #000716);
|
|
277
277
|
}
|
|
278
|
-
.awsui_preference-icon-refresh--
|
|
278
|
+
.awsui_preference-icon-refresh--separator_1r9lg_1tyop_278:not(#\9) {
|
|
279
279
|
stroke: var(--color-border-button-primary-disabled-6gwabt, #e9ebed);
|
|
280
280
|
}
|
|
281
|
-
.awsui_preference-icon-refresh--input-
|
|
281
|
+
.awsui_preference-icon-refresh--input-default_1r9lg_1tyop_281:not(#\9) {
|
|
282
282
|
fill: var(--color-border-input-default-dtyu8d, #9ba7b6);
|
|
283
283
|
}
|
|
284
|
-
.awsui_preference-icon-refresh--
|
|
284
|
+
.awsui_preference-icon-refresh--heading_1r9lg_1tyop_284:not(#\9) {
|
|
285
285
|
fill: var(--color-text-heading-default-jopz0f, #000716);
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
|
|
289
|
-
.awsui_resize-
|
|
289
|
+
.awsui_resize-active_1r9lg_1tyop_289 *:not(#\9) {
|
|
290
290
|
-webkit-user-select: none;
|
|
291
291
|
user-select: none;
|
|
292
292
|
}
|
|
293
|
-
.awsui_resize-
|
|
293
|
+
.awsui_resize-active_1r9lg_1tyop_289 iframe:not(#\9) {
|
|
294
294
|
pointer-events: none;
|
|
295
295
|
}
|
|
296
|
-
.awsui_resize-
|
|
296
|
+
.awsui_resize-side_1r9lg_1tyop_295 *:not(#\9) {
|
|
297
297
|
cursor: ew-resize;
|
|
298
298
|
}
|
|
299
|
-
.awsui_resize-
|
|
299
|
+
.awsui_resize-bottom_1r9lg_1tyop_298 *:not(#\9) {
|
|
300
300
|
cursor: ns-resize;
|
|
301
301
|
}
|
|
302
302
|
|
|
303
303
|
/* stylelint-enable */
|
|
304
|
-
.
|
|
304
|
+
.awsui_root_1r9lg_1tyop_303:not(#\9) {
|
|
305
305
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
306
306
|
border-collapse: separate;
|
|
307
307
|
border-spacing: 0;
|
|
@@ -338,47 +338,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
338
338
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
-
.awsui_preferences-
|
|
341
|
+
.awsui_preferences-button_1r9lg_1tyop_314:not(#\9) {
|
|
342
342
|
/* used in test-utils */
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
.awsui_close-
|
|
345
|
+
.awsui_close-button_1r9lg_1tyop_318:not(#\9) {
|
|
346
346
|
/* used in test-utils */
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.
|
|
349
|
+
.awsui_drawer_1r9lg_1tyop_189:not(#\9) {
|
|
350
350
|
flex-shrink: 0;
|
|
351
351
|
position: relative;
|
|
352
352
|
word-wrap: break-word;
|
|
353
353
|
background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
|
|
354
354
|
z-index: 851;
|
|
355
355
|
}
|
|
356
|
-
.awsui_drawer-
|
|
356
|
+
.awsui_drawer-closed_1r9lg_1tyop_329:not(#\9) {
|
|
357
357
|
cursor: pointer;
|
|
358
358
|
min-width: 40px;
|
|
359
359
|
}
|
|
360
360
|
|
|
361
|
-
.awsui_drawer-content-
|
|
361
|
+
.awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9) {
|
|
362
362
|
display: flex;
|
|
363
363
|
align-items: center;
|
|
364
364
|
height: 100%;
|
|
365
365
|
overflow: auto;
|
|
366
366
|
}
|
|
367
|
-
.awsui_drawer-
|
|
367
|
+
.awsui_drawer-closed_1r9lg_1tyop_329 > .awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9) {
|
|
368
368
|
width: 40px;
|
|
369
369
|
}
|
|
370
|
-
.awsui_drawer-
|
|
370
|
+
.awsui_drawer-closed_1r9lg_1tyop_329 > .awsui_drawer-content-side_1r9lg_1tyop_334:not(#\9):hover {
|
|
371
371
|
background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
|
|
372
372
|
}
|
|
373
|
-
.awsui_drawer-content-
|
|
373
|
+
.awsui_drawer-content-side_1r9lg_1tyop_334.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
|
|
374
374
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
|
|
375
375
|
box-sizing: border-box;
|
|
376
376
|
}
|
|
377
|
-
.awsui_drawer-content-
|
|
377
|
+
.awsui_drawer-content-side_1r9lg_1tyop_334 > [aria-hidden=true]:not(#\9) {
|
|
378
378
|
display: none;
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
:not(#\9):not(.awsui_drawer-
|
|
381
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_1tyop_329) > .awsui_drawer-content-bottom_1r9lg_1tyop_354 {
|
|
382
382
|
overflow-y: auto;
|
|
383
383
|
position: absolute;
|
|
384
384
|
top: 0;
|
|
@@ -387,7 +387,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
387
387
|
bottom: 0;
|
|
388
388
|
}
|
|
389
389
|
|
|
390
|
-
.awsui_position-
|
|
390
|
+
.awsui_position-bottom_1r9lg_1tyop_363:not(#\9) {
|
|
391
391
|
position: fixed;
|
|
392
392
|
overflow-y: auto;
|
|
393
393
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-bottom-zrjpck, #e9ebed);
|
|
@@ -398,45 +398,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
398
398
|
SplitPanel is no longer in fixed position in the DOM.
|
|
399
399
|
*/
|
|
400
400
|
}
|
|
401
|
-
.awsui_position-
|
|
401
|
+
.awsui_position-bottom_1r9lg_1tyop_363:not(#\9):not(.awsui_refresh_1r9lg_1tyop_189) {
|
|
402
402
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
403
403
|
}
|
|
404
|
-
.awsui_position-
|
|
404
|
+
.awsui_position-bottom_1r9lg_1tyop_363.awsui_drawer-closed_1r9lg_1tyop_329:not(#\9) {
|
|
405
405
|
overflow: hidden;
|
|
406
406
|
}
|
|
407
|
-
.awsui_position-
|
|
407
|
+
.awsui_position-bottom_1r9lg_1tyop_363.awsui_drawer-closed_1r9lg_1tyop_329:not(#\9):hover {
|
|
408
408
|
background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
|
|
409
409
|
}
|
|
410
|
-
.awsui_position-
|
|
410
|
+
.awsui_position-bottom_1r9lg_1tyop_363 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > [aria-hidden=true]:not(#\9) {
|
|
411
411
|
display: none;
|
|
412
412
|
}
|
|
413
|
-
.awsui_position-
|
|
413
|
+
.awsui_position-bottom_1r9lg_1tyop_363.awsui_refresh_1r9lg_1tyop_189:not(#\9) {
|
|
414
414
|
position: relative;
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.awsui_position-
|
|
417
|
+
.awsui_position-side_1r9lg_1tyop_390:not(#\9) {
|
|
418
418
|
border-top: none;
|
|
419
419
|
box-shadow: var(--shadow-split-side-qv353u, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
|
|
420
420
|
height: 100%;
|
|
421
421
|
}
|
|
422
422
|
|
|
423
|
-
.
|
|
423
|
+
.awsui_slider_1r9lg_1tyop_396:not(#\9) {
|
|
424
424
|
padding: 0;
|
|
425
425
|
cursor: ns-resize;
|
|
426
426
|
margin: 2px 0 0 0;
|
|
427
427
|
height: 16px;
|
|
428
|
+
touch-action: none;
|
|
428
429
|
}
|
|
429
|
-
.
|
|
430
|
+
.awsui_slider_1r9lg_1tyop_396:not(#\9):focus {
|
|
430
431
|
outline: none;
|
|
431
432
|
}
|
|
432
|
-
.
|
|
433
|
+
.awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
433
434
|
position: relative;
|
|
434
435
|
}
|
|
435
|
-
.
|
|
436
|
+
.awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
436
437
|
outline: 2px dotted transparent;
|
|
437
438
|
outline-offset: calc(0px - 1px);
|
|
438
439
|
}
|
|
439
|
-
.
|
|
440
|
+
.awsui_slider_1r9lg_1tyop_396[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
440
441
|
content: " ";
|
|
441
442
|
display: block;
|
|
442
443
|
position: absolute;
|
|
@@ -448,12 +449,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
448
449
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
449
450
|
}
|
|
450
451
|
|
|
451
|
-
.awsui_slider-
|
|
452
|
+
.awsui_slider-side_1r9lg_1tyop_425:not(#\9) {
|
|
452
453
|
cursor: ew-resize;
|
|
453
454
|
margin: 0 0 0 2px;
|
|
454
455
|
}
|
|
455
456
|
|
|
456
|
-
.awsui_slider-wrapper-
|
|
457
|
+
.awsui_slider-wrapper-bottom_1r9lg_1tyop_430:not(#\9) {
|
|
457
458
|
position: absolute;
|
|
458
459
|
top: 0;
|
|
459
460
|
left: 0;
|
|
@@ -464,7 +465,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
464
465
|
z-index: 2;
|
|
465
466
|
}
|
|
466
467
|
|
|
467
|
-
.awsui_slider-wrapper-
|
|
468
|
+
.awsui_slider-wrapper-side_1r9lg_1tyop_441:not(#\9) {
|
|
468
469
|
position: absolute;
|
|
469
470
|
left: 0;
|
|
470
471
|
top: 0;
|
|
@@ -475,31 +476,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
475
476
|
z-index: 1;
|
|
476
477
|
}
|
|
477
478
|
|
|
478
|
-
.awsui_open-
|
|
479
|
+
.awsui_open-button_1r9lg_1tyop_452:not(#\9) {
|
|
479
480
|
/* used in test-utils */
|
|
480
481
|
}
|
|
481
482
|
|
|
482
|
-
.awsui_open-button-
|
|
483
|
+
.awsui_open-button-side_1r9lg_1tyop_456:not(#\9) {
|
|
483
484
|
flex: 0 0 auto;
|
|
484
485
|
align-self: flex-start;
|
|
485
486
|
box-sizing: border-box;
|
|
486
487
|
margin: var(--space-xxs-ynfts5, 4px) auto 0;
|
|
487
488
|
}
|
|
488
489
|
|
|
489
|
-
.awsui_slider-
|
|
490
|
+
.awsui_slider-icon_1r9lg_1tyop_463:not(#\9) {
|
|
490
491
|
stroke: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
491
492
|
}
|
|
492
|
-
.awsui_slider-
|
|
493
|
+
.awsui_slider-icon_1r9lg_1tyop_463:not(#\9):hover {
|
|
493
494
|
stroke: var(--color-text-interactive-hover-v3lasm, #000716);
|
|
494
495
|
}
|
|
495
|
-
.awsui_slider-icon-
|
|
496
|
+
.awsui_slider-icon-bottom_1r9lg_1tyop_469:not(#\9) {
|
|
496
497
|
margin: auto;
|
|
497
498
|
}
|
|
498
|
-
.awsui_slider-icon-
|
|
499
|
+
.awsui_slider-icon-side_1r9lg_1tyop_472:not(#\9) {
|
|
499
500
|
transform: rotate(90deg);
|
|
500
501
|
}
|
|
501
502
|
|
|
502
|
-
.awsui_pane-header-wrapper-
|
|
503
|
+
.awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
|
|
503
504
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
504
505
|
position: sticky;
|
|
505
506
|
top: 0;
|
|
@@ -509,47 +510,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
509
510
|
z-index: 1;
|
|
510
511
|
padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
511
512
|
}
|
|
512
|
-
.awsui_drawer-
|
|
513
|
+
.awsui_drawer-mobile_1r9lg_1tyop_486 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
|
|
513
514
|
padding: 0 var(--space-l-4vl6xu, 20px);
|
|
514
515
|
}
|
|
515
|
-
.awsui_drawer-disable-content-
|
|
516
|
+
.awsui_drawer-disable-content-paddings_1r9lg_1tyop_489 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476:not(#\9) {
|
|
516
517
|
padding: 0 var(--space-l-4vl6xu, 20px);
|
|
517
518
|
}
|
|
518
|
-
:not(#\9):not(.awsui_drawer-
|
|
519
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_1tyop_329) > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476 {
|
|
519
520
|
background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
|
|
520
521
|
border-bottom: var(--border-panel-header-width-6fmoo4, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
521
522
|
}
|
|
522
523
|
|
|
523
|
-
.awsui_content-
|
|
524
|
+
.awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
|
|
524
525
|
padding: 0 var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
525
526
|
margin-top: var(--space-panel-split-top-0y4u4f, 20px);
|
|
526
527
|
}
|
|
527
|
-
.awsui_drawer-
|
|
528
|
+
.awsui_drawer-mobile_1r9lg_1tyop_486 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
|
|
528
529
|
padding: 0 var(--space-l-4vl6xu, 20px);
|
|
529
530
|
}
|
|
530
|
-
.awsui_drawer-disable-content-
|
|
531
|
+
.awsui_drawer-disable-content-paddings_1r9lg_1tyop_489 > .awsui_drawer-content-bottom_1r9lg_1tyop_354 > .awsui_content-bottom_1r9lg_1tyop_497:not(#\9) {
|
|
531
532
|
padding: 0;
|
|
532
533
|
}
|
|
533
534
|
|
|
534
|
-
.awsui_pane-bottom-center-
|
|
535
|
+
.awsui_pane-bottom-center-align_1r9lg_1tyop_508:not(#\9) {
|
|
535
536
|
display: flex;
|
|
536
537
|
justify-content: center;
|
|
537
538
|
}
|
|
538
539
|
|
|
539
|
-
.awsui_pane-bottom-content-nav-
|
|
540
|
+
.awsui_pane-bottom-content-nav-padding_1r9lg_1tyop_513:not(#\9) {
|
|
540
541
|
padding-left: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
|
|
541
542
|
}
|
|
542
543
|
|
|
543
|
-
.awsui_pane-bottom-content-tools-
|
|
544
|
+
.awsui_pane-bottom-content-tools-padding_1r9lg_1tyop_517:not(#\9) {
|
|
544
545
|
padding-right: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
|
|
545
546
|
}
|
|
546
547
|
|
|
547
|
-
.awsui_content-bottom-max-
|
|
548
|
+
.awsui_content-bottom-max-width_1r9lg_1tyop_521:not(#\9) {
|
|
548
549
|
flex-grow: 1;
|
|
549
550
|
max-width: 100%;
|
|
550
551
|
}
|
|
551
552
|
|
|
552
|
-
.awsui_content-
|
|
553
|
+
.awsui_content-side_1r9lg_1tyop_526:not(#\9) {
|
|
553
554
|
flex: auto;
|
|
554
555
|
align-self: flex-start;
|
|
555
556
|
box-sizing: border-box;
|
|
@@ -560,15 +561,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
560
561
|
right: 0;
|
|
561
562
|
height: 100%;
|
|
562
563
|
}
|
|
563
|
-
.awsui_content-
|
|
564
|
+
.awsui_content-side_1r9lg_1tyop_526 > .awsui_pane-header-wrapper-side_1r9lg_1tyop_537:not(#\9) {
|
|
564
565
|
padding: 0 var(--space-m-17eucw, 16px) 0 var(--space-panel-side-left-8ozqve, 28px);
|
|
565
566
|
}
|
|
566
|
-
.awsui_content-
|
|
567
|
+
.awsui_content-side_1r9lg_1tyop_526 > .awsui_pane-content-wrapper-side_1r9lg_1tyop_540:not(#\9) {
|
|
567
568
|
padding: 0 var(--space-panel-side-right-kev4k9, 24px) 0 var(--space-panel-side-left-8ozqve, 28px);
|
|
568
569
|
margin-top: var(--space-panel-split-top-0y4u4f, 20px);
|
|
569
570
|
}
|
|
570
571
|
|
|
571
|
-
.
|
|
572
|
+
.awsui_header_1r9lg_1tyop_545:not(#\9) {
|
|
572
573
|
display: flex;
|
|
573
574
|
flex: auto;
|
|
574
575
|
flex-direction: row;
|
|
@@ -577,7 +578,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
577
578
|
width: 100%;
|
|
578
579
|
margin: var(--space-scaled-m-pv0fmt, 16px) 0 var(--space-m-17eucw, 16px) 0;
|
|
579
580
|
}
|
|
580
|
-
.awsui_header-
|
|
581
|
+
.awsui_header-text_1r9lg_1tyop_554:not(#\9) {
|
|
581
582
|
font-size: var(--font-panel-header-size-0vdgjc, 20px);
|
|
582
583
|
line-height: var(--font-panel-header-line-height-x2226j, 24px);
|
|
583
584
|
font-weight: var(--font-heading-l-weight-xm7ks9, 800);
|
|
@@ -585,13 +586,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
585
586
|
margin: 0;
|
|
586
587
|
}
|
|
587
588
|
|
|
588
|
-
.awsui_header-
|
|
589
|
+
.awsui_header-divider_1r9lg_1tyop_562:not(#\9) {
|
|
589
590
|
border: none;
|
|
590
591
|
border-top: var(--border-panel-header-width-6fmoo4, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
591
592
|
margin-top: calc(-1 * var(--border-panel-header-width-6fmoo4, 2px));
|
|
592
593
|
}
|
|
593
594
|
|
|
594
|
-
.awsui_header-
|
|
595
|
+
.awsui_header-actions_1r9lg_1tyop_568:not(#\9) {
|
|
595
596
|
display: flex;
|
|
596
597
|
flex-direction: row;
|
|
597
598
|
justify-content: space-between;
|
|
@@ -599,7 +600,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
599
600
|
margin-left: var(--space-xs-rsr2qu, 8px);
|
|
600
601
|
}
|
|
601
602
|
|
|
602
|
-
.
|
|
603
|
+
.awsui_divider_1r9lg_1tyop_576:not(#\9) {
|
|
603
604
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
604
605
|
margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
|
|
605
606
|
}
|
|
@@ -2,63 +2,63 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"animating": "
|
|
8
|
-
"preference-icon--layout-border": "awsui_preference-icon--layout-
|
|
9
|
-
"preference-icon--layout-background": "awsui_preference-icon--layout-
|
|
10
|
-
"preference-icon--layout-header": "awsui_preference-icon--layout-
|
|
11
|
-
"preference-icon--border": "awsui_preference-icon--
|
|
12
|
-
"preference-icon--primary-button": "awsui_preference-icon--primary-
|
|
13
|
-
"preference-icon--secondary": "awsui_preference-icon--
|
|
14
|
-
"preference-icon--disabled-element": "awsui_preference-icon--disabled-
|
|
15
|
-
"preference-icon--separator": "awsui_preference-icon--
|
|
16
|
-
"preference-icon--focus-text": "awsui_preference-icon--focus-
|
|
17
|
-
"preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-
|
|
18
|
-
"preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-
|
|
19
|
-
"preference-icon-refresh--primary": "awsui_preference-icon-refresh--
|
|
20
|
-
"preference-icon-refresh--disabled": "awsui_preference-icon-refresh--
|
|
21
|
-
"preference-icon-refresh--window": "awsui_preference-icon-refresh--
|
|
22
|
-
"preference-icon-refresh--secondary": "awsui_preference-icon-refresh--
|
|
23
|
-
"preference-icon-refresh--default": "awsui_preference-icon-refresh--
|
|
24
|
-
"preference-icon-refresh--separator": "awsui_preference-icon-refresh--
|
|
25
|
-
"preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-
|
|
26
|
-
"preference-icon-refresh--heading": "awsui_preference-icon-refresh--
|
|
27
|
-
"resize-active": "awsui_resize-
|
|
28
|
-
"resize-side": "awsui_resize-
|
|
29
|
-
"resize-bottom": "awsui_resize-
|
|
30
|
-
"root": "
|
|
31
|
-
"preferences-button": "awsui_preferences-
|
|
32
|
-
"close-button": "awsui_close-
|
|
33
|
-
"drawer-closed": "awsui_drawer-
|
|
34
|
-
"drawer-content-side": "awsui_drawer-content-
|
|
35
|
-
"drawer-content-bottom": "awsui_drawer-content-
|
|
36
|
-
"position-bottom": "awsui_position-
|
|
37
|
-
"position-side": "awsui_position-
|
|
38
|
-
"slider": "
|
|
39
|
-
"slider-side": "awsui_slider-
|
|
40
|
-
"slider-wrapper-bottom": "awsui_slider-wrapper-
|
|
41
|
-
"slider-wrapper-side": "awsui_slider-wrapper-
|
|
42
|
-
"open-button": "awsui_open-
|
|
43
|
-
"open-button-side": "awsui_open-button-
|
|
44
|
-
"slider-icon": "awsui_slider-
|
|
45
|
-
"slider-icon-bottom": "awsui_slider-icon-
|
|
46
|
-
"slider-icon-side": "awsui_slider-icon-
|
|
47
|
-
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-
|
|
48
|
-
"drawer-mobile": "awsui_drawer-
|
|
49
|
-
"drawer-disable-content-paddings": "awsui_drawer-disable-content-
|
|
50
|
-
"content-bottom": "awsui_content-
|
|
51
|
-
"pane-bottom-center-align": "awsui_pane-bottom-center-
|
|
52
|
-
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-
|
|
53
|
-
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-
|
|
54
|
-
"content-bottom-max-width": "awsui_content-bottom-max-
|
|
55
|
-
"content-side": "awsui_content-
|
|
56
|
-
"pane-header-wrapper-side": "awsui_pane-header-wrapper-
|
|
57
|
-
"pane-content-wrapper-side": "awsui_pane-content-wrapper-
|
|
58
|
-
"header": "
|
|
59
|
-
"header-text": "awsui_header-
|
|
60
|
-
"header-divider": "awsui_header-
|
|
61
|
-
"header-actions": "awsui_header-
|
|
62
|
-
"divider": "
|
|
5
|
+
"drawer": "awsui_drawer_1r9lg_1tyop_189",
|
|
6
|
+
"refresh": "awsui_refresh_1r9lg_1tyop_189",
|
|
7
|
+
"animating": "awsui_animating_1r9lg_1tyop_203",
|
|
8
|
+
"preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1tyop_226",
|
|
9
|
+
"preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1tyop_230",
|
|
10
|
+
"preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1tyop_233",
|
|
11
|
+
"preference-icon--border": "awsui_preference-icon--border_1r9lg_1tyop_236",
|
|
12
|
+
"preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1tyop_240",
|
|
13
|
+
"preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1tyop_243",
|
|
14
|
+
"preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1tyop_246",
|
|
15
|
+
"preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1tyop_249",
|
|
16
|
+
"preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1tyop_252",
|
|
17
|
+
"preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1tyop_256",
|
|
18
|
+
"preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1tyop_259",
|
|
19
|
+
"preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1tyop_262",
|
|
20
|
+
"preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1tyop_265",
|
|
21
|
+
"preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1tyop_268",
|
|
22
|
+
"preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1tyop_272",
|
|
23
|
+
"preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1tyop_275",
|
|
24
|
+
"preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1tyop_278",
|
|
25
|
+
"preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1tyop_281",
|
|
26
|
+
"preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1tyop_284",
|
|
27
|
+
"resize-active": "awsui_resize-active_1r9lg_1tyop_289",
|
|
28
|
+
"resize-side": "awsui_resize-side_1r9lg_1tyop_295",
|
|
29
|
+
"resize-bottom": "awsui_resize-bottom_1r9lg_1tyop_298",
|
|
30
|
+
"root": "awsui_root_1r9lg_1tyop_303",
|
|
31
|
+
"preferences-button": "awsui_preferences-button_1r9lg_1tyop_314",
|
|
32
|
+
"close-button": "awsui_close-button_1r9lg_1tyop_318",
|
|
33
|
+
"drawer-closed": "awsui_drawer-closed_1r9lg_1tyop_329",
|
|
34
|
+
"drawer-content-side": "awsui_drawer-content-side_1r9lg_1tyop_334",
|
|
35
|
+
"drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1tyop_354",
|
|
36
|
+
"position-bottom": "awsui_position-bottom_1r9lg_1tyop_363",
|
|
37
|
+
"position-side": "awsui_position-side_1r9lg_1tyop_390",
|
|
38
|
+
"slider": "awsui_slider_1r9lg_1tyop_396",
|
|
39
|
+
"slider-side": "awsui_slider-side_1r9lg_1tyop_425",
|
|
40
|
+
"slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1tyop_430",
|
|
41
|
+
"slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1tyop_441",
|
|
42
|
+
"open-button": "awsui_open-button_1r9lg_1tyop_452",
|
|
43
|
+
"open-button-side": "awsui_open-button-side_1r9lg_1tyop_456",
|
|
44
|
+
"slider-icon": "awsui_slider-icon_1r9lg_1tyop_463",
|
|
45
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1tyop_469",
|
|
46
|
+
"slider-icon-side": "awsui_slider-icon-side_1r9lg_1tyop_472",
|
|
47
|
+
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1tyop_476",
|
|
48
|
+
"drawer-mobile": "awsui_drawer-mobile_1r9lg_1tyop_486",
|
|
49
|
+
"drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1tyop_489",
|
|
50
|
+
"content-bottom": "awsui_content-bottom_1r9lg_1tyop_497",
|
|
51
|
+
"pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1tyop_508",
|
|
52
|
+
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1tyop_513",
|
|
53
|
+
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1tyop_517",
|
|
54
|
+
"content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1tyop_521",
|
|
55
|
+
"content-side": "awsui_content-side_1r9lg_1tyop_526",
|
|
56
|
+
"pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1tyop_537",
|
|
57
|
+
"pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1tyop_540",
|
|
58
|
+
"header": "awsui_header_1r9lg_1tyop_545",
|
|
59
|
+
"header-text": "awsui_header-text_1r9lg_1tyop_554",
|
|
60
|
+
"header-divider": "awsui_header-divider_1r9lg_1tyop_562",
|
|
61
|
+
"header-actions": "awsui_header-actions_1r9lg_1tyop_568",
|
|
62
|
+
"divider": "awsui_divider_1r9lg_1tyop_576"
|
|
63
63
|
};
|
|
64
64
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-pointer-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-pointer-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,gBAAgB,0EAK1B,gBAAgB,eAmClB,CAAC"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import { useCallback } from 'react';
|
|
4
4
|
import styles from '../styles.css.js';
|
|
5
|
-
export var
|
|
5
|
+
export var usePointerEvents = function (_a) {
|
|
6
6
|
var position = _a.position, splitPanelRef = _a.splitPanelRef, setSidePanelWidth = _a.setSidePanelWidth, setBottomPanelHeight = _a.setBottomPanelHeight;
|
|
7
|
-
var
|
|
7
|
+
var onDocumentPointerMove = useCallback(function (event) {
|
|
8
8
|
if (!splitPanelRef || !splitPanelRef.current) {
|
|
9
9
|
return;
|
|
10
10
|
}
|
|
@@ -19,18 +19,18 @@ export var useMouseEvents = function (_a) {
|
|
|
19
19
|
setBottomPanelHeight(height);
|
|
20
20
|
}
|
|
21
21
|
}, [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]);
|
|
22
|
-
var
|
|
22
|
+
var onDocumentPointerUp = useCallback(function () {
|
|
23
23
|
document.body.classList.remove(styles['resize-active']);
|
|
24
24
|
document.body.classList.remove(styles["resize-".concat(position)]);
|
|
25
|
-
document.removeEventListener('
|
|
26
|
-
document.removeEventListener('
|
|
27
|
-
}, [
|
|
28
|
-
var
|
|
25
|
+
document.removeEventListener('pointerup', onDocumentPointerUp);
|
|
26
|
+
document.removeEventListener('pointermove', onDocumentPointerMove);
|
|
27
|
+
}, [onDocumentPointerMove, position]);
|
|
28
|
+
var onSliderPointerDown = useCallback(function () {
|
|
29
29
|
document.body.classList.add(styles['resize-active']);
|
|
30
30
|
document.body.classList.add(styles["resize-".concat(position)]);
|
|
31
|
-
document.addEventListener('
|
|
32
|
-
document.addEventListener('
|
|
33
|
-
}, [
|
|
34
|
-
return
|
|
31
|
+
document.addEventListener('pointerup', onDocumentPointerUp);
|
|
32
|
+
document.addEventListener('pointermove', onDocumentPointerMove);
|
|
33
|
+
}, [onDocumentPointerMove, onDocumentPointerUp, position]);
|
|
34
|
+
return onSliderPointerDown;
|
|
35
35
|
};
|
|
36
|
-
//# sourceMappingURL=use-
|
|
36
|
+
//# sourceMappingURL=use-pointer-events.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-pointer-events.js","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-pointer-events.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAKd;QAJjB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA;IAEpB,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAC,KAAmB;QAClB,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC5C,OAAO;SACR;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,YAAY,CAAC;YACjF,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;aAAM;YACL,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC;YACnF,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CACnE,CAAC;IAEF,IAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC7D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAC/D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,IAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;QAC5D,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3D,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { SizeControlProps } from '../interfaces';\nimport styles from '../styles.css.js';\n\nexport const usePointerEvents = ({\n position,\n splitPanelRef,\n setSidePanelWidth,\n setBottomPanelHeight,\n}: SizeControlProps) => {\n const onDocumentPointerMove = useCallback(\n (event: PointerEvent) => {\n if (!splitPanelRef || !splitPanelRef.current) {\n return;\n }\n\n if (position === 'side') {\n const mouseClientX = event.clientX;\n const width = splitPanelRef.current.getBoundingClientRect().right - mouseClientX;\n setSidePanelWidth(width);\n } else {\n const mouseClientY = event.clientY;\n const height = splitPanelRef.current.getBoundingClientRect().bottom - mouseClientY;\n setBottomPanelHeight(height);\n }\n },\n [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]\n );\n\n const onDocumentPointerUp = useCallback(() => {\n document.body.classList.remove(styles['resize-active']);\n document.body.classList.remove(styles[`resize-${position}`]);\n document.removeEventListener('pointerup', onDocumentPointerUp);\n document.removeEventListener('pointermove', onDocumentPointerMove);\n }, [onDocumentPointerMove, position]);\n\n const onSliderPointerDown = useCallback(() => {\n document.body.classList.add(styles['resize-active']);\n document.body.classList.add(styles[`resize-${position}`]);\n document.addEventListener('pointerup', onDocumentPointerUp);\n document.addEventListener('pointermove', onDocumentPointerMove);\n }, [onDocumentPointerMove, onDocumentPointerUp, position]);\n\n return onSliderPointerDown;\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-mouse-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-mouse-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,cAAc,0EAKxB,gBAAgB,eAqClB,CAAC"}
|