@unovis/ts 1.6.7 → 1.6.8-csp-map.1

package/components/leaflet-map/modules/maplibre-worker-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_virtual_maplibre-worker-source.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/leaflet-map/renderer/leaflet-maplibre-gl.js

@@ -1,3 +1,8 @@
+// maplibre-gl >= 6 no longer exposes `Map#transform` publicly; it lives on the internal `_camera`
+function getGLTransform (gl) {
+  return gl.transform || gl._camera?.transform
+}
+
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function MaplibreGLLayer (leaflet, maplibre, options) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -112,14 +117,14 @@ function MaplibreGLLayer (leaflet, maplibre, options) {
         center: [center.lng, center.lat],
         zoom: this._map.getZoom() - 1,
         attributionControl: false,
+        // maplibre-gl >= 5 made `transform.latRange` a getter-only prop (mutating it throws), so the
+        //   old "allow GL base map to pan beyond min/max latitudes" hack no longer works. Override the
+        //   constrain hook instead, keeping maplibre-gl's own zoom clamp (its defaults, since we don't set our own).
+        transformConstrain: (mapCenter, zoom) => ({ center: mapCenter, zoom: Math.min(Math.max(zoom, -2), 22) }),
       });
 
       this._glMap = new maplibre.Map(options);
 
-      // allow GL base map to pan beyond min/max latitudes
-      this._glMap.transform.latRange = null;
-      this._glMap.transform.maxValidLatitude = Infinity;
-
       this._transformGL(this._glMap);
 
       if (this._glMap._canvas.canvas) {
@@ -159,7 +164,8 @@ function MaplibreGLLayer (leaflet, maplibre, options) {
 
       this._transformGL(gl);
 
-      if (gl.transform.width !== size.x || gl.transform.height !== size.y) {
+      const tr = getGLTransform(gl);
+      if (tr.width !== size.x || tr.height !== size.y) {
         container.style.width = `${size.x}px`;
         container.style.height = `${size.y}px`;
         if (gl._resize !== null && gl._resize !== undefined) {
@@ -183,9 +189,14 @@ function MaplibreGLLayer (leaflet, maplibre, options) {
       // gl.setView([center.lat, center.lng], this._map.getZoom() - 1, 0);
       // calling setView directly causes sync issues because it uses requestAnimFrame
 
-      const tr = gl.transform;
-      tr.center = maplibre.LngLat.convert([center.lng, center.lat]);
-      tr.zoom = this._map.getZoom() - 1;
+      const tr = getGLTransform(gl);
+      if (tr.setCenter) {
+        tr.setCenter(maplibre.LngLat.convert([center.lng, center.lat]));
+        tr.setZoom(this._map.getZoom() - 1);
+      } else {
+        tr.center = maplibre.LngLat.convert([center.lng, center.lat]);
+        tr.zoom = this._map.getZoom() - 1;
+      }
     },
 
     // update the map constantly during a pinch zoom

package/components/leaflet-map/renderer/leaflet-maplibre-gl.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaflet-maplibre-gl.js","sources":["../../../../src/components/leaflet-map/renderer/leaflet-maplibre-gl.js"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport function MaplibreGLLayer (leaflet, maplibre, options) {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const Layer = leaflet.Layer.extend({\n    options: {\n      updateInterval: 32,\n      // How much to extend the overlay view (relative to map size)\n      // e.g. 0.1 would be 10% of map view in each direction\n      padding: 0.1,\n      // whether or not to register the mouse and keyboard\n      // events on the maplibre overlay\n      interactive: false,\n      // set the tilepane as the default pane to draw gl tiles\n      pane: 'tilePane',\n    },\n\n    initialize: function (options) {\n      leaflet.setOptions(this, options)\n\n      // setup throttling the update event when panning\n      this._throttledUpdate = leaflet.Util.throttle(this._update, this.options.updateInterval, this)\n    },\n\n    onAdd: function (map) {\n      if (!this._container) {\n        this._initContainer()\n      }\n\n      const paneName = this.getPaneName()\n      map.getPane(paneName).appendChild(this._container)\n\n      this._initGL()\n\n      this._offset = this._map.containerPointToLayerPoint([0, 0])\n\n      // work around https://github.com/mapbox/mapbox-gl-leaflet/issues/47\n      if (map.options.zoomAnimation) {\n        leaflet.DomEvent.on(map._proxy, leaflet.DomUtil.TRANSITION_END, this._transitionEnd, this)\n      }\n    },\n\n    onRemove: function (map) {\n      if (this._map._proxy && this._map.options.zoomAnimation) {\n        leaflet.DomEvent.off(this._map._proxy, leaflet.DomUtil.TRANSITION_END, this._transitionEnd, this)\n      }\n      const paneName = this.getPaneName()\n      map.getPane(paneName).removeChild(this._container)\n\n      this._glMap.remove()\n      this._glMap = null\n    },\n\n    getEvents: function () {\n      return {\n        move: this._throttledUpdate, // sensibly throttle updating while panning\n        zoomanim: this._animateZoom, // applys the zoom animation to the <canvas>\n        zoom: this._pinchZoom, // animate every zoom event for smoother pinch-zooming\n        zoomstart: this._zoomStart, // flag starting a zoom to disable panning\n        zoomend: this._zoomEnd,\n        resize: this._resize,\n      }\n    },\n\n    getMaplibreMap: function () {\n      return this._glMap\n    },\n\n    getCanvas: function () {\n      return this._glMap.getCanvas()\n    },\n\n    getSize: function () {\n      return this._map.getSize().multiplyBy(1 + this.options.padding * 2)\n    },\n\n    getBounds: function () {\n      const halfSize = this.getSize().multiplyBy(0.5)\n      const center = this._map.latLngToContainerPoint(this._map.getCenter())\n      return leaflet.latLngBounds(\n        this._map.containerPointToLatLng(center.subtract(halfSize)),\n        this._map.containerPointToLatLng(center.add(halfSize))\n      )\n    },\n\n    getContainer: function () {\n      return this._container\n    },\n\n    // returns the pane name set in options if it is a valid pane, defaults to tilePane\n    getPaneName: function () {\n      return this._map.getPane(this.options.pane) ? this.options.pane : 'tilePane'\n    },\n\n    _initContainer: function () {\n      const container = this._container = leaflet.DomUtil.create('div', 'leaflet-gl-layer')\n\n      const size = this.getSize()\n      const offset = this._map.getSize().multiplyBy(this.options.padding)\n      container.style.width = `${size.x}px`\n      container.style.height = `${size.y}px`\n\n      const topLeft = this._map.containerPointToLayerPoint([0, 0]).subtract(offset)\n\n      leaflet.DomUtil.setPosition(container, topLeft)\n    },\n\n    _initGL: function () {\n      const center = this._map.getCenter()\n\n      const options = leaflet.extend({}, this.options, {\n        container: this._container,\n        center: [center.lng, center.lat],\n        zoom: this._map.getZoom() - 1,\n        attributionControl: false,\n      })\n\n      this._glMap = new maplibre.Map(options)\n\n      // allow GL base map to pan beyond min/max latitudes\n      this._glMap.transform.latRange = null\n      this._glMap.transform.maxValidLatitude = Infinity\n\n      this._transformGL(this._glMap)\n\n      if (this._glMap._canvas.canvas) {\n        // older versions of mapbox-gl surfaced the canvas differently\n        this._glMap._actualCanvas = this._glMap._canvas.canvas\n      } else {\n        this._glMap._actualCanvas = this._glMap._canvas\n      }\n\n      // treat child <canvas> element like leaflet.ImageOverlay\n      const canvas = this._glMap._actualCanvas\n      leaflet.DomUtil.addClass(canvas, 'leaflet-image-layer')\n      leaflet.DomUtil.addClass(canvas, 'leaflet-zoom-animated')\n      if (this.options.interactive) {\n        leaflet.DomUtil.addClass(canvas, 'leaflet-interactive')\n      }\n      if (this.options.className) {\n        leaflet.DomUtil.addClass(canvas, this.options.className)\n      }\n    },\n\n    _update: function (e) {\n      // update the offset so we can correct for it later when we zoom\n      this._offset = this._map.containerPointToLayerPoint([0, 0])\n\n      if (this._zooming) {\n        return\n      }\n\n      const size = this.getSize()\n      const container = this._container\n      const gl = this._glMap\n      const offset = this._map.getSize().multiplyBy(this.options.padding)\n      const topLeft = this._map.containerPointToLayerPoint([0, 0]).subtract(offset)\n\n      leaflet.DomUtil.setPosition(container, topLeft)\n\n      this._transformGL(gl)\n\n      if (gl.transform.width !== size.x || gl.transform.height !== size.y) {\n        container.style.width = `${size.x}px`\n        container.style.height = `${size.y}px`\n        if (gl._resize !== null && gl._resize !== undefined) {\n          gl._resize()\n        } else {\n          gl.resize()\n        }\n      } else {\n        // older versions of mapbox-gl surfaced update publicly\n        if (gl._update !== null && gl._update !== undefined) {\n          gl._update()\n        } else {\n          gl.update()\n        }\n      }\n    },\n\n    _transformGL: function (gl) {\n      const center = this._map.getCenter()\n\n      // gl.setView([center.lat, center.lng], this._map.getZoom() - 1, 0);\n      // calling setView directly causes sync issues because it uses requestAnimFrame\n\n      const tr = gl.transform\n      tr.center = maplibre.LngLat.convert([center.lng, center.lat])\n      tr.zoom = this._map.getZoom() - 1\n    },\n\n    // update the map constantly during a pinch zoom\n    _pinchZoom: function (e) {\n      this._glMap.jumpTo({\n        zoom: this._map.getZoom() - 1,\n        center: this._map.getCenter(),\n      })\n    },\n\n    // borrowed from leaflet.ImageOverlay\n    // https://github.com/Leaflet/Leaflet/blob/master/src/layer/ImageOverlay.js#L139-L144\n    _animateZoom: function (e) {\n      const scale = this._map.getZoomScale(e.zoom)\n      const padding = this._map.getSize().multiplyBy(this.options.padding * scale)\n      const viewHalf = this.getSize()._divideBy(2)\n      // corrections for padding (scaled), adapted from\n      // https://github.com/Leaflet/Leaflet/blob/master/src/map/Map.js#L1490-L1508\n      const topLeft = this._map.project(e.center, e.zoom)\n        ._subtract(viewHalf)\n        ._add(this._map._getMapPanePos()\n          .add(padding))._round()\n      const offset = this._map.project(this._map.getBounds().getNorthWest(), e.zoom)\n        ._subtract(topLeft)\n\n      leaflet.DomUtil.setTransform(\n        this._glMap._actualCanvas,\n        offset.subtract(this._offset),\n        scale\n      )\n    },\n\n    _zoomStart: function (e) {\n      this._zooming = true\n    },\n\n    _zoomEnd: function () {\n      const scale = this._map.getZoomScale(this._map.getZoom())\n\n      leaflet.DomUtil.setTransform(\n        this._glMap._actualCanvas,\n        // https://github.com/mapbox/mapbox-gl-leaflet/pull/130\n        null,\n        scale\n      )\n\n      this._zooming = false\n\n      this._update()\n    },\n\n    _transitionEnd: function (e) {\n      leaflet.Util.requestAnimFrame(function () {\n        const zoom = this._map.getZoom()\n        const center = this._map.getCenter()\n        const offset = this._map.latLngToContainerPoint(\n          this._map.getBounds().getNorthWest()\n        )\n\n        // reset the scale and offset\n        leaflet.DomUtil.setTransform(this._glMap._actualCanvas, offset, 1)\n\n        // enable panning once the gl map is ready again\n        this._glMap.once('moveend', leaflet.Util.bind(function () {\n          this._zoomEnd()\n        }, this))\n\n        // update the map position\n        this._glMap.jumpTo({\n          center: center,\n          zoom: zoom - 1,\n        })\n      }, this)\n    },\n\n    _resize: function (e) {\n      this._transitionEnd(e)\n    },\n  })\n\n  return new Layer(options)\n}\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"leaflet-maplibre-gl.js","sources":["../../../../src/components/leaflet-map/renderer/leaflet-maplibre-gl.js"],"sourcesContent":["// maplibre-gl >= 6 no longer exposes `Map#transform` publicly; it lives on the internal `_camera`\nfunction getGLTransform (gl) {\n  return gl.transform || gl._camera?.transform\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport function MaplibreGLLayer (leaflet, maplibre, options) {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const Layer = leaflet.Layer.extend({\n    options: {\n      updateInterval: 32,\n      // How much to extend the overlay view (relative to map size)\n      // e.g. 0.1 would be 10% of map view in each direction\n      padding: 0.1,\n      // whether or not to register the mouse and keyboard\n      // events on the maplibre overlay\n      interactive: false,\n      // set the tilepane as the default pane to draw gl tiles\n      pane: 'tilePane',\n    },\n\n    initialize: function (options) {\n      leaflet.setOptions(this, options)\n\n      // setup throttling the update event when panning\n      this._throttledUpdate = leaflet.Util.throttle(this._update, this.options.updateInterval, this)\n    },\n\n    onAdd: function (map) {\n      if (!this._container) {\n        this._initContainer()\n      }\n\n      const paneName = this.getPaneName()\n      map.getPane(paneName).appendChild(this._container)\n\n      this._initGL()\n\n      this._offset = this._map.containerPointToLayerPoint([0, 0])\n\n      // work around https://github.com/mapbox/mapbox-gl-leaflet/issues/47\n      if (map.options.zoomAnimation) {\n        leaflet.DomEvent.on(map._proxy, leaflet.DomUtil.TRANSITION_END, this._transitionEnd, this)\n      }\n    },\n\n    onRemove: function (map) {\n      if (this._map._proxy && this._map.options.zoomAnimation) {\n        leaflet.DomEvent.off(this._map._proxy, leaflet.DomUtil.TRANSITION_END, this._transitionEnd, this)\n      }\n      const paneName = this.getPaneName()\n      map.getPane(paneName).removeChild(this._container)\n\n      this._glMap.remove()\n      this._glMap = null\n    },\n\n    getEvents: function () {\n      return {\n        move: this._throttledUpdate, // sensibly throttle updating while panning\n        zoomanim: this._animateZoom, // applys the zoom animation to the <canvas>\n        zoom: this._pinchZoom, // animate every zoom event for smoother pinch-zooming\n        zoomstart: this._zoomStart, // flag starting a zoom to disable panning\n        zoomend: this._zoomEnd,\n        resize: this._resize,\n      }\n    },\n\n    getMaplibreMap: function () {\n      return this._glMap\n    },\n\n    getCanvas: function () {\n      return this._glMap.getCanvas()\n    },\n\n    getSize: function () {\n      return this._map.getSize().multiplyBy(1 + this.options.padding * 2)\n    },\n\n    getBounds: function () {\n      const halfSize = this.getSize().multiplyBy(0.5)\n      const center = this._map.latLngToContainerPoint(this._map.getCenter())\n      return leaflet.latLngBounds(\n        this._map.containerPointToLatLng(center.subtract(halfSize)),\n        this._map.containerPointToLatLng(center.add(halfSize))\n      )\n    },\n\n    getContainer: function () {\n      return this._container\n    },\n\n    // returns the pane name set in options if it is a valid pane, defaults to tilePane\n    getPaneName: function () {\n      return this._map.getPane(this.options.pane) ? this.options.pane : 'tilePane'\n    },\n\n    _initContainer: function () {\n      const container = this._container = leaflet.DomUtil.create('div', 'leaflet-gl-layer')\n\n      const size = this.getSize()\n      const offset = this._map.getSize().multiplyBy(this.options.padding)\n      container.style.width = `${size.x}px`\n      container.style.height = `${size.y}px`\n\n      const topLeft = this._map.containerPointToLayerPoint([0, 0]).subtract(offset)\n\n      leaflet.DomUtil.setPosition(container, topLeft)\n    },\n\n    _initGL: function () {\n      const center = this._map.getCenter()\n\n      const options = leaflet.extend({}, this.options, {\n        container: this._container,\n        center: [center.lng, center.lat],\n        zoom: this._map.getZoom() - 1,\n        attributionControl: false,\n        // maplibre-gl >= 5 made `transform.latRange` a getter-only prop (mutating it throws), so the\n        //   old \"allow GL base map to pan beyond min/max latitudes\" hack no longer works. Override the\n        //   constrain hook instead, keeping maplibre-gl's own zoom clamp (its defaults, since we don't set our own).\n        transformConstrain: (mapCenter, zoom) => ({ center: mapCenter, zoom: Math.min(Math.max(zoom, -2), 22) }),\n      })\n\n      this._glMap = new maplibre.Map(options)\n\n      this._transformGL(this._glMap)\n\n      if (this._glMap._canvas.canvas) {\n        // older versions of mapbox-gl surfaced the canvas differently\n        this._glMap._actualCanvas = this._glMap._canvas.canvas\n      } else {\n        this._glMap._actualCanvas = this._glMap._canvas\n      }\n\n      // treat child <canvas> element like leaflet.ImageOverlay\n      const canvas = this._glMap._actualCanvas\n      leaflet.DomUtil.addClass(canvas, 'leaflet-image-layer')\n      leaflet.DomUtil.addClass(canvas, 'leaflet-zoom-animated')\n      if (this.options.interactive) {\n        leaflet.DomUtil.addClass(canvas, 'leaflet-interactive')\n      }\n      if (this.options.className) {\n        leaflet.DomUtil.addClass(canvas, this.options.className)\n      }\n    },\n\n    _update: function (e) {\n      // update the offset so we can correct for it later when we zoom\n      this._offset = this._map.containerPointToLayerPoint([0, 0])\n\n      if (this._zooming) {\n        return\n      }\n\n      const size = this.getSize()\n      const container = this._container\n      const gl = this._glMap\n      const offset = this._map.getSize().multiplyBy(this.options.padding)\n      const topLeft = this._map.containerPointToLayerPoint([0, 0]).subtract(offset)\n\n      leaflet.DomUtil.setPosition(container, topLeft)\n\n      this._transformGL(gl)\n\n      const tr = getGLTransform(gl)\n      if (tr.width !== size.x || tr.height !== size.y) {\n        container.style.width = `${size.x}px`\n        container.style.height = `${size.y}px`\n        if (gl._resize !== null && gl._resize !== undefined) {\n          gl._resize()\n        } else {\n          gl.resize()\n        }\n      } else {\n        // older versions of mapbox-gl surfaced update publicly\n        if (gl._update !== null && gl._update !== undefined) {\n          gl._update()\n        } else {\n          gl.update()\n        }\n      }\n    },\n\n    _transformGL: function (gl) {\n      const center = this._map.getCenter()\n\n      // gl.setView([center.lat, center.lng], this._map.getZoom() - 1, 0);\n      // calling setView directly causes sync issues because it uses requestAnimFrame\n\n      const tr = getGLTransform(gl)\n      if (tr.setCenter) {\n        tr.setCenter(maplibre.LngLat.convert([center.lng, center.lat]))\n        tr.setZoom(this._map.getZoom() - 1)\n      } else {\n        tr.center = maplibre.LngLat.convert([center.lng, center.lat])\n        tr.zoom = this._map.getZoom() - 1\n      }\n    },\n\n    // update the map constantly during a pinch zoom\n    _pinchZoom: function (e) {\n      this._glMap.jumpTo({\n        zoom: this._map.getZoom() - 1,\n        center: this._map.getCenter(),\n      })\n    },\n\n    // borrowed from leaflet.ImageOverlay\n    // https://github.com/Leaflet/Leaflet/blob/master/src/layer/ImageOverlay.js#L139-L144\n    _animateZoom: function (e) {\n      const scale = this._map.getZoomScale(e.zoom)\n      const padding = this._map.getSize().multiplyBy(this.options.padding * scale)\n      const viewHalf = this.getSize()._divideBy(2)\n      // corrections for padding (scaled), adapted from\n      // https://github.com/Leaflet/Leaflet/blob/master/src/map/Map.js#L1490-L1508\n      const topLeft = this._map.project(e.center, e.zoom)\n        ._subtract(viewHalf)\n        ._add(this._map._getMapPanePos()\n          .add(padding))._round()\n      const offset = this._map.project(this._map.getBounds().getNorthWest(), e.zoom)\n        ._subtract(topLeft)\n\n      leaflet.DomUtil.setTransform(\n        this._glMap._actualCanvas,\n        offset.subtract(this._offset),\n        scale\n      )\n    },\n\n    _zoomStart: function (e) {\n      this._zooming = true\n    },\n\n    _zoomEnd: function () {\n      const scale = this._map.getZoomScale(this._map.getZoom())\n\n      leaflet.DomUtil.setTransform(\n        this._glMap._actualCanvas,\n        // https://github.com/mapbox/mapbox-gl-leaflet/pull/130\n        null,\n        scale\n      )\n\n      this._zooming = false\n\n      this._update()\n    },\n\n    _transitionEnd: function (e) {\n      leaflet.Util.requestAnimFrame(function () {\n        const zoom = this._map.getZoom()\n        const center = this._map.getCenter()\n        const offset = this._map.latLngToContainerPoint(\n          this._map.getBounds().getNorthWest()\n        )\n\n        // reset the scale and offset\n        leaflet.DomUtil.setTransform(this._glMap._actualCanvas, offset, 1)\n\n        // enable panning once the gl map is ready again\n        this._glMap.once('moveend', leaflet.Util.bind(function () {\n          this._zoomEnd()\n        }, this))\n\n        // update the map position\n        this._glMap.jumpTo({\n          center: center,\n          zoom: zoom - 1,\n        })\n      }, this)\n    },\n\n    _resize: function (e) {\n      this._transitionEnd(e)\n    },\n  })\n\n  return new Layer(options)\n}\n\n"],"names":[],"mappings":"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"}

package/components/leaflet-map/renderer/map-style.d.ts

@@ -1,4 +1,10 @@
-import { StyleSpecification } from 'maplibre-gl';
+export declare type LayerSpecification = Record<string, unknown>;
+export interface StyleSpecification {
+    layers: LayerSpecification[];
+    sources?: Record<string, unknown>;
+    glyphs?: string;
+    [key: string]: unknown;
+}
 export declare type MapLibreStyleSpecs = StyleSpecification;
 export declare const MapLibreArcticDark: MapLibreStyleSpecs;
 export declare const MapLibreArcticLight: MapLibreStyleSpecs;

package/components/leaflet-map/renderer/map-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-style.js","sources":["../../../../src/components/leaflet-map/renderer/map-style.ts"],"sourcesContent":["import { StyleSpecification, LayerSpecification } from 'maplibre-gl'\n\nimport mapLibreBaseSettings from './mapboxgl/mapboxgl-settings.json'\nimport mapLibreDarkTheme from './mapboxgl/mapboxgl-dark-theme.json'\nimport mapLibreLightTheme from './mapboxgl/mapboxgl-light-theme.json'\n\n\nexport type MapLibreStyleSpecs = StyleSpecification\n\nexport const MapLibreArcticDark: MapLibreStyleSpecs = {\n  ...(mapLibreBaseSettings as StyleSpecification),\n  layers: [\n    ...mapLibreDarkTheme.layers,\n    ...mapLibreBaseSettings.layers,\n  ] as Array<LayerSpecification>,\n}\n\nexport const MapLibreArcticLight: MapLibreStyleSpecs = {\n  ...(mapLibreBaseSettings as StyleSpecification),\n  layers: [\n    ...mapLibreLightTheme.layers,\n    ...mapLibreBaseSettings.layers,\n  ] as Array<LayerSpecification>,\n}\n"],"names":[],"mappings":";;;;AASa,MAAA,kBAAkB,mCACzB,oBAA2C,CAAA,EAAA,EAC/C,MAAM,EAAE;QACN,GAAG,iBAAiB,CAAC,MAAM;QAC3B,GAAG,oBAAoB,CAAC,MAAM;AACF,KAAA,EAAA,EAC/B;AAEY,MAAA,mBAAmB,mCAC1B,oBAA2C,CAAA,EAAA,EAC/C,MAAM,EAAE;QACN,GAAG,kBAAkB,CAAC,MAAM;QAC5B,GAAG,oBAAoB,CAAC,MAAM;AACF,KAAA,EAAA;;;;"}
+{"version":3,"file":"map-style.js","sources":["../../../../src/components/leaflet-map/renderer/map-style.ts"],"sourcesContent":["import mapLibreBaseSettings from './mapboxgl/mapboxgl-settings.json'\nimport mapLibreDarkTheme from './mapboxgl/mapboxgl-dark-theme.json'\nimport mapLibreLightTheme from './mapboxgl/mapboxgl-light-theme.json'\n\n// Local, TypeScript 4.2-parseable aliases for the MapLibre style types. Importing them directly from\n// `@maplibre/maplibre-gl-style-spec` breaks the build because that package's `.d.ts` uses inline\n// `export { type ... }` syntax that requires TypeScript >= 4.5.\nexport type LayerSpecification = Record<string, unknown>\nexport interface StyleSpecification {\n  layers: LayerSpecification[];\n  sources?: Record<string, unknown>;\n  glyphs?: string;\n  [key: string]: unknown;\n}\n\nexport type MapLibreStyleSpecs = StyleSpecification\n\nexport const MapLibreArcticDark: MapLibreStyleSpecs = {\n  ...(mapLibreBaseSettings as StyleSpecification),\n  layers: [\n    ...mapLibreDarkTheme.layers,\n    ...mapLibreBaseSettings.layers,\n  ] as Array<LayerSpecification>,\n}\n\nexport const MapLibreArcticLight: MapLibreStyleSpecs = {\n  ...(mapLibreBaseSettings as StyleSpecification),\n  layers: [\n    ...mapLibreLightTheme.layers,\n    ...mapLibreBaseSettings.layers,\n  ] as Array<LayerSpecification>,\n}\n"],"names":[],"mappings":";;;;AAiBa,MAAA,kBAAkB,mCACzB,oBAA2C,CAAA,EAAA,EAC/C,MAAM,EAAE;QACN,GAAG,iBAAiB,CAAC,MAAM;QAC3B,GAAG,oBAAoB,CAAC,MAAM;AACF,KAAA,EAAA,EAC/B;AAEY,MAAA,mBAAmB,mCAC1B,oBAA2C,CAAA,EAAA,EAC/C,MAAM,EAAE;QACN,GAAG,kBAAkB,CAAC,MAAM;QAC5B,GAAG,oBAAoB,CAAC,MAAM;AACF,KAAA,EAAA;;;;"}

package/components/leaflet-map/renderer/mapboxgl/mapboxgl-settings.json.js

@@ -1996,7 +1996,7 @@ var layers = [
 			visibility: "visible"
 		},
 		paint: {
-			"line-color": "rgba(163, 213, 217, .)",
+			"line-color": "rgba(163, 213, 217, 1)",
 			"line-width": {
 				base: 1.2,
 				stops: [

package/components/leaflet-map/renderer/mapboxgl-layer.d.ts

@@ -1,8 +1,11 @@
 import type L from 'leaflet';
-import type Maplibre from 'maplibre-gl';
-import type { Map } from 'maplibre-gl';
+import type { Map, LngLat } from 'maplibre-gl';
 import { GenericDataRecord } from "../../../types/data";
 import { LeafletMapConfigInterface } from '../config';
-export declare function getMaplibreGLLayer<Datum extends GenericDataRecord>(config: LeafletMapConfigInterface<Datum>, leaflet: typeof L, maplibre: typeof Maplibre): L.Layer & {
+export declare type MaplibreModule = {
+    Map: typeof Map;
+    LngLat: typeof LngLat;
+};
+export declare function getMaplibreGLLayer<Datum extends GenericDataRecord>(config: LeafletMapConfigInterface<Datum>, leaflet: typeof L, maplibre: MaplibreModule): L.Layer & {
     getMaplibreMap(): Map;
 };

package/components/leaflet-map/renderer/mapboxgl-layer.js

@@ -1,4 +1,4 @@
-import { injectGlobal } from '@emotion/css';
+import { injectGlobal } from '../../../styles/emotion.js';
 import { isObject } from '../../../utils/data.js';
 import { MaplibreGLLayer } from './leaflet-maplibre-gl.js';
 import mapLibreStyles from './maplibre-gl.css.js';

package/components/leaflet-map/renderer/mapboxgl-layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type Maplibre from 'maplibre-gl'\nimport type { Map } from 'maplibre-gl'\n\nimport { injectGlobal } from '@emotion/css'\n\n// Utils\nimport { isObject } from 'utils/data'\n\n// Types\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\nimport { MapLibreStyleSpecs } from './map-style'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { MaplibreGLLayer } from './leaflet-maplibre-gl'\n\n// Inject MapLibreGL global style\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport mapLibreStyles from './maplibre-gl.css.js'\ninjectGlobal(mapLibreStyles)\n\nexport function getMaplibreGLLayer<Datum extends GenericDataRecord> (\n  config: LeafletMapConfigInterface<Datum>,\n  leaflet: typeof L,\n  maplibre: typeof Maplibre\n): L.Layer & { getMaplibreMap(): Map } {\n  const { accessToken, style } = config\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).glyphs) {\n    console.warn('Unovis | Leaflet Map: Glyphs URL is required in order to show the map. Set `mapboxglGlyphs` URL in the style settings')\n    return\n  }\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).sources) {\n    console.warn('Unovis | Leaflet Map: Sources settings are required in order to show map. Set the `sources` property in the style settings')\n    return\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const layer = MaplibreGLLayer(leaflet, maplibre, {\n    style: style,\n    accessToken: accessToken || 'not-needed',\n  })\n\n  return layer\n}\n"],"names":[],"mappings":";;;;;AAuBA,YAAY,CAAC,cAAc,CAAC,CAAA;SAEZ,kBAAkB,CAChC,MAAwC,EACxC,OAAiB,EACjB,QAAyB,EAAA;AAEzB,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAErC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,MAAM,EAAE;AAC5D,QAAA,OAAO,CAAC,IAAI,CAAC,uHAAuH,CAAC,CAAA;QACrI,OAAM;AACP,KAAA;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,OAAO,EAAE;AAC7D,QAAA,OAAO,CAAC,IAAI,CAAC,4HAA4H,CAAC,CAAA;QAC1I,OAAM;AACP,KAAA;;;AAID,IAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC/C,QAAA,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW,IAAI,YAAY;AACzC,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type { Map, LngLat } from 'maplibre-gl'\n\nimport { injectGlobal } from 'styles/emotion'\n\n// Utils\nimport { isObject } from 'utils/data'\n\n// Types\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\nimport { MapLibreStyleSpecs } from './map-style'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { MaplibreGLLayer } from './leaflet-maplibre-gl'\n\n// Inject MapLibreGL global style\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport mapLibreStyles from './maplibre-gl.css.js'\ninjectGlobal(mapLibreStyles)\n\n// The subset of the MapLibre GL module that `leaflet-maplibre-gl` consumes at runtime\nexport type MaplibreModule = {\n  /* eslint-disable @typescript-eslint/naming-convention -- matches the MapLibre GL export names */\n  Map: typeof Map;\n  LngLat: typeof LngLat;\n  /* eslint-enable @typescript-eslint/naming-convention */\n}\n\nexport function getMaplibreGLLayer<Datum extends GenericDataRecord> (\n  config: LeafletMapConfigInterface<Datum>,\n  leaflet: typeof L,\n  maplibre: MaplibreModule\n): L.Layer & { getMaplibreMap(): Map } {\n  const { accessToken, style } = config\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).glyphs) {\n    console.warn('Unovis | Leaflet Map: Glyphs URL is required in order to show the map. Set `mapboxglGlyphs` URL in the style settings')\n    return\n  }\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).sources) {\n    console.warn('Unovis | Leaflet Map: Sources settings are required in order to show map. Set the `sources` property in the style settings')\n    return\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const layer = MaplibreGLLayer(leaflet, maplibre, {\n    style: style,\n    accessToken: accessToken || 'not-needed',\n  })\n\n  return layer\n}\n"],"names":[],"mappings":";;;;;AAsBA,YAAY,CAAC,cAAc,CAAC,CAAA;SAUZ,kBAAkB,CAChC,MAAwC,EACxC,OAAiB,EACjB,QAAwB,EAAA;AAExB,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAErC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,MAAM,EAAE;AAC5D,QAAA,OAAO,CAAC,IAAI,CAAC,uHAAuH,CAAC,CAAA;QACrI,OAAM;AACP,KAAA;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,OAAO,EAAE;AAC7D,QAAA,OAAO,CAAC,IAAI,CAAC,4HAA4H,CAAC,CAAA;QAC1I,OAAM;AACP,KAAA;;;AAID,IAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC/C,QAAA,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW,IAAI,YAAY;AACzC,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/components/leaflet-map/style.js

@@ -1,4 +1,4 @@
-import { injectGlobal, css } from '@emotion/css';
+import { injectGlobal, css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 import css_248z from './leaflet.css.js';
 

package/components/leaflet-map/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\n// Inject Leaflet global style\n// eslint-disable-next-line\nimport leafletCSS from './leaflet.css'\ninjectGlobal(leafletCSS)\n\nconst cssVarDefaults = {\n  '--vis-map-container-background-color': '#dfe5eb',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-map-label-font-family': undefined as undefined,\n\n  '--vis-map-point-default-fill-color': '#B9BEC3',\n  '--vis-map-point-ring-fill-color': '#ffffff',\n  '--vis-map-point-default-stroke-color': '#959da3',\n  '--vis-map-point-default-stroke-width': '0px',\n  '--vis-map-point-default-cursor': 'default',\n\n  '--vis-map-cluster-default-fill-color': '#fff',\n  '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-map-cluster-default-stroke-width': '1.5px',\n  '--vis-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n  '--vis-map-point-bottom-label-font-size': '10px',\n\n  '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n  /* Dark Theme */\n  '--vis-dark-map-container-background-color': '#dfe5eb',\n  '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n  '--vis-dark-map-point-default-stroke-color': '#959da3',\n  '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n  '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-dark-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-bottom-label-text-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-expanded-background-fill-color': '#fff',\n}\n\nexport const root = css`\n  label: leaflet-map-component;\n\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background-color: var(--vis-map-container-background-color);\n\n  canvas {\n    pointer-events: all;\n  }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = `${root} canvas`\n\nexport const points = css`\n  label: g-points;\n`\n\nexport const point = css`\n  label: g-point;\n`\n\nexport const pointPath = css`\n  label: point-path;\n\n  stroke-opacity: 1;\n  fill-opacity: 1.0;\n  fill: var(${variables.mapPointDefaultFillColor});\n  stroke: var(${variables.mapPointDefaultStrokeColor});\n  stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n  pointer-events: fill !important;\n  transition: .2s stroke-width, .3s transform;\n  cursor: var(${variables.mapPointDefaultCursor});\n\n  &:hover {\n    stroke-width: 2;\n    fill-opacity: 1;\n    animation: none;\n    transform: scale(1.1);\n  }\n`\n\nexport const pointPathRing = css`\n  label: point-path-ring;\n  fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const pointPathCluster = css`\n  label: point-path-cluster;\n  fill-opacity: 0.9;\n  stroke: none;\n  animation: none;\n  fill: var(${variables.mapClusterDefaultFillColor});\n  stroke: var(${variables.mapClusterDefaultStrokeColor});\n  stroke-width: var(${variables.mapClusterDefaultStrokeWidth});\n`\n\nexport const pointSelectionRing = css`\n  label: point-selection-ring;\n  stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n  label: point-selection;\n\n  opacity: 0;\n  transform: scale(1);\n\n  &.active {\n    transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n    opacity: 1;\n    transform: scale(1.25);\n  }\n`\n\nexport const innerLabel = css`\n  label: inner-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const innerLabelCluster = css`\n  label: inner-label-cluster;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n`\n\nexport const bottomLabel = css`\n  label: bottom-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointBottomLabelTextColor});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const donutCluster = css`\n  label: donut-cluster;\n\n  transform: scale(1);\n  transition: .3s transform;\n  path {\n    fill: var(${variables.mapClusterDonutFillColor});\n    stroke-width: 0.5;\n  }\n\n  &:hover {\n    transform: scale(1.1);\n  }\n`\n\nexport const svgOverlay = css`\n  label: svg-overlay;\n  position: absolute;\n  pointer-events: none;\n`\n\nexport const backgroundRect = css`\n  label: background-rect;\n\n  opacity: 0;\n`\n\nexport const clusterBackground = css`\n  label: cluster-background;\n\n  fill: var(${variables.mapClusterExpandedBackgroundFillColor});\n  opacity: 0.6;\n  visibility: hidden;\n\n  &.active {\n    visibility: visible;\n  }\n`\n\nexport const onFeatureHover = css`\n  label: feature-hovered;\n`\n\nexport const mapboxglCanvas = css`\n  pointer-events: all;\n  cursor: grab;\n\n  &${`.${onFeatureHover}`} {\n    cursor: default;\n  }\n`\n\nexport const map = css`\n  label: map;\n`\n"],"names":["leafletCSS"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\n// Inject Leaflet global style\n// eslint-disable-next-line\nimport leafletCSS from './leaflet.css'\ninjectGlobal(leafletCSS)\n\nconst cssVarDefaults = {\n  '--vis-map-container-background-color': '#dfe5eb',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-map-label-font-family': undefined as undefined,\n\n  '--vis-map-point-default-fill-color': '#B9BEC3',\n  '--vis-map-point-ring-fill-color': '#ffffff',\n  '--vis-map-point-default-stroke-color': '#959da3',\n  '--vis-map-point-default-stroke-width': '0px',\n  '--vis-map-point-default-cursor': 'default',\n\n  '--vis-map-cluster-default-fill-color': '#fff',\n  '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-map-cluster-default-stroke-width': '1.5px',\n  '--vis-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n  '--vis-map-point-bottom-label-font-size': '10px',\n\n  '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n  /* Dark Theme */\n  '--vis-dark-map-container-background-color': '#dfe5eb',\n  '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n  '--vis-dark-map-point-default-stroke-color': '#959da3',\n  '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n  '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-dark-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-bottom-label-text-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-expanded-background-fill-color': '#fff',\n}\n\nexport const root = css`\n  label: leaflet-map-component;\n\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background-color: var(--vis-map-container-background-color);\n\n  canvas {\n    pointer-events: all;\n  }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = `${root} canvas`\n\nexport const points = css`\n  label: g-points;\n`\n\nexport const point = css`\n  label: g-point;\n`\n\nexport const pointPath = css`\n  label: point-path;\n\n  stroke-opacity: 1;\n  fill-opacity: 1.0;\n  fill: var(${variables.mapPointDefaultFillColor});\n  stroke: var(${variables.mapPointDefaultStrokeColor});\n  stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n  pointer-events: fill !important;\n  transition: .2s stroke-width, .3s transform;\n  cursor: var(${variables.mapPointDefaultCursor});\n\n  &:hover {\n    stroke-width: 2;\n    fill-opacity: 1;\n    animation: none;\n    transform: scale(1.1);\n  }\n`\n\nexport const pointPathRing = css`\n  label: point-path-ring;\n  fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const pointPathCluster = css`\n  label: point-path-cluster;\n  fill-opacity: 0.9;\n  stroke: none;\n  animation: none;\n  fill: var(${variables.mapClusterDefaultFillColor});\n  stroke: var(${variables.mapClusterDefaultStrokeColor});\n  stroke-width: var(${variables.mapClusterDefaultStrokeWidth});\n`\n\nexport const pointSelectionRing = css`\n  label: point-selection-ring;\n  stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n  label: point-selection;\n\n  opacity: 0;\n  transform: scale(1);\n\n  &.active {\n    transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n    opacity: 1;\n    transform: scale(1.25);\n  }\n`\n\nexport const innerLabel = css`\n  label: inner-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const innerLabelCluster = css`\n  label: inner-label-cluster;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n`\n\nexport const bottomLabel = css`\n  label: bottom-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointBottomLabelTextColor});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const donutCluster = css`\n  label: donut-cluster;\n\n  transform: scale(1);\n  transition: .3s transform;\n  path {\n    fill: var(${variables.mapClusterDonutFillColor});\n    stroke-width: 0.5;\n  }\n\n  &:hover {\n    transform: scale(1.1);\n  }\n`\n\nexport const svgOverlay = css`\n  label: svg-overlay;\n  position: absolute;\n  pointer-events: none;\n`\n\nexport const backgroundRect = css`\n  label: background-rect;\n\n  opacity: 0;\n`\n\nexport const clusterBackground = css`\n  label: cluster-background;\n\n  fill: var(${variables.mapClusterExpandedBackgroundFillColor});\n  opacity: 0.6;\n  visibility: hidden;\n\n  &.active {\n    visibility: visible;\n  }\n`\n\nexport const onFeatureHover = css`\n  label: feature-hovered;\n`\n\nexport const mapboxglCanvas = css`\n  pointer-events: all;\n  cursor: grab;\n\n  &${`.${onFeatureHover}`} {\n    cursor: default;\n  }\n`\n\nexport const map = css`\n  label: map;\n`\n"],"names":["leafletCSS"],"mappings":"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"}

package/components/line/style.js

@@ -1,4 +1,4 @@
-import { injectGlobal, css } from '@emotion/css';
+import { injectGlobal, css } from '../../styles/emotion.js';
 
 const globalStyles = injectGlobal `
   :root {

package/components/line/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/line/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-line-cursor: default;\n    --vis-line-stroke-dasharray: none;\n    --vis-line-stroke-dashoffset: 0;\n\n    --vis-line-gapfill-stroke-dasharray: 2 3;\n    --vis-line-gapfill-stroke-opacity: 0.8;\n    --vis-line-gapfill-stroke-dashoffset: 0;\n  }\n`\n\nexport const root = css`\n  label: line-component;\n`\n\nexport const line = css`\n  label: line;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n`\n\nexport const linePath = css`\n  label: linePath;\n  fill: none;\n  stroke-dasharray: var(--vis-line-stroke-dasharray);\n  stroke-dashoffset: var(--vis-line-stroke-dashoffset);\n`\n\nexport const lineSelectionHelper = css`\n  label: lineSelectionHelper;\n  fill: none;\n  stroke: rgba(0, 0, 0, 0);\n  stroke-width: 8px;\n`\n\nexport const dim = css`\n  opacity: 0.2;\n`\n\nexport const interpolatedPath = css`\n  label: interpolated-path;\n  fill: none;\n  stroke-dasharray: var(--vis-line-gapfill-stroke-dasharray);\n  stroke-dashoffset: var(--vis-line-gapfill-stroke-dashoffset);\n  stroke-opacity: var(--vis-line-gapfill-stroke-opacity);\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;EAUvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;EAItB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;;;EAKrC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;EAErB;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/line/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-line-cursor: default;\n    --vis-line-stroke-dasharray: none;\n    --vis-line-stroke-dashoffset: 0;\n\n    --vis-line-gapfill-stroke-dasharray: 2 3;\n    --vis-line-gapfill-stroke-opacity: 0.8;\n    --vis-line-gapfill-stroke-dashoffset: 0;\n  }\n`\n\nexport const root = css`\n  label: line-component;\n`\n\nexport const line = css`\n  label: line;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n`\n\nexport const linePath = css`\n  label: linePath;\n  fill: none;\n  stroke-dasharray: var(--vis-line-stroke-dasharray);\n  stroke-dashoffset: var(--vis-line-stroke-dashoffset);\n`\n\nexport const lineSelectionHelper = css`\n  label: lineSelectionHelper;\n  fill: none;\n  stroke: rgba(0, 0, 0, 0);\n  stroke-width: 8px;\n`\n\nexport const dim = css`\n  opacity: 0.2;\n`\n\nexport const interpolatedPath = css`\n  label: interpolated-path;\n  fill: none;\n  stroke-dasharray: var(--vis-line-gapfill-stroke-dasharray);\n  stroke-dashoffset: var(--vis-line-gapfill-stroke-dashoffset);\n  stroke-opacity: var(--vis-line-gapfill-stroke-opacity);\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;EAUvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;EAItB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;;;EAKrC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;EAErB;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;"}

package/components/nested-donut/style.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 
 const cssVarDefaults = {

package/components/nested-donut/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  '--vis-nested-donut-font-family': undefined as undefined,\n\n  // Background\n  '--vis-nested-donut-background-color': '#E7E9F3',\n\n  // Central label\n  '--vis-nested-donut-central-label-font-size': '16px',\n  '--vis-nested-donut-central-label-font-weight': 600,\n  '--vis-nested-donut-central-label-text-color': '#5b5f6d',\n\n  // Central sub-label\n  '--vis-nested-donut-central-sublabel-font-size': '12px;',\n  '--vis-nested-donut-central-sublabel-font-weight': 500,\n  '--vis-nested-donut-central-sublabel-text-color': '#5b5f6d',\n\n  // Segments\n  '--vis-nested-donut-segment-stroke-width': '1px',\n  '--vis-nested-donut-segment-stroke-color': 'var(--vis-nested-donut-background-color)',\n  '--vis-nested-donut-segment-label-text-color-light': '#5b5f6d',\n  '--vis-nested-donut-segment-label-text-color-dark': '#fff',\n  '--vis-nested-donut-segment-label-font-size': '1em',\n\n  /* Dark theme */\n  '--vis-dark-nested-donut-background-color': '#18160C',\n  '--vis-dark-nested-donut-central-label-text-color': '#fff',\n  '--vis-dark-nested-donut-central-sublabel-text-color': '#fff',\n}\n\nexport const root = css`\n  label: nested-donut-component;\n`\n\nexport const segmentsGroup = css`\n  label: nested-donut-segments-group;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n  fill: var(--vis-nested-donut-background-color);\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segment = css`\n  label: segment;\n `\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const segmentArc = css`\n  label: segment-arc;\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segmentLabel = css`\n  label: segment-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  user-select: none;\n  font-size: var(--vis-nested-donut-segment-label-font-size);\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-label-font-size);\n  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-label-font-weight);\n  fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-sub-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-sublabel-font-size);\n  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n  fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;;AAErB,IAAA,gCAAgC,EAAE,SAAsB;;AAGxD,IAAA,qCAAqC,EAAE,SAAS;;AAGhD,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;AACnD,IAAA,6CAA6C,EAAE,SAAS;;AAGxD,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;AACtD,IAAA,gDAAgD,EAAE,SAAS;;AAG3D,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,0CAA0C;AACrF,IAAA,mDAAmD,EAAE,SAAS;AAC9D,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,4CAA4C,EAAE,KAAK;;AAGnD,IAAA,0CAA0C,EAAE,SAAS;AACrD,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,qDAAqD,EAAE,MAAM;CAC9D,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;GAExB;AAEK,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  '--vis-nested-donut-font-family': undefined as undefined,\n\n  // Background\n  '--vis-nested-donut-background-color': '#E7E9F3',\n\n  // Central label\n  '--vis-nested-donut-central-label-font-size': '16px',\n  '--vis-nested-donut-central-label-font-weight': 600,\n  '--vis-nested-donut-central-label-text-color': '#5b5f6d',\n\n  // Central sub-label\n  '--vis-nested-donut-central-sublabel-font-size': '12px;',\n  '--vis-nested-donut-central-sublabel-font-weight': 500,\n  '--vis-nested-donut-central-sublabel-text-color': '#5b5f6d',\n\n  // Segments\n  '--vis-nested-donut-segment-stroke-width': '1px',\n  '--vis-nested-donut-segment-stroke-color': 'var(--vis-nested-donut-background-color)',\n  '--vis-nested-donut-segment-label-text-color-light': '#5b5f6d',\n  '--vis-nested-donut-segment-label-text-color-dark': '#fff',\n  '--vis-nested-donut-segment-label-font-size': '1em',\n\n  /* Dark theme */\n  '--vis-dark-nested-donut-background-color': '#18160C',\n  '--vis-dark-nested-donut-central-label-text-color': '#fff',\n  '--vis-dark-nested-donut-central-sublabel-text-color': '#fff',\n}\n\nexport const root = css`\n  label: nested-donut-component;\n`\n\nexport const segmentsGroup = css`\n  label: nested-donut-segments-group;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n  fill: var(--vis-nested-donut-background-color);\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segment = css`\n  label: segment;\n `\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const segmentArc = css`\n  label: segment-arc;\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segmentLabel = css`\n  label: segment-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  user-select: none;\n  font-size: var(--vis-nested-donut-segment-label-font-size);\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-label-font-size);\n  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-label-font-weight);\n  fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-sub-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-sublabel-font-size);\n  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n  fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;;AAErB,IAAA,gCAAgC,EAAE,SAAsB;;AAGxD,IAAA,qCAAqC,EAAE,SAAS;;AAGhD,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;AACnD,IAAA,6CAA6C,EAAE,SAAS;;AAGxD,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;AACtD,IAAA,gDAAgD,EAAE,SAAS;;AAG3D,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,0CAA0C;AACrF,IAAA,mDAAmD,EAAE,SAAS;AAC9D,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,4CAA4C,EAAE,KAAK;;AAGnD,IAAA,0CAA0C,EAAE,SAAS;AACrD,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,qDAAqD,EAAE,MAAM;CAC9D,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;GAExB;AAEK,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/plotband/style.js

@@ -1,4 +1,4 @@
-import { injectGlobal, css } from '@emotion/css';
+import { injectGlobal, css } from '../../styles/emotion.js';
 import { darkThemeCssSelectors } from '../../utils/theme.js';
 
 const globalStyles = injectGlobal `

package/components/plotband/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotband-color: rgba(255, 255, 90, 0.2);\n    --vis-plotband-label-font-size: 12px;\n    --vis-plotband-label-color: #000;\n\n    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);\n    --vis-dark-plotband-label-color: #e5e9f7;\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-plotband-color: var(--vis-dark-plotband-color);\n    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotband-component;\n`\n\nexport const plotband = css`\n  label: plotband-area;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n  fill: var(--vis-plotband-color);\n`\n\nexport const label = css`\n  label: plotline-label;\n\n  user-select: none;\n  text-anchor: middle;\n  pointer-events: none;\n  font-size: var(--vis-plotband-label-font-size);\n  fill: var(--vis-plotband-label-color);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;IAUpC,qBAAqB,CAAA;;;;EAIxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotband-color: rgba(255, 255, 90, 0.2);\n    --vis-plotband-label-font-size: 12px;\n    --vis-plotband-label-color: #000;\n\n    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);\n    --vis-dark-plotband-label-color: #e5e9f7;\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-plotband-color: var(--vis-dark-plotband-color);\n    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotband-component;\n`\n\nexport const plotband = css`\n  label: plotband-area;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n  fill: var(--vis-plotband-color);\n`\n\nexport const label = css`\n  label: plotline-label;\n\n  user-select: none;\n  text-anchor: middle;\n  pointer-events: none;\n  font-size: var(--vis-plotband-label-font-size);\n  fill: var(--vis-plotband-label-color);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;IAUpC,qBAAqB,CAAA;;;;EAIxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/plotline/style.js

@@ -1,4 +1,4 @@
-import { injectGlobal, css } from '@emotion/css';
+import { injectGlobal, css } from '../../styles/emotion.js';
 import { darkThemeCssSelectors } from '../../utils/theme.js';
 
 const globalStyles = injectGlobal `

package/components/plotline/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/plotline/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotline-color: rgb(226, 32, 58);\n    --vis-plotline-width: 2;\n    --vis-plotline-dasharray: none;\n    --vis-plotline-stroke-dashoffset: 0;\n    --vis-plotline-label-font-size: 12px;\n    --vis-plotline-label-color: #000;\n\n    --vis-dark-plotline-label-color: #e5e9f7;\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-plotline-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotline-component;\n`\n\nexport const plotline = css`\n  label: plotline;\n  transition: opacity 200ms;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke: var(--vis-plotline-color);\n  stroke-width: var(--vis-plotline-width);\n  stroke-dasharray: var(--vis-plotline-dasharray);\n  stroke-dashoffset: var(--vis-plotline-stroke-dashoffset);\n`\n\nexport const label = css`\n  label: plotline-label;\n  text-anchor: middle;\n  /* dominant-baseline: middle; */\n  pointer-events: none;\n  font-size: var(--vis-plotline-label-font-size);\n  fill: var(--vis-plotline-label-color);\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;IAYpC,qBAAqB,CAAA;;;EAGxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/plotline/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotline-color: rgb(226, 32, 58);\n    --vis-plotline-width: 2;\n    --vis-plotline-dasharray: none;\n    --vis-plotline-stroke-dashoffset: 0;\n    --vis-plotline-label-font-size: 12px;\n    --vis-plotline-label-color: #000;\n\n    --vis-dark-plotline-label-color: #e5e9f7;\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-plotline-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotline-component;\n`\n\nexport const plotline = css`\n  label: plotline;\n  transition: opacity 200ms;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke: var(--vis-plotline-color);\n  stroke-width: var(--vis-plotline-width);\n  stroke-dasharray: var(--vis-plotline-dasharray);\n  stroke-dashoffset: var(--vis-plotline-stroke-dashoffset);\n`\n\nexport const label = css`\n  label: plotline-label;\n  text-anchor: middle;\n  /* dominant-baseline: middle; */\n  pointer-events: none;\n  font-size: var(--vis-plotline-label-font-size);\n  fill: var(--vis-plotline-label-color);\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;IAYpC,qBAAqB,CAAA;;;EAGxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;"}

package/components/rolling-pin-legend/style.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 
 const root = css `

package/components/rolling-pin-legend/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/rolling-pin-legend/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n  display: flex;\n`\n\nexport const cssVarDefaults = {\n  '--vis-rolling-pin-legend-label-color': '#6c778c',\n  '--vis-rolling-pin-legend-label-max-width': '300px',\n  '--vis-rolling-pin-legend-label-font-size': '12px',\n  '--vis-rolling-pin-legend-spacing': '4px',\n  '--vis-rolling-pin-legend-item-width': '8px',\n  '--vis-dark-rolling-pin-legend-label-color': '#eee',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const rectsContainer = css`\n  display: flex;\n`\n\nexport const label = css`\n  font-family: var(--vis-rolling-pin-legend-font-family, var(--vis-font-family));\n  font-size: var(${variables.rollingPinLegendLabelFontSize});\n  max-width: var(${variables.rollingPinLegendLabelMaxWidth});\n  color: var(${variables.rollingPinLegendLabelColor});\n`\n\nexport const leftLabel = css`\n  margin-right: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rightLabel = css`\n  margin-left: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rect = css`\n  display: inline-block;\n  flex: 1;\n  width: var(${variables.rollingPinLegendItemWidth});\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAG;AAC5B,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,0CAA0C,EAAE,OAAO;AACnD,IAAA,0CAA0C,EAAE,MAAM;AAClD,IAAA,kCAAkC,EAAE,KAAK;AACzC,IAAA,qCAAqC,EAAE,KAAK;AAC5C,IAAA,2CAA2C,EAAE,MAAM;EACpD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;AAEL,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AACvC,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AAC3C,aAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;EAClD;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;AACN,oBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACtD;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;AACR,mBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACrD;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;AAGR,aAAA,EAAA,SAAS,CAAC,yBAAyB,CAAA;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/rolling-pin-legend/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n  display: flex;\n`\n\nexport const cssVarDefaults = {\n  '--vis-rolling-pin-legend-label-color': '#6c778c',\n  '--vis-rolling-pin-legend-label-max-width': '300px',\n  '--vis-rolling-pin-legend-label-font-size': '12px',\n  '--vis-rolling-pin-legend-spacing': '4px',\n  '--vis-rolling-pin-legend-item-width': '8px',\n  '--vis-dark-rolling-pin-legend-label-color': '#eee',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const rectsContainer = css`\n  display: flex;\n`\n\nexport const label = css`\n  font-family: var(--vis-rolling-pin-legend-font-family, var(--vis-font-family));\n  font-size: var(${variables.rollingPinLegendLabelFontSize});\n  max-width: var(${variables.rollingPinLegendLabelMaxWidth});\n  color: var(${variables.rollingPinLegendLabelColor});\n`\n\nexport const leftLabel = css`\n  margin-right: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rightLabel = css`\n  margin-left: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rect = css`\n  display: inline-block;\n  flex: 1;\n  width: var(${variables.rollingPinLegendItemWidth});\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAG;AAC5B,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,0CAA0C,EAAE,OAAO;AACnD,IAAA,0CAA0C,EAAE,MAAM;AAClD,IAAA,kCAAkC,EAAE,KAAK;AACzC,IAAA,qCAAqC,EAAE,KAAK;AAC5C,IAAA,2CAA2C,EAAE,MAAM;EACpD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;AAEL,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AACvC,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AAC3C,aAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;EAClD;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;AACN,oBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACtD;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;AACR,mBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACrD;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;AAGR,aAAA,EAAA,SAAS,CAAC,yBAAyB,CAAA;;;;;"}

package/components/sankey/style.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 import { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from '../../styles/index.js';
 

package/components/sankey/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\nexport const SANKEY_ICON_SIZE = 22\n\nexport const root = css`\n  label: sankey-component;\n`\n\nexport const cssVarDefaults = {\n  /* Links */\n  '--vis-sankey-link-cursor': 'default',\n  '--vis-sankey-link-color': 'var(--vis-color-main-light)',\n  '--vis-sankey-link-opacity': '0.5',\n  '--vis-sankey-link-hover-opacity': '1.0',\n\n  /* Nodes */\n  '--vis-sankey-node-cursor': 'default',\n  '--vis-sankey-node-color': 'var(--vis-color-main)',\n  '--vis-sankey-node-label-color': '#575c65',\n  '--vis-sankey-node-opacity': '0.9',\n  '--vis-sankey-node-hover-opacity': '1.0',\n\n  /* Node Selection */\n  '--vis-sankey-node-selection-stroke-width': '1.5px',\n  '--vis-sankey-node-selection-stroke-opacity': '0.6',\n  '--vis-sankey-node-selection-border-radius': '2px',\n\n  /* Node Labels */\n  '--vis-sankey-node-label-background-fill-color': '#ffffff',\n  '--vis-sankey-node-label-background-stroke-color': '#eaeaea',\n  '--vis-sankey-node-label-background-opacity': '0.9',\n  '--vis-sankey-node-label-cursor': 'default',\n  '--vis-sankey-node-label-font-weight': '600',\n  '--vis-sankey-node-label-font-size': '12px',\n  '--vis-sankey-node-label-text-decoration': 'none',\n\n  '--vis-sankey-node-sublabel-font-size': '10px',\n  '--vis-sankey-node-sublabel-font-weight': '500',\n\n  /* Icons */\n  '--vis-sankey-icon-size': `${SANKEY_ICON_SIZE}px`,\n  '--vis-sankey-icon-color': '#ffffff',\n  '--vis-sankey-icon-stroke-opacity': '0.6',\n  '--vis-sankey-icon-font-family': UNOVIS_ICON_FONT_FAMILY_DEFAULT,\n\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  /* --vis-sankey-label-font-family: */\n\n  /* Dark Theme */\n  '--vis-dark-sankey-link-color': 'var(--vis-color-main-dark)',\n  '--vis-dark-sankey-node-color': 'var(--vis-color-main)',\n  '--vis-dark-sankey-node-label-color': '#eaeaea',\n  '--vis-dark-sankey-node-label-background-fill-color': '#292b34',\n  '--vis-dark-sankey-node-label-background-stroke-color': '#575c65',\n  '--vis-dark-sankey-icon-color': '#292b34',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const links = css`\n  label: links;\n`\n\nexport const nodes = css`\n  label: nodes;\n`\n\nexport const link = css`\n  label: link;\n\n  path {\n    cursor: var(${variables.sankeyLinkCursor});\n    fill: var(${variables.sankeyLinkColor});\n    fill-opacity: var(${variables.sankeyLinkOpacity});\n  }\n\n  &:hover {\n    path {\n      fill-opacity: var(${variables.sankeyLinkHoverOpacity});\n    }\n  }\n`\n\nexport const linkPath = css`\n  label: visible;\n`\n\nexport const linkSelectionHelper = css`\n  label: transparent;\n  opacity: 0;\n`\n\nexport const labelGroup = css`\n  label: label-group;\n  cursor: var(${variables.sankeyNodeLabelCursor});\n`\n\nexport const labelTrimmed = css`\n  label: label-trimmed;\n`\n\nexport const label = css`\n  label: label;\n  dominant-baseline: hanging;\n\n  fill: var(${variables.sankeyNodeLabelColor});\n  text-decoration: var(${variables.sankeyNodeLabelTextDecoration});\n  font-weight: var(${variables.sankeyNodeLabelFontWeight});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n    dominant-baseline: hanging;\n  }\n`\n\nexport const sublabel = css`\n  label: sub-label;\n  dominant-baseline: hanging;\n\n  fill: var(${variables.sankeyNodeLabelColor});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n    font-weight: var(${variables.sankeyNodeSublabelFontWeight});\n    dominant-baseline: hanging;\n  }\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  stroke: var(${variables.sankeyNodeLabelBackgroundStrokeColor});\n  fill: var(${variables.sankeyNodeLabelBackgroundFillColor});\n  opacity: var(${variables.sankeyNodeLabelBackgroundOpacity});\n`\n\nexport const hidden = css`\n  label: hidden;\n  visibility: hidden;\n`\n\nexport const forceShow = css`\n  label: forceShow;\n  visibility: visible;\n`\n\nexport const nodeGroup = css`\n  label: node-group;\n`\n\nexport const node = css`\n  label: node;\n\n  cursor: var(${variables.sankeyNodeCursor});\n  fill: var(${variables.sankeyNodeColor});\n  opacity: var(${variables.sankeyNodeOpacity});\n\n  &:hover {\n    opacity: var(${variables.sankeyNodeHoverOpacity});\n  }\n`\n\nexport const nodeIcon = css`\n  label: icon;\n\n  font-family: var(${variables.sankeyIconFontFamily});\n  text-anchor: middle;\n  font-size: var(${variables.sankeyIconSize});\n  fill: var(${variables.sankeyIconColor});\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-opacity: var(${variables.sankeyIconStrokeOpacity});\n  user-select: none;\n  pointer-events: none;\n  dominant-baseline: central;\n`\n\nexport const nodeExit = css`\n  label: node-exit;\n`\n\nexport const nodeSelectionRect = css`\n  label: node-selection-rect;\n  fill: none;\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-width: var(${variables.sankeyNodeSelectionStrokeWidth});\n  stroke-opacity: var(${variables.sankeyNodeSelectionStrokeOpacity});\n  rx: var(${variables.sankeyNodeSelectionBorderRadius});\n  ry: var(${variables.sankeyNodeSelectionBorderRadius});\n`\n\nexport const background = css`\n  label: background;\n`\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\nexport const SANKEY_ICON_SIZE = 22\n\nexport const root = css`\n  label: sankey-component;\n`\n\nexport const cssVarDefaults = {\n  /* Links */\n  '--vis-sankey-link-cursor': 'default',\n  '--vis-sankey-link-color': 'var(--vis-color-main-light)',\n  '--vis-sankey-link-opacity': '0.5',\n  '--vis-sankey-link-hover-opacity': '1.0',\n\n  /* Nodes */\n  '--vis-sankey-node-cursor': 'default',\n  '--vis-sankey-node-color': 'var(--vis-color-main)',\n  '--vis-sankey-node-label-color': '#575c65',\n  '--vis-sankey-node-opacity': '0.9',\n  '--vis-sankey-node-hover-opacity': '1.0',\n\n  /* Node Selection */\n  '--vis-sankey-node-selection-stroke-width': '1.5px',\n  '--vis-sankey-node-selection-stroke-opacity': '0.6',\n  '--vis-sankey-node-selection-border-radius': '2px',\n\n  /* Node Labels */\n  '--vis-sankey-node-label-background-fill-color': '#ffffff',\n  '--vis-sankey-node-label-background-stroke-color': '#eaeaea',\n  '--vis-sankey-node-label-background-opacity': '0.9',\n  '--vis-sankey-node-label-cursor': 'default',\n  '--vis-sankey-node-label-font-weight': '600',\n  '--vis-sankey-node-label-font-size': '12px',\n  '--vis-sankey-node-label-text-decoration': 'none',\n\n  '--vis-sankey-node-sublabel-font-size': '10px',\n  '--vis-sankey-node-sublabel-font-weight': '500',\n\n  /* Icons */\n  '--vis-sankey-icon-size': `${SANKEY_ICON_SIZE}px`,\n  '--vis-sankey-icon-color': '#ffffff',\n  '--vis-sankey-icon-stroke-opacity': '0.6',\n  '--vis-sankey-icon-font-family': UNOVIS_ICON_FONT_FAMILY_DEFAULT,\n\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  /* --vis-sankey-label-font-family: */\n\n  /* Dark Theme */\n  '--vis-dark-sankey-link-color': 'var(--vis-color-main-dark)',\n  '--vis-dark-sankey-node-color': 'var(--vis-color-main)',\n  '--vis-dark-sankey-node-label-color': '#eaeaea',\n  '--vis-dark-sankey-node-label-background-fill-color': '#292b34',\n  '--vis-dark-sankey-node-label-background-stroke-color': '#575c65',\n  '--vis-dark-sankey-icon-color': '#292b34',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const links = css`\n  label: links;\n`\n\nexport const nodes = css`\n  label: nodes;\n`\n\nexport const link = css`\n  label: link;\n\n  path {\n    cursor: var(${variables.sankeyLinkCursor});\n    fill: var(${variables.sankeyLinkColor});\n    fill-opacity: var(${variables.sankeyLinkOpacity});\n  }\n\n  &:hover {\n    path {\n      fill-opacity: var(${variables.sankeyLinkHoverOpacity});\n    }\n  }\n`\n\nexport const linkPath = css`\n  label: visible;\n`\n\nexport const linkSelectionHelper = css`\n  label: transparent;\n  opacity: 0;\n`\n\nexport const labelGroup = css`\n  label: label-group;\n  cursor: var(${variables.sankeyNodeLabelCursor});\n`\n\nexport const labelTrimmed = css`\n  label: label-trimmed;\n`\n\nexport const label = css`\n  label: label;\n  dominant-baseline: hanging;\n\n  fill: var(${variables.sankeyNodeLabelColor});\n  text-decoration: var(${variables.sankeyNodeLabelTextDecoration});\n  font-weight: var(${variables.sankeyNodeLabelFontWeight});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n    dominant-baseline: hanging;\n  }\n`\n\nexport const sublabel = css`\n  label: sub-label;\n  dominant-baseline: hanging;\n\n  fill: var(${variables.sankeyNodeLabelColor});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n    font-weight: var(${variables.sankeyNodeSublabelFontWeight});\n    dominant-baseline: hanging;\n  }\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  stroke: var(${variables.sankeyNodeLabelBackgroundStrokeColor});\n  fill: var(${variables.sankeyNodeLabelBackgroundFillColor});\n  opacity: var(${variables.sankeyNodeLabelBackgroundOpacity});\n`\n\nexport const hidden = css`\n  label: hidden;\n  visibility: hidden;\n`\n\nexport const forceShow = css`\n  label: forceShow;\n  visibility: visible;\n`\n\nexport const nodeGroup = css`\n  label: node-group;\n`\n\nexport const node = css`\n  label: node;\n\n  cursor: var(${variables.sankeyNodeCursor});\n  fill: var(${variables.sankeyNodeColor});\n  opacity: var(${variables.sankeyNodeOpacity});\n\n  &:hover {\n    opacity: var(${variables.sankeyNodeHoverOpacity});\n  }\n`\n\nexport const nodeIcon = css`\n  label: icon;\n\n  font-family: var(${variables.sankeyIconFontFamily});\n  text-anchor: middle;\n  font-size: var(${variables.sankeyIconSize});\n  fill: var(${variables.sankeyIconColor});\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-opacity: var(${variables.sankeyIconStrokeOpacity});\n  user-select: none;\n  pointer-events: none;\n  dominant-baseline: central;\n`\n\nexport const nodeExit = css`\n  label: node-exit;\n`\n\nexport const nodeSelectionRect = css`\n  label: node-selection-rect;\n  fill: none;\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-width: var(${variables.sankeyNodeSelectionStrokeWidth});\n  stroke-opacity: var(${variables.sankeyNodeSelectionStrokeOpacity});\n  rx: var(${variables.sankeyNodeSelectionBorderRadius});\n  ry: var(${variables.sankeyNodeSelectionBorderRadius});\n`\n\nexport const background = css`\n  label: background;\n`\n"],"names":[],"mappings":"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"}

package/components/scatter/style.js

@@ -1,4 +1,4 @@
-import { injectGlobal, css } from '@emotion/css';
+import { injectGlobal, css } from '../../styles/emotion.js';
 
 const globalStyles = injectGlobal `
   :root {

package/components/scatter/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/scatter/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-scatter-cursor: default;\n    --vis-scatter-fill-color: var(--vis-color-main);\n    --vis-scatter-stroke-color: 'none';\n    --vis-scatter-stroke-width: 1px;\n    --vis-scatter-fill-opacity: 1;\n    --vis-scatter-stroke-opacity: 1;\n    --vis-scatter-hover-stroke-width: 2px;\n\n    --vis-scatter-point-label-text-color-dark: #5b5f6d;\n    --vis-scatter-point-label-text-color-light: #fff;\n    --vis-scatter-point-label-text-font-weight: 500;\n    --vis-scatter-point-label-text-font-size: 12px;\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-scatter-point-label-text-font-family: */\n  }\n`\n\nexport const root = css`\n  label: scatter-component;\n`\n\nexport const pointGroup = css`\n  label: point-group;\n`\n\nexport const pointGroupExit = css`\n  label: point-group-exit;\n`\n\nexport const point = css`\n  label: point;\n\n  > path {\n    cursor: var(--vis-scatter-cursor);\n    fill: var(--vis-scatter-fill-color);\n    fill-opacity: var(--vis-scatter-fill-opacity);\n    stroke-opacity: var(--vis-scatter-stroke-opacity);\n    stroke-width: var(--vis-scatter-stroke-width);\n    stroke: var(--vis-scatter-stroke-color);\n\n    &:hover {\n        stroke-width: var(--vis-scatter-hover-stroke-width);\n    }\n  }\n\n  > text {\n    font-weight: var(--vis-scatter-point-label-text-font-weight);\n    font-size: var(--vis-scatter-point-label-text-font-size);\n    font-family: var(--vis-scatter-point-label-text-font-family, var(--vis-font-family));\n    fill: var(--vis-scatter-point-label-text-color-dark);\n    user-select: none;\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/scatter/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-scatter-cursor: default;\n    --vis-scatter-fill-color: var(--vis-color-main);\n    --vis-scatter-stroke-color: 'none';\n    --vis-scatter-stroke-width: 1px;\n    --vis-scatter-fill-opacity: 1;\n    --vis-scatter-stroke-opacity: 1;\n    --vis-scatter-hover-stroke-width: 2px;\n\n    --vis-scatter-point-label-text-color-dark: #5b5f6d;\n    --vis-scatter-point-label-text-color-light: #fff;\n    --vis-scatter-point-label-text-font-weight: 500;\n    --vis-scatter-point-label-text-font-size: 12px;\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-scatter-point-label-text-font-family: */\n  }\n`\n\nexport const root = css`\n  label: scatter-component;\n`\n\nexport const pointGroup = css`\n  label: point-group;\n`\n\nexport const pointGroupExit = css`\n  label: point-group-exit;\n`\n\nexport const point = css`\n  label: point;\n\n  > path {\n    cursor: var(--vis-scatter-cursor);\n    fill: var(--vis-scatter-fill-color);\n    fill-opacity: var(--vis-scatter-fill-opacity);\n    stroke-opacity: var(--vis-scatter-stroke-opacity);\n    stroke-width: var(--vis-scatter-stroke-width);\n    stroke: var(--vis-scatter-stroke-color);\n\n    &:hover {\n        stroke-width: var(--vis-scatter-hover-stroke-width);\n    }\n  }\n\n  > text {\n    font-weight: var(--vis-scatter-point-label-text-font-weight);\n    font-size: var(--vis-scatter-point-label-text-font-size);\n    font-family: var(--vis-scatter-point-label-text-font-family, var(--vis-font-family));\n    fill: var(--vis-scatter-point-label-text-color-dark);\n    user-select: none;\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/stacked-bar/style.js

@@ -1,4 +1,4 @@
-import { css, injectGlobal } from '@emotion/css';
+import { css, injectGlobal } from '../../styles/emotion.js';
 import { darkThemeCssSelectors } from '../../utils/theme.js';
 
 const root = css `

package/components/stacked-bar/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/stacked-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n  label: stacked-bar-component;\n`\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-stacked-bar-cursor: default;\n    --vis-stacked-bar-fill-color: var(--vis-color-main);\n    --vis-stacked-bar-stroke-color: none;\n    --vis-stacked-bar-stroke-width: 0px;\n    --vis-stacked-bar-hover-stroke-width: none;\n    --vis-stacked-bar-hover-stroke-color: none;\n\n    /* Dark Theme */\n    --vis-dark-stacked-bar-stroke-color: none;\n  }\n\n  ${darkThemeCssSelectors} ${`.${root}`} {\n    --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);\n  }\n`\n\nexport const bar = css`\n  label: bar;\n  fill: var(--vis-stacked-bar-fill-color);\n  stroke: var(--vis-stacked-bar-stroke-color);\n  stroke-width: var(--vis-stacked-bar-stroke-width);\n  cursor: var(--vis-stacked-bar-cursor);\n\n  &:hover {\n    stroke-width: var(--vis-stacked-bar-hover-stroke-width);\n    stroke: var(--vis-stacked-bar-hover-stroke-color);\n  }\n`\n\nexport const barGroup = css`\n  label: barGroup;\n`\n\nexport const barGroupExit = css`\n  label: barGroupExit;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;IAapC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;EAGtC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWrB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/stacked-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n  label: stacked-bar-component;\n`\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-stacked-bar-cursor: default;\n    --vis-stacked-bar-fill-color: var(--vis-color-main);\n    --vis-stacked-bar-stroke-color: none;\n    --vis-stacked-bar-stroke-width: 0px;\n    --vis-stacked-bar-hover-stroke-width: none;\n    --vis-stacked-bar-hover-stroke-color: none;\n\n    /* Dark Theme */\n    --vis-dark-stacked-bar-stroke-color: none;\n  }\n\n  ${darkThemeCssSelectors} ${`.${root}`} {\n    --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);\n  }\n`\n\nexport const bar = css`\n  label: bar;\n  fill: var(--vis-stacked-bar-fill-color);\n  stroke: var(--vis-stacked-bar-stroke-color);\n  stroke-width: var(--vis-stacked-bar-stroke-width);\n  cursor: var(--vis-stacked-bar-cursor);\n\n  &:hover {\n    stroke-width: var(--vis-stacked-bar-hover-stroke-width);\n    stroke: var(--vis-stacked-bar-hover-stroke-color);\n  }\n`\n\nexport const barGroup = css`\n  label: barGroup;\n`\n\nexport const barGroupExit = css`\n  label: barGroupExit;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;IAapC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;EAGtC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWrB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;"}

package/components/timeline/style.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 
 const root = css `

package/components/timeline/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/timeline/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\nimport type { UnovisCssVariablesDefinition } from 'types/style'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n  label: timeline-component;\n`\n\nexport const cssVarDefaults: UnovisCssVariablesDefinition = {\n  '--vis-timeline-row-even-fill-color': '#FFFFFF',\n  '--vis-timeline-row-odd-fill-color': '#F7FAFC',\n  '--vis-timeline-row-background-opacity': '1',\n  '--vis-timeline-scrollbar-background-color': '#E6E9F3',\n  '--vis-timeline-scrollbar-color': '#9EA7B8',\n\n  '--vis-timeline-label-font-size': '12px',\n  '--vis-timeline-label-color': '#6C778C',\n  '--vis-timeline-label-user-select': 'none',\n  '--vis-timeline-label-pointer-events': 'all',\n\n  '--vis-timeline-arrow-color': '#6C778C',\n  '--vis-timeline-arrow-stroke-width': '1.5',\n\n  '--vis-timeline-cursor': 'default',\n  '--vis-timeline-line-color': 'var(--vis-color-main)',\n  '--vis-timeline-line-stroke-color': undefined,\n  '--vis-timeline-line-stroke-width': '0',\n  '--vis-timeline-line-hover-stroke-width': '0',\n  '--vis-timeline-line-hover-stroke-color': '#6C778C',\n\n  '--vis-timeline-row-icon-cursor': 'default',\n\n  '--vis-dark-timeline-row-even-fill-color': '#292B34',\n  '--vis-dark-timeline-row-odd-fill-color': '#333742',\n  '--vis-dark-timeline-scrollbar-background-color': '#292B34',\n  '--vis-dark-timeline-scrollbar-color': '#6C778C',\n  '--vis-dark-timeline-label-color': '#EFF5F8',\n  '--vis-dark-timeline-arrow-color': '#EFF5F8',\n  '--vis-dark-timeline-line-hover-stroke-color': '#EFF5F8',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n`\n\nexport const lines = css`\n  label: lines;\n`\n\nexport const lineGroup = css`\n  label: line-group;\n`\n\nexport const line = css`\n  label: line;\n  fill: var(--vis-timeline-line-color);\n  cursor: var(--vis-timeline-cursor);\n\n  stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-even-fill-color));\n  stroke-width: var(--vis-timeline-line-stroke-width);\n\n  &.odd {\n    stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-odd-fill-color));\n  }\n\n  :hover {\n    stroke-width: var(--vis-timeline-line-hover-stroke-width);\n    stroke: var(--vis-timeline-line-hover-stroke-color);\n  }\n`\n\nexport const lineStartIcon = css`\n  label: line-start-icon;\n`\n\nexport const lineEndIcon = css`\n  label: line-end-icon;\n`\n\nexport const arrows = css`\n  label: arrows;\n`\n\nexport const arrow = css`\n  label: arrow;\n  fill: none;\n  stroke: var(--vis-timeline-arrow-color);\n  stroke-width: var(--vis-timeline-arrow-stroke-width);\n`\n\nexport const rows = css`\n  label: rows;\n`\n\nexport const row = css`\n  label: row;\n  fill: var(--vis-timeline-row-even-fill-color);\n  opacity: var(--vis-timeline-row-background-opacity);\n`\n\nexport const rowOdd = css`\n  label: row-odd;\n  fill: var(--vis-timeline-row-odd-fill-color);\n`\n\nexport const scrollbar = css`\n  label: scroll-bar;\n`\n\nexport const scrollbarHandle = css`\n  label: scroll-bar-handle;\n  fill: var(--vis-timeline-scrollbar-color);\n`\n\nexport const scrollbarBackground = css`\n  label: scroll-bar-background;\n  fill: var(--vis-timeline-scrollbar-background-color);\n`\n\nexport const labels = css`\n  label: labels;\n`\n\nexport const label = css`\n  label: label;\n  dominant-baseline: middle;\n  font-size: var(--vis-timeline-label-font-size);\n  fill: var(--vis-timeline-label-color);\n  text-anchor: end;\n  user-select: var(--vis-timeline-label-user-select);\n  pointer-events: var(--vis-timeline-label-pointer-events);\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  fill: transparent;\n  pointer-events: all;\n`\n\nexport const rowIcons = css`\n  label: row-icons;\n`\n\nexport const rowIcon = css`\n  label: row-icon;\n  cursor: var(--vis-timeline-row-icon-cursor);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAiC;AAC1D,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,mCAAmC,EAAE,SAAS;AAC9C,IAAA,uCAAuC,EAAE,GAAG;AAC5C,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,gCAAgC,EAAE,MAAM;AACxC,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,kCAAkC,EAAE,MAAM;AAC1C,IAAA,qCAAqC,EAAE,KAAK;AAE5C,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,mCAAmC,EAAE,KAAK;AAE1C,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,2BAA2B,EAAE,uBAAuB;AACpD,IAAA,kCAAkC,EAAE,SAAS;AAC7C,IAAA,kCAAkC,EAAE,GAAG;AACvC,IAAA,wCAAwC,EAAE,GAAG;AAC7C,IAAA,wCAAwC,EAAE,SAAS;AAEnD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,yCAAyC,EAAE,SAAS;AACpD,IAAA,wCAAwC,EAAE,SAAS;AACnD,IAAA,gDAAgD,EAAE,SAAS;AAC3D,IAAA,qCAAqC,EAAE,SAAS;AAChD,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,6CAA6C,EAAE,SAAS;EACzD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;EAgBtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;EAKvB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;EAIrB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;EAGxB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;EAGjC;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;EAGrC;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQvB;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;EAIjC;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/timeline/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport type { UnovisCssVariablesDefinition } from 'types/style'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n  label: timeline-component;\n`\n\nexport const cssVarDefaults: UnovisCssVariablesDefinition = {\n  '--vis-timeline-row-even-fill-color': '#FFFFFF',\n  '--vis-timeline-row-odd-fill-color': '#F7FAFC',\n  '--vis-timeline-row-background-opacity': '1',\n  '--vis-timeline-scrollbar-background-color': '#E6E9F3',\n  '--vis-timeline-scrollbar-color': '#9EA7B8',\n\n  '--vis-timeline-label-font-size': '12px',\n  '--vis-timeline-label-color': '#6C778C',\n  '--vis-timeline-label-user-select': 'none',\n  '--vis-timeline-label-pointer-events': 'all',\n\n  '--vis-timeline-arrow-color': '#6C778C',\n  '--vis-timeline-arrow-stroke-width': '1.5',\n\n  '--vis-timeline-cursor': 'default',\n  '--vis-timeline-line-color': 'var(--vis-color-main)',\n  '--vis-timeline-line-stroke-color': undefined,\n  '--vis-timeline-line-stroke-width': '0',\n  '--vis-timeline-line-hover-stroke-width': '0',\n  '--vis-timeline-line-hover-stroke-color': '#6C778C',\n\n  '--vis-timeline-row-icon-cursor': 'default',\n\n  '--vis-dark-timeline-row-even-fill-color': '#292B34',\n  '--vis-dark-timeline-row-odd-fill-color': '#333742',\n  '--vis-dark-timeline-scrollbar-background-color': '#292B34',\n  '--vis-dark-timeline-scrollbar-color': '#6C778C',\n  '--vis-dark-timeline-label-color': '#EFF5F8',\n  '--vis-dark-timeline-arrow-color': '#EFF5F8',\n  '--vis-dark-timeline-line-hover-stroke-color': '#EFF5F8',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n`\n\nexport const lines = css`\n  label: lines;\n`\n\nexport const lineGroup = css`\n  label: line-group;\n`\n\nexport const line = css`\n  label: line;\n  fill: var(--vis-timeline-line-color);\n  cursor: var(--vis-timeline-cursor);\n\n  stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-even-fill-color));\n  stroke-width: var(--vis-timeline-line-stroke-width);\n\n  &.odd {\n    stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-odd-fill-color));\n  }\n\n  :hover {\n    stroke-width: var(--vis-timeline-line-hover-stroke-width);\n    stroke: var(--vis-timeline-line-hover-stroke-color);\n  }\n`\n\nexport const lineStartIcon = css`\n  label: line-start-icon;\n`\n\nexport const lineEndIcon = css`\n  label: line-end-icon;\n`\n\nexport const arrows = css`\n  label: arrows;\n`\n\nexport const arrow = css`\n  label: arrow;\n  fill: none;\n  stroke: var(--vis-timeline-arrow-color);\n  stroke-width: var(--vis-timeline-arrow-stroke-width);\n`\n\nexport const rows = css`\n  label: rows;\n`\n\nexport const row = css`\n  label: row;\n  fill: var(--vis-timeline-row-even-fill-color);\n  opacity: var(--vis-timeline-row-background-opacity);\n`\n\nexport const rowOdd = css`\n  label: row-odd;\n  fill: var(--vis-timeline-row-odd-fill-color);\n`\n\nexport const scrollbar = css`\n  label: scroll-bar;\n`\n\nexport const scrollbarHandle = css`\n  label: scroll-bar-handle;\n  fill: var(--vis-timeline-scrollbar-color);\n`\n\nexport const scrollbarBackground = css`\n  label: scroll-bar-background;\n  fill: var(--vis-timeline-scrollbar-background-color);\n`\n\nexport const labels = css`\n  label: labels;\n`\n\nexport const label = css`\n  label: label;\n  dominant-baseline: middle;\n  font-size: var(--vis-timeline-label-font-size);\n  fill: var(--vis-timeline-label-color);\n  text-anchor: end;\n  user-select: var(--vis-timeline-label-user-select);\n  pointer-events: var(--vis-timeline-label-pointer-events);\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  fill: transparent;\n  pointer-events: all;\n`\n\nexport const rowIcons = css`\n  label: row-icons;\n`\n\nexport const rowIcon = css`\n  label: row-icon;\n  cursor: var(--vis-timeline-row-icon-cursor);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAiC;AAC1D,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,mCAAmC,EAAE,SAAS;AAC9C,IAAA,uCAAuC,EAAE,GAAG;AAC5C,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,gCAAgC,EAAE,MAAM;AACxC,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,kCAAkC,EAAE,MAAM;AAC1C,IAAA,qCAAqC,EAAE,KAAK;AAE5C,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,mCAAmC,EAAE,KAAK;AAE1C,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,2BAA2B,EAAE,uBAAuB;AACpD,IAAA,kCAAkC,EAAE,SAAS;AAC7C,IAAA,kCAAkC,EAAE,GAAG;AACvC,IAAA,wCAAwC,EAAE,GAAG;AAC7C,IAAA,wCAAwC,EAAE,SAAS;AAEnD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,yCAAyC,EAAE,SAAS;AACpD,IAAA,wCAAwC,EAAE,SAAS;AACnD,IAAA,gDAAgD,EAAE,SAAS;AAC3D,IAAA,qCAAqC,EAAE,SAAS;AAChD,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,6CAA6C,EAAE,SAAS;EACzD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;EAgBtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;EAKvB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;EAIrB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;EAGxB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;EAGjC;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;EAGrC;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQvB;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;EAIjC;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;;;;"}

package/components/tooltip/style.js

@@ -1,4 +1,4 @@
-import { css, injectGlobal } from '@emotion/css';
+import { css, injectGlobal } from '../../styles/emotion.js';
 import { darkThemeCssSelectors } from '../../utils/theme.js';
 
 const root = css `

package/components/tooltip/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/tooltip/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n  label: tooltip;\n  display: inline-block;\n  left: 0;\n  bottom: 0;\n  min-width: max-content;\n  position: absolute;\n  opacity: 0;\n  transition: opacity;\n  transition-duration: var(--vis-tooltip-transition-duration);\n  z-index: 999999;\n  padding: var(--vis-tooltip-padding);\n  color: var(--vis-tooltip-text-color);\n  border-radius: var(--vis-tooltip-border-radius);\n  box-shadow: var(--vis-tooltip-box-shadow);\n  border: solid 1px var(--vis-tooltip-border-color);\n  background-color: var(--vis-tooltip-background-color);\n  backdrop-filter: var(--vis-tooltip-backdrop-filter);\n`\n\n/**\n * @deprecated This selector is deprecated and will be removed in future versions. Use `root` instead.\n */\nexport const tooltip = root\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);\n    --vis-tooltip-border-color: #e5e9f7;\n    --vis-tooltip-text-color: #000;\n    --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);\n    --vis-tooltip-backdrop-filter: none;\n    --vis-tooltip-padding: 10px 15px;\n    --vis-tooltip-border-radius: 5px;\n    --vis-tooltip-transition-duration: 300ms;\n    --vis-tooltip-box-shadow: none;\n\n    --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);\n    --vis-dark-tooltip-text-color: #e5e9f7;\n    --vis-dark-tooltip-border-color: var(--vis-color-grey);\n    --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);\n  }\n\n  ${darkThemeCssSelectors} ${`.${root}`} {\n    --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);\n    --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);\n    --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);\n    --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-tooltip-background-color: rgba(30,30,30, 0.95);\n    --vis-tooltip-text-color: #e5e9f7;\n    --vis-tooltip-border-color: var(--vis-color-grey);\n    --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);\n  }\n`\n\nexport const positionFixed = css`\n  bottom: unset;\n  position: fixed;\n`\n\nexport const show = css`\n  opacity: 1;\n`\n\nexport const hidden = css`\n  display: none;\n`\n\nexport const nonInteractive = css`\n  label: non-interactive;\n  pointer-events: none;\n  user-select: none;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;EAkBtB;AAED;;AAEG;AACI,MAAM,OAAO,GAAG,KAAI;AAEpB,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;IAkBjC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;;;;;IAOnC,qBAAqB,CAAA;;;;;;EAMxB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/tooltip/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n  label: tooltip;\n  display: inline-block;\n  left: 0;\n  bottom: 0;\n  min-width: max-content;\n  position: absolute;\n  opacity: 0;\n  transition: opacity;\n  transition-duration: var(--vis-tooltip-transition-duration);\n  z-index: 999999;\n  padding: var(--vis-tooltip-padding);\n  color: var(--vis-tooltip-text-color);\n  border-radius: var(--vis-tooltip-border-radius);\n  box-shadow: var(--vis-tooltip-box-shadow);\n  border: solid 1px var(--vis-tooltip-border-color);\n  background-color: var(--vis-tooltip-background-color);\n  backdrop-filter: var(--vis-tooltip-backdrop-filter);\n`\n\n/**\n * @deprecated This selector is deprecated and will be removed in future versions. Use `root` instead.\n */\nexport const tooltip = root\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);\n    --vis-tooltip-border-color: #e5e9f7;\n    --vis-tooltip-text-color: #000;\n    --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);\n    --vis-tooltip-backdrop-filter: none;\n    --vis-tooltip-padding: 10px 15px;\n    --vis-tooltip-border-radius: 5px;\n    --vis-tooltip-transition-duration: 300ms;\n    --vis-tooltip-box-shadow: none;\n\n    --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);\n    --vis-dark-tooltip-text-color: #e5e9f7;\n    --vis-dark-tooltip-border-color: var(--vis-color-grey);\n    --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);\n  }\n\n  ${darkThemeCssSelectors} ${`.${root}`} {\n    --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);\n    --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);\n    --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);\n    --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);\n  }\n\n  ${darkThemeCssSelectors} {\n    --vis-tooltip-background-color: rgba(30,30,30, 0.95);\n    --vis-tooltip-text-color: #e5e9f7;\n    --vis-tooltip-border-color: var(--vis-color-grey);\n    --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);\n  }\n`\n\nexport const positionFixed = css`\n  bottom: unset;\n  position: fixed;\n`\n\nexport const show = css`\n  opacity: 1;\n`\n\nexport const hidden = css`\n  display: none;\n`\n\nexport const nonInteractive = css`\n  label: non-interactive;\n  pointer-events: none;\n  user-select: none;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;EAkBtB;AAED;;AAEG;AACI,MAAM,OAAO,GAAG,KAAI;AAEpB,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;IAkBjC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;;;;;IAOnC,qBAAqB,CAAA;;;;;;EAMxB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;"}

package/components/topojson-map/style.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css } from '../../styles/emotion.js';
 import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 
 const cssVarDefaults = {