deck.gl 9.2.8 → 9.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dist.dev.js +809 -452
- package/dist/stylesheet.css +154 -16
- package/dist.min.js +239 -233
- package/package.json +15 -15
package/dist/stylesheet.css
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
.deck-widget-button-group {
|
|
25
25
|
width: calc(var(--button-size, 28px) - 2);
|
|
26
26
|
height: calc((var(--button-size, 28px) * 2) - 1);
|
|
27
|
-
|
|
27
|
+
|
|
28
28
|
flex-direction: row;
|
|
29
29
|
padding: 1px;
|
|
30
30
|
gap: 1px;
|
|
@@ -66,7 +66,6 @@
|
|
|
66
66
|
border-top-right-radius: 0;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
|
|
70
69
|
.deck-widget-button-group.horizontal > *:not(:last-child),
|
|
71
70
|
.deck-widget-button-group.horizontal > *:not(:last-child) > button {
|
|
72
71
|
border-top-right-radius: 0;
|
|
@@ -192,14 +191,14 @@
|
|
|
192
191
|
.deck-widget.deck-widget-reset-view button.deck-widget-reset-focus .deck-widget-icon {
|
|
193
192
|
mask-image: var(
|
|
194
193
|
--icon-camera,
|
|
195
|
-
|
|
194
|
+
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="black"><path d="M480-320v-100q0-25 17.5-42.5T540-480h100v60H540v100h-60Zm60 240q-25 0-42.5-17.5T480-140v-100h60v100h100v60H540Zm280-240v-100H720v-60h100q25 0 42.5 17.5T880-420v100h-60ZM720-80v-60h100v-100h60v100q0 25-17.5 42.5T820-80H720Zm111-480h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q129 0 226.5 79.5T831-560Z"/></svg>')
|
|
196
195
|
);
|
|
197
196
|
-webkit-mask-image: var(
|
|
198
197
|
--icon-camera,
|
|
199
|
-
|
|
198
|
+
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="black"><path d="M480-320v-100q0-25 17.5-42.5T540-480h100v60H540v100h-60Zm60 240q-25 0-42.5-17.5T480-140v-100h60v100h100v60H540Zm280-240v-100H720v-60h100q25 0 42.5 17.5T880-420v100h-60ZM720-80v-60h100v-100h60v100q0 25-17.5 42.5T820-80H720Zm111-480h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q129 0 226.5 79.5T831-560Z"/></svg>')
|
|
200
199
|
);
|
|
201
200
|
}
|
|
202
|
-
|
|
201
|
+
|
|
203
202
|
/* Timeline widget styles */
|
|
204
203
|
.deck-widget.deck-widget-timeline {
|
|
205
204
|
display: flex;
|
|
@@ -248,7 +247,7 @@
|
|
|
248
247
|
|
|
249
248
|
.deck-widget.deck-widget-loading button.deck-widget-spinner .deck-widget-icon {
|
|
250
249
|
mask-image: var(
|
|
251
|
-
--loading-icon,
|
|
250
|
+
--loading-icon,
|
|
252
251
|
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" ><path d="M21 12a9 9 0 1 1-6.219-8.56" /></svg>')
|
|
253
252
|
);
|
|
254
253
|
-webkit-mask-image: var(
|
|
@@ -267,7 +266,151 @@
|
|
|
267
266
|
/* Geocoder styles */
|
|
268
267
|
.deck-widget .deck-widget-geocoder {
|
|
269
268
|
pointer-events: auto;
|
|
269
|
+
position: relative;
|
|
270
|
+
z-index: 1;
|
|
271
|
+
display: flex;
|
|
272
|
+
align-items: center;
|
|
273
|
+
flex-wrap: wrap;
|
|
274
|
+
background: var(--button-stroke, rgba(255, 255, 255, 0.3));
|
|
275
|
+
border-radius: var(--button-corner-radius, 8px);
|
|
276
|
+
box-shadow: var(--button-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25));
|
|
277
|
+
padding: 1px;
|
|
278
|
+
gap: 1px;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.deck-widget .deck-widget-geocoder-input {
|
|
282
|
+
flex: 1 1 auto;
|
|
283
|
+
min-width: 200px;
|
|
284
|
+
height: calc(var(--button-size, 28px) - 2px);
|
|
285
|
+
margin: 0;
|
|
286
|
+
padding: 0 8px;
|
|
287
|
+
box-sizing: border-box;
|
|
288
|
+
background: var(--button-background, #fff);
|
|
289
|
+
backdrop-filter: var(--button-backdrop-filter, unset);
|
|
290
|
+
color: var(--button-text, rgb(24, 24, 26));
|
|
291
|
+
border: var(--button-inner-stroke, unset);
|
|
292
|
+
border-radius: calc(var(--button-corner-radius, 8px) - 1px);
|
|
293
|
+
border-top-right-radius: 0;
|
|
294
|
+
border-bottom-right-radius: 0;
|
|
295
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
296
|
+
font-size: 13px;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.deck-widget .deck-widget-geocoder-input:focus {
|
|
300
|
+
outline: none;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.deck-widget .deck-widget-geocoder-input::placeholder {
|
|
304
|
+
color: var(--button-icon-idle, rgba(97, 97, 102, 1));
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.deck-widget .deck-widget-geocoder-error {
|
|
308
|
+
position: absolute;
|
|
309
|
+
top: calc(100% + var(--menu-gap, 4px));
|
|
310
|
+
left: 1px;
|
|
311
|
+
right: 1px;
|
|
312
|
+
padding: 6px 10px;
|
|
313
|
+
background: var(--button-background, #fff);
|
|
314
|
+
backdrop-filter: var(--button-backdrop-filter, unset);
|
|
315
|
+
border: var(--button-inner-stroke, unset);
|
|
316
|
+
border-radius: var(--button-corner-radius, 8px);
|
|
317
|
+
box-shadow: var(--button-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25));
|
|
318
|
+
color: rgb(220, 80, 80);
|
|
319
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
320
|
+
font-size: 12px;
|
|
321
|
+
text-align: center;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
/* When dropdown is not present, input should have full rounded corners */
|
|
325
|
+
.deck-widget .deck-widget-geocoder-input:last-child {
|
|
326
|
+
border-top-right-radius: calc(var(--button-corner-radius, 8px) - 1px);
|
|
327
|
+
border-bottom-right-radius: calc(var(--button-corner-radius, 8px) - 1px);
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
/* Dropdown menu styles */
|
|
331
|
+
.deck-widget .deck-widget-dropdown-container {
|
|
332
|
+
position: static;
|
|
333
|
+
display: inline-block;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.deck-widget .deck-widget-dropdown-button {
|
|
337
|
+
width: calc(var(--button-size, 28px) - 2px);
|
|
338
|
+
height: calc(var(--button-size, 28px) - 2px);
|
|
339
|
+
display: flex;
|
|
340
|
+
align-items: center;
|
|
341
|
+
justify-content: center;
|
|
342
|
+
padding: 0;
|
|
270
343
|
cursor: pointer;
|
|
344
|
+
background: var(--button-background, #fff);
|
|
345
|
+
backdrop-filter: var(--button-backdrop-filter, unset);
|
|
346
|
+
border: var(--button-inner-stroke, unset);
|
|
347
|
+
border-radius: calc(var(--button-corner-radius, 8px) - 1px);
|
|
348
|
+
border-top-left-radius: 0;
|
|
349
|
+
border-bottom-left-radius: 0;
|
|
350
|
+
outline: none;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.deck-widget .deck-widget-dropdown-icon {
|
|
354
|
+
width: 12px;
|
|
355
|
+
height: 12px;
|
|
356
|
+
background-color: var(--button-icon-idle, rgba(97, 97, 102, 1));
|
|
357
|
+
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>');
|
|
358
|
+
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>');
|
|
359
|
+
mask-size: contain;
|
|
360
|
+
-webkit-mask-size: contain;
|
|
361
|
+
transition: transform 0.2s ease;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.deck-widget .deck-widget-dropdown-icon.open {
|
|
365
|
+
transform: rotate(180deg);
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.deck-widget .deck-widget-dropdown-button:hover .deck-widget-dropdown-icon {
|
|
369
|
+
background-color: var(--button-icon-hover, rgba(24, 24, 26, 1));
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.deck-widget .deck-widget-dropdown-menu {
|
|
373
|
+
position: absolute;
|
|
374
|
+
top: calc(100% + var(--menu-gap, 4px));
|
|
375
|
+
left: 1px;
|
|
376
|
+
right: 1px;
|
|
377
|
+
margin: 0;
|
|
378
|
+
padding: 4px 0;
|
|
379
|
+
list-style: none;
|
|
380
|
+
z-index: 1000;
|
|
381
|
+
background: var(--menu-background, #fff);
|
|
382
|
+
backdrop-filter: var(--menu-backdrop-filter, unset);
|
|
383
|
+
border: var(--menu-border, unset);
|
|
384
|
+
border-radius: var(--button-corner-radius, 8px);
|
|
385
|
+
box-shadow: var(--menu-shadow, 0px 0px 8px 0px rgba(0, 0, 0, 0.25));
|
|
386
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
387
|
+
font-size: 13px;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
.deck-widget .deck-widget-dropdown-item {
|
|
391
|
+
padding: 8px 12px;
|
|
392
|
+
cursor: pointer;
|
|
393
|
+
white-space: nowrap;
|
|
394
|
+
overflow: hidden;
|
|
395
|
+
text-overflow: ellipsis;
|
|
396
|
+
color: var(--menu-text, rgb(24, 24, 26));
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.deck-widget .deck-widget-dropdown-item:hover {
|
|
400
|
+
background: var(--menu-item-hover, rgba(128, 128, 128, 0.15));
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
.deck-widget .deck-widget-dropdown-item-icon {
|
|
404
|
+
display: inline-block;
|
|
405
|
+
width: 16px;
|
|
406
|
+
height: 16px;
|
|
407
|
+
margin-right: 8px;
|
|
408
|
+
vertical-align: text-bottom;
|
|
409
|
+
background-color: var(--menu-text, rgb(24, 24, 26));
|
|
410
|
+
mask-size: contain;
|
|
411
|
+
-webkit-mask-size: contain;
|
|
412
|
+
mask-repeat: no-repeat;
|
|
413
|
+
-webkit-mask-repeat: no-repeat;
|
|
271
414
|
}
|
|
272
415
|
|
|
273
416
|
/* Stats styles */
|
|
@@ -281,16 +424,11 @@
|
|
|
281
424
|
line-height: 1.6;
|
|
282
425
|
font-family:
|
|
283
426
|
'SF Mono',
|
|
284
|
-
/* macOS */
|
|
285
|
-
'
|
|
286
|
-
/*
|
|
287
|
-
'
|
|
288
|
-
/*
|
|
289
|
-
'DejaVu Sans Mono',
|
|
290
|
-
/* Linux */
|
|
291
|
-
'Liberation Mono',
|
|
292
|
-
/* Linux */
|
|
293
|
-
monospace;
|
|
427
|
+
/* macOS */ 'Menlo',
|
|
428
|
+
/* macOS */ 'Consolas',
|
|
429
|
+
/* Windows */ 'DejaVu Sans Mono',
|
|
430
|
+
/* Linux */ 'Liberation Mono',
|
|
431
|
+
/* Linux */ monospace;
|
|
294
432
|
background-color: var(--button-background, #fff);
|
|
295
433
|
color: var(--button-text, rgb(24, 24, 26));
|
|
296
434
|
}
|