svgmap 2.19.3 → 2.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/index.cjs +340 -143
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +340 -143
- package/dist/index.js.map +1 -1
- package/dist/svg-map.css +61 -21
- package/dist/svg-map.min.css +1 -1
- package/dist/svg-map.umd.js +340 -143
- package/dist/svg-map.umd.js.map +1 -1
- package/dist/svg-map.umd.min.js +1 -1
- package/dist/svgMap.css +61 -21
- package/dist/svgMap.js +340 -143
- package/dist/svgMap.js.map +1 -1
- package/dist/svgMap.min.css +1 -1
- package/dist/svgMap.min.js +1 -1
- package/package.json +4 -4
- package/src/js/core/svg-map.js +340 -143
- package/src/scss/map.scss +4 -0
- package/src/scss/tooltip.scss +26 -6
package/dist/svgMap.css
CHANGED
|
@@ -200,7 +200,12 @@
|
|
|
200
200
|
stroke-width: 1.5;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.svgMap-
|
|
203
|
+
.svgMap-wrapper.svgMap-country-click-callback .svgMap-map-wrapper .svgMap-country {
|
|
204
|
+
cursor: pointer;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.svgMap-tooltip,
|
|
208
|
+
.svgMap-persistent-tooltip {
|
|
204
209
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
205
210
|
position: absolute;
|
|
206
211
|
z-index: 2;
|
|
@@ -208,32 +213,33 @@
|
|
|
208
213
|
background: #fff;
|
|
209
214
|
transform: translate(-50%, -100%);
|
|
210
215
|
border-bottom: 1px solid #111;
|
|
211
|
-
display: none;
|
|
212
216
|
pointer-events: none;
|
|
213
217
|
min-width: 60px;
|
|
214
218
|
}
|
|
215
|
-
.svgMap-tooltip.svgMap-tooltip-flipped
|
|
219
|
+
.svgMap-tooltip.svgMap-tooltip-flipped,
|
|
220
|
+
.svgMap-persistent-tooltip.svgMap-tooltip-flipped {
|
|
216
221
|
transform: translate(-50%, 0);
|
|
217
222
|
border-bottom: 0;
|
|
218
223
|
border-top: 1px solid #111;
|
|
219
224
|
}
|
|
220
|
-
.svgMap-tooltip.svgMap-
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
.svgMap-tooltip .svgMap-tooltip-content-container {
|
|
225
|
+
.svgMap-tooltip .svgMap-tooltip-content-container,
|
|
226
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container {
|
|
224
227
|
position: relative;
|
|
225
228
|
padding: 10px 20px;
|
|
226
229
|
}
|
|
227
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container
|
|
230
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container,
|
|
231
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
|
|
228
232
|
text-align: center;
|
|
229
233
|
margin: 2px 0 5px;
|
|
230
234
|
}
|
|
231
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji
|
|
235
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji,
|
|
236
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji {
|
|
232
237
|
font-size: 50px;
|
|
233
238
|
line-height: 0;
|
|
234
239
|
padding: 25px 0 15px;
|
|
235
240
|
}
|
|
236
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag
|
|
241
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag,
|
|
242
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
|
|
237
243
|
display: block;
|
|
238
244
|
margin: auto;
|
|
239
245
|
width: auto;
|
|
@@ -242,47 +248,56 @@
|
|
|
242
248
|
background: rgba(0, 0, 0, 0.15);
|
|
243
249
|
border-radius: 2px;
|
|
244
250
|
}
|
|
245
|
-
.svgMap-tooltip .svgMap-tooltip-title
|
|
251
|
+
.svgMap-tooltip .svgMap-tooltip-title,
|
|
252
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-title {
|
|
246
253
|
white-space: nowrap;
|
|
247
254
|
font-size: 18px;
|
|
248
255
|
line-height: 28px;
|
|
249
256
|
padding: 0 0 8px;
|
|
250
257
|
text-align: center;
|
|
251
258
|
}
|
|
252
|
-
.svgMap-tooltip .svgMap-tooltip-content
|
|
259
|
+
.svgMap-tooltip .svgMap-tooltip-content,
|
|
260
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content {
|
|
253
261
|
white-space: nowrap;
|
|
254
262
|
text-align: center;
|
|
255
263
|
font-size: 14px;
|
|
256
264
|
color: #777;
|
|
257
265
|
margin: -5px 0 0;
|
|
258
266
|
}
|
|
259
|
-
.svgMap-tooltip .svgMap-tooltip-content table
|
|
267
|
+
.svgMap-tooltip .svgMap-tooltip-content table,
|
|
268
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table {
|
|
260
269
|
padding: 0;
|
|
261
270
|
border-spacing: 0px;
|
|
262
271
|
margin: auto;
|
|
263
272
|
}
|
|
264
|
-
.svgMap-tooltip .svgMap-tooltip-content table td
|
|
273
|
+
.svgMap-tooltip .svgMap-tooltip-content table td,
|
|
274
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td {
|
|
265
275
|
padding: 2px 0;
|
|
266
276
|
text-align: left;
|
|
267
277
|
}
|
|
268
|
-
.svgMap-tooltip .svgMap-tooltip-content table td span
|
|
278
|
+
.svgMap-tooltip .svgMap-tooltip-content table td span,
|
|
279
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td span {
|
|
269
280
|
color: #111;
|
|
270
281
|
}
|
|
271
|
-
.svgMap-tooltip .svgMap-tooltip-content table td:first-child
|
|
282
|
+
.svgMap-tooltip .svgMap-tooltip-content table td:first-child,
|
|
283
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td:first-child {
|
|
272
284
|
padding-right: 10px;
|
|
273
285
|
text-align: right;
|
|
274
286
|
}
|
|
275
|
-
.svgMap-tooltip .svgMap-tooltip-content table td sup
|
|
287
|
+
.svgMap-tooltip .svgMap-tooltip-content table td sup,
|
|
288
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td sup {
|
|
276
289
|
vertical-align: baseline;
|
|
277
290
|
position: relative;
|
|
278
291
|
top: -5px;
|
|
279
292
|
}
|
|
280
|
-
.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data
|
|
293
|
+
.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data,
|
|
294
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {
|
|
281
295
|
padding: 2px 0;
|
|
282
296
|
color: #777;
|
|
283
297
|
font-style: italic;
|
|
284
298
|
}
|
|
285
|
-
.svgMap-tooltip .svgMap-tooltip-pointer
|
|
299
|
+
.svgMap-tooltip .svgMap-tooltip-pointer,
|
|
300
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-pointer {
|
|
286
301
|
position: absolute;
|
|
287
302
|
top: 100%;
|
|
288
303
|
left: 50%;
|
|
@@ -291,7 +306,8 @@
|
|
|
291
306
|
height: 10px;
|
|
292
307
|
width: 30px;
|
|
293
308
|
}
|
|
294
|
-
.svgMap-tooltip .svgMap-tooltip-pointer::after
|
|
309
|
+
.svgMap-tooltip .svgMap-tooltip-pointer::after,
|
|
310
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-pointer::after {
|
|
295
311
|
content: "";
|
|
296
312
|
width: 20px;
|
|
297
313
|
height: 20px;
|
|
@@ -302,8 +318,32 @@
|
|
|
302
318
|
left: 50%;
|
|
303
319
|
transform: translateX(-50%) rotate(45deg);
|
|
304
320
|
}
|
|
305
|
-
.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer
|
|
321
|
+
.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer,
|
|
322
|
+
.svgMap-persistent-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer {
|
|
306
323
|
bottom: auto;
|
|
307
324
|
top: -10px;
|
|
308
325
|
transform: translateX(-50%) scaleY(-1);
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.svgMap-tooltip {
|
|
329
|
+
display: none;
|
|
330
|
+
}
|
|
331
|
+
.svgMap-tooltip.svgMap-active {
|
|
332
|
+
display: block;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.svgMap-persistent-tooltips,
|
|
336
|
+
.svgMap-persistent-tooltip-wrapper {
|
|
337
|
+
pointer-events: none;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.svgMap-persistent-tooltip-wrapper {
|
|
341
|
+
overflow: visible;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.svgMap-persistent-tooltip {
|
|
345
|
+
display: block;
|
|
346
|
+
left: 0;
|
|
347
|
+
top: 0;
|
|
348
|
+
width: max-content;
|
|
309
349
|
}
|