@edgepdf/viewer-js 0.0.11 → 0.0.12

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.
@@ -1,670 +1,613 @@
1
- /* Re-export Leaflet CSS for convenience */
2
- /* Inlined leaflet/dist/leaflet.css */
3
- /* required styles */
4
-
5
- .leaflet-pane,
6
- .leaflet-tile,
7
- .leaflet-marker-icon,
8
- .leaflet-marker-shadow,
9
- .leaflet-tile-container,
10
- .leaflet-pane > svg,
11
- .leaflet-pane > canvas,
12
- .leaflet-zoom-box,
13
- .leaflet-image-layer,
14
- .leaflet-layer {
15
- position: absolute;
16
- left: 0;
17
- top: 0;
18
- }
19
- .leaflet-container {
20
- overflow: hidden;
21
- }
22
- .leaflet-tile,
23
- .leaflet-marker-icon,
24
- .leaflet-marker-shadow {
25
- -webkit-user-select: none;
26
- -moz-user-select: none;
27
- user-select: none;
28
- -webkit-user-drag: none;
29
- }
30
- /* Prevents IE11 from highlighting tiles in blue */
31
- .leaflet-tile::selection {
32
- background: transparent;
33
- }
34
- /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
35
- .leaflet-safari .leaflet-tile {
36
- image-rendering: -webkit-optimize-contrast;
37
- }
38
- /* hack that prevents hw layers "stretching" when loading new tiles */
39
- .leaflet-safari .leaflet-tile-container {
40
- width: 1600px;
41
- height: 1600px;
42
- -webkit-transform-origin: 0 0;
43
- }
44
- .leaflet-marker-icon,
45
- .leaflet-marker-shadow {
46
- display: block;
47
- }
48
- /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
49
- /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
50
- .leaflet-container .leaflet-overlay-pane svg {
51
- max-width: none !important;
52
- max-height: none !important;
53
- }
54
- .leaflet-container .leaflet-marker-pane img,
55
- .leaflet-container .leaflet-shadow-pane img,
56
- .leaflet-container .leaflet-tile-pane img,
57
- .leaflet-container img.leaflet-image-layer,
58
- .leaflet-container .leaflet-tile {
59
- max-width: none !important;
60
- max-height: none !important;
61
- width: auto;
62
- padding: 0;
63
- }
64
-
65
- .leaflet-container img.leaflet-tile {
66
- /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
67
- mix-blend-mode: plus-lighter;
68
- }
69
-
70
- .leaflet-container.leaflet-touch-zoom {
71
- -ms-touch-action: pan-x pan-y;
72
- touch-action: pan-x pan-y;
73
- }
74
- .leaflet-container.leaflet-touch-drag {
75
- -ms-touch-action: pinch-zoom;
76
- /* Fallback for FF which doesn't support pinch-zoom */
77
- touch-action: none;
78
- touch-action: pinch-zoom;
79
- }
80
- .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
81
- -ms-touch-action: none;
82
- touch-action: none;
83
- }
84
- .leaflet-container {
85
- -webkit-tap-highlight-color: transparent;
86
- }
87
- .leaflet-container a {
88
- -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
89
- }
90
- .leaflet-tile {
91
- filter: inherit;
92
- visibility: hidden;
93
- }
94
- .leaflet-tile-loaded {
95
- visibility: inherit;
96
- }
97
- .leaflet-zoom-box {
98
- width: 0;
99
- height: 0;
100
- -moz-box-sizing: border-box;
101
- box-sizing: border-box;
102
- z-index: 800;
103
- }
104
- /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
105
- .leaflet-overlay-pane svg {
106
- -moz-user-select: none;
107
- }
108
-
109
- .leaflet-pane { z-index: 400; }
110
-
111
- .leaflet-tile-pane { z-index: 200; }
112
- .leaflet-overlay-pane { z-index: 400; }
113
- .leaflet-shadow-pane { z-index: 500; }
114
- .leaflet-marker-pane { z-index: 600; }
115
- .leaflet-tooltip-pane { z-index: 650; }
116
- .leaflet-popup-pane { z-index: 700; }
117
-
118
- .leaflet-map-pane canvas { z-index: 100; }
119
- .leaflet-map-pane svg { z-index: 200; }
120
-
121
- .leaflet-vml-shape {
122
- width: 1px;
123
- height: 1px;
124
- }
125
- .lvml {
126
- behavior: url(#default#VML);
127
- display: inline-block;
128
- position: absolute;
129
- }
130
-
131
-
132
- /* control positioning */
133
-
134
- .leaflet-control {
135
- position: relative;
136
- z-index: 800;
137
- pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
138
- pointer-events: auto;
139
- }
140
- .leaflet-top,
141
- .leaflet-bottom {
142
- position: absolute;
143
- z-index: 1000;
144
- pointer-events: none;
145
- }
146
- .leaflet-top {
147
- top: 0;
148
- }
149
- .leaflet-right {
150
- right: 0;
151
- }
152
- .leaflet-bottom {
153
- bottom: 0;
154
- }
155
- .leaflet-left {
156
- left: 0;
157
- }
158
- .leaflet-control {
159
- float: left;
160
- clear: both;
161
- }
162
- .leaflet-right .leaflet-control {
163
- float: right;
164
- }
165
- .leaflet-top .leaflet-control {
166
- margin-top: 10px;
167
- }
168
- .leaflet-bottom .leaflet-control {
169
- margin-bottom: 10px;
170
- }
171
- .leaflet-left .leaflet-control {
172
- margin-left: 10px;
173
- }
174
- .leaflet-right .leaflet-control {
175
- margin-right: 10px;
176
- }
177
-
178
-
179
- /* zoom and fade animations */
180
-
181
- .leaflet-fade-anim .leaflet-popup {
182
- opacity: 0;
183
- -webkit-transition: opacity 0.2s linear;
184
- -moz-transition: opacity 0.2s linear;
185
- transition: opacity 0.2s linear;
186
- }
187
- .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
188
- opacity: 1;
189
- }
190
- .leaflet-zoom-animated {
191
- -webkit-transform-origin: 0 0;
192
- -ms-transform-origin: 0 0;
193
- transform-origin: 0 0;
194
- }
195
- svg.leaflet-zoom-animated {
196
- will-change: transform;
197
- }
198
-
199
- .leaflet-zoom-anim .leaflet-zoom-animated {
200
- -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
201
- -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
202
- transition: transform 0.25s cubic-bezier(0,0,0.25,1);
203
- }
204
- .leaflet-zoom-anim .leaflet-tile,
205
- .leaflet-pan-anim .leaflet-tile {
206
- -webkit-transition: none;
207
- -moz-transition: none;
208
- transition: none;
209
- }
210
-
211
- .leaflet-zoom-anim .leaflet-zoom-hide {
212
- visibility: hidden;
213
- }
214
-
215
-
216
- /* cursors */
217
-
218
- .leaflet-interactive {
219
- cursor: pointer;
220
- }
221
- .leaflet-grab {
222
- cursor: -webkit-grab;
223
- cursor: -moz-grab;
224
- cursor: grab;
225
- }
226
- .leaflet-crosshair,
227
- .leaflet-crosshair .leaflet-interactive {
228
- cursor: crosshair;
229
- }
230
- .leaflet-popup-pane,
231
- .leaflet-control {
232
- cursor: auto;
233
- }
234
- .leaflet-dragging .leaflet-grab,
235
- .leaflet-dragging .leaflet-grab .leaflet-interactive,
236
- .leaflet-dragging .leaflet-marker-draggable {
237
- cursor: move;
238
- cursor: -webkit-grabbing;
239
- cursor: -moz-grabbing;
240
- cursor: grabbing;
241
- }
242
-
243
- /* marker & overlays interactivity */
244
- .leaflet-marker-icon,
245
- .leaflet-marker-shadow,
246
- .leaflet-image-layer,
247
- .leaflet-pane > svg path,
248
- .leaflet-tile-container {
249
- pointer-events: none;
250
- }
251
-
252
- .leaflet-marker-icon.leaflet-interactive,
253
- .leaflet-image-layer.leaflet-interactive,
254
- .leaflet-pane > svg path.leaflet-interactive,
255
- svg.leaflet-image-layer.leaflet-interactive path {
256
- pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
257
- pointer-events: auto;
258
- }
259
-
260
- /* visual tweaks */
261
-
262
- .leaflet-container {
263
- background: #ddd;
264
- outline-offset: 1px;
265
- }
266
- .leaflet-container a {
267
- color: #0078A8;
268
- }
269
- .leaflet-zoom-box {
270
- border: 2px dotted #38f;
271
- background: rgba(255,255,255,0.5);
272
- }
273
-
274
-
275
- /* general typography */
276
- .leaflet-container {
277
- font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
278
- font-size: 12px;
279
- font-size: 0.75rem;
280
- line-height: 1.5;
281
- }
282
-
283
-
284
- /* general toolbar styles */
285
-
286
- .leaflet-bar {
287
- box-shadow: 0 1px 5px rgba(0,0,0,0.65);
288
- border-radius: 4px;
289
- }
290
- .leaflet-bar a {
291
- background-color: #fff;
292
- border-bottom: 1px solid #ccc;
293
- width: 26px;
294
- height: 26px;
295
- line-height: 26px;
296
- display: block;
297
- text-align: center;
298
- text-decoration: none;
299
- color: black;
300
- }
301
- .leaflet-bar a,
302
- .leaflet-control-layers-toggle {
303
- background-position: 50% 50%;
304
- background-repeat: no-repeat;
305
- display: block;
306
- }
307
- .leaflet-bar a:hover,
308
- .leaflet-bar a:focus {
309
- background-color: #f4f4f4;
310
- }
311
- .leaflet-bar a:first-child {
312
- border-top-left-radius: 4px;
313
- border-top-right-radius: 4px;
314
- }
315
- .leaflet-bar a:last-child {
316
- border-bottom-left-radius: 4px;
317
- border-bottom-right-radius: 4px;
318
- border-bottom: none;
319
- }
320
- .leaflet-bar a.leaflet-disabled {
321
- cursor: default;
322
- background-color: #f4f4f4;
323
- color: #bbb;
324
- }
325
-
326
- .leaflet-touch .leaflet-bar a {
327
- width: 30px;
328
- height: 30px;
329
- line-height: 30px;
330
- }
331
- .leaflet-touch .leaflet-bar a:first-child {
332
- border-top-left-radius: 2px;
333
- border-top-right-radius: 2px;
334
- }
335
- .leaflet-touch .leaflet-bar a:last-child {
336
- border-bottom-left-radius: 2px;
337
- border-bottom-right-radius: 2px;
338
- }
339
-
340
- /* zoom control */
341
-
342
- .leaflet-control-zoom-in,
343
- .leaflet-control-zoom-out {
344
- font: bold 18px 'Lucida Console', Monaco, monospace;
345
- text-indent: 1px;
346
- }
347
-
348
- .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
349
- font-size: 22px;
350
- }
351
-
352
-
353
- /* layers control */
354
-
355
- .leaflet-control-layers {
356
- box-shadow: 0 1px 5px rgba(0,0,0,0.4);
357
- background: #fff;
358
- border-radius: 5px;
359
- }
360
- .leaflet-control-layers-toggle {
361
- background-image: url(./images/layers.png);
362
- width: 36px;
363
- height: 36px;
364
- }
365
- .leaflet-retina .leaflet-control-layers-toggle {
366
- background-image: url(./images/layers-2x.png);
367
- background-size: 26px 26px;
368
- }
369
- .leaflet-touch .leaflet-control-layers-toggle {
370
- width: 44px;
371
- height: 44px;
372
- }
373
- .leaflet-control-layers .leaflet-control-layers-list,
374
- .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
375
- display: none;
376
- }
377
- .leaflet-control-layers-expanded .leaflet-control-layers-list {
378
- display: block;
379
- position: relative;
380
- }
381
- .leaflet-control-layers-expanded {
382
- padding: 6px 10px 6px 6px;
383
- color: #333;
384
- background: #fff;
385
- }
386
- .leaflet-control-layers-scrollbar {
387
- overflow-y: scroll;
388
- overflow-x: hidden;
389
- padding-right: 5px;
390
- }
391
- .leaflet-control-layers-selector {
392
- margin-top: 2px;
393
- position: relative;
394
- top: 1px;
395
- }
396
- .leaflet-control-layers label {
397
- display: block;
398
- font-size: 13px;
399
- font-size: 1.08333em;
400
- }
401
- .leaflet-control-layers-separator {
402
- height: 0;
403
- border-top: 1px solid #ddd;
404
- margin: 5px -10px 5px -6px;
405
- }
406
-
407
- /* Default icon URLs */
408
- .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
409
- background-image: url(./images/marker-icon.png);
410
- }
411
-
412
-
413
- /* attribution and scale controls */
414
-
415
- .leaflet-container .leaflet-control-attribution {
416
- background: #fff;
417
- background: rgba(255, 255, 255, 0.8);
418
- margin: 0;
419
- }
420
- .leaflet-control-attribution,
421
- .leaflet-control-scale-line {
422
- padding: 0 5px;
423
- color: #333;
424
- line-height: 1.4;
425
- }
426
- .leaflet-control-attribution a {
427
- text-decoration: none;
428
- }
429
- .leaflet-control-attribution a:hover,
430
- .leaflet-control-attribution a:focus {
431
- text-decoration: underline;
432
- }
433
- .leaflet-attribution-flag {
434
- display: inline !important;
435
- vertical-align: baseline !important;
436
- width: 1em;
437
- height: 0.6669em;
438
- }
439
- .leaflet-left .leaflet-control-scale {
440
- margin-left: 5px;
441
- }
442
- .leaflet-bottom .leaflet-control-scale {
443
- margin-bottom: 5px;
444
- }
445
- .leaflet-control-scale-line {
446
- border: 2px solid #777;
447
- border-top: none;
448
- line-height: 1.1;
449
- padding: 2px 5px 1px;
450
- white-space: nowrap;
451
- -moz-box-sizing: border-box;
452
- box-sizing: border-box;
453
- background: rgba(255, 255, 255, 0.8);
454
- text-shadow: 1px 1px #fff;
455
- }
456
- .leaflet-control-scale-line:not(:first-child) {
457
- border-top: 2px solid #777;
458
- border-bottom: none;
459
- margin-top: -2px;
460
- }
461
- .leaflet-control-scale-line:not(:first-child):not(:last-child) {
462
- border-bottom: 2px solid #777;
463
- }
464
-
465
- .leaflet-touch .leaflet-control-attribution,
466
- .leaflet-touch .leaflet-control-layers,
467
- .leaflet-touch .leaflet-bar {
468
- box-shadow: none;
469
- }
470
- .leaflet-touch .leaflet-control-layers,
471
- .leaflet-touch .leaflet-bar {
472
- border: 2px solid rgba(0,0,0,0.2);
473
- background-clip: padding-box;
474
- }
475
-
476
-
477
- /* popup */
478
-
479
- .leaflet-popup {
480
- position: absolute;
481
- text-align: center;
482
- margin-bottom: 20px;
483
- }
484
- .leaflet-popup-content-wrapper {
485
- padding: 1px;
486
- text-align: left;
487
- border-radius: 12px;
488
- }
489
- .leaflet-popup-content {
490
- margin: 13px 24px 13px 20px;
491
- line-height: 1.3;
492
- font-size: 13px;
493
- font-size: 1.08333em;
494
- min-height: 1px;
495
- }
496
- .leaflet-popup-content p {
497
- margin: 17px 0;
498
- margin: 1.3em 0;
499
- }
500
- .leaflet-popup-tip-container {
501
- width: 40px;
502
- height: 20px;
503
- position: absolute;
504
- left: 50%;
505
- margin-top: -1px;
506
- margin-left: -20px;
507
- overflow: hidden;
508
- pointer-events: none;
509
- }
510
- .leaflet-popup-tip {
511
- width: 17px;
512
- height: 17px;
513
- padding: 1px;
514
-
515
- margin: -10px auto 0;
516
- pointer-events: auto;
517
-
518
- -webkit-transform: rotate(45deg);
519
- -moz-transform: rotate(45deg);
520
- -ms-transform: rotate(45deg);
521
- transform: rotate(45deg);
522
- }
523
- .leaflet-popup-content-wrapper,
524
- .leaflet-popup-tip {
525
- background: white;
526
- color: #333;
527
- box-shadow: 0 3px 14px rgba(0,0,0,0.4);
528
- }
529
- .leaflet-container a.leaflet-popup-close-button {
530
- position: absolute;
531
- top: 0;
532
- right: 0;
533
- border: none;
534
- text-align: center;
535
- width: 24px;
536
- height: 24px;
537
- font: 16px/24px Tahoma, Verdana, sans-serif;
538
- color: #757575;
539
- text-decoration: none;
540
- background: transparent;
541
- }
542
- .leaflet-container a.leaflet-popup-close-button:hover,
543
- .leaflet-container a.leaflet-popup-close-button:focus {
544
- color: #585858;
545
- }
546
- .leaflet-popup-scrolled {
547
- overflow: auto;
548
- }
549
-
550
- .leaflet-oldie .leaflet-popup-content-wrapper {
551
- -ms-zoom: 1;
552
- }
553
- .leaflet-oldie .leaflet-popup-tip {
554
- width: 24px;
555
- margin: 0 auto;
556
-
557
- -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
558
- filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
559
- }
560
-
561
- .leaflet-oldie .leaflet-control-zoom,
562
- .leaflet-oldie .leaflet-control-layers,
563
- .leaflet-oldie .leaflet-popup-content-wrapper,
564
- .leaflet-oldie .leaflet-popup-tip {
565
- border: 1px solid #999;
566
- }
567
-
568
-
569
- /* div icon */
570
-
571
- .leaflet-div-icon {
572
- background: #fff;
573
- border: 1px solid #666;
574
- }
575
-
576
-
577
- /* Tooltip */
578
- /* Base styles for the element that has a tooltip */
579
- .leaflet-tooltip {
580
- position: absolute;
581
- padding: 6px;
582
- background-color: #fff;
583
- border: 1px solid #fff;
584
- border-radius: 3px;
585
- color: #222;
586
- white-space: nowrap;
587
- -webkit-user-select: none;
588
- -moz-user-select: none;
589
- -ms-user-select: none;
590
- user-select: none;
591
- pointer-events: none;
592
- box-shadow: 0 1px 3px rgba(0,0,0,0.4);
593
- }
594
- .leaflet-tooltip.leaflet-interactive {
595
- cursor: pointer;
596
- pointer-events: auto;
597
- }
598
- .leaflet-tooltip-top:before,
599
- .leaflet-tooltip-bottom:before,
600
- .leaflet-tooltip-left:before,
601
- .leaflet-tooltip-right:before {
602
- position: absolute;
603
- pointer-events: none;
604
- border: 6px solid transparent;
605
- background: transparent;
606
- content: "";
607
- }
608
-
609
- /* Directions */
610
-
611
- .leaflet-tooltip-bottom {
612
- margin-top: 6px;
613
- }
614
- .leaflet-tooltip-top {
615
- margin-top: -6px;
616
- }
617
- .leaflet-tooltip-bottom:before,
618
- .leaflet-tooltip-top:before {
619
- left: 50%;
620
- margin-left: -6px;
621
- }
622
- .leaflet-tooltip-top:before {
623
- bottom: 0;
624
- margin-bottom: -12px;
625
- border-top-color: #fff;
626
- }
627
- .leaflet-tooltip-bottom:before {
628
- top: 0;
629
- margin-top: -12px;
630
- margin-left: -6px;
631
- border-bottom-color: #fff;
632
- }
633
- .leaflet-tooltip-left {
634
- margin-left: -6px;
635
- }
636
- .leaflet-tooltip-right {
637
- margin-left: 6px;
638
- }
639
- .leaflet-tooltip-left:before,
640
- .leaflet-tooltip-right:before {
641
- top: 50%;
642
- margin-top: -6px;
643
- }
644
- .leaflet-tooltip-left:before {
645
- right: 0;
646
- margin-right: -12px;
647
- border-left-color: #fff;
648
- }
649
- .leaflet-tooltip-right:before {
650
- left: 0;
651
- margin-left: -12px;
652
- border-right-color: #fff;
653
- }
654
-
655
- /* Printing */
656
-
657
- @media print {
658
- /* Prevent printers from removing background-images of controls. */
659
- .leaflet-control {
660
- -webkit-print-color-adjust: exact;
661
- print-color-adjust: exact;
662
- }
663
- }
664
-
665
-
1
+ /* node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/leaflet.css */
2
+ .leaflet-pane,
3
+ .leaflet-tile,
4
+ .leaflet-marker-icon,
5
+ .leaflet-marker-shadow,
6
+ .leaflet-tile-container,
7
+ .leaflet-pane > svg,
8
+ .leaflet-pane > canvas,
9
+ .leaflet-zoom-box,
10
+ .leaflet-image-layer,
11
+ .leaflet-layer {
12
+ position: absolute;
13
+ left: 0;
14
+ top: 0;
15
+ }
16
+ .leaflet-container {
17
+ overflow: hidden;
18
+ }
19
+ .leaflet-tile,
20
+ .leaflet-marker-icon,
21
+ .leaflet-marker-shadow {
22
+ -webkit-user-select: none;
23
+ -moz-user-select: none;
24
+ user-select: none;
25
+ -webkit-user-drag: none;
26
+ }
27
+ .leaflet-tile::selection {
28
+ background: transparent;
29
+ }
30
+ .leaflet-safari .leaflet-tile {
31
+ image-rendering: -webkit-optimize-contrast;
32
+ }
33
+ .leaflet-safari .leaflet-tile-container {
34
+ width: 1600px;
35
+ height: 1600px;
36
+ -webkit-transform-origin: 0 0;
37
+ }
38
+ .leaflet-marker-icon,
39
+ .leaflet-marker-shadow {
40
+ display: block;
41
+ }
42
+ .leaflet-container .leaflet-overlay-pane svg {
43
+ max-width: none !important;
44
+ max-height: none !important;
45
+ }
46
+ .leaflet-container .leaflet-marker-pane img,
47
+ .leaflet-container .leaflet-shadow-pane img,
48
+ .leaflet-container .leaflet-tile-pane img,
49
+ .leaflet-container img.leaflet-image-layer,
50
+ .leaflet-container .leaflet-tile {
51
+ max-width: none !important;
52
+ max-height: none !important;
53
+ width: auto;
54
+ padding: 0;
55
+ }
56
+ .leaflet-container img.leaflet-tile {
57
+ mix-blend-mode: plus-lighter;
58
+ }
59
+ .leaflet-container.leaflet-touch-zoom {
60
+ -ms-touch-action: pan-x pan-y;
61
+ touch-action: pan-x pan-y;
62
+ }
63
+ .leaflet-container.leaflet-touch-drag {
64
+ -ms-touch-action: pinch-zoom;
65
+ touch-action: none;
66
+ touch-action: pinch-zoom;
67
+ }
68
+ .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
69
+ -ms-touch-action: none;
70
+ touch-action: none;
71
+ }
72
+ .leaflet-container {
73
+ -webkit-tap-highlight-color: transparent;
74
+ }
75
+ .leaflet-container a {
76
+ -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
77
+ }
78
+ .leaflet-tile {
79
+ filter: inherit;
80
+ visibility: hidden;
81
+ }
82
+ .leaflet-tile-loaded {
83
+ visibility: inherit;
84
+ }
85
+ .leaflet-zoom-box {
86
+ width: 0;
87
+ height: 0;
88
+ -moz-box-sizing: border-box;
89
+ box-sizing: border-box;
90
+ z-index: 800;
91
+ }
92
+ .leaflet-overlay-pane svg {
93
+ -moz-user-select: none;
94
+ }
95
+ .leaflet-pane {
96
+ z-index: 400;
97
+ }
98
+ .leaflet-tile-pane {
99
+ z-index: 200;
100
+ }
101
+ .leaflet-overlay-pane {
102
+ z-index: 400;
103
+ }
104
+ .leaflet-shadow-pane {
105
+ z-index: 500;
106
+ }
107
+ .leaflet-marker-pane {
108
+ z-index: 600;
109
+ }
110
+ .leaflet-tooltip-pane {
111
+ z-index: 650;
112
+ }
113
+ .leaflet-popup-pane {
114
+ z-index: 700;
115
+ }
116
+ .leaflet-map-pane canvas {
117
+ z-index: 100;
118
+ }
119
+ .leaflet-map-pane svg {
120
+ z-index: 200;
121
+ }
122
+ .leaflet-vml-shape {
123
+ width: 1px;
124
+ height: 1px;
125
+ }
126
+ .lvml {
127
+ behavior: url(#default#VML);
128
+ display: inline-block;
129
+ position: absolute;
130
+ }
131
+ .leaflet-control {
132
+ position: relative;
133
+ z-index: 800;
134
+ pointer-events: visiblePainted;
135
+ pointer-events: auto;
136
+ }
137
+ .leaflet-top,
138
+ .leaflet-bottom {
139
+ position: absolute;
140
+ z-index: 1000;
141
+ pointer-events: none;
142
+ }
143
+ .leaflet-top {
144
+ top: 0;
145
+ }
146
+ .leaflet-right {
147
+ right: 0;
148
+ }
149
+ .leaflet-bottom {
150
+ bottom: 0;
151
+ }
152
+ .leaflet-left {
153
+ left: 0;
154
+ }
155
+ .leaflet-control {
156
+ float: left;
157
+ clear: both;
158
+ }
159
+ .leaflet-right .leaflet-control {
160
+ float: right;
161
+ }
162
+ .leaflet-top .leaflet-control {
163
+ margin-top: 10px;
164
+ }
165
+ .leaflet-bottom .leaflet-control {
166
+ margin-bottom: 10px;
167
+ }
168
+ .leaflet-left .leaflet-control {
169
+ margin-left: 10px;
170
+ }
171
+ .leaflet-right .leaflet-control {
172
+ margin-right: 10px;
173
+ }
174
+ .leaflet-fade-anim .leaflet-popup {
175
+ opacity: 0;
176
+ -webkit-transition: opacity 0.2s linear;
177
+ -moz-transition: opacity 0.2s linear;
178
+ transition: opacity 0.2s linear;
179
+ }
180
+ .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
181
+ opacity: 1;
182
+ }
183
+ .leaflet-zoom-animated {
184
+ -webkit-transform-origin: 0 0;
185
+ -ms-transform-origin: 0 0;
186
+ transform-origin: 0 0;
187
+ }
188
+ svg.leaflet-zoom-animated {
189
+ will-change: transform;
190
+ }
191
+ .leaflet-zoom-anim .leaflet-zoom-animated {
192
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
193
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
194
+ transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
195
+ }
196
+ .leaflet-zoom-anim .leaflet-tile,
197
+ .leaflet-pan-anim .leaflet-tile {
198
+ -webkit-transition: none;
199
+ -moz-transition: none;
200
+ transition: none;
201
+ }
202
+ .leaflet-zoom-anim .leaflet-zoom-hide {
203
+ visibility: hidden;
204
+ }
205
+ .leaflet-interactive {
206
+ cursor: pointer;
207
+ }
208
+ .leaflet-grab {
209
+ cursor: -webkit-grab;
210
+ cursor: -moz-grab;
211
+ cursor: grab;
212
+ }
213
+ .leaflet-crosshair,
214
+ .leaflet-crosshair .leaflet-interactive {
215
+ cursor: crosshair;
216
+ }
217
+ .leaflet-popup-pane,
218
+ .leaflet-control {
219
+ cursor: auto;
220
+ }
221
+ .leaflet-dragging .leaflet-grab,
222
+ .leaflet-dragging .leaflet-grab .leaflet-interactive,
223
+ .leaflet-dragging .leaflet-marker-draggable {
224
+ cursor: move;
225
+ cursor: -webkit-grabbing;
226
+ cursor: -moz-grabbing;
227
+ cursor: grabbing;
228
+ }
229
+ .leaflet-marker-icon,
230
+ .leaflet-marker-shadow,
231
+ .leaflet-image-layer,
232
+ .leaflet-pane > svg path,
233
+ .leaflet-tile-container {
234
+ pointer-events: none;
235
+ }
236
+ .leaflet-marker-icon.leaflet-interactive,
237
+ .leaflet-image-layer.leaflet-interactive,
238
+ .leaflet-pane > svg path.leaflet-interactive,
239
+ svg.leaflet-image-layer.leaflet-interactive path {
240
+ pointer-events: visiblePainted;
241
+ pointer-events: auto;
242
+ }
243
+ .leaflet-container {
244
+ background: #ddd;
245
+ outline-offset: 1px;
246
+ }
247
+ .leaflet-container a {
248
+ color: #0078A8;
249
+ }
250
+ .leaflet-zoom-box {
251
+ border: 2px dotted #38f;
252
+ background: rgba(255, 255, 255, 0.5);
253
+ }
254
+ .leaflet-container {
255
+ font-family:
256
+ "Helvetica Neue",
257
+ Arial,
258
+ Helvetica,
259
+ sans-serif;
260
+ font-size: 12px;
261
+ font-size: 0.75rem;
262
+ line-height: 1.5;
263
+ }
264
+ .leaflet-bar {
265
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
266
+ border-radius: 4px;
267
+ }
268
+ .leaflet-bar a {
269
+ background-color: #fff;
270
+ border-bottom: 1px solid #ccc;
271
+ width: 26px;
272
+ height: 26px;
273
+ line-height: 26px;
274
+ display: block;
275
+ text-align: center;
276
+ text-decoration: none;
277
+ color: black;
278
+ }
279
+ .leaflet-bar a,
280
+ .leaflet-control-layers-toggle {
281
+ background-position: 50% 50%;
282
+ background-repeat: no-repeat;
283
+ display: block;
284
+ }
285
+ .leaflet-bar a:hover,
286
+ .leaflet-bar a:focus {
287
+ background-color: #f4f4f4;
288
+ }
289
+ .leaflet-bar a:first-child {
290
+ border-top-left-radius: 4px;
291
+ border-top-right-radius: 4px;
292
+ }
293
+ .leaflet-bar a:last-child {
294
+ border-bottom-left-radius: 4px;
295
+ border-bottom-right-radius: 4px;
296
+ border-bottom: none;
297
+ }
298
+ .leaflet-bar a.leaflet-disabled {
299
+ cursor: default;
300
+ background-color: #f4f4f4;
301
+ color: #bbb;
302
+ }
303
+ .leaflet-touch .leaflet-bar a {
304
+ width: 30px;
305
+ height: 30px;
306
+ line-height: 30px;
307
+ }
308
+ .leaflet-touch .leaflet-bar a:first-child {
309
+ border-top-left-radius: 2px;
310
+ border-top-right-radius: 2px;
311
+ }
312
+ .leaflet-touch .leaflet-bar a:last-child {
313
+ border-bottom-left-radius: 2px;
314
+ border-bottom-right-radius: 2px;
315
+ }
316
+ .leaflet-control-zoom-in,
317
+ .leaflet-control-zoom-out {
318
+ font:
319
+ bold 18px "Lucida Console",
320
+ Monaco,
321
+ monospace;
322
+ text-indent: 1px;
323
+ }
324
+ .leaflet-touch .leaflet-control-zoom-in,
325
+ .leaflet-touch .leaflet-control-zoom-out {
326
+ font-size: 22px;
327
+ }
328
+ .leaflet-control-layers {
329
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
330
+ background: #fff;
331
+ border-radius: 5px;
332
+ }
333
+ .leaflet-control-layers-toggle {
334
+ background-image: url(images/layers.png);
335
+ width: 36px;
336
+ height: 36px;
337
+ }
338
+ .leaflet-retina .leaflet-control-layers-toggle {
339
+ background-image: url(images/layers-2x.png);
340
+ background-size: 26px 26px;
341
+ }
342
+ .leaflet-touch .leaflet-control-layers-toggle {
343
+ width: 44px;
344
+ height: 44px;
345
+ }
346
+ .leaflet-control-layers .leaflet-control-layers-list,
347
+ .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
348
+ display: none;
349
+ }
350
+ .leaflet-control-layers-expanded .leaflet-control-layers-list {
351
+ display: block;
352
+ position: relative;
353
+ }
354
+ .leaflet-control-layers-expanded {
355
+ padding: 6px 10px 6px 6px;
356
+ color: #333;
357
+ background: #fff;
358
+ }
359
+ .leaflet-control-layers-scrollbar {
360
+ overflow-y: scroll;
361
+ overflow-x: hidden;
362
+ padding-right: 5px;
363
+ }
364
+ .leaflet-control-layers-selector {
365
+ margin-top: 2px;
366
+ position: relative;
367
+ top: 1px;
368
+ }
369
+ .leaflet-control-layers label {
370
+ display: block;
371
+ font-size: 13px;
372
+ font-size: 1.08333em;
373
+ }
374
+ .leaflet-control-layers-separator {
375
+ height: 0;
376
+ border-top: 1px solid #ddd;
377
+ margin: 5px -10px 5px -6px;
378
+ }
379
+ .leaflet-default-icon-path {
380
+ background-image: url(images/marker-icon.png);
381
+ }
382
+ .leaflet-container .leaflet-control-attribution {
383
+ background: #fff;
384
+ background: rgba(255, 255, 255, 0.8);
385
+ margin: 0;
386
+ }
387
+ .leaflet-control-attribution,
388
+ .leaflet-control-scale-line {
389
+ padding: 0 5px;
390
+ color: #333;
391
+ line-height: 1.4;
392
+ }
393
+ .leaflet-control-attribution a {
394
+ text-decoration: none;
395
+ }
396
+ .leaflet-control-attribution a:hover,
397
+ .leaflet-control-attribution a:focus {
398
+ text-decoration: underline;
399
+ }
400
+ .leaflet-attribution-flag {
401
+ display: inline !important;
402
+ vertical-align: baseline !important;
403
+ width: 1em;
404
+ height: 0.6669em;
405
+ }
406
+ .leaflet-left .leaflet-control-scale {
407
+ margin-left: 5px;
408
+ }
409
+ .leaflet-bottom .leaflet-control-scale {
410
+ margin-bottom: 5px;
411
+ }
412
+ .leaflet-control-scale-line {
413
+ border: 2px solid #777;
414
+ border-top: none;
415
+ line-height: 1.1;
416
+ padding: 2px 5px 1px;
417
+ white-space: nowrap;
418
+ -moz-box-sizing: border-box;
419
+ box-sizing: border-box;
420
+ background: rgba(255, 255, 255, 0.8);
421
+ text-shadow: 1px 1px #fff;
422
+ }
423
+ .leaflet-control-scale-line:not(:first-child) {
424
+ border-top: 2px solid #777;
425
+ border-bottom: none;
426
+ margin-top: -2px;
427
+ }
428
+ .leaflet-control-scale-line:not(:first-child):not(:last-child) {
429
+ border-bottom: 2px solid #777;
430
+ }
431
+ .leaflet-touch .leaflet-control-attribution,
432
+ .leaflet-touch .leaflet-control-layers,
433
+ .leaflet-touch .leaflet-bar {
434
+ box-shadow: none;
435
+ }
436
+ .leaflet-touch .leaflet-control-layers,
437
+ .leaflet-touch .leaflet-bar {
438
+ border: 2px solid rgba(0, 0, 0, 0.2);
439
+ background-clip: padding-box;
440
+ }
441
+ .leaflet-popup {
442
+ position: absolute;
443
+ text-align: center;
444
+ margin-bottom: 20px;
445
+ }
446
+ .leaflet-popup-content-wrapper {
447
+ padding: 1px;
448
+ text-align: left;
449
+ border-radius: 12px;
450
+ }
451
+ .leaflet-popup-content {
452
+ margin: 13px 24px 13px 20px;
453
+ line-height: 1.3;
454
+ font-size: 13px;
455
+ font-size: 1.08333em;
456
+ min-height: 1px;
457
+ }
458
+ .leaflet-popup-content p {
459
+ margin: 17px 0;
460
+ margin: 1.3em 0;
461
+ }
462
+ .leaflet-popup-tip-container {
463
+ width: 40px;
464
+ height: 20px;
465
+ position: absolute;
466
+ left: 50%;
467
+ margin-top: -1px;
468
+ margin-left: -20px;
469
+ overflow: hidden;
470
+ pointer-events: none;
471
+ }
472
+ .leaflet-popup-tip {
473
+ width: 17px;
474
+ height: 17px;
475
+ padding: 1px;
476
+ margin: -10px auto 0;
477
+ pointer-events: auto;
478
+ -webkit-transform: rotate(45deg);
479
+ -moz-transform: rotate(45deg);
480
+ -ms-transform: rotate(45deg);
481
+ transform: rotate(45deg);
482
+ }
483
+ .leaflet-popup-content-wrapper,
484
+ .leaflet-popup-tip {
485
+ background: white;
486
+ color: #333;
487
+ box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
488
+ }
489
+ .leaflet-container a.leaflet-popup-close-button {
490
+ position: absolute;
491
+ top: 0;
492
+ right: 0;
493
+ border: none;
494
+ text-align: center;
495
+ width: 24px;
496
+ height: 24px;
497
+ font:
498
+ 16px/24px Tahoma,
499
+ Verdana,
500
+ sans-serif;
501
+ color: #757575;
502
+ text-decoration: none;
503
+ background: transparent;
504
+ }
505
+ .leaflet-container a.leaflet-popup-close-button:hover,
506
+ .leaflet-container a.leaflet-popup-close-button:focus {
507
+ color: #585858;
508
+ }
509
+ .leaflet-popup-scrolled {
510
+ overflow: auto;
511
+ }
512
+ .leaflet-oldie .leaflet-popup-content-wrapper {
513
+ -ms-zoom: 1;
514
+ }
515
+ .leaflet-oldie .leaflet-popup-tip {
516
+ width: 24px;
517
+ margin: 0 auto;
518
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
519
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
520
+ }
521
+ .leaflet-oldie .leaflet-control-zoom,
522
+ .leaflet-oldie .leaflet-control-layers,
523
+ .leaflet-oldie .leaflet-popup-content-wrapper,
524
+ .leaflet-oldie .leaflet-popup-tip {
525
+ border: 1px solid #999;
526
+ }
527
+ .leaflet-div-icon {
528
+ background: #fff;
529
+ border: 1px solid #666;
530
+ }
531
+ .leaflet-tooltip {
532
+ position: absolute;
533
+ padding: 6px;
534
+ background-color: #fff;
535
+ border: 1px solid #fff;
536
+ border-radius: 3px;
537
+ color: #222;
538
+ white-space: nowrap;
539
+ -webkit-user-select: none;
540
+ -moz-user-select: none;
541
+ -ms-user-select: none;
542
+ user-select: none;
543
+ pointer-events: none;
544
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
545
+ }
546
+ .leaflet-tooltip.leaflet-interactive {
547
+ cursor: pointer;
548
+ pointer-events: auto;
549
+ }
550
+ .leaflet-tooltip-top:before,
551
+ .leaflet-tooltip-bottom:before,
552
+ .leaflet-tooltip-left:before,
553
+ .leaflet-tooltip-right:before {
554
+ position: absolute;
555
+ pointer-events: none;
556
+ border: 6px solid transparent;
557
+ background: transparent;
558
+ content: "";
559
+ }
560
+ .leaflet-tooltip-bottom {
561
+ margin-top: 6px;
562
+ }
563
+ .leaflet-tooltip-top {
564
+ margin-top: -6px;
565
+ }
566
+ .leaflet-tooltip-bottom:before,
567
+ .leaflet-tooltip-top:before {
568
+ left: 50%;
569
+ margin-left: -6px;
570
+ }
571
+ .leaflet-tooltip-top:before {
572
+ bottom: 0;
573
+ margin-bottom: -12px;
574
+ border-top-color: #fff;
575
+ }
576
+ .leaflet-tooltip-bottom:before {
577
+ top: 0;
578
+ margin-top: -12px;
579
+ margin-left: -6px;
580
+ border-bottom-color: #fff;
581
+ }
582
+ .leaflet-tooltip-left {
583
+ margin-left: -6px;
584
+ }
585
+ .leaflet-tooltip-right {
586
+ margin-left: 6px;
587
+ }
588
+ .leaflet-tooltip-left:before,
589
+ .leaflet-tooltip-right:before {
590
+ top: 50%;
591
+ margin-top: -6px;
592
+ }
593
+ .leaflet-tooltip-left:before {
594
+ right: 0;
595
+ margin-right: -12px;
596
+ border-left-color: #fff;
597
+ }
598
+ .leaflet-tooltip-right:before {
599
+ left: 0;
600
+ margin-left: -12px;
601
+ border-right-color: #fff;
602
+ }
603
+ @media print {
604
+ .leaflet-control {
605
+ -webkit-print-color-adjust: exact;
606
+ print-color-adjust: exact;
607
+ }
608
+ }
666
609
 
