andoncloud-map-widget 1.1.7 → 1.1.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.
Files changed (47) hide show
  1. package/dist/index.d.ts +36 -6
  2. package/dist/index.js +839 -4
  3. package/dist/index.js.map +1 -1
  4. package/dist/style.css +1077 -0
  5. package/package.json +26 -24
  6. package/dist/assets/map.png +0 -0
  7. package/dist/components/Map/Control/index.d.ts +0 -11
  8. package/dist/components/Map/LayerSettings/index.d.ts +0 -10
  9. package/dist/components/Map/index.d.ts +0 -7
  10. package/dist/components/Map/styles.d.ts +0 -3
  11. package/dist/components/Map/types.d.ts +0 -2
  12. package/dist/components/SettingsFormContent/index.d.ts +0 -5
  13. package/dist/components/SettingsFormContent/styles.d.ts +0 -3
  14. package/dist/components/Widget/index.d.ts +0 -5
  15. package/dist/components/Widget/utils.d.ts +0 -12
  16. package/dist/components/WidgetView/index.d.ts +0 -4
  17. package/dist/components/WidgetView/styles.d.ts +0 -3
  18. package/dist/cypress/support/component.d.ts +0 -9
  19. package/dist/cypress.config.d.ts +0 -2
  20. package/dist/i18n.d.ts +0 -2
  21. package/dist/index.css +0 -2
  22. package/dist/index.css.map +0 -1
  23. package/dist/locales/index.d.ts +0 -25
  24. package/dist/src/components/Map/Control/index.d.ts +0 -11
  25. package/dist/src/components/Map/LayerSettings/LayerSettings.cy.d.ts +0 -1
  26. package/dist/src/components/Map/LayerSettings/index.d.ts +0 -10
  27. package/dist/src/components/Map/Map.cy.d.ts +0 -1
  28. package/dist/src/components/Map/index.d.ts +0 -5
  29. package/dist/src/components/Map/leafletLocale.d.ts +0 -1
  30. package/dist/src/components/Map/styles.d.ts +0 -3
  31. package/dist/src/components/Map/types.d.ts +0 -2
  32. package/dist/src/components/Map/useMap.d.ts +0 -20
  33. package/dist/src/components/Map/utils.d.ts +0 -16
  34. package/dist/src/components/SettingsFormContent/SettingsFormContent.cy.d.ts +0 -1
  35. package/dist/src/components/SettingsFormContent/index.d.ts +0 -5
  36. package/dist/src/components/Widget/index.d.ts +0 -5
  37. package/dist/src/components/Widget/utils.cy.d.ts +0 -1
  38. package/dist/src/components/Widget/utils.d.ts +0 -12
  39. package/dist/src/components/WidgetView/index.d.ts +0 -4
  40. package/dist/src/index.d.ts +0 -6
  41. package/dist/src/locales/index.d.ts +0 -51
  42. package/dist/src/stories/Widget.stories.d.ts +0 -5
  43. package/dist/src/types.d.ts +0 -23
  44. package/dist/src/version.d.ts +0 -1
  45. package/dist/stories/Widget.stories.d.ts +0 -5
  46. package/dist/types.d.ts +0 -23
  47. package/dist/version.d.ts +0 -1
