@unovis/ts 1.1.1-beta.6 → 1.1.1-beta.7
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/declaration.d.ts +1 -0
- package/index.ts +1 -0
- package/licences.txt +43 -0
- package/maps.ts +1 -0
- package/package.json +1 -1
- package/rollup.config.js +71 -0
- package/rules/ts-getter-setter.js +35 -0
- package/src/components/area/config.ts +29 -0
- package/src/components/area/index.ts +133 -0
- package/{components/area/style.js → src/components/area/style.ts} +9 -10
- package/src/components/area/types.ts +2 -0
- package/src/components/axis/config.ts +76 -0
- package/src/components/axis/index.ts +363 -0
- package/{components/axis/style.js → src/components/axis/style.ts} +27 -22
- package/src/components/axis/types.ts +4 -0
- package/src/components/brush/config.ts +51 -0
- package/src/components/brush/index.ts +233 -0
- package/{components/brush/style.js → src/components/brush/style.ts} +15 -14
- package/src/components/brush/types.ts +8 -0
- package/src/components/bullet-legend/config.ts +38 -0
- package/src/components/bullet-legend/index.ts +104 -0
- package/{components/bullet-legend/style.js → src/components/bullet-legend/style.ts} +18 -16
- package/src/components/bullet-legend/types.ts +7 -0
- package/src/components/chord-diagram/config.ts +53 -0
- package/src/components/chord-diagram/index.ts +401 -0
- package/src/components/chord-diagram/modules/label.ts +155 -0
- package/src/components/chord-diagram/modules/link.ts +91 -0
- package/src/components/chord-diagram/modules/node.ts +80 -0
- package/{components/chord-diagram/style.js → src/components/chord-diagram/style.ts} +39 -30
- package/src/components/chord-diagram/types.ts +68 -0
- package/src/components/crosshair/config.ts +48 -0
- package/src/components/crosshair/index.ts +220 -0
- package/{components/crosshair/style.js → src/components/crosshair/style.ts} +12 -12
- package/src/components/crosshair/types.ts +15 -0
- package/src/components/donut/config.ts +65 -0
- package/src/components/donut/index.ts +148 -0
- package/src/components/donut/modules/arc.ts +86 -0
- package/{components/donut/style.js → src/components/donut/style.ts} +20 -18
- package/src/components/donut/types.ts +17 -0
- package/src/components/flow-legend/config.ts +31 -0
- package/src/components/flow-legend/index.ts +103 -0
- package/{components/flow-legend/style.js → src/components/flow-legend/style.ts} +25 -21
- package/src/components/flow-legend/types.ts +10 -0
- package/src/components/free-brush/config.ts +54 -0
- package/src/components/free-brush/index.ts +207 -0
- package/{components/free-brush/style.js → src/components/free-brush/style.ts} +12 -12
- package/src/components/free-brush/types.ts +8 -0
- package/src/components/graph/config.ts +280 -0
- package/src/components/graph/index.ts +809 -0
- package/src/components/graph/modules/layout-helpers.ts +96 -0
- package/src/components/graph/modules/layout.ts +502 -0
- package/src/components/graph/modules/link/helper.ts +105 -0
- package/src/components/graph/modules/link/index.ts +302 -0
- package/{components/graph/modules/link/style.js → src/components/graph/modules/link/style.ts} +45 -34
- package/src/components/graph/modules/node/helper.ts +162 -0
- package/src/components/graph/modules/node/index.ts +343 -0
- package/{components/graph/modules/node/style.js → src/components/graph/modules/node/style.ts} +72 -52
- package/src/components/graph/modules/panel/helper.ts +160 -0
- package/src/components/graph/modules/panel/index.ts +137 -0
- package/{components/graph/modules/panel/style.js → src/components/graph/modules/panel/style.ts} +42 -32
- package/src/components/graph/modules/shape.ts +108 -0
- package/src/components/graph/modules/zoom-levels.ts +6 -0
- package/src/components/graph/style.ts +72 -0
- package/src/components/graph/types.ts +152 -0
- package/src/components/grouped-bar/config.ts +40 -0
- package/src/components/grouped-bar/index.ts +325 -0
- package/{components/grouped-bar/style.js → src/components/grouped-bar/style.ts} +15 -14
- package/src/components/leaflet-flow-map/config.ts +60 -0
- package/src/components/leaflet-flow-map/index.ts +279 -0
- package/src/components/leaflet-flow-map/renderer-utils.ts +14 -0
- package/src/components/leaflet-flow-map/renderer.ts +146 -0
- package/{components/leaflet-flow-map/shaders.js → src/components/leaflet-flow-map/shaders.ts} +4 -7
- package/src/components/leaflet-flow-map/types.ts +18 -0
- package/src/components/leaflet-map/config.ts +234 -0
- package/src/components/leaflet-map/index.ts +808 -0
- package/src/components/leaflet-map/leaflet.css +625 -0
- package/src/components/leaflet-map/modules/clusterBackground.ts +34 -0
- package/src/components/leaflet-map/modules/donut.ts +37 -0
- package/src/components/leaflet-map/modules/map.ts +178 -0
- package/src/components/leaflet-map/modules/node.ts +208 -0
- package/src/components/leaflet-map/modules/selectionRing.ts +63 -0
- package/src/components/leaflet-map/modules/utils.ts +290 -0
- package/{components → src/components}/leaflet-map/renderer/leaflet-maplibre-gl.js +76 -78
- package/src/components/leaflet-map/renderer/map-style.ts +24 -0
- package/src/components/leaflet-map/renderer/mapboxgl/mapboxgl-dark-theme.json +35 -0
- package/src/components/leaflet-map/renderer/mapboxgl/mapboxgl-light-theme.json +35 -0
- package/src/components/leaflet-map/renderer/mapboxgl/mapboxgl-settings.json +2185 -0
- package/src/components/leaflet-map/renderer/mapboxgl-layer.ts +43 -0
- package/src/components/leaflet-map/renderer/mapboxgl-utils.ts +40 -0
- package/{components → src/components}/leaflet-map/renderer/maplibre-gl.css.js +2 -4
- package/src/components/leaflet-map/style.ts +217 -0
- package/src/components/leaflet-map/types.ts +75 -0
- package/src/components/line/config.ts +34 -0
- package/src/components/line/index.ts +188 -0
- package/{components/line/style.js → src/components/line/style.ts} +18 -16
- package/src/components/line/types.ts +3 -0
- package/src/components/nested-donut/config.ts +75 -0
- package/src/components/nested-donut/index.ts +176 -0
- package/src/components/nested-donut/modules/arc.ts +78 -0
- package/src/components/nested-donut/modules/label.ts +63 -0
- package/src/components/nested-donut/style.ts +82 -0
- package/src/components/nested-donut/types.ts +29 -0
- package/src/components/sankey/config.ts +195 -0
- package/src/components/sankey/index.ts +387 -0
- package/src/components/sankey/modules/label.ts +228 -0
- package/src/components/sankey/modules/link.ts +141 -0
- package/src/components/sankey/modules/node.ts +221 -0
- package/{components/sankey/style.js → src/components/sankey/style.ts} +60 -44
- package/src/components/sankey/types.ts +95 -0
- package/src/components/scatter/config.ts +49 -0
- package/src/components/scatter/index.ts +220 -0
- package/src/components/scatter/modules/point.ts +123 -0
- package/src/components/scatter/modules/utils.ts +150 -0
- package/{components/scatter/style.js → src/components/scatter/style.ts} +15 -14
- package/src/components/scatter/types.ts +21 -0
- package/src/components/stacked-bar/config.ts +42 -0
- package/src/components/stacked-bar/index.ts +267 -0
- package/{components/stacked-bar/style.js → src/components/stacked-bar/style.ts} +15 -14
- package/src/components/stacked-bar/types.ts +5 -0
- package/src/components/timeline/config.ts +49 -0
- package/src/components/timeline/index.ts +302 -0
- package/{components/timeline/style.js → src/components/timeline/style.ts} +39 -30
- package/src/components/tooltip/config.ts +69 -0
- package/src/components/tooltip/index.ts +220 -0
- package/{components → src/components}/tooltip/style.js +11 -14
- package/src/components/topojson-map/config.ts +124 -0
- package/src/components/topojson-map/index.ts +436 -0
- package/{components/topojson-map/style.js → src/components/topojson-map/style.ts} +33 -26
- package/src/components/topojson-map/types.ts +123 -0
- package/src/components/topojson-map/utils.ts +29 -0
- package/src/components/vis-controls/config.ts +16 -0
- package/src/components/vis-controls/index.ts +68 -0
- package/{components/vis-controls/style.js → src/components/vis-controls/style.ts} +34 -27
- package/src/components/vis-controls/types.ts +14 -0
- package/src/components/xy-labels/config.ts +56 -0
- package/src/components/xy-labels/index.ts +109 -0
- package/src/components/xy-labels/modules/label.ts +140 -0
- package/{components/xy-labels/style.js → src/components/xy-labels/style.ts} +15 -14
- package/src/components/xy-labels/types.ts +26 -0
- package/src/components.ts +56 -0
- package/src/containers/single-container/config.ts +15 -0
- package/src/containers/single-container/index.ts +150 -0
- package/src/containers/xy-container/config.ts +112 -0
- package/src/containers/xy-container/index.ts +407 -0
- package/src/containers.ts +6 -0
- package/src/core/component/config.ts +61 -0
- package/src/core/component/index.ts +154 -0
- package/src/core/component/types.ts +9 -0
- package/src/core/config/index.ts +12 -0
- package/src/core/container/config.ts +56 -0
- package/src/core/container/index.ts +136 -0
- package/src/core/xy-component/config.ts +46 -0
- package/src/core/xy-component/index.ts +90 -0
- package/src/data-models/core.ts +15 -0
- package/src/data-models/graph.ts +138 -0
- package/src/data-models/map-graph.ts +72 -0
- package/src/data-models/map.ts +18 -0
- package/src/data-models/series.ts +16 -0
- package/src/index.ts +7 -0
- package/src/maps/china-provinces.json +1 -0
- package/src/maps/fr-regions.json +1 -0
- package/src/maps/germany-regions.json +1 -0
- package/src/maps/ind-regions.json +1 -0
- package/src/maps/uk-regions.json +1 -0
- package/src/maps/us-counties.json +1 -0
- package/src/maps/us-states.json +1 -0
- package/src/maps/world-110m-alpha.json +1 -0
- package/src/maps/world-simple.json +1 -0
- package/src/maps/world-simplest.json +1 -0
- package/src/maps.ts +34 -0
- package/src/styles/colors.ts +28 -0
- package/src/styles/index.ts +38 -0
- package/{styles/sizes.js → src/styles/sizes.ts} +6 -8
- package/src/types/accessor.ts +5 -0
- package/src/types/component.ts +15 -0
- package/src/types/curve.ts +62 -0
- package/src/types/data.ts +5 -0
- package/src/types/direction.ts +6 -0
- package/src/types/graph.ts +40 -0
- package/src/types/map.ts +5 -0
- package/src/types/misc.ts +10 -0
- package/src/types/position.ts +23 -0
- package/src/types/scale.ts +47 -0
- package/src/types/shape.ts +7 -0
- package/src/types/spacing.ts +6 -0
- package/src/types/svg.ts +32 -0
- package/src/types/symbol.ts +21 -0
- package/src/types/text.ts +71 -0
- package/src/types.ts +31 -0
- package/src/utils/color.ts +41 -0
- package/src/utils/d3.ts +15 -0
- package/src/utils/data.ts +328 -0
- package/src/utils/html.ts +13 -0
- package/src/utils/map.ts +29 -0
- package/src/utils/misc.ts +54 -0
- package/src/utils/path.ts +196 -0
- package/src/utils/scale.ts +1 -0
- package/src/utils/style.ts +37 -0
- package/src/utils/svg.ts +49 -0
- package/src/utils/text.ts +529 -0
- package/src/utils/type.ts +9 -0
- package/tsconfig.json +29 -0
- package/components/area/config.d.ts +0 -25
- package/components/area/config.js +0 -16
- package/components/area/config.js.map +0 -1
- package/components/area/index.d.ts +0 -19
- package/components/area/index.js +0 -102
- package/components/area/index.js.map +0 -1
- package/components/area/style.d.ts +0 -3
- package/components/area/style.js.map +0 -1
- package/components/area/types.d.ts +0 -6
- package/components/axis/config.d.ts +0 -71
- package/components/axis/config.js +0 -32
- package/components/axis/config.js.map +0 -1
- package/components/axis/index.d.ts +0 -44
- package/components/axis/index.js +0 -305
- package/components/axis/index.js.map +0 -1
- package/components/axis/style.d.ts +0 -9
- package/components/axis/style.js.map +0 -1
- package/components/axis/types.d.ts +0 -4
- package/components/axis/types.js +0 -8
- package/components/axis/types.js.map +0 -1
- package/components/brush/config.d.ts +0 -42
- package/components/brush/config.js +0 -24
- package/components/brush/config.js.map +0 -1
- package/components/brush/index.d.ts +0 -28
- package/components/brush/index.js +0 -199
- package/components/brush/index.js.map +0 -1
- package/components/brush/style.d.ts +0 -5
- package/components/brush/style.js.map +0 -1
- package/components/brush/types.d.ts +0 -7
- package/components/brush/types.js +0 -8
- package/components/brush/types.js.map +0 -1
- package/components/bullet-legend/config.d.ts +0 -34
- package/components/bullet-legend/config.js +0 -16
- package/components/bullet-legend/config.js.map +0 -1
- package/components/bullet-legend/index.d.ts +0 -19
- package/components/bullet-legend/index.js +0 -79
- package/components/bullet-legend/index.js.map +0 -1
- package/components/bullet-legend/style.d.ts +0 -6
- package/components/bullet-legend/style.js.map +0 -1
- package/components/bullet-legend/types.d.ts +0 -7
- package/components/bullet-legend/types.js +0 -2
- package/components/bullet-legend/types.js.map +0 -1
- package/components/chord-diagram/config.d.ts +0 -44
- package/components/chord-diagram/config.js +0 -25
- package/components/chord-diagram/config.js.map +0 -1
- package/components/chord-diagram/index.d.ts +0 -42
- package/components/chord-diagram/index.js +0 -305
- package/components/chord-diagram/index.js.map +0 -1
- package/components/chord-diagram/modules/label.d.ts +0 -8
- package/components/chord-diagram/modules/label.js +0 -115
- package/components/chord-diagram/modules/label.js.map +0 -1
- package/components/chord-diagram/modules/link.d.ts +0 -21
- package/components/chord-diagram/modules/link.js +0 -63
- package/components/chord-diagram/modules/link.js.map +0 -1
- package/components/chord-diagram/modules/node.d.ts +0 -17
- package/components/chord-diagram/modules/node.js +0 -52
- package/components/chord-diagram/modules/node.js.map +0 -1
- package/components/chord-diagram/style.d.ts +0 -13
- package/components/chord-diagram/style.js.map +0 -1
- package/components/chord-diagram/types.d.ts +0 -58
- package/components/chord-diagram/types.js +0 -8
- package/components/chord-diagram/types.js.map +0 -1
- package/components/crosshair/config.d.ts +0 -43
- package/components/crosshair/config.js +0 -19
- package/components/crosshair/config.js.map +0 -1
- package/components/crosshair/index.d.ts +0 -35
- package/components/crosshair/index.js +0 -183
- package/components/crosshair/index.js.map +0 -1
- package/components/crosshair/style.d.ts +0 -4
- package/components/crosshair/style.js.map +0 -1
- package/components/crosshair/types.d.ts +0 -13
- package/components/crosshair/types.js +0 -2
- package/components/crosshair/types.js.map +0 -1
- package/components/donut/config.d.ts +0 -59
- package/components/donut/config.js +0 -28
- package/components/donut/config.js.map +0 -1
- package/components/donut/index.d.ts +0 -21
- package/components/donut/index.js +0 -107
- package/components/donut/index.js.map +0 -1
- package/components/donut/modules/arc.d.ts +0 -10
- package/components/donut/modules/arc.js +0 -59
- package/components/donut/modules/arc.js.map +0 -1
- package/components/donut/style.d.ts +0 -7
- package/components/donut/style.js.map +0 -1
- package/components/donut/types.d.ts +0 -20
- package/components/flow-legend/config.d.ts +0 -29
- package/components/flow-legend/config.js +0 -18
- package/components/flow-legend/config.js.map +0 -1
- package/components/flow-legend/index.d.ts +0 -16
- package/components/flow-legend/index.js +0 -75
- package/components/flow-legend/index.js.map +0 -1
- package/components/flow-legend/style.d.ts +0 -8
- package/components/flow-legend/style.js.map +0 -1
- package/components/flow-legend/types.d.ts +0 -9
- package/components/flow-legend/types.js +0 -8
- package/components/flow-legend/types.js.map +0 -1
- package/components/free-brush/config.d.ts +0 -45
- package/components/free-brush/config.js +0 -24
- package/components/free-brush/config.js.map +0 -1
- package/components/free-brush/index.d.ts +0 -20
- package/components/free-brush/index.js +0 -192
- package/components/free-brush/index.js.map +0 -1
- package/components/free-brush/style.d.ts +0 -4
- package/components/free-brush/style.js.map +0 -1
- package/components/free-brush/types.d.ts +0 -7
- package/components/free-brush/types.js +0 -9
- package/components/free-brush/types.js.map +0 -1
- package/components/graph/config.d.ts +0 -238
- package/components/graph/config.js +0 -84
- package/components/graph/config.js.map +0 -1
- package/components/graph/index.d.ts +0 -126
- package/components/graph/index.js +0 -656
- package/components/graph/index.js.map +0 -1
- package/components/graph/modules/layout-helpers.d.ts +0 -21
- package/components/graph/modules/layout-helpers.js +0 -69
- package/components/graph/modules/layout-helpers.js.map +0 -1
- package/components/graph/modules/layout.d.ts +0 -10
- package/components/graph/modules/layout.js +0 -399
- package/components/graph/modules/layout.js.map +0 -1
- package/components/graph/modules/link/helper.d.ts +0 -25
- package/components/graph/modules/link/helper.js +0 -74
- package/components/graph/modules/link/helper.js.map +0 -1
- package/components/graph/modules/link/index.d.ts +0 -11
- package/components/graph/modules/link/index.js +0 -212
- package/components/graph/modules/link/index.js.map +0 -1
- package/components/graph/modules/link/style.d.ts +0 -15
- package/components/graph/modules/link/style.js.map +0 -1
- package/components/graph/modules/node/helper.d.ts +0 -21
- package/components/graph/modules/node/helper.js +0 -126
- package/components/graph/modules/node/helper.js.map +0 -1
- package/components/graph/modules/node/index.d.ts +0 -11
- package/components/graph/modules/node/index.js +0 -252
- package/components/graph/modules/node/index.js.map +0 -1
- package/components/graph/modules/node/style.d.ts +0 -24
- package/components/graph/modules/node/style.js.map +0 -1
- package/components/graph/modules/panel/helper.d.ts +0 -18
- package/components/graph/modules/panel/helper.js +0 -111
- package/components/graph/modules/panel/helper.js.map +0 -1
- package/components/graph/modules/panel/index.d.ts +0 -7
- package/components/graph/modules/panel/index.js +0 -98
- package/components/graph/modules/panel/index.js.map +0 -1
- package/components/graph/modules/panel/style.d.ts +0 -14
- package/components/graph/modules/panel/style.js.map +0 -1
- package/components/graph/modules/shape.d.ts +0 -6
- package/components/graph/modules/shape.js +0 -80
- package/components/graph/modules/shape.js.map +0 -1
- package/components/graph/modules/zoom-levels.d.ts +0 -6
- package/components/graph/modules/zoom-levels.js +0 -10
- package/components/graph/modules/zoom-levels.js.map +0 -1
- package/components/graph/style.d.ts +0 -6
- package/components/graph/style.js +0 -66
- package/components/graph/style.js.map +0 -1
- package/components/graph/types.d.ts +0 -125
- package/components/graph/types.js +0 -30
- package/components/graph/types.js.map +0 -1
- package/components/grouped-bar/config.d.ts +0 -36
- package/components/grouped-bar/config.js +0 -20
- package/components/grouped-bar/config.js.map +0 -1
- package/components/grouped-bar/index.d.ts +0 -32
- package/components/grouped-bar/index.js +0 -249
- package/components/grouped-bar/index.js.map +0 -1
- package/components/grouped-bar/style.d.ts +0 -5
- package/components/grouped-bar/style.js.map +0 -1
- package/components/leaflet-flow-map/config.d.ts +0 -46
- package/components/leaflet-flow-map/config.js +0 -25
- package/components/leaflet-flow-map/config.js.map +0 -1
- package/components/leaflet-flow-map/index.d.ts +0 -52
- package/components/leaflet-flow-map/index.js +0 -220
- package/components/leaflet-flow-map/index.js.map +0 -1
- package/components/leaflet-flow-map/renderer-utils.d.ts +0 -5
- package/components/leaflet-flow-map/renderer-utils.js +0 -15
- package/components/leaflet-flow-map/renderer-utils.js.map +0 -1
- package/components/leaflet-flow-map/renderer.d.ts +0 -26
- package/components/leaflet-flow-map/renderer.js +0 -117
- package/components/leaflet-flow-map/renderer.js.map +0 -1
- package/components/leaflet-flow-map/shaders.d.ts +0 -2
- package/components/leaflet-flow-map/shaders.js.map +0 -1
- package/components/leaflet-flow-map/types.d.ts +0 -23
- package/components/leaflet-map/config.d.ts +0 -193
- package/components/leaflet-map/config.js +0 -71
- package/components/leaflet-map/config.js.map +0 -1
- package/components/leaflet-map/index.d.ts +0 -130
- package/components/leaflet-map/index.js +0 -690
- package/components/leaflet-map/index.js.map +0 -1
- package/components/leaflet-map/leaflet.css.js +0 -5
- package/components/leaflet-map/leaflet.css.js.map +0 -1
- package/components/leaflet-map/modules/clusterBackground.d.ts +0 -5
- package/components/leaflet-map/modules/clusterBackground.js +0 -27
- package/components/leaflet-map/modules/clusterBackground.js.map +0 -1
- package/components/leaflet-map/modules/donut.d.ts +0 -3
- package/components/leaflet-map/modules/donut.js +0 -25
- package/components/leaflet-map/modules/donut.js.map +0 -1
- package/components/leaflet-map/modules/map.d.ts +0 -14
- package/components/leaflet-map/modules/map.js +0 -154
- package/components/leaflet-map/modules/map.js.map +0 -1
- package/components/leaflet-map/modules/node.d.ts +0 -9
- package/components/leaflet-map/modules/node.js +0 -162
- package/components/leaflet-map/modules/node.js.map +0 -1
- package/components/leaflet-map/modules/selectionRing.d.ts +0 -7
- package/components/leaflet-map/modules/selectionRing.js +0 -41
- package/components/leaflet-map/modules/selectionRing.js.map +0 -1
- package/components/leaflet-map/modules/utils.d.ts +0 -50
- package/components/leaflet-map/modules/utils.js +0 -210
- package/components/leaflet-map/modules/utils.js.map +0 -1
- package/components/leaflet-map/renderer/leaflet-maplibre-gl.js.map +0 -1
- package/components/leaflet-map/renderer/map-style.d.ts +0 -4
- package/components/leaflet-map/renderer/map-style.js +0 -15
- package/components/leaflet-map/renderer/map-style.js.map +0 -1
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-dark-theme.json.js +0 -40
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-dark-theme.json.js.map +0 -1
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-light-theme.json.js +0 -40
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-light-theme.json.js.map +0 -1
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-settings.json.js +0 -4981
- package/components/leaflet-map/renderer/mapboxgl/mapboxgl-settings.json.js.map +0 -1
- package/components/leaflet-map/renderer/mapboxgl-layer.d.ts +0 -8
- package/components/leaflet-map/renderer/mapboxgl-layer.js +0 -27
- package/components/leaflet-map/renderer/mapboxgl-layer.js.map +0 -1
- package/components/leaflet-map/renderer/mapboxgl-utils.d.ts +0 -4
- package/components/leaflet-map/renderer/mapboxgl-utils.js +0 -39
- package/components/leaflet-map/renderer/mapboxgl-utils.js.map +0 -1
- package/components/leaflet-map/renderer/maplibre-gl.css.js.map +0 -1
- package/components/leaflet-map/style.d.ts +0 -52
- package/components/leaflet-map/style.js +0 -183
- package/components/leaflet-map/style.js.map +0 -1
- package/components/leaflet-map/types.d.ts +0 -75
- package/components/leaflet-map/types.js +0 -15
- package/components/leaflet-map/types.js.map +0 -1
- package/components/line/config.d.ts +0 -30
- package/components/line/config.js +0 -17
- package/components/line/config.js.map +0 -1
- package/components/line/index.d.ts +0 -27
- package/components/line/index.js +0 -152
- package/components/line/index.js.map +0 -1
- package/components/line/style.d.ts +0 -6
- package/components/line/style.js.map +0 -1
- package/components/line/types.d.ts +0 -12
- package/components/nested-donut/config.d.ts +0 -59
- package/components/nested-donut/config.js +0 -19
- package/components/nested-donut/config.js.map +0 -1
- package/components/nested-donut/index.d.ts +0 -38
- package/components/nested-donut/index.js +0 -133
- package/components/nested-donut/index.js.map +0 -1
- package/components/nested-donut/modules/arc.d.ts +0 -17
- package/components/nested-donut/modules/arc.js +0 -50
- package/components/nested-donut/modules/arc.js.map +0 -1
- package/components/nested-donut/modules/label.d.ts +0 -7
- package/components/nested-donut/modules/label.js +0 -34
- package/components/nested-donut/modules/label.js.map +0 -1
- package/components/nested-donut/style.d.ts +0 -26
- package/components/nested-donut/style.js +0 -70
- package/components/nested-donut/style.js.map +0 -1
- package/components/nested-donut/types.d.ts +0 -24
- package/components/nested-donut/types.js +0 -11
- package/components/nested-donut/types.js.map +0 -1
- package/components/sankey/config.d.ts +0 -162
- package/components/sankey/config.js +0 -65
- package/components/sankey/config.js.map +0 -1
- package/components/sankey/index.d.ts +0 -59
- package/components/sankey/index.js +0 -306
- package/components/sankey/index.js.map +0 -1
- package/components/sankey/modules/label.d.ts +0 -23
- package/components/sankey/modules/label.js +0 -168
- package/components/sankey/modules/label.js.map +0 -1
- package/components/sankey/modules/link.d.ts +0 -14
- package/components/sankey/modules/link.js +0 -108
- package/components/sankey/modules/link.js.map +0 -1
- package/components/sankey/modules/node.d.ts +0 -10
- package/components/sankey/modules/node.js +0 -156
- package/components/sankey/modules/node.js.map +0 -1
- package/components/sankey/style.d.ts +0 -20
- package/components/sankey/style.js.map +0 -1
- package/components/sankey/types.d.ts +0 -84
- package/components/sankey/types.js +0 -34
- package/components/sankey/types.js.map +0 -1
- package/components/scatter/config.d.ts +0 -44
- package/components/scatter/config.js +0 -23
- package/components/scatter/config.js.map +0 -1
- package/components/scatter/index.d.ts +0 -28
- package/components/scatter/index.js +0 -167
- package/components/scatter/index.js.map +0 -1
- package/components/scatter/modules/point.d.ts +0 -7
- package/components/scatter/modules/point.js +0 -86
- package/components/scatter/modules/point.js.map +0 -1
- package/components/scatter/modules/utils.d.ts +0 -11
- package/components/scatter/modules/utils.js +0 -112
- package/components/scatter/modules/utils.js.map +0 -1
- package/components/scatter/style.d.ts +0 -5
- package/components/scatter/style.js.map +0 -1
- package/components/scatter/types.d.ts +0 -19
- package/components/stacked-bar/config.d.ts +0 -38
- package/components/stacked-bar/config.js +0 -20
- package/components/stacked-bar/config.js.map +0 -1
- package/components/stacked-bar/index.d.ts +0 -28
- package/components/stacked-bar/index.js +0 -208
- package/components/stacked-bar/index.js.map +0 -1
- package/components/stacked-bar/style.d.ts +0 -5
- package/components/stacked-bar/style.js.map +0 -1
- package/components/stacked-bar/types.d.ts +0 -5
- package/components/timeline/config.d.ts +0 -43
- package/components/timeline/config.js +0 -24
- package/components/timeline/config.js.map +0 -1
- package/components/timeline/index.d.ts +0 -41
- package/components/timeline/index.js +0 -244
- package/components/timeline/index.js.map +0 -1
- package/components/timeline/style.d.ts +0 -13
- package/components/timeline/style.js.map +0 -1
- package/components/tooltip/config.d.ts +0 -68
- package/components/tooltip/config.js +0 -20
- package/components/tooltip/config.js.map +0 -1
- package/components/tooltip/index.d.ts +0 -36
- package/components/tooltip/index.js +0 -184
- package/components/tooltip/index.js.map +0 -1
- package/components/tooltip/style.js.map +0 -1
- package/components/topojson-map/config.d.ts +0 -99
- package/components/topojson-map/config.js +0 -42
- package/components/topojson-map/config.js.map +0 -1
- package/components/topojson-map/index.d.ts +0 -52
- package/components/topojson-map/index.js +0 -355
- package/components/topojson-map/index.js.map +0 -1
- package/components/topojson-map/style.d.ts +0 -11
- package/components/topojson-map/style.js.map +0 -1
- package/components/topojson-map/types.d.ts +0 -78
- package/components/topojson-map/types.js +0 -80
- package/components/topojson-map/types.js.map +0 -1
- package/components/topojson-map/utils.d.ts +0 -3
- package/components/topojson-map/utils.js +0 -30
- package/components/topojson-map/utils.js.map +0 -1
- package/components/vis-controls/config.d.ts +0 -12
- package/components/vis-controls/config.js +0 -13
- package/components/vis-controls/config.js.map +0 -1
- package/components/vis-controls/index.d.ts +0 -14
- package/components/vis-controls/index.js +0 -52
- package/components/vis-controls/index.js.map +0 -1
- package/components/vis-controls/style.d.ts +0 -11
- package/components/vis-controls/style.js.map +0 -1
- package/components/vis-controls/types.d.ts +0 -13
- package/components/vis-controls/types.js +0 -8
- package/components/vis-controls/types.js.map +0 -1
- package/components/xy-labels/config.d.ts +0 -48
- package/components/xy-labels/config.js +0 -25
- package/components/xy-labels/config.js.map +0 -1
- package/components/xy-labels/index.d.ts +0 -15
- package/components/xy-labels/index.js +0 -87
- package/components/xy-labels/index.js.map +0 -1
- package/components/xy-labels/modules/label.d.ts +0 -9
- package/components/xy-labels/modules/label.js +0 -107
- package/components/xy-labels/modules/label.js.map +0 -1
- package/components/xy-labels/style.d.ts +0 -5
- package/components/xy-labels/style.js.map +0 -1
- package/components/xy-labels/types.d.ts +0 -23
- package/components/xy-labels/types.js +0 -9
- package/components/xy-labels/types.js.map +0 -1
- package/components.d.ts +0 -51
- package/components.js +0 -29
- package/components.js.map +0 -1
- package/containers/single-container/config.d.ts +0 -12
- package/containers/single-container/config.js +0 -12
- package/containers/single-container/config.js.map +0 -1
- package/containers/single-container/index.d.ts +0 -19
- package/containers/single-container/index.js +0 -128
- package/containers/single-container/index.js.map +0 -1
- package/containers/xy-container/config.d.ts +0 -99
- package/containers/xy-container/config.js +0 -30
- package/containers/xy-container/config.js.map +0 -1
- package/containers/xy-container/index.d.ts +0 -34
- package/containers/xy-container/index.js +0 -330
- package/containers/xy-container/index.js.map +0 -1
- package/containers.d.ts +0 -6
- package/containers.js +0 -4
- package/containers.js.map +0 -1
- package/core/component/config.d.ts +0 -58
- package/core/component/config.js +0 -14
- package/core/component/config.js.map +0 -1
- package/core/component/index.d.ts +0 -43
- package/core/component/index.js +0 -118
- package/core/component/index.js.map +0 -1
- package/core/component/types.d.ts +0 -2
- package/core/component/types.js +0 -2
- package/core/component/types.js.map +0 -1
- package/core/config/index.d.ts +0 -3
- package/core/config/index.js +0 -16
- package/core/config/index.js.map +0 -1
- package/core/container/config.d.ts +0 -48
- package/core/container/config.js +0 -29
- package/core/container/config.js.map +0 -1
- package/core/container/index.d.ts +0 -26
- package/core/container/index.js +0 -105
- package/core/container/index.js.map +0 -1
- package/core/xy-component/config.d.ts +0 -38
- package/core/xy-component/config.js +0 -20
- package/core/xy-component/config.js.map +0 -1
- package/core/xy-component/index.d.ts +0 -27
- package/core/xy-component/index.js +0 -74
- package/core/xy-component/index.js.map +0 -1
- package/data-models/core.d.ts +0 -6
- package/data-models/core.js +0 -14
- package/data-models/core.js.map +0 -1
- package/data-models/graph.d.ts +0 -24
- package/data-models/graph.js +0 -107
- package/data-models/graph.js.map +0 -1
- package/data-models/map-graph.d.ts +0 -21
- package/data-models/map-graph.js +0 -62
- package/data-models/map-graph.js.map +0 -1
- package/data-models/map.d.ts +0 -5
- package/data-models/map.js +0 -12
- package/data-models/map.js.map +0 -1
- package/data-models/series.d.ts +0 -6
- package/data-models/series.js +0 -19
- package/data-models/series.js.map +0 -1
- package/index.d.ts +0 -7
- package/index.js +0 -55
- package/index.js.map +0 -1
- package/maps/china-provinces.json.js +0 -140373
- package/maps/fr-regions.json.js +0 -14162
- package/maps/germany-regions.json.js +0 -35760
- package/maps/ind-regions.json.js +0 -290584
- package/maps/uk-regions.json.js +0 -96233
- package/maps/us-counties.json.js +0 -206318
- package/maps/us-states.json.js +0 -16345
- package/maps/world-110m-alpha.json.js +0 -251366
- package/maps/world-simple.json.js +0 -89428
- package/maps/world-simplest.json.js +0 -28175
- package/maps.d.ts +0 -60
- package/maps.js +0 -23
- package/styles/colors.d.ts +0 -7
- package/styles/colors.js +0 -24
- package/styles/colors.js.map +0 -1
- package/styles/index.d.ts +0 -7
- package/styles/index.js +0 -38
- package/styles/index.js.map +0 -1
- package/styles/sizes.d.ts +0 -2
- package/styles/sizes.js.map +0 -1
- package/types/accessor.d.ts +0 -5
- package/types/accessor.js +0 -2
- package/types/accessor.js.map +0 -1
- package/types/component.d.ts +0 -13
- package/types/component.js +0 -14
- package/types/component.js.map +0 -1
- package/types/curve.d.ts +0 -40
- package/types/curve.js +0 -46
- package/types/curve.js.map +0 -1
- package/types/data.d.ts +0 -7
- package/types/data.js +0 -2
- package/types/data.js.map +0 -1
- package/types/direction.d.ts +0 -6
- package/types/direction.js +0 -10
- package/types/direction.js.map +0 -1
- package/types/graph.d.ts +0 -35
- package/types/graph.js +0 -2
- package/types/graph.js.map +0 -1
- package/types/map.d.ts +0 -4
- package/types/map.js +0 -2
- package/types/map.js.map +0 -1
- package/types/misc.d.ts +0 -8
- package/types/position.d.ts +0 -20
- package/types/position.js +0 -27
- package/types/position.js.map +0 -1
- package/types/scale.d.ts +0 -23
- package/types/scale.js +0 -27
- package/types/scale.js.map +0 -1
- package/types/shape.d.ts +0 -7
- package/types/shape.js +0 -11
- package/types/shape.js.map +0 -1
- package/types/spacing.d.ts +0 -6
- package/types/spacing.js +0 -2
- package/types/spacing.js.map +0 -1
- package/types/svg.d.ts +0 -18
- package/types/svg.js +0 -22
- package/types/svg.js.map +0 -1
- package/types/symbol.d.ts +0 -18
- package/types/symbol.js +0 -24
- package/types/symbol.js.map +0 -1
- package/types/text.d.ts +0 -47
- package/types/text.js +0 -26
- package/types/text.js.map +0 -1
- package/types.d.ts +0 -27
- package/types.js +0 -30
- package/types.js.map +0 -1
- package/utils/color.d.ts +0 -10
- package/utils/color.js +0 -32
- package/utils/color.js.map +0 -1
- package/utils/d3.d.ts +0 -3
- package/utils/d3.js +0 -16
- package/utils/d3.js.map +0 -1
- package/utils/data.d.ts +0 -45
- package/utils/data.js +0 -274
- package/utils/data.js.map +0 -1
- package/utils/html.d.ts +0 -1
- package/utils/html.js +0 -16
- package/utils/html.js.map +0 -1
- package/utils/map.d.ts +0 -2
- package/utils/map.js +0 -20
- package/utils/map.js.map +0 -1
- package/utils/misc.d.ts +0 -9
- package/utils/misc.js +0 -47
- package/utils/misc.js.map +0 -1
- package/utils/path.d.ts +0 -23
- package/utils/path.js +0 -144
- package/utils/path.js.map +0 -1
- package/utils/scale.d.ts +0 -1
- package/utils/style.d.ts +0 -6
- package/utils/style.js +0 -24
- package/utils/style.js.map +0 -1
- package/utils/svg.d.ts +0 -3
- package/utils/text.d.ts +0 -139
- package/utils/text.js +0 -443
- package/utils/text.js.map +0 -1
- package/utils/type.d.ts +0 -5
|
@@ -1,220 +0,0 @@
|
|
|
1
|
-
import { select } from 'd3-selection';
|
|
2
|
-
import { ResizeObserver } from '@juggle/resize-observer';
|
|
3
|
-
import { ComponentCore } from '../../core/component/index.js';
|
|
4
|
-
import { ComponentType } from '../../types/component.js';
|
|
5
|
-
import { throttle, getNumber } from '../../utils/data.js';
|
|
6
|
-
import { getDataLatLngBounds } from '../../utils/map.js';
|
|
7
|
-
import { getColor } from '../../utils/color.js';
|
|
8
|
-
import { LeafletMap } from '../leaflet-map/index.js';
|
|
9
|
-
import { LeafletFlowMapConfig } from './config.js';
|
|
10
|
-
|
|
11
|
-
class LeafletFlowMap extends ComponentCore {
|
|
12
|
-
constructor(container, config, data) {
|
|
13
|
-
var _a;
|
|
14
|
-
super(ComponentType.HTML);
|
|
15
|
-
this.type = ComponentType.HTML;
|
|
16
|
-
this.flows = [];
|
|
17
|
-
this.points = [];
|
|
18
|
-
this.onCanvasMouseMoveBound = throttle(this.onCanvasMouseMove.bind(this), 60);
|
|
19
|
-
this.onCanvasClickBound = this.onCanvasClick.bind(this);
|
|
20
|
-
this.config = new LeafletFlowMapConfig();
|
|
21
|
-
this.panningOffset = { x: 0, y: 0 };
|
|
22
|
-
this.particles = [];
|
|
23
|
-
this.leafletMap = new LeafletMap(container, config, (_a = data === null || data === void 0 ? void 0 : data.points) !== null && _a !== void 0 ? _a : []);
|
|
24
|
-
const rendererImportPromise = import('./renderer.js');
|
|
25
|
-
Promise.all([rendererImportPromise, this.leafletMap.getLeafletInstancePromise()])
|
|
26
|
-
.then((imports) => {
|
|
27
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
28
|
-
const [{ PointRenderer }, leaflet] = imports;
|
|
29
|
-
this.leafletMapInstance = leaflet;
|
|
30
|
-
const canvasContainer = this.leafletMapInstance.getPanes().overlayPane;
|
|
31
|
-
// Initialize renderer
|
|
32
|
-
const canvas = select(canvasContainer).insert('canvas', ':first-child');
|
|
33
|
-
this.canvasElement = canvas.node();
|
|
34
|
-
this.renderer = new PointRenderer(canvasContainer, container.offsetWidth, container.offsetHeight, this.canvasElement);
|
|
35
|
-
this.canvasElement.addEventListener('mousemove', this.onCanvasMouseMoveBound);
|
|
36
|
-
this.canvasElement.addEventListener('click', this.onCanvasClickBound);
|
|
37
|
-
this.leafletMap._onMapMoveEndInternal = this.onMapMove.bind(this);
|
|
38
|
-
// Update renderer size on container resize
|
|
39
|
-
this.resizeObserver = new ResizeObserver(() => {
|
|
40
|
-
this.renderer.setSize(container.offsetWidth, container.offsetHeight);
|
|
41
|
-
});
|
|
42
|
-
this.resizeObserver.observe(container);
|
|
43
|
-
if (config)
|
|
44
|
-
this.setConfig(config);
|
|
45
|
-
if (data)
|
|
46
|
-
this.setData(data);
|
|
47
|
-
this.animate();
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
setConfig(config) {
|
|
51
|
-
super.setConfig(config);
|
|
52
|
-
this.leafletMap.setConfig(Object.assign(Object.assign({}, config), { clusteringDistance: 0 }));
|
|
53
|
-
}
|
|
54
|
-
setData(data) {
|
|
55
|
-
super.setData(data);
|
|
56
|
-
this.flows = data.flows;
|
|
57
|
-
this.points = data.points;
|
|
58
|
-
this.initParticles();
|
|
59
|
-
this.leafletMap.setData(this.points);
|
|
60
|
-
this.render();
|
|
61
|
-
}
|
|
62
|
-
render() {
|
|
63
|
-
super.render();
|
|
64
|
-
}
|
|
65
|
-
initParticles() {
|
|
66
|
-
var _a;
|
|
67
|
-
this.clearParticles();
|
|
68
|
-
for (const flow of this.flows) {
|
|
69
|
-
const source = {
|
|
70
|
-
lat: getNumber(flow, this.config.sourceLatitude),
|
|
71
|
-
lon: getNumber(flow, this.config.sourceLongitude),
|
|
72
|
-
};
|
|
73
|
-
const target = {
|
|
74
|
-
lat: getNumber(flow, this.config.targetLatitude),
|
|
75
|
-
lon: getNumber(flow, this.config.targetLongitude),
|
|
76
|
-
};
|
|
77
|
-
// Add source particle, showing the origin of the flow
|
|
78
|
-
const sourcePointRadius = getNumber(flow, this.config.sourcePointRadius);
|
|
79
|
-
const sourcePointColor = getColor(flow, this.config.sourcePointColor);
|
|
80
|
-
this.addParticle(source, source, source, 0, sourcePointRadius, sourcePointColor);
|
|
81
|
-
// Add flow particles
|
|
82
|
-
const dist = Math.sqrt(Math.pow((target.lat - source.lat), 2) + Math.pow((target.lon - source.lon), 2));
|
|
83
|
-
const numParticles = Math.round(dist * getNumber(flow, this.config.flowParticleDensity));
|
|
84
|
-
const velocity = getNumber(flow, this.config.flowParticleSpeed);
|
|
85
|
-
const r = getNumber(flow, this.config.flowParticleRadius);
|
|
86
|
-
const color = getColor(flow, this.config.flowParticleColor);
|
|
87
|
-
for (let i = 0; i < numParticles; i += 1) {
|
|
88
|
-
const location = {
|
|
89
|
-
lat: source.lat + (target.lat - source.lat) * i / numParticles,
|
|
90
|
-
lon: source.lon + (target.lon - source.lon) * i / numParticles,
|
|
91
|
-
};
|
|
92
|
-
this.addParticle(source, target, location, velocity, r, color);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
(_a = this.renderer) === null || _a === void 0 ? void 0 : _a.update(this.particles);
|
|
96
|
-
}
|
|
97
|
-
addParticle(source, target, location = source, velocity = 0.05, r = 0.75, color) {
|
|
98
|
-
const x = 0;
|
|
99
|
-
const y = 0;
|
|
100
|
-
this.particles.push({ x, y, source, target, location, velocity, r, color });
|
|
101
|
-
}
|
|
102
|
-
clearParticles() {
|
|
103
|
-
this.particles = [];
|
|
104
|
-
}
|
|
105
|
-
animate() {
|
|
106
|
-
const map = this.leafletMapInstance;
|
|
107
|
-
requestAnimationFrame(() => {
|
|
108
|
-
const zoomLevel = map === null || map === void 0 ? void 0 : map.getZoom();
|
|
109
|
-
for (const p of this.particles) {
|
|
110
|
-
const fullDist = Math.sqrt(Math.pow((p.target.lat - p.source.lat), 2) + Math.pow((p.target.lon - p.source.lon), 2));
|
|
111
|
-
const remainedDist = Math.sqrt(Math.pow((p.target.lat - p.location.lat), 2) + Math.pow((p.target.lon - p.location.lon), 2));
|
|
112
|
-
const angle = Math.atan2(p.target.lat - p.source.lat, p.target.lon - p.source.lon);
|
|
113
|
-
p.location.lat += p.velocity * Math.sin(angle);
|
|
114
|
-
p.location.lon += p.velocity * Math.cos(angle);
|
|
115
|
-
if ((((p.target.lat > p.source.lat) && (p.location.lat > p.target.lat)) || ((p.target.lon > p.source.lon) && (p.location.lon > p.target.lon))) ||
|
|
116
|
-
(((p.target.lat < p.source.lat) && (p.location.lat < p.target.lat)) || ((p.target.lon < p.source.lon) && (p.location.lon < p.target.lon)))) {
|
|
117
|
-
p.location.lat = p.source.lat;
|
|
118
|
-
p.location.lon = p.source.lon;
|
|
119
|
-
}
|
|
120
|
-
const pos = map === null || map === void 0 ? void 0 : map.latLngToLayerPoint([p.location.lat, p.location.lon]);
|
|
121
|
-
const orthogonalArcShift = -(Math.pow(zoomLevel, 2) * fullDist / 8) * Math.cos(Math.PI / 2 * (fullDist / 2 - remainedDist) / (fullDist / 2)) || 0;
|
|
122
|
-
p.x = (pos === null || pos === void 0 ? void 0 : pos.x) - this.panningOffset.x;
|
|
123
|
-
p.y = (pos === null || pos === void 0 ? void 0 : pos.y) + orthogonalArcShift - this.panningOffset.y;
|
|
124
|
-
}
|
|
125
|
-
this.renderer.updatePointsPosition(this.particles);
|
|
126
|
-
this.renderer.draw();
|
|
127
|
-
this.animate();
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
getPointByScreenPos(x, y) {
|
|
131
|
-
const map = this.leafletMapInstance;
|
|
132
|
-
for (const flow of this.flows) {
|
|
133
|
-
const lat = getNumber(flow, this.config.sourceLatitude);
|
|
134
|
-
const lon = getNumber(flow, this.config.sourceLongitude);
|
|
135
|
-
const r = getNumber(flow, this.config.sourcePointRadius);
|
|
136
|
-
const pos = map === null || map === void 0 ? void 0 : map.latLngToLayerPoint([lat, lon]);
|
|
137
|
-
const posX = pos.x - this.panningOffset.x;
|
|
138
|
-
const posY = pos.y - this.panningOffset.y;
|
|
139
|
-
if ((Math.abs(x - posX) < r) && (Math.abs(y - posY) < r)) {
|
|
140
|
-
return [flow, posX, posY];
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
return [];
|
|
144
|
-
}
|
|
145
|
-
onCanvasMouseMove(event) {
|
|
146
|
-
var _a, _b;
|
|
147
|
-
const { config } = this;
|
|
148
|
-
this.canvasElement.style.removeProperty('cursor');
|
|
149
|
-
const [hoveredPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY);
|
|
150
|
-
if (hoveredPoint)
|
|
151
|
-
this.canvasElement.style.cursor = 'default';
|
|
152
|
-
if (this.hoveredSourcePoint !== hoveredPoint) {
|
|
153
|
-
if (hoveredPoint)
|
|
154
|
-
(_a = config.onSourcePointMouseEnter) === null || _a === void 0 ? void 0 : _a.call(config, hoveredPoint, x, y, event);
|
|
155
|
-
if (this.hoveredSourcePoint)
|
|
156
|
-
(_b = config.onSourcePointMouseLeave) === null || _b === void 0 ? void 0 : _b.call(config, this.hoveredSourcePoint, event);
|
|
157
|
-
this.hoveredSourcePoint = hoveredPoint;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
onCanvasClick(event) {
|
|
161
|
-
var _a;
|
|
162
|
-
const { config } = this;
|
|
163
|
-
const [clickedPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY);
|
|
164
|
-
if (clickedPoint)
|
|
165
|
-
(_a = config.onSourcePointClick) === null || _a === void 0 ? void 0 : _a.call(config, clickedPoint, x, y, event);
|
|
166
|
-
}
|
|
167
|
-
onMapMove(leaflet) {
|
|
168
|
-
const shift = leaflet.containerPointToLayerPoint([0, 0]);
|
|
169
|
-
this.panningOffset.x = shift.x;
|
|
170
|
-
this.panningOffset.y = shift.y;
|
|
171
|
-
this.canvasElement.style.transform = `translate(${shift.x}px, ${shift.y}px)`;
|
|
172
|
-
}
|
|
173
|
-
destroy() {
|
|
174
|
-
var _a, _b, _c, _d;
|
|
175
|
-
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
176
|
-
(_b = this.renderer) === null || _b === void 0 ? void 0 : _b.destroy();
|
|
177
|
-
(_c = this.canvasElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('mousemove', this.onCanvasMouseMoveBound);
|
|
178
|
-
(_d = this.canvasElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('click', this.onCanvasClickBound);
|
|
179
|
-
super.destroy();
|
|
180
|
-
}
|
|
181
|
-
// Leaflet Map useful methods
|
|
182
|
-
selectPointById(id, centerPoint = false) { this.leafletMap.selectPointById(id, centerPoint); }
|
|
183
|
-
getSelectedPointId() { return this.leafletMap.getSelectedPointId(); }
|
|
184
|
-
unselectPoint() { this.leafletMap.unselectPoint(); }
|
|
185
|
-
zoomToPointById(id, selectNode = false, customZoomLevel) { this.leafletMap.zoomToPointById(id, selectNode, customZoomLevel); }
|
|
186
|
-
zoomIn(increment = 1) { this.leafletMap.zoomIn(increment); }
|
|
187
|
-
zoomOut(increment = 1) { this.leafletMap.zoomOut(increment); }
|
|
188
|
-
setZoom(zoomLevel) { this.leafletMap.setZoom(zoomLevel); }
|
|
189
|
-
fitView() {
|
|
190
|
-
const points = [];
|
|
191
|
-
for (const point of this.points) {
|
|
192
|
-
points.push({
|
|
193
|
-
lat: getNumber(point, this.config.pointLatitude),
|
|
194
|
-
lon: getNumber(point, this.config.pointLongitude),
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
for (const flow of this.flows) {
|
|
198
|
-
const source = {
|
|
199
|
-
lat: getNumber(flow, this.config.sourceLatitude),
|
|
200
|
-
lon: getNumber(flow, this.config.sourceLongitude),
|
|
201
|
-
};
|
|
202
|
-
const target = {
|
|
203
|
-
lat: getNumber(flow, this.config.targetLatitude),
|
|
204
|
-
lon: getNumber(flow, this.config.targetLongitude),
|
|
205
|
-
};
|
|
206
|
-
points.push(source);
|
|
207
|
-
points.push(target);
|
|
208
|
-
}
|
|
209
|
-
const boundsArray = getDataLatLngBounds(points, d => d.lat, d => d.lon, 0);
|
|
210
|
-
const bounds = {
|
|
211
|
-
northEast: { lat: boundsArray[0][0], lng: boundsArray[1][1] },
|
|
212
|
-
southWest: { lat: boundsArray[1][0], lng: boundsArray[0][1] },
|
|
213
|
-
};
|
|
214
|
-
this.leafletMap.fitToBounds(bounds);
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
LeafletFlowMap.selectors = LeafletMap.selectors;
|
|
218
|
-
|
|
219
|
-
export { LeafletFlowMap };
|
|
220
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/leaflet-flow-map/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\nimport { ResizeObserver } from '@juggle/resize-observer'\n\nimport { ComponentCore } from 'core/component'\nimport { ComponentType } from 'types/component'\n\n// Utils\nimport { getNumber, throttle } from 'utils/data'\nimport { getDataLatLngBounds } from 'utils/map'\nimport { getColor } from 'utils/color'\n\n// Components\nimport { LeafletMap } from 'components/leaflet-map'\n\n// Types\nimport { Bounds } from 'components/leaflet-map/types'\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletFlowMapConfig, LeafletFlowMapConfigInterface } from './config'\n\n// Local Types\nimport { LatLon, Particle } from './types'\n\n// Renderer\nimport { PointRenderer as PointRendererType } from './renderer'\n\nexport class LeafletFlowMap<\n PointDatum extends GenericDataRecord,\n FlowDatum extends GenericDataRecord,\n> extends ComponentCore<\n { points: PointDatum[]; flows?: FlowDatum[] },\n LeafletFlowMapConfig<PointDatum, FlowDatum>,\n LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\n > {\n static selectors = LeafletMap.selectors\n type = ComponentType.HTML\n private leafletMap: LeafletMap<PointDatum>\n private leafletMapInstance: L.Map\n private flows: FlowDatum[] = []\n private points: PointDatum[] = []\n private hoveredSourcePoint: FlowDatum | undefined\n private onCanvasMouseMoveBound = throttle(this.onCanvasMouseMove.bind(this), 60)\n private onCanvasClickBound = this.onCanvasClick.bind(this)\n private canvasElement: HTMLCanvasElement | undefined\n config: LeafletFlowMapConfig<PointDatum, FlowDatum> = new LeafletFlowMapConfig()\n private panningOffset = { x: 0, y: 0 }\n\n private resizeObserver: ResizeObserver | undefined\n private renderer: PointRendererType | undefined\n particles: Particle[] = []\n\n constructor (container: HTMLDivElement, config?: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>, data?: { points: PointDatum[]; flows?: FlowDatum[] }) {\n super(ComponentType.HTML)\n\n this.leafletMap = new LeafletMap<PointDatum>(container, config, data?.points ?? [])\n\n const rendererImportPromise = import('./renderer')\n Promise.all([rendererImportPromise, this.leafletMap.getLeafletInstancePromise()])\n .then((imports) => {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n const [{ PointRenderer }, leaflet] = imports\n\n this.leafletMapInstance = leaflet\n const canvasContainer = this.leafletMapInstance.getPanes().overlayPane as HTMLDivElement\n\n // Initialize renderer\n const canvas = select(canvasContainer).insert('canvas', ':first-child')\n this.canvasElement = canvas.node()\n this.renderer = new PointRenderer(canvasContainer, container.offsetWidth, container.offsetHeight, this.canvasElement)\n this.canvasElement.addEventListener('mousemove', this.onCanvasMouseMoveBound)\n this.canvasElement.addEventListener('click', this.onCanvasClickBound)\n\n this.leafletMap._onMapMoveEndInternal = this.onMapMove.bind(this)\n\n // Update renderer size on container resize\n this.resizeObserver = new ResizeObserver(() => {\n this.renderer.setSize(container.offsetWidth, container.offsetHeight)\n })\n this.resizeObserver.observe(container)\n\n if (config) this.setConfig(config)\n if (data) this.setData(data)\n this.animate()\n })\n }\n\n setConfig (config: LeafletFlowMapConfigInterface<PointDatum, FlowDatum>): void {\n super.setConfig(config)\n this.leafletMap.setConfig({ ...config, clusteringDistance: 0 })\n }\n\n setData (data: { points: PointDatum[]; flows?: FlowDatum[] }): void {\n super.setData(data)\n this.flows = data.flows\n this.points = data.points\n this.initParticles()\n this.leafletMap.setData(this.points)\n this.render()\n }\n\n render (): void {\n super.render()\n }\n\n initParticles (): void {\n this.clearParticles()\n for (const flow of this.flows) {\n const source = {\n lat: getNumber(flow, this.config.sourceLatitude),\n lon: getNumber(flow, this.config.sourceLongitude),\n }\n\n const target = {\n lat: getNumber(flow, this.config.targetLatitude),\n lon: getNumber(flow, this.config.targetLongitude),\n }\n\n // Add source particle, showing the origin of the flow\n const sourcePointRadius = getNumber(flow, this.config.sourcePointRadius)\n const sourcePointColor = getColor(flow, this.config.sourcePointColor)\n this.addParticle(source, source, source, 0, sourcePointRadius, sourcePointColor)\n\n // Add flow particles\n const dist = Math.sqrt((target.lat - source.lat) ** 2 + (target.lon - source.lon) ** 2)\n const numParticles = Math.round(dist * getNumber(flow, this.config.flowParticleDensity))\n const velocity = getNumber(flow, this.config.flowParticleSpeed)\n const r = getNumber(flow, this.config.flowParticleRadius)\n const color = getColor(flow, this.config.flowParticleColor)\n for (let i = 0; i < numParticles; i += 1) {\n const location = {\n lat: source.lat + (target.lat - source.lat) * i / numParticles,\n lon: source.lon + (target.lon - source.lon) * i / numParticles,\n }\n this.addParticle(source, target, location, velocity, r, color)\n }\n }\n\n this.renderer?.update(this.particles)\n }\n\n private addParticle (source: LatLon, target: LatLon, location = source, velocity = 0.05, r = 0.75, color?: string): void {\n const x = 0\n const y = 0\n this.particles.push({ x, y, source, target, location, velocity, r, color })\n }\n\n private clearParticles (): void {\n this.particles = []\n }\n\n private animate (): void {\n const map = this.leafletMapInstance\n\n requestAnimationFrame(() => {\n const zoomLevel = map?.getZoom()\n for (const p of this.particles) {\n const fullDist = Math.sqrt((p.target.lat - p.source.lat) ** 2 + (p.target.lon - p.source.lon) ** 2)\n const remainedDist = Math.sqrt((p.target.lat - p.location.lat) ** 2 + (p.target.lon - p.location.lon) ** 2)\n const angle = Math.atan2(p.target.lat - p.source.lat, p.target.lon - p.source.lon)\n p.location.lat += p.velocity * Math.sin(angle)\n p.location.lon += p.velocity * Math.cos(angle)\n\n if (\n (((p.target.lat > p.source.lat) && (p.location.lat > p.target.lat)) || ((p.target.lon > p.source.lon) && (p.location.lon > p.target.lon))) ||\n (((p.target.lat < p.source.lat) && (p.location.lat < p.target.lat)) || ((p.target.lon < p.source.lon) && (p.location.lon < p.target.lon)))\n ) {\n p.location.lat = p.source.lat\n p.location.lon = p.source.lon\n }\n\n const pos = map?.latLngToLayerPoint([p.location.lat, p.location.lon])\n const orthogonalArcShift = -(zoomLevel ** 2 * fullDist / 8) * Math.cos(Math.PI / 2 * (fullDist / 2 - remainedDist) / (fullDist / 2)) || 0\n p.x = pos?.x - this.panningOffset.x\n p.y = pos?.y + orthogonalArcShift - this.panningOffset.y\n }\n\n this.renderer.updatePointsPosition(this.particles)\n this.renderer.draw()\n this.animate()\n })\n }\n\n private getPointByScreenPos (x: number, y: number): [FlowDatum, number, number] | [] {\n const map = this.leafletMapInstance\n\n for (const flow of this.flows) {\n const lat = getNumber(flow, this.config.sourceLatitude)\n const lon = getNumber(flow, this.config.sourceLongitude)\n const r = getNumber(flow, this.config.sourcePointRadius)\n const pos = map?.latLngToLayerPoint([lat, lon])\n const posX = pos.x - this.panningOffset.x\n const posY = pos.y - this.panningOffset.y\n\n if ((Math.abs(x - posX) < r) && (Math.abs(y - posY) < r)) {\n return [flow, posX, posY]\n }\n }\n\n return []\n }\n\n private onCanvasMouseMove (event: MouseEvent): void {\n const { config } = this\n\n this.canvasElement.style.removeProperty('cursor')\n const [hoveredPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n if (hoveredPoint) this.canvasElement.style.cursor = 'default'\n\n if (this.hoveredSourcePoint !== hoveredPoint) {\n if (hoveredPoint) config.onSourcePointMouseEnter?.(hoveredPoint, x, y, event)\n if (this.hoveredSourcePoint) config.onSourcePointMouseLeave?.(this.hoveredSourcePoint, event)\n this.hoveredSourcePoint = hoveredPoint\n }\n }\n\n private onCanvasClick (event: MouseEvent): void {\n const { config } = this\n\n const [clickedPoint, x, y] = this.getPointByScreenPos(event.offsetX, event.offsetY)\n if (clickedPoint) config.onSourcePointClick?.(clickedPoint, x, y, event)\n }\n\n private onMapMove (leaflet: L.Map): void {\n const shift = leaflet.containerPointToLayerPoint([0, 0])\n this.panningOffset.x = shift.x\n this.panningOffset.y = shift.y\n this.canvasElement.style.transform = `translate(${shift.x}px, ${shift.y}px)`\n }\n\n public destroy (): void {\n this.resizeObserver?.disconnect()\n this.renderer?.destroy()\n this.canvasElement?.removeEventListener('mousemove', this.onCanvasMouseMoveBound)\n this.canvasElement?.removeEventListener('click', this.onCanvasClickBound)\n super.destroy()\n }\n\n // Leaflet Map useful methods\n public selectPointById (id: string, centerPoint = false): void { this.leafletMap.selectPointById(id, centerPoint) }\n public getSelectedPointId (): string | number | undefined { return this.leafletMap.getSelectedPointId() }\n public unselectPoint (): void { this.leafletMap.unselectPoint() }\n public zoomToPointById (id: string, selectNode = false, customZoomLevel?: number): void { this.leafletMap.zoomToPointById(id, selectNode, customZoomLevel) }\n public zoomIn (increment = 1): void { this.leafletMap.zoomIn(increment) }\n public zoomOut (increment = 1): void { this.leafletMap.zoomOut(increment) }\n public setZoom (zoomLevel: number): void { this.leafletMap.setZoom(zoomLevel) }\n public fitView (): void {\n const points: { lat: number; lon: number }[] = []\n\n for (const point of this.points) {\n points.push({\n lat: getNumber(point, this.config.pointLatitude),\n lon: getNumber(point, this.config.pointLongitude),\n })\n }\n\n for (const flow of this.flows) {\n const source = {\n lat: getNumber(flow, this.config.sourceLatitude),\n lon: getNumber(flow, this.config.sourceLongitude),\n }\n\n const target = {\n lat: getNumber(flow, this.config.targetLatitude),\n lon: getNumber(flow, this.config.targetLongitude),\n }\n\n points.push(source)\n points.push(target)\n }\n\n const boundsArray = getDataLatLngBounds(points, d => d.lat, d => d.lon, 0)\n const bounds: Bounds = {\n northEast: { lat: boundsArray[0][0], lng: boundsArray[1][1] },\n southWest: { lat: boundsArray[1][0], lng: boundsArray[0][1] },\n }\n this.leafletMap.fitToBounds(bounds)\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Color } from 'three/src/math/Color.js';
|
|
2
|
-
export declare const DEFAULT_POINT_RADIUS = 1;
|
|
3
|
-
export declare const DEFAULT_POINT_COLOR = "rgba(255, 113, 111, 1.000)";
|
|
4
|
-
export declare function getRadius(r: number | undefined, devicePixelRatio: number): number;
|
|
5
|
-
export declare function getColor(color: string | undefined): Color;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Color } from 'three/src/math/Color.js';
|
|
2
|
-
|
|
3
|
-
const DEFAULT_POINT_RADIUS = 1;
|
|
4
|
-
const DEFAULT_POINT_COLOR = 'rgba(255, 113, 111, 1.000)';
|
|
5
|
-
function getRadius(r, devicePixelRatio) {
|
|
6
|
-
return (r !== null && r !== void 0 ? r : DEFAULT_POINT_RADIUS) * devicePixelRatio;
|
|
7
|
-
}
|
|
8
|
-
function getColor(color) {
|
|
9
|
-
const c = new Color();
|
|
10
|
-
c.set(color !== null && color !== void 0 ? color : DEFAULT_POINT_COLOR);
|
|
11
|
-
return c;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { DEFAULT_POINT_COLOR, DEFAULT_POINT_RADIUS, getColor, getRadius };
|
|
15
|
-
//# sourceMappingURL=renderer-utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderer-utils.js","sources":["../../../src/components/leaflet-flow-map/renderer-utils.ts"],"sourcesContent":["import { Color } from 'three/src/math/Color.js'\n\nexport const DEFAULT_POINT_RADIUS = 1\nexport const DEFAULT_POINT_COLOR = 'rgba(255, 113, 111, 1.000)'\n\nexport function getRadius (r: number | undefined, devicePixelRatio: number): number {\n return (r ?? DEFAULT_POINT_RADIUS) * devicePixelRatio\n}\n\nexport function getColor (color: string | undefined): Color {\n const c = new Color()\n c.set(color ?? DEFAULT_POINT_COLOR)\n return c\n}\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,GAAG,EAAC;AAC9B,MAAM,mBAAmB,GAAG,6BAA4B;AAE/C,SAAA,SAAS,CAAE,CAAqB,EAAE,gBAAwB,EAAA;IACxE,OAAO,CAAC,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAD,CAAC,GAAI,oBAAoB,IAAI,gBAAgB,CAAA;AACvD,CAAC;AAEK,SAAU,QAAQ,CAAE,KAAyB,EAAA;AACjD,IAAA,MAAM,CAAC,GAAG,IAAI,KAAK,EAAE,CAAA;IACrB,CAAC,CAAC,GAAG,CAAC,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,mBAAmB,CAAC,CAAA;AACnC,IAAA,OAAO,CAAC,CAAA;AACV;;;;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Particle } from './types';
|
|
2
|
-
export declare class PointRenderer {
|
|
3
|
-
private width;
|
|
4
|
-
private height;
|
|
5
|
-
private devicePixelRatio;
|
|
6
|
-
private containerNode;
|
|
7
|
-
private renderer;
|
|
8
|
-
private rendererCanvasElement;
|
|
9
|
-
private readonly camera;
|
|
10
|
-
private readonly scene;
|
|
11
|
-
private pointsGeometry;
|
|
12
|
-
private pointsBuffer;
|
|
13
|
-
private pointsPositions;
|
|
14
|
-
private pointsColors;
|
|
15
|
-
private pointsSizes;
|
|
16
|
-
private pointData;
|
|
17
|
-
constructor(containerNode: HTMLDivElement, width: number, height: number, canvas?: HTMLCanvasElement);
|
|
18
|
-
private initGeometry;
|
|
19
|
-
private initPointsAttributes;
|
|
20
|
-
draw(): void;
|
|
21
|
-
update(points: Particle[]): void;
|
|
22
|
-
updatePointsPosition(points: Particle[]): void;
|
|
23
|
-
setSize(width: number, height: number): void;
|
|
24
|
-
getCanvasElement(): HTMLCanvasElement;
|
|
25
|
-
destroy(): void;
|
|
26
|
-
}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { WebGLRenderer } from 'three/src/renderers/WebGLRenderer.js';
|
|
2
|
-
import { OrthographicCamera } from 'three/src/cameras/OrthographicCamera.js';
|
|
3
|
-
import { Scene } from 'three/src/scenes/Scene.js';
|
|
4
|
-
import { BufferGeometry } from 'three/src/core/BufferGeometry.js';
|
|
5
|
-
import { Points } from 'three/src/objects/Points.js';
|
|
6
|
-
import { BufferAttribute } from 'three/src/core/BufferAttribute.js';
|
|
7
|
-
import { ShaderMaterial } from 'three/src/materials/ShaderMaterial.js';
|
|
8
|
-
import { Color } from 'three/src/math/Color.js';
|
|
9
|
-
import { vertex, fragment } from './shaders.js';
|
|
10
|
-
import { DEFAULT_POINT_RADIUS, getColor, getRadius } from './renderer-utils.js';
|
|
11
|
-
|
|
12
|
-
class PointRenderer {
|
|
13
|
-
constructor(containerNode, width, height, canvas) {
|
|
14
|
-
this.devicePixelRatio = window.devicePixelRatio || 1;
|
|
15
|
-
this.pointData = [];
|
|
16
|
-
this.containerNode = containerNode;
|
|
17
|
-
this.width = width;
|
|
18
|
-
this.height = height;
|
|
19
|
-
this.renderer = new WebGLRenderer({
|
|
20
|
-
antialias: true,
|
|
21
|
-
alpha: true,
|
|
22
|
-
canvas,
|
|
23
|
-
});
|
|
24
|
-
this.renderer.setSize(this.width, this.height);
|
|
25
|
-
this.renderer.setPixelRatio(this.devicePixelRatio);
|
|
26
|
-
this.renderer.setClearColor(0x00000000, 0);
|
|
27
|
-
this.renderer.clear();
|
|
28
|
-
if (!canvas) {
|
|
29
|
-
this.rendererCanvasElement = this.renderer.domElement;
|
|
30
|
-
this.rendererCanvasElement.style.position = 'absolute';
|
|
31
|
-
this.rendererCanvasElement.style.top = '0';
|
|
32
|
-
this.containerNode.appendChild(this.rendererCanvasElement);
|
|
33
|
-
}
|
|
34
|
-
// Set up camera
|
|
35
|
-
this.camera = new OrthographicCamera(-0, this.width, -0, this.height, 0);
|
|
36
|
-
// Set up scene
|
|
37
|
-
this.scene = new Scene();
|
|
38
|
-
// Initialize geometry of points
|
|
39
|
-
this.initGeometry();
|
|
40
|
-
}
|
|
41
|
-
initGeometry() {
|
|
42
|
-
const pointsMaterial = new ShaderMaterial({
|
|
43
|
-
uniforms: {
|
|
44
|
-
color: { value: new Color(0xffffff) },
|
|
45
|
-
size: { value: DEFAULT_POINT_RADIUS },
|
|
46
|
-
},
|
|
47
|
-
vertexShader: vertex,
|
|
48
|
-
fragmentShader: fragment,
|
|
49
|
-
transparent: true,
|
|
50
|
-
});
|
|
51
|
-
this.pointsGeometry = new BufferGeometry();
|
|
52
|
-
this.pointsBuffer = new Points(this.pointsGeometry, pointsMaterial);
|
|
53
|
-
this.pointsBuffer.frustumCulled = false;
|
|
54
|
-
this.scene.add(this.pointsBuffer);
|
|
55
|
-
this.camera.lookAt(this.scene.position);
|
|
56
|
-
}
|
|
57
|
-
initPointsAttributes() {
|
|
58
|
-
var _a, _b, _c, _d, _e, _f;
|
|
59
|
-
const numPoints = this.pointData.length;
|
|
60
|
-
const pointsPositions = new Float32Array(numPoints * 3);
|
|
61
|
-
const pointsColors = new Float32Array(numPoints * 4);
|
|
62
|
-
const pointsSizes = new Float32Array(numPoints);
|
|
63
|
-
(_a = this.pointsGeometry) === null || _a === void 0 ? void 0 : _a.setAttribute('position', new BufferAttribute(pointsPositions, 3));
|
|
64
|
-
(_b = this.pointsGeometry) === null || _b === void 0 ? void 0 : _b.setAttribute('customColor', new BufferAttribute(pointsColors, 4));
|
|
65
|
-
(_c = this.pointsGeometry) === null || _c === void 0 ? void 0 : _c.setAttribute('size', new BufferAttribute(pointsSizes, 1));
|
|
66
|
-
this.pointsPositions = (_d = this.pointsBuffer) === null || _d === void 0 ? void 0 : _d.geometry.attributes.position;
|
|
67
|
-
this.pointsColors = (_e = this.pointsBuffer) === null || _e === void 0 ? void 0 : _e.geometry.attributes.customColor;
|
|
68
|
-
this.pointsSizes = (_f = this.pointsBuffer) === null || _f === void 0 ? void 0 : _f.geometry.attributes.size;
|
|
69
|
-
}
|
|
70
|
-
draw() {
|
|
71
|
-
this.renderer.render(this.scene, this.camera);
|
|
72
|
-
}
|
|
73
|
-
update(points) {
|
|
74
|
-
this.pointData = points;
|
|
75
|
-
this.initPointsAttributes();
|
|
76
|
-
this.pointData.forEach((p, i) => {
|
|
77
|
-
var _a, _b;
|
|
78
|
-
const color = getColor(p.color);
|
|
79
|
-
const opacity = 1;
|
|
80
|
-
const radius = getRadius(p.r, this.devicePixelRatio);
|
|
81
|
-
(_a = this.pointsColors) === null || _a === void 0 ? void 0 : _a.setXYZW(i, color.r, color.g, color.b, opacity);
|
|
82
|
-
(_b = this.pointsSizes) === null || _b === void 0 ? void 0 : _b.setX(i, radius);
|
|
83
|
-
});
|
|
84
|
-
const pointsColors = this.pointsColors;
|
|
85
|
-
const pointsSizes = this.pointsSizes;
|
|
86
|
-
pointsColors.needsUpdate = true;
|
|
87
|
-
pointsSizes.needsUpdate = true;
|
|
88
|
-
this.updatePointsPosition(points);
|
|
89
|
-
}
|
|
90
|
-
updatePointsPosition(points) {
|
|
91
|
-
points.forEach((p, i) => {
|
|
92
|
-
var _a;
|
|
93
|
-
(_a = this.pointsPositions) === null || _a === void 0 ? void 0 : _a.setXYZ(i, p.x, p.y, 0);
|
|
94
|
-
});
|
|
95
|
-
const pointsPosition = this.pointsPositions;
|
|
96
|
-
pointsPosition.needsUpdate = true;
|
|
97
|
-
}
|
|
98
|
-
setSize(width, height) {
|
|
99
|
-
this.width = width;
|
|
100
|
-
this.height = height;
|
|
101
|
-
this.renderer.setSize(this.width, this.height);
|
|
102
|
-
this.camera.right = this.width;
|
|
103
|
-
this.camera.bottom = this.height;
|
|
104
|
-
this.camera.updateProjectionMatrix();
|
|
105
|
-
this.renderer.render(this.scene, this.camera);
|
|
106
|
-
}
|
|
107
|
-
getCanvasElement() {
|
|
108
|
-
return this.rendererCanvasElement;
|
|
109
|
-
}
|
|
110
|
-
destroy() {
|
|
111
|
-
this.renderer.dispose();
|
|
112
|
-
this.renderer.domElement.remove();
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
export { PointRenderer };
|
|
117
|
-
//# sourceMappingURL=renderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.js","sources":["../../../src/components/leaflet-flow-map/renderer.ts"],"sourcesContent":["import { WebGLRenderer } from 'three/src/renderers/WebGLRenderer.js'\nimport { OrthographicCamera } from 'three/src/cameras/OrthographicCamera.js'\nimport { Scene } from 'three/src/scenes/Scene.js'\nimport { BufferGeometry } from 'three/src/core/BufferGeometry.js'\nimport { Points } from 'three/src/objects/Points.js'\nimport { BufferAttribute } from 'three/src/core/BufferAttribute.js'\nimport { InterleavedBufferAttribute } from 'three/src/core/InterleavedBufferAttribute.js'\nimport { ShaderMaterial } from 'three/src/materials/ShaderMaterial.js'\nimport { Color } from 'three/src/math/Color.js'\n\nimport { Particle } from './types'\n\nimport { vertex, fragment } from './shaders'\nimport { DEFAULT_POINT_RADIUS, getRadius, getColor } from './renderer-utils'\n\nexport class PointRenderer {\n private width: number\n private height: number\n private devicePixelRatio = window.devicePixelRatio || 1\n private containerNode: HTMLDivElement\n private renderer: WebGLRenderer\n private rendererCanvasElement: HTMLCanvasElement\n private readonly camera: OrthographicCamera\n private readonly scene: Scene\n\n // Points\n private pointsGeometry: BufferGeometry | undefined\n private pointsBuffer: Points | undefined\n private pointsPositions: BufferAttribute | InterleavedBufferAttribute | undefined\n private pointsColors: BufferAttribute | InterleavedBufferAttribute | undefined\n private pointsSizes: BufferAttribute | InterleavedBufferAttribute | undefined\n private pointData: Particle[] = []\n\n constructor (containerNode: HTMLDivElement, width: number, height: number, canvas?: HTMLCanvasElement) {\n this.containerNode = containerNode\n this.width = width\n this.height = height\n\n this.renderer = new WebGLRenderer({\n antialias: true,\n alpha: true,\n canvas,\n })\n this.renderer.setSize(this.width, this.height)\n this.renderer.setPixelRatio(this.devicePixelRatio)\n this.renderer.setClearColor(0x00000000, 0)\n this.renderer.clear()\n\n if (!canvas) {\n this.rendererCanvasElement = this.renderer.domElement\n this.rendererCanvasElement.style.position = 'absolute'\n this.rendererCanvasElement.style.top = '0'\n this.containerNode.appendChild(this.rendererCanvasElement)\n }\n\n // Set up camera\n this.camera = new OrthographicCamera(-0, this.width, -0, this.height, 0)\n\n // Set up scene\n this.scene = new Scene()\n\n // Initialize geometry of points\n this.initGeometry()\n }\n\n private initGeometry (): void {\n const pointsMaterial = new ShaderMaterial({\n uniforms: {\n color: { value: new Color(0xffffff) },\n size: { value: DEFAULT_POINT_RADIUS },\n },\n vertexShader: vertex,\n fragmentShader: fragment,\n transparent: true,\n })\n this.pointsGeometry = new BufferGeometry()\n this.pointsBuffer = new Points(this.pointsGeometry, pointsMaterial)\n this.pointsBuffer.frustumCulled = false\n this.scene.add(this.pointsBuffer)\n this.camera.lookAt(this.scene.position)\n }\n\n private initPointsAttributes (): void {\n const numPoints = this.pointData.length\n const pointsPositions = new Float32Array(numPoints * 3)\n const pointsColors = new Float32Array(numPoints * 4)\n const pointsSizes = new Float32Array(numPoints)\n this.pointsGeometry?.setAttribute('position', new BufferAttribute(pointsPositions, 3))\n this.pointsGeometry?.setAttribute('customColor', new BufferAttribute(pointsColors, 4))\n this.pointsGeometry?.setAttribute('size', new BufferAttribute(pointsSizes, 1))\n this.pointsPositions = this.pointsBuffer?.geometry.attributes.position\n this.pointsColors = this.pointsBuffer?.geometry.attributes.customColor\n this.pointsSizes = this.pointsBuffer?.geometry.attributes.size\n }\n\n public draw (): void {\n this.renderer.render(this.scene, this.camera)\n }\n\n public update (points: Particle[]): void {\n this.pointData = points\n\n this.initPointsAttributes()\n this.pointData.forEach((p, i) => {\n const color = getColor(p.color)\n const opacity = 1\n const radius = getRadius(p.r, this.devicePixelRatio)\n this.pointsColors?.setXYZW(i, color.r, color.g, color.b, opacity)\n this.pointsSizes?.setX(i, radius)\n })\n const pointsColors = this.pointsColors as BufferAttribute\n const pointsSizes = this.pointsSizes as BufferAttribute\n pointsColors.needsUpdate = true\n pointsSizes.needsUpdate = true\n\n this.updatePointsPosition(points)\n }\n\n public updatePointsPosition (points: Particle[]): void {\n points.forEach((p, i) => {\n this.pointsPositions?.setXYZ(i, p.x, p.y, 0)\n })\n const pointsPosition = this.pointsPositions as BufferAttribute\n pointsPosition.needsUpdate = true\n }\n\n public setSize (width: number, height: number): void {\n this.width = width\n this.height = height\n\n this.renderer.setSize(this.width, this.height)\n this.camera.right = this.width\n this.camera.bottom = this.height\n this.camera.updateProjectionMatrix()\n this.renderer.render(this.scene, this.camera)\n }\n\n public getCanvasElement (): HTMLCanvasElement {\n return this.rendererCanvasElement\n }\n\n public destroy (): void {\n this.renderer.dispose()\n this.renderer.domElement.remove()\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const vertex = "\nattribute float size;\nattribute vec4 customColor;\nvarying vec4 vColor;\nvoid main() {\n vColor = customColor;\n vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n gl_PointSize = size * 2.0;\n gl_Position = projectionMatrix * mvPosition;\n}\n";
|
|
2
|
-
export declare const fragment = "\nuniform vec3 color;\nvarying vec4 vColor;\nvoid main() {\n // if ( length( gl_PointCoord - vec2( 0.5, 0.5 ) ) > 0.475 ) discard;\n // gl_FragColor = vec4(color * vColor.rgb, vColor.a);\n vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n float r = dot(cxy, cxy);\n\n float opacity = 1.0 - smoothstep(0.7, 1.0, r);\n gl_FragColor = vec4(color * vColor.rgb, vColor.a * opacity);\n}\n";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shaders.js","sources":["../../../src/components/leaflet-flow-map/shaders.ts"],"sourcesContent":["export const vertex = `\nattribute float size;\nattribute vec4 customColor;\nvarying vec4 vColor;\nvoid main() {\n vColor = customColor;\n vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n gl_PointSize = size * 2.0;\n gl_Position = projectionMatrix * mvPosition;\n}\n`\nexport const fragment = `\nuniform vec3 color;\nvarying vec4 vColor;\nvoid main() {\n // if ( length( gl_PointCoord - vec2( 0.5, 0.5 ) ) > 0.475 ) discard;\n // gl_FragColor = vec4(color * vColor.rgb, vColor.a);\n vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n float r = dot(cxy, cxy);\n\n float opacity = 1.0 - smoothstep(0.7, 1.0, r);\n gl_FragColor = vec4(color * vColor.rgb, vColor.a * opacity);\n}\n`\n"],"names":[],"mappings":"AAAa,MAAA,MAAM,GAAG,CAAA;;;;;;;;;;EAUrB;AACY,MAAA,QAAQ,GAAG,CAAA;;;;;;;;;;;;;;;;"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export interface Particle {
|
|
2
|
-
source: {
|
|
3
|
-
lat: number;
|
|
4
|
-
lon: number;
|
|
5
|
-
};
|
|
6
|
-
target: {
|
|
7
|
-
lat: number;
|
|
8
|
-
lon: number;
|
|
9
|
-
};
|
|
10
|
-
location: {
|
|
11
|
-
lat: number;
|
|
12
|
-
lon: number;
|
|
13
|
-
};
|
|
14
|
-
velocity: number;
|
|
15
|
-
x: number;
|
|
16
|
-
y: number;
|
|
17
|
-
r?: number;
|
|
18
|
-
color?: string;
|
|
19
|
-
}
|
|
20
|
-
export interface LatLon {
|
|
21
|
-
lat: number;
|
|
22
|
-
lon: number;
|
|
23
|
-
}
|