667
- /* Seamless tile rendering - removes borders and gaps between tiles */
610
+ /* packages/viewer-js/src/styles.css */
668
611
  .seamless-tiles img,
669
612
  .leaflet-tile {
670
613
  border: none !important;
@@ -672,31 +615,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
672
615
  margin: 0 !important;
673
616
  padding: 0 !important;
674
617
  }
675
-
676
618
  .leaflet-layer {
677
619
  border: none !important;
678
620
  }
679
-
680
- /* Marker tooltip alignment */
681
621
  .edgepdf-marker-tooltip {
682
622
  text-align: center;
683
623
  white-space: nowrap;
684
624
  }
685
-
686
- /* Center the tooltip arrow */
687
625
  .leaflet-tooltip-top.edgepdf-marker-tooltip::before,
688
626
  .leaflet-tooltip-bottom.edgepdf-marker-tooltip::before {
689
627
  left: 50% !important;
690
628
  margin-left: -8px !important;
691
629
  }
692
-
693
630
  .leaflet-tooltip-left.edgepdf-marker-tooltip::before,
694
631
  .leaflet-tooltip-right.edgepdf-marker-tooltip::before {
695
632
  top: 50% !important;
696
633
  margin-top: -8px !important;
697
634
  }
698
-
699
- /* Marker popup action buttons */
700
635
  .edgepdf-marker-popup-actions {
701
636
  display: flex;
702
637
  gap: 8px;
@@ -704,7 +639,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
704
639
  padding-top: 12px;
705
640
  border-top: 1px solid #e0e0e0;
706
641
  }
