svgmap 2.10.0 → 2.11.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 +64 -40
- package/assets/map-optimized.svg +0 -49
- package/demo/es6/package-lock.json +45 -41
- package/demo/es6/package.json +1 -1
- package/demo/react/app/README.md +70 -0
- package/demo/react/app/package-lock.json +12052 -0
- package/demo/react/app/package.json +39 -0
- package/demo/react/app/public/favicon.ico +0 -0
- package/demo/react/app/public/index.html +43 -0
- package/demo/react/app/public/logo192.png +0 -0
- package/demo/react/app/public/logo512.png +0 -0
- package/demo/react/app/public/manifest.json +25 -0
- package/demo/react/app/public/robots.txt +3 -0
- package/demo/react/app/src/App.css +4 -0
- package/demo/react/app/src/App.js +54 -0
- package/demo/react/app/src/App.test.js +8 -0
- package/demo/react/app/src/index.css +13 -0
- package/demo/react/app/src/index.js +17 -0
- package/demo/react/app/src/logo.svg +1 -0
- package/demo/react/app/src/reportWebVitals.js +13 -0
- package/demo/react/app/src/setupTests.js +5 -0
- package/dist/svgMap.css +35 -27
- package/dist/svgMap.js +3 -19
- package/dist/svgMap.min.css +1 -1
- package/dist/svgMap.min.js +1 -1
- package/package.json +2 -2
- package/src/js/svgMap.js +3 -19
- package/src/scss/map.scss +63 -42
- package/src/scss/tooltip.scss +8 -8
- package/src/scss/variables.scss +27 -5
package/README.md
CHANGED
|
@@ -23,8 +23,8 @@ import 'svgmap/dist/svgMap.min.css';
|
|
|
23
23
|
|
|
24
24
|
```html
|
|
25
25
|
<script src="https://cdn.jsdelivr.net/npm/svg-pan-zoom@3.6.1/dist/svg-pan-zoom.min.js"></script>
|
|
26
|
-
<script src="https://cdn.jsdelivr.net/gh/StephanWagner/svgMap@v2.10.
|
|
27
|
-
<link href="https://cdn.jsdelivr.net/gh/StephanWagner/svgMap@v2.10.
|
|
26
|
+
<script src="https://cdn.jsdelivr.net/gh/StephanWagner/svgMap@v2.10.1/dist/svgMap.min.js"></script>
|
|
27
|
+
<link href="https://cdn.jsdelivr.net/gh/StephanWagner/svgMap@v2.10.1/dist/svgMap.min.css" rel="stylesheet">
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
---
|
|
@@ -74,45 +74,69 @@ https://stephanwagner.me/create-world-map-charts-with-svgmap#svgMapDemoGDP
|
|
|
74
74
|
|
|
75
75
|
You can pass the following options into svgMap:
|
|
76
76
|
|
|
77
|
-
| Option
|
|
78
|
-
|
|
79
|
-
| `targetElementID`
|
|
80
|
-
| `minZoom`
|
|
81
|
-
| `maxZoom`
|
|
82
|
-
| `initialZoom`
|
|
83
|
-
| `initialPan`
|
|
84
|
-
| `showContinentSelector`
|
|
85
|
-
| `zoomScaleSensitivity`
|
|
86
|
-
| `showZoomReset`
|
|
87
|
-
| `mouseWheelZoomEnabled`
|
|
88
|
-
| `mouseWheelZoomWithKey`
|
|
89
|
-
| `mouseWheelKeyMessage`
|
|
90
|
-
| `mouseWheelKeyMessageMac`
|
|
91
|
-
| `colorMax`
|
|
92
|
-
| `colorMin`
|
|
93
|
-
| `colorNoData`
|
|
94
|
-
| `flagType`
|
|
95
|
-
| `flagURL`
|
|
96
|
-
| `hideFlag`
|
|
97
|
-
| `noDataText`
|
|
98
|
-
| `touchLink`
|
|
99
|
-
| `onGetTooltip`
|
|
100
|
-
| `countries`
|
|
101
|
-
| `↳ EH`
|
|
102
|
-
|
|
|
103
|
-
| `
|
|
104
|
-
| `↳
|
|
105
|
-
| `↳
|
|
106
|
-
| `↳
|
|
107
|
-
| `↳
|
|
108
|
-
| `↳
|
|
109
|
-
| `↳
|
|
110
|
-
| `↳
|
|
111
|
-
| `↳
|
|
112
|
-
| `↳
|
|
113
|
-
|
|
|
114
|
-
|
|
77
|
+
| Option | Type | Default | |
|
|
78
|
+
|----------------------------------------------------------------|----------------------|-----------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|
|
79
|
+
| `targetElementID` | `string` | | The ID of the element where the world map will render (Required) |
|
|
80
|
+
| `minZoom` | `float` | `1` | Minimal zoom level |
|
|
81
|
+
| `maxZoom` | `float` | `25` | Maximal zoom level |
|
|
82
|
+
| `initialZoom` | `float` | `1.06` | Initial zoom level |
|
|
83
|
+
| `initialPan` | `object` | | Initial pan on x and y axis (e.g. `{ x: 30, y: 60 }`) |
|
|
84
|
+
| `showContinentSelector` | `boolean` | `false` | Show continent selector |
|
|
85
|
+
| `zoomScaleSensitivity` | `float` | `0.2` | Sensitivity when zooming |
|
|
86
|
+
| `showZoomReset` | `boolean` | `false` | Show zoom reset button |
|
|
87
|
+
| `mouseWheelZoomEnabled` | `boolean` | `true` | Enables or disables zooming with the scroll wheel |
|
|
88
|
+
| `mouseWheelZoomWithKey` | `boolean` | `false` | Allow zooming only when one of the following keys is pressed: SHIFT, CONTROL, ALT, COMMAND, OPTION |
|
|
89
|
+
| `mouseWheelKeyMessage` | `string` | `'Press the [ALT] key to zoom'` | The message when trying to scroll without a key |
|
|
90
|
+
| `mouseWheelKeyMessageMac` | `string ` | `Press the [COMMAND] key to zoom` | The message when trying to scroll without a key on MacOS |
|
|
91
|
+
| `colorMax` | `string` | `'#CC0033'` | Color for highest value |
|
|
92
|
+
| `colorMin` | `string` | `'#FFE5D9'` | Color for lowest value |
|
|
93
|
+
| `colorNoData` | `string` | `'#E2E2E2'` | Color when there is no data |
|
|
94
|
+
| `flagType` | `'image'`, `'emoji'` | `'image'` | The type of the flag in the tooltip |
|
|
95
|
+
| `flagURL` | `string` | | The URL to the flags when using flag type `'image'`. The placeholder `{0}` will get replaced with the lowercase [ISO 3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) country code. Default: `'https://cdn.jsdelivr.net/gh/hjnilsson/country-flags@latest/svg/{0}.svg'` |
|
|
96
|
+
| `hideFlag` | `boolean` | `false` | Hide the flag in tooltips |
|
|
97
|
+
| `noDataText` | `string` | `'No data available'` | The text to be shown when no data is present |
|
|
98
|
+
| `touchLink` | `boolean` | `false` | Set to `true` to open the link (see `data.values.link`) on mobile devices, by default the tooltip will be shown |
|
|
99
|
+
| `onGetTooltip` | `function` | | Called when a tooltip is created to custimize the tooltip content (`function (tooltipDiv, countryID, countryValues) { return 'Custom HTML'; }`) |
|
|
100
|
+
| `countries` | `object` | | Additional options specific to countries: |
|
|
101
|
+
| `↳ EH` | `boolean` | `true` | When set to `false`, Western Sahara (EH) will be combined with Morocco (MA) |
|
|
102
|
+
| `data` | `object` | | The chart data to use for coloring and to show in the tooltip. Use a unique data-id as key and provide following options as value: |
|
|
103
|
+
| `↳ name` | `string` | | The name of the data, it will be shown in the tooltip |
|
|
104
|
+
| `↳ format` | `string` | | The format for the data value, `{0}` will be replaced with the actual value |
|
|
105
|
+
| `↳ thousandSeparator` | `string` | `','` | The character to use as thousand separator |
|
|
106
|
+
| `↳ thresholdMax` | `number` | `null` | Maximal value to use for coloring calculations |
|
|
107
|
+
| `↳ thresholdMin` | `number` | `0` | Minimum value to use for coloring calculations |
|
|
108
|
+
| `↳ applyData` | `string` | | The ID (key) of the data that will be used for coloring |
|
|
109
|
+
| `↳ values` | `object` | | An object with the [ISO 3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) country code as key and the chart data for each country as value |
|
|
110
|
+
| `↳ color` | `string` | | Forces a color for this country |
|
|
111
|
+
| `↳ link` | `string` | | An URL to redirect to when clicking the country |
|
|
112
|
+
| `↳ linkTarget` | `string` | | The target of the link. By default the link will be opened in the same tab. Use `'_blank'` to open the link in a new tab |
|
|
113
|
+
| `countryNames` | `object` | | An object with the [ISO 3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) country code as key and the country name as value |
|
|
114
|
+
---
|
|
115
115
|
|
|
116
|
+
## Styling
|
|
117
|
+
You can overwrite the following scss variables to customize the style of the map:
|
|
118
|
+
|
|
119
|
+
| Variable | Default |
|
|
120
|
+
|---------------------------------|------------------------------|
|
|
121
|
+
| $textColor | #111 |
|
|
122
|
+
| $textColorLight | #777 |
|
|
123
|
+
| $oceanColor | #d9ecff |
|
|
124
|
+
| $mapActiveStrokeColor | #333 |
|
|
125
|
+
| $mapActiveStrokeWidth | 1.5 |
|
|
126
|
+
| $blockZoomNoticeColor | #fff |
|
|
127
|
+
| $blockZoomNoticeBackgroundColor | rgba(0, 0, 0, 0.8) |
|
|
128
|
+
| $mapControlsColor | #fff |
|
|
129
|
+
| $mapControlsBackgroundColor | #fff |
|
|
130
|
+
| $mapControlsIconColor | #ccc |
|
|
131
|
+
| $mapControlsIconColorActive | #000 |
|
|
132
|
+
| $mapControlsDisabledColor | #eee |
|
|
133
|
+
| $mapControlsBoxShadow | 0 0 0 2px rgba(0, 0, 0, 0.1) |
|
|
134
|
+
| $mapTooltipColor | #111 |
|
|
135
|
+
| $mapTooltipBackgroundColor | #fff |
|
|
136
|
+
| $mapTooltipFlagBackgroundColor | rgba(0, 0, 0, 0.15) |
|
|
137
|
+
| $mapTooltipBoxShadowColor | rgba(0, 0, 0, 0.2) |
|
|
138
|
+
| $continentControlsBoxShadow | 0 0 0 2px rgba(0, 0, 0, 0.1) |
|
|
139
|
+
| $countryStrokeColor | #fff |
|
|
116
140
|
---
|
|
117
141
|
|
|
118
142
|
## Localize
|
package/assets/map-optimized.svg
CHANGED
|
@@ -581,55 +581,6 @@
|
|
|
581
581
|
l2.9,2.5l0.8,1.9l3.2,1.5l0.7,2.5l3.1,1.8l1.4-1.3l1.4,0.7l-1.1,1.1l1,1l1.8,2.6l1.9-0.5l4,1l7.5,0.3l2.3-1.6l5.8-1.4l4,2.2l3,0.7
|
|
582
582
|
l0.4-7.4l1.6,0.5l2.3-1.3l-0.4-1.6l-2.4-1.1l-2.2,1l-2.4-1.1l-1.3-2.8l0.2-2.7l-0.6-2.7l-3.4-3.7l-1.9-2.6l-1.8-1.9L1108.1,266.3
|
|
583
583
|
L1108.1,266.3z"/>
|
|
584
|
-
<path id="UA-WITHOUT-CRIMEA" d="M1138.5,241l-4.8,0.5l-1.5-0.3l-1,1.4l-1.8-0.2l0,0l-4.1,0.3l-1.2,1.4l0.2,3.1l-2-0.6l-4.3,0.3
|
|
585
|
-
l-1.5-1.5l-1.6,1.1l-2-0.9l-3.8-0.1l-5.6-1.5l-5-0.5l-3.7,0.2l-2.4,1.6l-2.2,0.3l3.1,5.3l-0.3,1.8l-2.3,0.7l-3.8,5.1l1.6,2.8
|
|
586
|
-
l-1.1-0.4l-1.1,1.7l-0.7,2.5l2.9,1.7l0.6,1.6l1.9-1.3l3.2,0.7h3.2l2.4,1.5l1.6-0.9l3.6-0.6l1-1.5h2.1l1.1-0.9l3.2-0.6l3.9,1.9l2,0.3
|
|
587
|
-
l2.5,1.6v2.1l1.9,1.1l1.1,2.6l2,1.5l-0.2,1l1,0.6l-1.2,0.5l-3-0.2l-0.6-0.9l-1,0.5l0.5,1.1l-1.1,2l-0.5,2.1l-1.2,0.7l2.4,1.1l2.2-1
|
|
588
|
-
l2.4,1.1l3.3-4.6l1.3-3.4l4.5-0.8l0.7,2.4l8,1.5l1.7,1.4l7.4,1.3l-1-3.9l3.9-2.3l4.6-0.3l3-2l3.9-0.5l-0.4-2.8l2.2-1.7l4.7-0.5
|
|
589
|
-
l0.3-2.1l-1.8-3.4l1.3-3.2l-0.4-1.9l-7.6-2l-2.9,0.1l-3.6-2.9l-3.5,1l-6.6-2.2l-0.2-1.2l-2.2-2.7l-4.7-2.1l0.9-1.3L1138.5,241
|
|
590
|
-
L1138.5,241z"/>
|
|
591
|
-
<path id="RU-WITH-CRIMEA" d="M1145,281l-4.5,2.1l-0.7,1.2l5.8,1.8l-0.6,2.9l3,1.3l6.3-3.6l5.3-1.1l0.6-2.2l-5.1,0.4l-2.7-1.5
|
|
592
|
-
L1145,281z M1332.3,95.1l-4.5-4l-13.6-4.1l-9.4-2.1l-6.2,0.9l-5.3,2.9l5.8,0.8l6.6,3.2l8,1.7l11.5,1.3
|
|
593
|
-
C1325.2,95.7,1332.3,95.1,1332.3,95.1z M1153.6,87.8l0.9-0.6l-5.7-0.9L1146,87l-1.3,1l-1.5-1.2l-5.2,0.1l-6.2,0.8l7.7,0.1l-1.1,1.3
|
|
594
|
-
l4.4,1l3.6-0.7l0.1-0.7l2.9-0.3C1149.4,88.4,1153.6,87.8,1153.6,87.8z M1354.1,97.7l-1.5-1.8l-12.5-2.6l-3-0.3l-2.2,0.5l1.2,6
|
|
595
|
-
C1336.1,99.5,1354.1,97.7,1354.1,97.7z M1369.3,104l-9.2-0.7l3.4-1.2l-8.2-1.5l-6.1,1.9l-1,2l1.5,2.1l-6.9-0.1l-5.3,2.6l-4.3-1.1
|
|
596
|
-
l-9.3,0.5l0.3,1.3l-9.2,0.7l-4.9,2.4l-4.2,0.2l-1.2,3.3l5.5,2.6l-7.7,0.7l-9.5-0.3l-5.8,1.1l4.8,5.4l6.9,4.3l-9.6-3l-7.9,0.3l-5.1,2
|
|
597
|
-
l4.5,3.8l-4.9-1l-2.1-5l-4.2-2.8l-1.8,0.1l3.6,3.7l-4.6,3.5l8.1,4.2l0.4,5.4l2.9,2.9l4.7,0.5l0.4,3.5l4.4,3.1l-1.9,2.6l0.5,2.7
|
|
598
|
-
l-3.7,1.4l-0.5,2l-5.3-0.8l3.5-7.8l-0.5-3.6l-6.7-3.3l-3.8-7.3l-3.7-3.7l-3.6-1.6l0.8-4.2l-2.9-2.9l-11.3-1.4l-2.1,1l0.5,4.7
|
|
599
|
-
l-4.3,4.7l1.2,1.7l4.7,4.1l0.1,2.6l5.3,0.5l0.8,1.1l5.8,2.9l-1,2.8l-18.5-6.1l-6.6-1.7l-12.8-1.6l-1.2,1.7l5.9,3.1l-2.7,3.6
|
|
600
|
-
l-6.4-3.2l-5,2.2l-7.6,0.1l-2.1,1.9l-5.3-0.6l2.5-3.3l-3.2-0.2l-12.3,4.6l-7.6,2.6l0.4,3.5l-6,1.2l-4-1.9l-1.2-3l5-0.7l-3.6-3
|
|
601
|
-
l-12.2-1.8l4.3,3.4l-0.8,3.2l4.7,3.3l-1.1,3.8l-4.6-1.9l-4-0.3l-8,5.4l4.2,4.1l-3.2,1.4l-11.4-3.5l-2.1,2.1l3.3,2.4l0.2,2.7
|
|
602
|
-
l-3.8-1.4l-6-1.7l-1.9-5.8l-1-2.6l-8-4l2.9-0.7l20.1,4.2l6.4-1.5l3.7-2.9l-1.6-3.6l-4-2.6l-17.6-6.1l-11.6-1.3l-7.6-3.2l-3.6,1.8
|
|
603
|
-
l0,0l-6.4,2.2l-3.2,0.5l0.4,3.7l7.2,3.7l-2.8,4.1l6.4,6.3l-1.7,4.8l4.9,4.1l-0.9,3.7l7.3,3.9l-0.9,2.9l-3.3,3.3l-7.9,7.4l0,0
|
|
604
|
-
l5.3,2.8l-4.5,3.2l0,0l0.9,1l-2.6,3.4l2.5,5.5l-1.6,1.9l2.4,1.4l1,2.8l2.1,3.6l5.2,1.5l1,1.4l2.3-0.7l4.8,1.4l1,2.9l-0.6,1.6
|
|
605
|
-
l3.7,3.9l2.2,1.1l-0.1,1.1l3.4,1.1l1.7,1.6l-1.6,1.3l-3.9-0.2l-0.8,0.6l1.5,2l2,3.9l0,0l1.8,0.2l1-1.4l1.5,0.3l4.8-0.5l3.8,3.4
|
|
606
|
-
l-0.9,1.3l0.7,1.9l4,0.2l2.2,2.7l0.2,1.2l6.6,2.2l3.5-1l3.6,2.9l2.9-0.1l7.6,2l0.4,1.9l-1.3,3.2l1.8,3.4l-0.3,2.1l-4.7,0.5l-2.2,1.7
|
|
607
|
-
l0.4,2.8l4.2-1l0.4,1.3l-6.8,2.6l3.2,2.4l-3.2,5.2l-3.4,1l5,3.6l6.2,2.4l7.4,5.1l0.5-0.7l4.5,1.1l7.7,1l7.5,2.9l1.1,1.2l2.9-1
|
|
608
|
-
l5.1,1.3l2.1,2.5l3.5,1.4l1.5,0.2l4.3,3.8l2.4,0.4l0.5-1.5l2.6-2.5l0,0l-7.3-7.3l-0.4-4.1l-5.9-5.9l3.5-6.3l4.6-1.1l1.4-3.7l-2.8-1
|
|
609
|
-
l-0.2-3.2l-4.2-4.1l-3.6,0.2l-5.3-4.3l1.7-4.7l-1.7-1.2l2.1-6.8l6,3.6l-0.7-4.6l8.1-6.6l7.5-0.2l11.9,4.3l6.6,2.4l4.3-2.5l7.6-0.2
|
|
610
|
-
l7.3,3.2l0.8-1.8l6.9,0.3l0.2-3l-9.4-4.2l3.6-2.9l-1.5-1.7l3.9-1.6l-5-4.1l1.4-2.1l16.8-2.1l1.7-1.5l10.8-2.2l3.1-2.5l9,1.3l4.3,6.3
|
|
611
|
-
l4.3-1.5l7,2.1l1.2,3.3l4.4-0.4l9.1-5.7l-0.8,1.9l8.3,4.7l18.1,15.5l1.1-3.3l8.3,3.6l6.2-1.6l3.2,1.1l4.1,3.6l3.9,1.2l3.3,2.6l6-0.9
|
|
612
|
-
l4.3,3.8l1.7-0.5l4.7-1l6.6-5.4l5.9-2.9l5.3,1.9l5.1,0.1l4.7,2.9l5,0.2l7.9,1.6l2.4-4.3l-4-3.6l1.3-6.4l6.9,2.5l4.8,0.8l6.6,1.5
|
|
613
|
-
l3.7,4.6l8.4,2.6l3.9-1.1l5.7-0.8l5.4,0.8l6.5,3l4.9,3.1h4.5l6.7,1l3.6-1.6l5.8-1l4.5-4.4l3.3,0.7l3.9,2.1l5.5-0.5l7.3,2.3l4.4-3.9
|
|
614
|
-
l-1.9-2.7l-0.1-6.5l1.2-2l-2.5-3.3l-3.7-1.5l1.7-3l5.1-1.1l6.2-0.2l8.5,1.8l5.9,2.3l7.7,6.1l3.8,2.7l4.4,3.7l6.1,6.1l9.9,1.9
|
|
615
|
-
l8.9,4.5l6,5.8h7.5l2.6-2.5l6.9-1.8l1.3,5.6l-0.4,2.3l2.8,6.8l0.6,6l-6.8-1.1l-2.9,2.2l4.7,5.3l3.8,7.3l-2.5,0.1l1.9,3.1l0,0
|
|
616
|
-
l1.4,1.1l0,0l0,0l0,0l-0.4-2l4-4.5l5.1,3l3.2-0.1l4.4-3.6l1-3.7l2.1-7.1l1.9-7.2l-1.3-4.3l1-9l-5.2-9.9l-5.5-7.3l-1.3-6.2l-4.7-5.1
|
|
617
|
-
l-12.7-6.7l-5.6-0.4l-0.3,3l-5.8-1.3l-5.7-3.8l-8-0.7l4.9-14.1l3.5-11.5l13.1-1.8l14.9,1l2.5-2.8l7.9,0.8l4.3,4.3l6.4-0.6l8.4-1.6
|
|
618
|
-
l-7.7-3.5v-9.8l9.1-1.9l12.1,7.1l3.6-6.4l-3.2-4.7l4.7-0.5l6.5,8.1l-2.4,4.6l-0.8,6l0.3,7.5l-5.7,1.3l2.8,2.7l-0.1,3.6l6.4,8.3
|
|
619
|
-
l16,13.4l10.5,8.8l5.7,4.3l1.6-5.7l-4.5-6.2l5.7-1.5l-5.4-6.9l5-3.1l-4.7-2.6l-3.4-5l4.1-0.2l-9-8.6l-6.7-1.4l-2.9-2.4l-1.1-5.6
|
|
620
|
-
l-3.1-3.9l7,0.8l1.3-2.5l4.7,2.2l6.1-4.6l11.4,4l-1.7-2.6l2-3.6l1.5-4l3.1-0.7l6.5-4.3l9.8,1.2l-0.9-1.5l-3.8-2.3l-4.1-1.6l-9.1-4.6
|
|
621
|
-
l-8.1-3l6.1,0.4l2-2.5l0,0l-32.9-21.9l-9.4-2.3l-15.7-2.6l-7.9,0.3l-15.2-1.4l1.8,2.3l8.5,3.4l-2.5,1.8l-14.2-4.8l-6.8,0.6l-9.2-1.1
|
|
622
|
-
l-7,0.2l-3.9,1.1l-7.2-1.6l-5.1-3.8l-6.5-2.2l-9.2-0.9l-14.7,1l-16.1-4l-7.8-3l-40.1-3.4l-2.1,2.2l9.3,4.8l-7.5-0.7l-1,1.5l-9.7-1.6
|
|
623
|
-
l-5,1.4l-9.3-2.4l3,5.5l-8.9-2.1l-10-4.1l-0.4-2.2l-6-3.3l-9.8-2.6h-6.1l-9.3-0.9l4.7,3.9l-17.2-0.8l-3.9-2.3l-13.3-0.9l-5.3,0.8
|
|
624
|
-
l-0.1,1.3l-5.8-3.2l-2.3,0.9l-7.2-1.2l-5.6-0.7l1.1-1.5l6.6-2.8l2.3-1.5l-2.4-2.5l-5.5-1.9l-11.5-2.3l-10.8-0.1l-1.9,1.2L1369.3,104
|
|
625
|
-
L1369.3,104z M1207.1,135.6l-9.9-4.3l-3.1-4.3l3.3-4.9l2.8-5l8.6-4.7l9.8-2.4l11.3-2.4l1.3-1.5l-4.2-1.9l-6.6,0.6l-4.9,1.8
|
|
626
|
-
l-11.7,0.9l-10.1,3.1l-6.8,2.7l2.5,2.2l-6.6,4.4l3.9,0.7l-5.4,4.3l1.6,2.8l-3.4,1.1l1.9,2.8l7.9,1.4l2.2,2.3l13.4,0.7L1207.1,135.6
|
|
627
|
-
L1207.1,135.6z M1521.1,110.9l-17.9-2.6l-10.2-0.2l-3.4,0.9l3.4,3.4l12.4,3.2l4.5-1.2l14.2,0.2
|
|
628
|
-
C1524.1,114.6,1521.1,110.9,1521.1,110.9z M1546.3,113.2l-11.7-1.3l-8.2-0.7l1.7,1.6l10.3,2l6.8,0.4L1546.3,113.2L1546.3,113.2z
|
|
629
|
-
M1533.8,122.7l-2.5-1.4l-8.3-1.9l-4.1,0.5l-0.8,2l1.1,0.2l8.8,0.6C1528,122.7,1533.8,122.7,1533.8,122.7z M1696.4,135l-6-3.6
|
|
630
|
-
l-1.4,2.2l3.5,1.6L1696.4,135z M1084,228.9l-0.6-1.5l0.2-1.7l-2.2-0.9l-5-1.1l-6.3,2l-0.7,2.6l5.9,0.7L1084,228.9z M1673.7,250.7
|
|
631
|
-
l-7.2-6.2l-5.1-6l-6.8-5.8l-4.9-4l-1.3,0.8l4.4,2.8l-1.9,2.8l6.8,8.3l7.8,6l6.4,8.3l2.4,4.6l5.5,6.8l3.8,6l4.6,5.2l-0.1-4.8l6.5,3.8
|
|
632
|
-
l-3-4.4l-9.5-6.3l-3.7-9l8.9,2L1673.7,250.7L1673.7,250.7z"/>
|
|
633
584
|
<path id="UA" d="M1138.5,241l-4.8,0.5l-1.5-0.3l-1,1.4l-1.8-0.2l0,0l-4.1,0.3l-1.2,1.4l0.2,3.1l-2-0.6l-4.3,0.3l-1.5-1.5
|
|
634
585
|
l-1.6,1.1l-2-0.9l-3.8-0.1l-5.6-1.5l-5-0.5l-3.7,0.2l-2.4,1.6l-2.2,0.3l3.1,5.3l-0.3,1.8l-2.3,0.7l-3.8,5.1l1.6,2.8l-1.1-0.4
|
|
635
586
|
l-1.1,1.7l-0.7,2.5l2.9,1.7l0.6,1.6l1.9-1.3l3.2,0.7h3.2l2.4,1.5l1.6-0.9l3.6-0.6l1-1.5h2.1l1.1-0.9l3.2-0.6l3.9,1.9l2,0.3l2.5,1.6
|
|
@@ -584,12 +584,23 @@
|
|
|
584
584
|
}
|
|
585
585
|
},
|
|
586
586
|
"braces": {
|
|
587
|
-
"version": "3.0.
|
|
588
|
-
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.
|
|
589
|
-
"integrity": "sha512-
|
|
587
|
+
"version": "3.0.3",
|
|
588
|
+
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
|
|
589
|
+
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
|
|
590
590
|
"dev": true,
|
|
591
591
|
"requires": {
|
|
592
|
-
"fill-range": "^7.
|
|
592
|
+
"fill-range": "^7.1.1"
|
|
593
|
+
},
|
|
594
|
+
"dependencies": {
|
|
595
|
+
"fill-range": {
|
|
596
|
+
"version": "7.1.1",
|
|
597
|
+
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
|
|
598
|
+
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
|
|
599
|
+
"dev": true,
|
|
600
|
+
"requires": {
|
|
601
|
+
"to-regex-range": "^5.0.1"
|
|
602
|
+
}
|
|
603
|
+
}
|
|
593
604
|
}
|
|
594
605
|
},
|
|
595
606
|
"bufferutil": {
|
|
@@ -1251,15 +1262,6 @@
|
|
|
1251
1262
|
"integrity": "sha512-skyI2Laxtj9GYzmktPgY6DT8uswXq+VoxH26SskykvEhTSbi7tRM/787uZt/p8maxrQCJdzC90zX1btbxiJ6lw==",
|
|
1252
1263
|
"dev": true
|
|
1253
1264
|
},
|
|
1254
|
-
"fill-range": {
|
|
1255
|
-
"version": "7.0.1",
|
|
1256
|
-
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
|
|
1257
|
-
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
|
|
1258
|
-
"dev": true,
|
|
1259
|
-
"requires": {
|
|
1260
|
-
"to-regex-range": "^5.0.1"
|
|
1261
|
-
}
|
|
1262
|
-
},
|
|
1263
1265
|
"find-cache-dir": {
|
|
1264
1266
|
"version": "3.3.2",
|
|
1265
1267
|
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
|
|
@@ -1513,9 +1515,9 @@
|
|
|
1513
1515
|
}
|
|
1514
1516
|
},
|
|
1515
1517
|
"http-cache-semantics": {
|
|
1516
|
-
"version": "4.1.
|
|
1517
|
-
"resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.
|
|
1518
|
-
"integrity": "sha512-
|
|
1518
|
+
"version": "4.1.1",
|
|
1519
|
+
"resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
|
|
1520
|
+
"integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
|
|
1519
1521
|
"dev": true
|
|
1520
1522
|
},
|
|
1521
1523
|
"http-proxy-agent": {
|
|
@@ -1665,9 +1667,9 @@
|
|
|
1665
1667
|
"dev": true
|
|
1666
1668
|
},
|
|
1667
1669
|
"ip": {
|
|
1668
|
-
"version": "1.1.
|
|
1669
|
-
"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.
|
|
1670
|
-
"integrity": "sha512-
|
|
1670
|
+
"version": "1.1.9",
|
|
1671
|
+
"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
|
|
1672
|
+
"integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==",
|
|
1671
1673
|
"dev": true
|
|
1672
1674
|
},
|
|
1673
1675
|
"is-arrayish": {
|
|
@@ -1918,9 +1920,9 @@
|
|
|
1918
1920
|
"dev": true
|
|
1919
1921
|
},
|
|
1920
1922
|
"loader-utils": {
|
|
1921
|
-
"version": "3.2.
|
|
1922
|
-
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.
|
|
1923
|
-
"integrity": "sha512-
|
|
1923
|
+
"version": "3.2.1",
|
|
1924
|
+
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
|
|
1925
|
+
"integrity": "sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==",
|
|
1924
1926
|
"dev": true
|
|
1925
1927
|
},
|
|
1926
1928
|
"locate-path": {
|
|
@@ -2151,12 +2153,6 @@
|
|
|
2151
2153
|
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
|
|
2152
2154
|
"dev": true
|
|
2153
2155
|
},
|
|
2154
|
-
"nanoid": {
|
|
2155
|
-
"version": "3.3.4",
|
|
2156
|
-
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
|
|
2157
|
-
"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
|
|
2158
|
-
"dev": true
|
|
2159
|
-
},
|
|
2160
2156
|
"negotiator": {
|
|
2161
2157
|
"version": "0.6.3",
|
|
2162
2158
|
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
|
|
@@ -2588,14 +2584,22 @@
|
|
|
2588
2584
|
}
|
|
2589
2585
|
},
|
|
2590
2586
|
"postcss": {
|
|
2591
|
-
"version": "8.4.
|
|
2592
|
-
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.
|
|
2593
|
-
"integrity": "sha512-
|
|
2587
|
+
"version": "8.4.31",
|
|
2588
|
+
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
|
|
2589
|
+
"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
|
|
2594
2590
|
"dev": true,
|
|
2595
2591
|
"requires": {
|
|
2596
|
-
"nanoid": "^3.3.
|
|
2592
|
+
"nanoid": "^3.3.6",
|
|
2597
2593
|
"picocolors": "^1.0.0",
|
|
2598
2594
|
"source-map-js": "^1.0.2"
|
|
2595
|
+
},
|
|
2596
|
+
"dependencies": {
|
|
2597
|
+
"nanoid": {
|
|
2598
|
+
"version": "3.3.6",
|
|
2599
|
+
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
|
|
2600
|
+
"integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
|
|
2601
|
+
"dev": true
|
|
2602
|
+
}
|
|
2599
2603
|
}
|
|
2600
2604
|
},
|
|
2601
2605
|
"postcss-modules": {
|
|
@@ -3185,9 +3189,9 @@
|
|
|
3185
3189
|
"integrity": "sha512-JaKkGHHfGvRrcMPdJWkssLBeWqM+Isg/a09H7kgNNajT1cX5AztDTNs+C8UzpCxjCTRrG34WbquwaovZbmSk9g=="
|
|
3186
3190
|
},
|
|
3187
3191
|
"svgmap": {
|
|
3188
|
-
"version": "2.
|
|
3189
|
-
"resolved": "https://registry.npmjs.org/svgmap/-/svgmap-2.
|
|
3190
|
-
"integrity": "sha512-
|
|
3192
|
+
"version": "2.10.0",
|
|
3193
|
+
"resolved": "https://registry.npmjs.org/svgmap/-/svgmap-2.10.0.tgz",
|
|
3194
|
+
"integrity": "sha512-6Mc/kTaAPOuW8LZAwhBkb9A6rLynWJ7kn9uWwBtd6VH5TvR1YX5FVe2k8NrdZ8RE9Qvve5g2HpMIDlS+ect+Fg==",
|
|
3191
3195
|
"requires": {
|
|
3192
3196
|
"svg-pan-zoom": "^3.6.1"
|
|
3193
3197
|
}
|
|
@@ -3364,9 +3368,9 @@
|
|
|
3364
3368
|
}
|
|
3365
3369
|
},
|
|
3366
3370
|
"vm2": {
|
|
3367
|
-
"version": "3.9.
|
|
3368
|
-
"resolved": "https://registry.npmjs.org/vm2/-/vm2-3.9.
|
|
3369
|
-
"integrity": "sha512-
|
|
3371
|
+
"version": "3.9.18",
|
|
3372
|
+
"resolved": "https://registry.npmjs.org/vm2/-/vm2-3.9.18.tgz",
|
|
3373
|
+
"integrity": "sha512-iM7PchOElv6Uv6Q+0Hq7dcgDtWWT6SizYqVcvol+1WQc+E9HlgTCnPozbQNSP3yDV9oXHQOEQu530w2q/BCVZg==",
|
|
3370
3374
|
"dev": true,
|
|
3371
3375
|
"requires": {
|
|
3372
3376
|
"acorn": "^8.7.0",
|
|
@@ -3416,9 +3420,9 @@
|
|
|
3416
3420
|
}
|
|
3417
3421
|
},
|
|
3418
3422
|
"ws": {
|
|
3419
|
-
"version": "7.5.
|
|
3420
|
-
"resolved": "https://registry.npmjs.org/ws/-/ws-7.5.
|
|
3421
|
-
"integrity": "sha512
|
|
3423
|
+
"version": "7.5.10",
|
|
3424
|
+
"resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
|
|
3425
|
+
"integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
|
|
3422
3426
|
"dev": true
|
|
3423
3427
|
},
|
|
3424
3428
|
"yallist": {
|
package/demo/es6/package.json
CHANGED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
# Getting Started with Create React App
|
|
2
|
+
|
|
3
|
+
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
|
|
4
|
+
|
|
5
|
+
## Available Scripts
|
|
6
|
+
|
|
7
|
+
In the project directory, you can run:
|
|
8
|
+
|
|
9
|
+
### `npm start`
|
|
10
|
+
|
|
11
|
+
Runs the app in the development mode.\
|
|
12
|
+
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
|
|
13
|
+
|
|
14
|
+
The page will reload when you make changes.\
|
|
15
|
+
You may also see any lint errors in the console.
|
|
16
|
+
|
|
17
|
+
### `npm test`
|
|
18
|
+
|
|
19
|
+
Launches the test runner in the interactive watch mode.\
|
|
20
|
+
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
|
21
|
+
|
|
22
|
+
### `npm run build`
|
|
23
|
+
|
|
24
|
+
Builds the app for production to the `build` folder.\
|
|
25
|
+
It correctly bundles React in production mode and optimizes the build for the best performance.
|
|
26
|
+
|
|
27
|
+
The build is minified and the filenames include the hashes.\
|
|
28
|
+
Your app is ready to be deployed!
|
|
29
|
+
|
|
30
|
+
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
|
|
31
|
+
|
|
32
|
+
### `npm run eject`
|
|
33
|
+
|
|
34
|
+
**Note: this is a one-way operation. Once you `eject`, you can't go back!**
|
|
35
|
+
|
|
36
|
+
If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
|
|
37
|
+
|
|
38
|
+
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
|
|
39
|
+
|
|
40
|
+
You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
|
|
41
|
+
|
|
42
|
+
## Learn More
|
|
43
|
+
|
|
44
|
+
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
|
|
45
|
+
|
|
46
|
+
To learn React, check out the [React documentation](https://reactjs.org/).
|
|
47
|
+
|
|
48
|
+
### Code Splitting
|
|
49
|
+
|
|
50
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
|
|
51
|
+
|
|
52
|
+
### Analyzing the Bundle Size
|
|
53
|
+
|
|
54
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
|
|
55
|
+
|
|
56
|
+
### Making a Progressive Web App
|
|
57
|
+
|
|
58
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
|
|
59
|
+
|
|
60
|
+
### Advanced Configuration
|
|
61
|
+
|
|
62
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
|
|
63
|
+
|
|
64
|
+
### Deployment
|
|
65
|
+
|
|
66
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
|
|
67
|
+
|
|
68
|
+
### `npm run build` fails to minify
|
|
69
|
+
|
|
70
|
+
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
|