package/dist/style.css ADDED
@@ -0,0 +1,1077 @@
1
+ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
2
+ position: absolute;
3
+ top: 0;
4
+ left: 0;
5
+ }
6
+
7
+ .leaflet-container {
8
+ overflow: hidden;
9
+ }
10
+
11
+ .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
12
+ -webkit-user-select: none;
13
+ -moz-user-select: none;
14
+ user-select: none;
15
+ -webkit-user-drag: none;
16
+ }
17
+
18
+ .leaflet-tile::selection {
19
+ background: none;
20
+ }
21
+
22
+ .leaflet-safari .leaflet-tile {
23
+ image-rendering: -webkit-optimize-contrast;
24
+ }
25
+
26
+ .leaflet-safari .leaflet-tile-container {
27
+ -webkit-transform-origin: 0 0;
28
+ width: 1600px;
29
+ height: 1600px;
30
+ }
31
+
32
+ .leaflet-marker-icon, .leaflet-marker-shadow {
33
+ display: block;
34
+ }
35
+
36
+ .leaflet-container .leaflet-overlay-pane svg {
37
+ max-width: none !important;
38
+ max-height: none !important;
39
+ }
40
+
41
+ .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
42
+ width: auto;
43
+ padding: 0;
44
+ max-width: none !important;
45
+ max-height: none !important;
46
+ }
47
+
48
+ .leaflet-container img.leaflet-tile {
49
+ mix-blend-mode: plus-lighter;
50
+ }
51
+
52
+ .leaflet-container.leaflet-touch-zoom {
53
+ -ms-touch-action: pan-x pan-y;
54
+ touch-action: pan-x pan-y;
55
+ }
56
+
57
+ .leaflet-container.leaflet-touch-drag {
58
+ -ms-touch-action: pinch-zoom;
59
+ touch-action: none;
60
+ touch-action: pinch-zoom;
61
+ }
62
+
63
+ .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
64
+ -ms-touch-action: none;
65
+ touch-action: none;
66
+ }
67
+
68
+ .leaflet-container {
69
+ -webkit-tap-highlight-color: transparent;
70
+ }
71
+
72
+ .leaflet-container a {
73
+ -webkit-tap-highlight-color: #33b5e566;
74
+ }
75
+
76
+ .leaflet-tile {
77
+ filter: inherit;
78
+ visibility: hidden;
79
+ }
80
+
81
+ .leaflet-tile-loaded {
82
+ visibility: inherit;
83
+ }
84
+
85
+ .leaflet-zoom-box {
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ z-index: 800;
89
+ width: 0;
90
+ height: 0;
91
+ }
92
+
93
+ .leaflet-overlay-pane svg {
94
+ -moz-user-select: none;
95
+ }
96
+
97
+ .leaflet-pane {
98
+ z-index: 400;
99
+ }
100
+
101
+ .leaflet-tile-pane {
102
+ z-index: 200;
103
+ }
104
+
105
+ .leaflet-overlay-pane {
106
+ z-index: 400;
107
+ }
108
+
109
+ .leaflet-shadow-pane {
110
+ z-index: 500;
111
+ }
112
+
113
+ .leaflet-marker-pane {
114
+ z-index: 600;
115
+ }
116
+
117
+ .leaflet-tooltip-pane {
118
+ z-index: 650;
119
+ }
120
+
121
+ .leaflet-popup-pane {
122
+ z-index: 700;
123
+ }
124
+
125
+ .leaflet-map-pane canvas {
126
+ z-index: 100;
127
+ }
128
+
129
+ .leaflet-map-pane svg {
130
+ z-index: 200;
131
+ }
132
+
133
+ .leaflet-vml-shape {
134
+ width: 1px;
135
+ height: 1px;
136
+ }
137
+
138
+ .lvml {
139
+ behavior: url("#default#VML");
140
+ display: inline-block;
141
+ position: absolute;
142
+ }
143
+
144
+ .leaflet-control {
145
+ z-index: 800;
146
+ pointer-events: visiblePainted;
147
+ pointer-events: auto;
148
+ position: relative;
149
+ }
150
+
151
+ .leaflet-top, .leaflet-bottom {
152
+ z-index: 1000;
153
+ pointer-events: none;
154
+ position: absolute;
155
+ }
156
+
157
+ .leaflet-top {
158
+ top: 0;
159
+ }
160
+
161
+ .leaflet-right {
162
+ right: 0;
163
+ }
164
+
165
+ .leaflet-bottom {
166
+ bottom: 0;
167
+ }
168
+
169
+ .leaflet-left {
170
+ left: 0;
171
+ }
172
+
173
+ .leaflet-control {
174
+ float: left;
175
+ clear: both;
176
+ }
177
+
178
+ .leaflet-right .leaflet-control {
179
+ float: right;
180
+ }
181
+
182
+ .leaflet-top .leaflet-control {
183
+ margin-top: 10px;
184
+ }
185
+
186
+ .leaflet-bottom .leaflet-control {
187
+ margin-bottom: 10px;
188
+ }
189
+
190
+ .leaflet-left .leaflet-control {
191
+ margin-left: 10px;
192
+ }
193
+
194
+ .leaflet-right .leaflet-control {
195
+ margin-right: 10px;
196
+ }
197
+
198
+ .leaflet-fade-anim .leaflet-popup {
199
+ opacity: 0;
200
+ -webkit-transition: opacity .2s linear;
201
+ -moz-transition: opacity .2s linear;
202
+ transition: opacity .2s linear;
203
+ }
204
+
205
+ .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
206
+ opacity: 1;
207
+ }
208
+
209
+ .leaflet-zoom-animated {
210
+ -webkit-transform-origin: 0 0;
211
+ -ms-transform-origin: 0 0;
212
+ transform-origin: 0 0;
213
+ }
214
+
215
+ svg.leaflet-zoom-animated {
216
+ will-change: transform;
217
+ }
218
+
219
+ .leaflet-zoom-anim .leaflet-zoom-animated {
220
+ -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
221
+ -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
222
+ transition: transform .25s cubic-bezier(0, 0, .25, 1);
223
+ }
224
+
225
+ .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
226
+ -webkit-transition: none;
227
+ -moz-transition: none;
228
+ transition: none;
229
+ }
230
+
231
+ .leaflet-zoom-anim .leaflet-zoom-hide {
232
+ visibility: hidden;
233
+ }
234
+
235
+ .leaflet-interactive {
236
+ cursor: pointer;
237
+ }
238
+
239
+ .leaflet-grab {
240
+ cursor: -webkit-grab;
241
+ cursor: -moz-grab;
242
+ cursor: grab;
243
+ }
244
+
245
+ .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
246
+ cursor: crosshair;
247
+ }
248
+
249
+ .leaflet-popup-pane, .leaflet-control {
250
+ cursor: auto;
251
+ }
252
+
253
+ .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
254
+ cursor: move;
255
+ cursor: -webkit-grabbing;
256
+ cursor: -moz-grabbing;
257
+ cursor: grabbing;
258
+ }
259
+
260
+ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
261
+ pointer-events: none;
262
+ }
263
+
264
+ .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
265
+ pointer-events: visiblePainted;
266
+ pointer-events: auto;
267
+ }
268
+
269
+ .leaflet-container {
270
+ outline-offset: 1px;
271
+ background: #ddd;
272
+ }
273
+
274
+ .leaflet-container a {
275
+ color: #0078a8;
276
+ }
277
+
278
+ .leaflet-zoom-box {
279
+ background: #ffffff80;
280
+ border: 2px dotted #38f;
281
+ }
282
+
283
+ .leaflet-container {
284
+ font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
285
+ font-size: .75rem;
286
+ line-height: 1.5;
287
+ }
288
+
289
+ .leaflet-bar {
290
+ border-radius: 4px;
291
+ box-shadow: 0 1px 5px #000000a6;
292
+ }
293
+
294
+ .leaflet-bar a {
295
+ text-align: center;
296
+ color: #000;
297
+ background-color: #fff;
298
+ border-bottom: 1px solid #ccc;
299
+ width: 26px;
300
+ height: 26px;
301
+ line-height: 26px;
302
+ text-decoration: none;
303
+ display: block;
304
+ }
305
+
306
+ .leaflet-bar a, .leaflet-control-layers-toggle {
307
+ background-position: 50%;
308
+ background-repeat: no-repeat;
309
+ display: block;
310
+ }
311
+
312
+ .leaflet-bar a:hover, .leaflet-bar a:focus {
313
+ background-color: #f4f4f4;
314
+ }
315
+
316
+ .leaflet-bar a:first-child {
317
+ border-top-left-radius: 4px;
318
+ border-top-right-radius: 4px;
319
+ }
320
+
321
+ .leaflet-bar a:last-child {
322
+ border-bottom: none;
323
+ border-bottom-right-radius: 4px;
324
+ border-bottom-left-radius: 4px;
325
+ }
326
+
327
+ .leaflet-bar a.leaflet-disabled {
328
+ cursor: default;
329
+ color: #bbb;
330
+ background-color: #f4f4f4;
331
+ }
332
+
333
+ .leaflet-touch .leaflet-bar a {
334
+ width: 30px;
335
+ height: 30px;
336
+ line-height: 30px;
337
+ }
338
+
339
+ .leaflet-touch .leaflet-bar a:first-child {
340
+ border-top-left-radius: 2px;
341
+ border-top-right-radius: 2px;
342
+ }
343
+
344
+ .leaflet-touch .leaflet-bar a:last-child {
345
+ border-bottom-right-radius: 2px;
346
+ border-bottom-left-radius: 2px;
347
+ }
348
+
349
+ .leaflet-control-zoom-in, .leaflet-control-zoom-out {
350
+ text-indent: 1px;
351
+ font: bold 18px Lucida Console, Monaco, monospace;
352
+ }
353
+
354
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
355
+ font-size: 22px;
356
+ }
357
+
358
+ .leaflet-control-layers {
359
+ background: #fff;
360
+ border-radius: 5px;
361
+ box-shadow: 0 1px 5px #0006;
362
+ }
363
+
364
+ .leaflet-control-layers-toggle {
365
+ background-image: url("images/layers.png");
366
+ width: 36px;
367
+ height: 36px;
368
+ }
369
+
370
+ .leaflet-retina .leaflet-control-layers-toggle {
371
+ background-image: url("images/layers-2x.png");
372
+ background-size: 26px 26px;
373
+ }
374
+
375
+ .leaflet-touch .leaflet-control-layers-toggle {
376
+ width: 44px;
377
+ height: 44px;
378
+ }
379
+
380
+ .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
381
+ display: none;
382
+ }
383
+
384
+ .leaflet-control-layers-expanded .leaflet-control-layers-list {
385
+ display: block;
386
+ position: relative;
387
+ }
388
+
389
+ .leaflet-control-layers-expanded {
390
+ color: #333;
391
+ background: #fff;
392
+ padding: 6px 10px 6px 6px;
393
+ }
394
+
395
+ .leaflet-control-layers-scrollbar {
396
+ padding-right: 5px;
397
+ overflow: hidden scroll;
398
+ }
399
+
400
+ .leaflet-control-layers-selector {
401
+ margin-top: 2px;
402
+ position: relative;
403
+ top: 1px;
404
+ }
405
+
406
+ .leaflet-control-layers label {
407
+ font-size: 1.08333em;
408
+ display: block;
409
+ }
410
+
411
+ .leaflet-control-layers-separator {
412
+ border-top: 1px solid #ddd;
413
+ height: 0;
414
+ margin: 5px -10px 5px -6px;
415
+ }
416
+
417
+ .leaflet-default-icon-path {
418
+ background-image: url("images/marker-icon.png");
419
+ }
420
+
421
+ .leaflet-container .leaflet-control-attribution {
422
+ background: #fffc;
423
+ margin: 0;
424
+ }
425
+
426
+ .leaflet-control-attribution, .leaflet-control-scale-line {
427
+ color: #333;
428
+ padding: 0 5px;
429
+ line-height: 1.4;
430
+ }
431
+
432
+ .leaflet-control-attribution a {
433
+ text-decoration: none;
434
+ }
435
+
436
+ .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
437
+ text-decoration: underline;
438
+ }
439
+
440
+ .leaflet-attribution-flag {
441
+ width: 1em;
442
+ height: .6669em;
443
+ vertical-align: baseline !important;
444
+ display: inline !important;
445
+ }
446
+
447
+ .leaflet-left .leaflet-control-scale {
448
+ margin-left: 5px;
449
+ }
450
+
451
+ .leaflet-bottom .leaflet-control-scale {
452
+ margin-bottom: 5px;
453
+ }
454
+
455
+ .leaflet-control-scale-line {
456
+ white-space: nowrap;
457
+ -moz-box-sizing: border-box;
458
+ box-sizing: border-box;
459
+ text-shadow: 1px 1px #fff;
460
+ background: #fffc;
461
+ border: 2px solid #777;
462
+ border-top: none;
463
+ padding: 2px 5px 1px;
464
+ line-height: 1.1;
465
+ }
466
+
467
+ .leaflet-control-scale-line:not(:first-child) {
468
+ border-top: 2px solid #777;
469
+ border-bottom: none;
470
+ margin-top: -2px;
471
+ }
472
+
473
+ .leaflet-control-scale-line:not(:first-child):not(:last-child) {
474
+ border-bottom: 2px solid #777;
475
+ }
476
+
477
+ .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
478
+ box-shadow: none;
479
+ }
480
+
481
+ .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
482
+ background-clip: padding-box;
483
+ border: 2px solid #0003;
484
+ }
485
+
486
+ .leaflet-popup {
487
+ text-align: center;
488
+ margin-bottom: 20px;
489
+ position: absolute;
490
+ }
491
+
492
+ .leaflet-popup-content-wrapper {
493
+ text-align: left;
494
+ border-radius: 12px;
495
+ padding: 1px;
496
+ }
497
+
498
+ .leaflet-popup-content {
499
+ min-height: 1px;
500
+ margin: 13px 24px 13px 20px;
501
+ font-size: 1.08333em;
502
+ line-height: 1.3;
503
+ }
504
+
505
+ .leaflet-popup-content p {
506
+ margin: 1.3em 0;
507
+ }
508
+
509
+ .leaflet-popup-tip-container {
510
+ pointer-events: none;
511
+ width: 40px;
512
+ height: 20px;
513
+ margin-top: -1px;
514
+ margin-left: -20px;
515
+ position: absolute;
516
+ left: 50%;
517
+ overflow: hidden;
518
+ }
519
+
520
+ .leaflet-popup-tip {
521
+ pointer-events: auto;
522
+ width: 17px;
523
+ height: 17px;
524
+ margin: -10px auto 0;
525
+ padding: 1px;
526
+ -webkit-transform: rotate(45deg);
527
+ -moz-transform: rotate(45deg);
528
+ -ms-transform: rotate(45deg);
529
+ transform: rotate(45deg);
530
+ }
531
+
532
+ .leaflet-popup-content-wrapper, .leaflet-popup-tip {
533
+ color: #333;
534
+ background: #fff;
535
+ box-shadow: 0 3px 14px #0006;
536
+ }
537
+
538
+ .leaflet-container a.leaflet-popup-close-button {
539
+ text-align: center;
540
+ color: #757575;
541
+ background: none;
542
+ border: none;
543
+ width: 24px;
544
+ height: 24px;
545
+ font: 16px / 24px Tahoma, Verdana, sans-serif;
546
+ text-decoration: none;
547
+ position: absolute;
548
+ top: 0;
549
+ right: 0;
550
+ }
551
+
552
+ .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
553
+ color: #585858;
554
+ }
555
+
556
+ .leaflet-popup-scrolled {
557
+ overflow: auto;
558
+ }
559
+
560
+ .leaflet-oldie .leaflet-popup-content-wrapper {
561
+ -ms-zoom: 1;
562
+ }
563
+
564
+ .leaflet-oldie .leaflet-popup-tip {
565
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
566
+ width: 24px;
567
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);
568
+ margin: 0 auto;
569
+ }
570
+
571
+ .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
572
+ border: 1px solid #999;
573
+ }
574
+
575
+ .leaflet-div-icon {
576
+ background: #fff;
577
+ border: 1px solid #666;
578
+ }
579
+
580
+ .leaflet-tooltip {
581
+ color: #222;
582
+ white-space: nowrap;
583
+ -webkit-user-select: none;
584
+ -moz-user-select: none;
585
+ -ms-user-select: none;
586
+ user-select: none;
587
+ pointer-events: none;
588
+ background-color: #fff;
589
+ border: 1px solid #fff;
590
+ border-radius: 3px;
591
+ padding: 6px;
592
+ position: absolute;
593
+ box-shadow: 0 1px 3px #0006;
594
+ }
595
+
596
+ .leaflet-tooltip.leaflet-interactive {
597
+ cursor: pointer;
598
+ pointer-events: auto;
599
+ }
600
+
601
+ .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
602
+ pointer-events: none;
603
+ content: "";
604
+ background: none;
605
+ border: 6px solid #0000;
606
+ position: absolute;
607
+ }
608
+
609
+ .leaflet-tooltip-bottom {
610
+ margin-top: 6px;
611
+ }
612
+
613
+ .leaflet-tooltip-top {
614
+ margin-top: -6px;
615
+ }
616
+
617
+ .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
618
+ margin-left: -6px;
619
+ left: 50%;
620
+ }
621
+
622
+ .leaflet-tooltip-top:before {
623
+ border-top-color: #fff;
624
+ margin-bottom: -12px;
625
+ bottom: 0;
626
+ }
627
+
628
+ .leaflet-tooltip-bottom:before {
629
+ border-bottom-color: #fff;
630
+ margin-top: -12px;
631
+ margin-left: -6px;
632
+ top: 0;
633
+ }
634
+
635
+ .leaflet-tooltip-left {
636
+ margin-left: -6px;
637
+ }
638
+
639
+ .leaflet-tooltip-right {
640
+ margin-left: 6px;
641
+ }
642
+
643
+ .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
644
+ margin-top: -6px;
645
+ top: 50%;
646
+ }
647
+
648
+ .leaflet-tooltip-left:before {
649
+ border-left-color: #fff;
650
+ margin-right: -12px;
651
+ right: 0;
652
+ }
653
+
654
+ .leaflet-tooltip-right:before {
655
+ border-right-color: #fff;
656
+ margin-left: -12px;
657
+ left: 0;
658
+ }
659
+
660
+ @media print {
661
+ .leaflet-control {
662
+ -webkit-print-color-adjust: exact;
663
+ print-color-adjust: exact;
664
+ }
665
+ }
666
+
667
+ .leaflet-draw-section {
668
+ position: relative;
669
+ }
670
+
671
+ .leaflet-draw-toolbar {
672
+ margin-top: 12px;
673
+ }
674
+
675
+ .leaflet-draw-toolbar-top {
676
+ margin-top: 0;
677
+ }
678
+
679
+ .leaflet-draw-toolbar-notop a:first-child {
680
+ border-top-right-radius: 0;
681
+ }
682
+
683
+ .leaflet-draw-toolbar-nobottom a:last-child {
684
+ border-bottom-right-radius: 0;
685
+ }
686
+
687
+ .leaflet-draw-toolbar a {
688
+ background-image: linear-gradient(#0000, #0000), url("images/spritesheet.svg");
689
+ background-repeat: no-repeat;
690
+ background-size: 300px 30px;
691
+ background-clip: padding-box;
692
+ }
693
+
694
+ .leaflet-retina .leaflet-draw-toolbar a {
695
+ background-image: linear-gradient(#0000, #0000), url("images/spritesheet.svg");
696
+ }
697
+
698
+ .leaflet-draw a {
699
+ text-align: center;
700
+ text-decoration: none;
701
+ display: block;
702
+ }
703
+
704
+ .leaflet-draw a .sr-only {
705
+ clip: rect(0,0,0,0);
706
+ border: 0;
707
+ width: 1px;
708
+ height: 1px;
709
+ margin: -1px;
710
+ padding: 0;
711
+ position: absolute;
712
+ overflow: hidden;
713
+ }
714
+
715
+ .leaflet-draw-actions {
716
+ white-space: nowrap;
717
+ margin: 0;
718
+ padding: 0;
719
+ list-style: none;
720
+ display: none;
721
+ position: absolute;
722
+ top: 0;
723
+ left: 26px;
724
+ }
725
+
726
+ .leaflet-touch .leaflet-draw-actions {
727
+ left: 32px;
728
+ }
729
+
730
+ .leaflet-right .leaflet-draw-actions {
731
+ left: auto;
732
+ right: 26px;
733
+ }
734
+
735
+ .leaflet-touch .leaflet-right .leaflet-draw-actions {
736
+ left: auto;
737
+ right: 32px;
738
+ }
739
+
740
+ .leaflet-draw-actions li {
741
+ display: inline-block;
742
+ }
743
+
744
+ .leaflet-draw-actions li:first-child a {
745
+ border-left: 0;
746
+ }
747
+
748
+ .leaflet-draw-actions li:last-child a {
749
+ -webkit-border-radius: 0 4px 4px 0;
750
+ border-radius: 0 4px 4px 0;
751
+ }
752
+
753
+ .leaflet-right .leaflet-draw-actions li:last-child a {
754
+ -webkit-border-radius: 0;
755
+ border-radius: 0;
756
+ }
757
+
758
+ .leaflet-right .leaflet-draw-actions li:first-child a {
759
+ -webkit-border-radius: 4px 0 0 4px;
760
+ border-radius: 4px 0 0 4px;
761
+ }
762
+
763
+ .leaflet-draw-actions a {
764
+ color: #fff;
765
+ background-color: #919187;
766
+ border-left: 1px solid #aaa;
767
+ height: 28px;
768
+ padding-left: 10px;
769
+ padding-right: 10px;
770
+ font: 11px / 28px Helvetica Neue, Arial, Helvetica, sans-serif;
771
+ text-decoration: none;
772
+ }
773
+
774
+ .leaflet-touch .leaflet-draw-actions a {
775
+ height: 30px;
776
+ font-size: 12px;
777
+ line-height: 30px;
778
+ }
779
+
780
+ .leaflet-draw-actions-bottom {
781
+ margin-top: 0;
782
+ }
783
+
784
+ .leaflet-draw-actions-top {
785
+ margin-top: 1px;
786
+ }
787
+
788
+ .leaflet-draw-actions-top a, .leaflet-draw-actions-bottom a {
789
+ height: 27px;
790
+ line-height: 27px;
791
+ }
792
+
793
+ .leaflet-draw-actions a:hover {
794
+ background-color: #a0a098;
795
+ }
796
+
797
+ .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
798
+ height: 26px;
799
+ line-height: 26px;
800
+ }
801
+
802
+ .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
803
+ background-position: -2px -2px;
804
+ }
805
+
806
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
807
+ background-position: 0 -1px;
808
+ }
809
+
810
+ .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
811
+ background-position: -31px -2px;
812
+ }
813
+
814
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
815
+ background-position: -29px -1px;
816
+ }
817
+
818
+ .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
819
+ background-position: -62px -2px;
820
+ }
821
+
822
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
823
+ background-position: -60px -1px;
824
+ }
825
+
826
+ .leaflet-draw-toolbar .leaflet-draw-draw-circle {
827
+ background-position: -92px -2px;
828
+ }
829
+
830
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
831
+ background-position: -90px -1px;
832
+ }
833
+
834
+ .leaflet-draw-toolbar .leaflet-draw-draw-marker {
835
+ background-position: -122px -2px;
836
+ }
837
+
838
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
839
+ background-position: -120px -1px;
840
+ }
841
+
842
+ .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
843
+ background-position: -273px -2px;
844
+ }
845
+
846
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
847
+ background-position: -271px -1px;
848
+ }
849
+
850
+ .leaflet-draw-toolbar .leaflet-draw-edit-edit {
851
+ background-position: -152px -2px;
852
+ }
853
+
854
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
855
+ background-position: -150px -1px;
856
+ }
857
+
858
+ .leaflet-draw-toolbar .leaflet-draw-edit-remove {
859
+ background-position: -182px -2px;
860
+ }
861
+
862
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
863
+ background-position: -180px -1px;
864
+ }
865
+
866
+ .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
867
+ background-position: -212px -2px;
868
+ }
869
+
870
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
871
+ background-position: -210px -1px;
872
+ }
873
+
874
+ .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
875
+ background-position: -242px -2px;
876
+ }
877
+
878
+ .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
879
+ background-position: -240px -2px;
880
+ }
881
+
882
+ .leaflet-mouse-marker {
883
+ cursor: crosshair;
884
+ background-color: #fff;
885
+ }
886
+
887
+ .leaflet-draw-tooltip {
888
+ color: #fff;
889
+ visibility: hidden;
890
+ white-space: nowrap;
891
+ z-index: 6;
892
+ background: #00000080;
893
+ border: 1px solid #0000;
894
+ -webkit-border-radius: 4px;
895
+ border-radius: 4px;
896
+ margin-top: -21px;
897
+ margin-left: 20px;
898
+ padding: 4px 8px;
899
+ font: 12px / 18px Helvetica Neue, Arial, Helvetica, sans-serif;
900
+ position: absolute;
901
+ }
902
+
903
+ .leaflet-draw-tooltip:before {
904
+ content: "";
905
+ border-top: 6px solid #0000;
906
+ border-bottom: 6px solid #0000;
907
+ border-right: 6px solid #00000080;
908
+ position: absolute;
909
+ top: 7px;
910
+ left: -7px;
911
+ }
912
+
913
+ .leaflet-error-draw-tooltip {
914
+ color: #b94a48;
915
+ background-color: #f2dede;
916
+ border: 1px solid #e6b6bd;
917
+ }
918
+
919
+ .leaflet-error-draw-tooltip:before {
920
+ border-right-color: #e6b6bd;
921
+ }
922
+
923
+ .leaflet-draw-tooltip-single {
924
+ margin-top: -12px;
925
+ }
926
+
927
+ .leaflet-draw-tooltip-subtext {
928
+ color: #f8d5e4;
929
+ }
930
+
931
+ .leaflet-draw-guide-dash {
932
+ opacity: .6;
933
+ width: 5px;
934
+ height: 5px;
935
+ font-size: 1%;
936
+ position: absolute;
937
+ }
938
+
939
+ .leaflet-edit-marker-selected {
940
+ box-sizing: content-box;
941
+ background-color: #fe57a11a;
942
+ border: 4px dashed #fe57a199;
943
+ -webkit-border-radius: 4px;
944
+ border-radius: 4px;
945
+ }
946
+
947
+ .leaflet-edit-move {
948
+ cursor: move;
949
+ }
950
+
951
+ .leaflet-edit-resize {
952
+ cursor: pointer;
953
+ }
954
+
955
+ .leaflet-oldie .leaflet-draw-toolbar {
956
+ border: 1px solid #999;
957
+ }
958
+
959
+ @keyframes pulse {
960
+ 0% {
961
+ stroke: #155ed1;
962
+ }
963
+
964
+ 70% {
965
+ stroke: #0000;
966
+ }
967
+
968
+ 100% {
969
+ stroke: #155ed1;
970
+ }
971
+ }
972
+
973
+ .leaflet-container {
974
+ background: #e0e0e0;
975
+ height: 100%;
976
+ }
977
+
978
+ .leaflet-touch .leaflet-bar {
979
+ border: none;
980
+ }
981
+
982
+ .leaflet-bar a {
983
+ color: #464646;
984
+ background-color: #ffffffbf;
985
+ line-height: 27px !important;
986
+ }
987
+
988
+ .leaflet-bar a.leaflet-disabled {
989
+ filter: opacity(.2);
990
+ }
991
+
992
+ .leaflet-bar a:not(.leaflet-disabled):hover {
993
+ filter: opacity(.8);
994
+ background-color: #ffffffbf;
995
+ }
996
+
997
+ .leaflet-top {
998
+ background: #484a4ef2;
999
+ border-bottom: 1px solid #717171;
1000
+ width: 50%;
1001
+ height: 50px;
1002
+ display: flex;
1003
+ }
1004
+
1005
+ .leaflet-right {
1006
+ justify-content: flex-end;
1007
+ display: inline-flex;
1008
+ }
1009
+
1010
+ .leaflet-control-attribution.leaflet-control {
1011
+ display: none;
1012
+ }
1013
+
1014
+ .leaflet-draw {
1015
+ background: #484a4ef2;
1016
+ height: 100vh;
1017
+ }
1018
+
1019
+ .leaflet-draw.leaflet-control {
1020
+ margin: 50px 0 0;
1021
+ padding: 10px;
1022
+ }
1023
+
1024
+ .leaflet-draw-actions a {
1025
+ color: #464646;
1026
+ background-color: #ffffffd9;
1027
+ line-height: 27px !important;
1028
+ }
1029
+
1030
+ .leaflet-draw-actions a:hover {
1031
+ filter: opacity(.8);
1032
+ background-color: #ffffffd9;
1033
+ }
1034
+
1035
+ .leaflet-control-zoom {
1036
+ display: inline-flex;
1037
+ }
1038
+
1039
+ .leaflet-control-zoom-in {
1040
+ border-radius: 2px !important;
1041
+ }
1042
+
1043
+ .leaflet-control-zoom-out {
1044
+ margin-left: 2px;
1045
+ border-radius: 2px !important;
1046
+ }
1047
+
1048
+ .leaflet-tooltip {
1049
+ color: #fff;
1050
+ box-shadow: none;
1051
+ text-shadow: 0 0 6px #000;
1052
+ background: none;
1053
+ border: none;
1054
+ padding: .5em 1em;
1055
+ font-weight: 600;
1056
+ }
1057
+
1058
+ .leaflet-path-draggable {
1059
+ stroke-dasharray: 10;
1060
+ animation: 2s infinite pulse;
1061
+ }
1062
+
1063
+ .leaflet-popup-content-wrapper {
1064
+ color: #e0e0e0;
1065
+ background: #0e1013f2;
1066
+ font-weight: 600;
1067
+ box-shadow: 0 0 6px #e0e0e0;
1068
+ }
1069
+
1070
+ .leaflet-popup-content-wrapper .leaflet-popup-content p {
1071
+ margin: .5rem 0;
1072
+ }
1073
+
1074
+ .leaflet-popup-tip {
1075
+ background: #333333f2;
1076
+ box-shadow: 0 0 6px #fff;
1077
+ }