707
-
708
642
  .edgepdf-marker-popup-edit,
709
643
  .edgepdf-marker-popup-delete {
710
644
  flex: 1;
@@ -717,23 +651,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
717
651
  font-size: 14px;
718
652
  transition: all 0.2s ease;
719
653
  }
720
-
721
654
  .edgepdf-marker-popup-edit:hover {
722
655
  background-color: #f0f0f0;
723
656
  border-color: #999;
724
657
  }
725
-
726
658
  .edgepdf-marker-popup-delete {
727
659
  color: #d32f2f;
728
660
  border-color: #d32f2f;
729
661
  }
730
-
731
662
  .edgepdf-marker-popup-delete:hover {
732
663
  background-color: #ffebee;
733
664
  border-color: #b71c1c;
734
665
  }
735
-
736
- /* Edit popup modal */
737
666
  .edgepdf-marker-edit-popup {
738
667
  position: fixed;
739
668
  top: 0;
@@ -745,7 +674,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
745
674
  align-items: center;
746
675
  justify-content: center;
747
676
  }
748
-
749
677
  .edgepdf-marker-edit-popup-overlay {
750
678
  position: absolute;
751
679
  top: 0;
@@ -755,7 +683,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
755
683
  background-color: rgba(0, 0, 0, 0.5);
756
684
  cursor: pointer;
757
685
  }
758
-
759
686
  .edgepdf-marker-edit-popup-content {
760
687
  position: relative;
761
688
  background-color: #fff;
@@ -767,7 +694,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
767
694
  overflow: auto;
768
695
  z-index: 100001;
769
696
  }
770
-
771
697
  .edgepdf-marker-edit-popup-header {
772
698
  display: flex;
773
699
  justify-content: space-between;
@@ -775,14 +701,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
775
701
  padding: 16px 20px;
776
702
  border-bottom: 1px solid #e0e0e0;
777
703
  }
778
-
779
704
  .edgepdf-marker-edit-popup-header h3 {
780
705
  margin: 0;
781
706
  font-size: 18px;
782
707
  font-weight: 600;
783
708
  color: #333;
784
709
  }
785
-
786
710
  .edgepdf-marker-edit-popup-close {
787
711
  background: none;
788
712
  border: none;
@@ -799,24 +723,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
799
723
  border-radius: 4px;
800
724
  transition: background-color 0.2s ease;
801
725
  }
802
-
803
726
  .edgepdf-marker-edit-popup-close:hover {
804
727
  background-color: #f0f0f0;
805
728
  color: #333;
806
729
  }
807
-
808
730
  .edgepdf-marker-edit-popup-body {
809
731
  padding: 20px;
810
732
  }
811
-
812
733
  .edgepdf-marker-edit-field {
813
734
  margin-bottom: 16px;
814
735
  }
815
-
816
736
  .edgepdf-marker-edit-field:last-child {
817
737
  margin-bottom: 0;
818
738
  }
819
-
820
739
  .edgepdf-marker-edit-field label {
821
740
  display: block;
822
741
  margin-bottom: 8px;
@@ -824,7 +743,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
824
743
  font-weight: 500;
825
744
  color: #333;
826
745
  }
827
-
828
746
  .edgepdf-marker-edit-input {
829
747
  width: 100%;
830
748
  padding: 10px 12px;
@@ -834,13 +752,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
834
752
  box-sizing: border-box;
835
753
  transition: border-color 0.2s ease;
836
754
  }
837
-
838
755
  .edgepdf-marker-edit-input:focus {
839
756
  outline: none;
840
757
  border-color: #1976d2;
841
758
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
842
759
  }
843
-
844
760
  .edgepdf-marker-edit-popup-footer {
845
761
  display: flex;
846
762
  justify-content: flex-end;
@@ -848,7 +764,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
848
764
  padding: 16px 20px;
849
765
  border-top: 1px solid #e0e0e0;
850
766
  }
851
-
852
767
  .edgepdf-marker-edit-button {
853
768
  padding: 10px 20px;
854
769
  border: 1px solid #ccc;
@@ -860,24 +775,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
860
775
  font-weight: 500;
861
776
  transition: all 0.2s ease;
862
777
  }
863
-
864
778
  .edgepdf-marker-edit-button-cancel:hover {
865
779
  background-color: #f0f0f0;
866
780
  border-color: #999;
867
781
  }
868
-
869
782
  .edgepdf-marker-edit-button-save {
870
783
  background-color: #1976d2;
871
784
  color: #fff;
872
785
  border-color: #1976d2;
873
786
  }
874
-
875
787
  .edgepdf-marker-edit-button-save:hover {
876
788
  background-color: #1565c0;
877
789
  border-color: #1565c0;
878
790
  }
879
-
880
- /* Delete popup modal - reuses most edit popup styles */
881
791
  .edgepdf-marker-delete-popup {
882
792
  position: fixed;
883
793
  top: 0;
@@ -889,7 +799,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
889
799
  align-items: center;
890
800
  justify-content: center;
891
801
  }
892
-
893
802
  .edgepdf-marker-delete-popup-overlay {
894
803
  position: absolute;
895
804
  top: 0;
@@ -899,7 +808,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
899
808
  background-color: rgba(0, 0, 0, 0.5);
900
809
  cursor: pointer;
901
810
  }
902
-
903
811
  .edgepdf-marker-delete-popup-content {
904
812
  position: relative;
905
813
  background-color: #fff;
@@ -911,7 +819,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
911
819
  overflow: auto;
912
820
  z-index: 100001;
913
821
  }
914
-
915
822
  .edgepdf-marker-delete-popup-header {
916
823
  display: flex;
917
824
  justify-content: space-between;
@@ -919,14 +826,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
919
826
  padding: 16px 20px;
920
827
  border-bottom: 1px solid #e0e0e0;
921
828
  }
922
-
923
829
  .edgepdf-marker-delete-popup-header h3 {
924
830
  margin: 0;
925
831
  font-size: 18px;
926
832
  font-weight: 600;
927
833
  color: #333;
928
834
  }
929
-
930
835
  .edgepdf-marker-delete-popup-close {
931
836
  background: none;
932
837
  border: none;
@@ -943,28 +848,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
943
848
  border-radius: 4px;
944
849
  transition: background-color 0.2s ease;
945
850
  }
946
-
947
851
  .edgepdf-marker-delete-popup-close:hover {
948
852
  background-color: #f0f0f0;
949
853
  color: #333;
950
854
  }
951
-
952
855
  .edgepdf-marker-delete-popup-body {
953
856
  padding: 20px;
954
857
  }
955
-
956
858
  .edgepdf-marker-delete-popup-body p {
957
859
  margin: 0;
958
860
  font-size: 14px;
959
861
  color: #333;
960
862
  line-height: 1.5;
961
863
  }
962
-
963
864
  .edgepdf-marker-delete-popup-body strong {
964
865
  font-weight: 600;
965
866
  color: #d32f2f;
966
867
  }
967
-
968
868
  .edgepdf-marker-delete-popup-footer {
969
869
  display: flex;
970
870
  justify-content: flex-end;
@@ -972,7 +872,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
972
872
  padding: 16px 20px;
973
873
  border-top: 1px solid #e0e0e0;
974
874
  }
975
-
976
875
  .edgepdf-marker-delete-button {
977
876
  padding: 10px 20px;
978
877
  border: 1px solid #ccc;
@@ -984,30 +883,24 @@ svg.leaflet-image-layer.leaflet-interactive path {
984
883
  font-weight: 500;
985
884
  transition: all 0.2s ease;
986
885
  }
987
-
988
886
  .edgepdf-marker-delete-button-cancel:hover {
989
887
  background-color: #f0f0f0;
990
888
  border-color: #999;
991
889
  }
992
-
993
890
  .edgepdf-marker-delete-button-confirm {
994
891
  background-color: #d32f2f;
995
892
  color: #fff;
996
893
  border-color: #d32f2f;
997
894
  }
998
-
999
895
  .edgepdf-marker-delete-button-confirm:hover {
1000
896
  background-color: #b71c1c;
1001
897
  border-color: #b71c1c;
1002
898
  }
1003
-
1004
- /* Marker icon overlay (edit/delete icons on left corner) */
1005
899
  .edgepdf-marker-icon-overlay-container {
1006
900
  background: transparent !important;
1007
901
  border: none !important;
1008
902
  box-shadow: none !important;
1009
903
  }
1010
-
1011
904
  .edgepdf-marker-icon-overlay {
1012
905
  display: flex;
1013
906
  flex-direction: column;
@@ -1015,7 +908,6 @@ svg.leaflet-image-layer.leaflet-interactive path {
1015
908
  position: relative;
1016
909
  z-index: 1000;
1017
910
  }
1018
-
1019
911
  .edgepdf-marker-icon-button {
1020
912
  border: none;
1021
913
  background: transparent;
@@ -1028,13 +920,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
1028
920
  height: 24px;
1029
921
  transition: transform 0.2s ease, opacity 0.2s ease;
1030
922
  }
1031
-
1032
923
  .edgepdf-marker-icon-button:hover {
1033
924
  transform: scale(1.1);
1034
925
  opacity: 0.9;
1035
926
  }
1036
-
1037
927
  .edgepdf-marker-icon-button:active {
1038
928
  transform: scale(0.95);
1039
929
  }
1040
-