@xyo-network/react-map 2.64.0-rc.7 → 2.64.0

package/dist/node/Layers/Builders/LocationHeatMapLayerBuilder.mjs

@@ -1,34 +0,0 @@
-import { HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig } from "../Configs";
-import { FillLayerBuilder } from "../FillLayer";
-import { LineLayerBuilder } from "../LineLayer";
-import { SymbolLayerBuilder } from "../SymbolLayer";
-const MapHeatConstants = {
-  LocationDebugLayerId: "location-debug-id",
-  LocationDebugLayerSource: "location-debug-source",
-  LocationFillLayerId: "location-fill-id",
-  LocationFillLayerSource: "location-fill-source",
-  LocationLineLayerId: "location-line-id",
-  LocationLineLayerSource: "location-line-source"
-};
-const LocationHeatMapLayerBuilder = (color, alternateColor = "#000") => {
-  const {
-    LocationFillLayerId,
-    LocationFillLayerSource,
-    LocationLineLayerId,
-    LocationLineLayerSource,
-    LocationDebugLayerId,
-    LocationDebugLayerSource
-  } = MapHeatConstants;
-  const fillLayerConfig = HeatMapFillLayerConfig(color);
-  const lineLayerConfig = HeatMapLineLayerConfig(color);
-  const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor);
-  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig);
-  const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig);
-  const debugLayer = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig);
-  return [fillLayer, lineLayer, debugLayer];
-};
-export {
-  LocationHeatMapLayerBuilder,
-  MapHeatConstants
-};
-//# sourceMappingURL=LocationHeatMapLayerBuilder.mjs.map

package/dist/node/Layers/Builders/LocationHeatMapLayerBuilder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Layers/Builders/LocationHeatMapLayerBuilder.ts"],"sourcesContent":["import { HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig } from '../Configs'\nimport { FillLayerBuilder } from '../FillLayer'\nimport { LineLayerBuilder } from '../LineLayer'\nimport { SymbolLayerBuilder } from '../SymbolLayer'\n\nexport const MapHeatConstants = {\n  LocationDebugLayerId: 'location-debug-id',\n  LocationDebugLayerSource: 'location-debug-source',\n  LocationFillLayerId: 'location-fill-id',\n  LocationFillLayerSource: 'location-fill-source',\n  LocationLineLayerId: 'location-line-id',\n  LocationLineLayerSource: 'location-line-source',\n}\n\nexport const LocationHeatMapLayerBuilder = (color: string, alternateColor = '#000') => {\n  const {\n    LocationFillLayerId,\n    LocationFillLayerSource,\n    LocationLineLayerId,\n    LocationLineLayerSource,\n    LocationDebugLayerId,\n    LocationDebugLayerSource,\n  } = MapHeatConstants\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n  const lineLayerConfig = HeatMapLineLayerConfig(color)\n  const debugLayerConfig = HeatMapSymbolLayerConfig(alternateColor)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n  const lineLayer = new LineLayerBuilder(LocationLineLayerId, LocationLineLayerSource, lineLayerConfig)\n  const debugLayer = new SymbolLayerBuilder(LocationDebugLayerId, LocationDebugLayerSource, debugLayerConfig)\n\n  return [fillLayer, lineLayer, debugLayer]\n}\n"],"mappings":"AAAA,SAAS,wBAAwB,wBAAwB,gCAAgC;AACzF,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB;AAAA,EAC9B,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,yBAAyB;AAC3B;AAEO,MAAM,8BAA8B,CAAC,OAAe,iBAAiB,WAAW;AACrF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB,uBAAuB,KAAK;AACpD,QAAM,kBAAkB,uBAAuB,KAAK;AACpD,QAAM,mBAAmB,yBAAyB,cAAc;AAEhE,QAAM,YAAY,IAAI,iBAAiB,qBAAqB,yBAAyB,eAAe;AACpG,QAAM,YAAY,IAAI,iBAAiB,qBAAqB,yBAAyB,eAAe;AACpG,QAAM,aAAa,IAAI,mBAAmB,sBAAsB,0BAA0B,gBAAgB;AAE1G,SAAO,CAAC,WAAW,WAAW,UAAU;AAC1C;","names":[]}

package/dist/node/Layers/Builders/LocationHeatMapLayerBuilderAnimated.mjs

@@ -1,20 +0,0 @@
-import { HeatMapFillLayerConfig } from "../Configs";
-import { FillLayerBuilder } from "../FillLayer";
-const MapHeatConstants = (index, type) => ({
-  LocationDebugLayerId: `location-${type}-debug-id-${index}`,
-  LocationDebugLayerSource: `location-${type}-debug-source-${index}`,
-  LocationFillLayerId: `location-${type}-fill-id-${index}`,
-  LocationFillLayerSource: `location-${type}-fill-source-${index}`,
-  LocationLineLayerId: `location-${type}-line-id-${index}`,
-  LocationLineLayerSource: `location-${type}-line-source-${index}`
-});
-const LocationHeatMapLayerBuilderAnimated = (color, index, type = "") => {
-  const { LocationFillLayerId, LocationFillLayerSource } = MapHeatConstants(index, type);
-  const fillLayerConfig = HeatMapFillLayerConfig(color);
-  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig);
-  return fillLayer;
-};
-export {
-  LocationHeatMapLayerBuilderAnimated
-};
-//# sourceMappingURL=LocationHeatMapLayerBuilderAnimated.mjs.map

package/dist/node/Layers/Builders/LocationHeatMapLayerBuilderAnimated.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Layers/Builders/LocationHeatMapLayerBuilderAnimated.ts"],"sourcesContent":["import { HeatMapFillLayerConfig } from '../Configs'\nimport { FillLayerBuilder } from '../FillLayer'\n\nconst MapHeatConstants = (index: number, type: string) => ({\n  LocationDebugLayerId: `location-${type}-debug-id-${index}`,\n  LocationDebugLayerSource: `location-${type}-debug-source-${index}`,\n  LocationFillLayerId: `location-${type}-fill-id-${index}`,\n  LocationFillLayerSource: `location-${type}-fill-source-${index}`,\n  LocationLineLayerId: `location-${type}-line-id-${index}`,\n  LocationLineLayerSource: `location-${type}-line-source-${index}`,\n})\n\nexport const LocationHeatMapLayerBuilderAnimated = (color: string, index: number, type = '') => {\n  const { LocationFillLayerId, LocationFillLayerSource } = MapHeatConstants(index, type)\n\n  const fillLayerConfig = HeatMapFillLayerConfig(color)\n\n  const fillLayer = new FillLayerBuilder(LocationFillLayerId, LocationFillLayerSource, fillLayerConfig)\n\n  return fillLayer\n}\n"],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAEjC,MAAM,mBAAmB,CAAC,OAAe,UAAkB;AAAA,EACzD,sBAAsB,YAAY,IAAI,aAAa,KAAK;AAAA,EACxD,0BAA0B,YAAY,IAAI,iBAAiB,KAAK;AAAA,EAChE,qBAAqB,YAAY,IAAI,YAAY,KAAK;AAAA,EACtD,yBAAyB,YAAY,IAAI,gBAAgB,KAAK;AAAA,EAC9D,qBAAqB,YAAY,IAAI,YAAY,KAAK;AAAA,EACtD,yBAAyB,YAAY,IAAI,gBAAgB,KAAK;AAChE;AAEO,MAAM,sCAAsC,CAAC,OAAe,OAAe,OAAO,OAAO;AAC9F,QAAM,EAAE,qBAAqB,wBAAwB,IAAI,iBAAiB,OAAO,IAAI;AAErF,QAAM,kBAAkB,uBAAuB,KAAK;AAEpD,QAAM,YAAY,IAAI,iBAAiB,qBAAqB,yBAAyB,eAAe;AAEpG,SAAO;AACT;","names":[]}

package/dist/node/Layers/Builders/LocationPointsMapLayerBuilder.mjs

@@ -1,17 +0,0 @@
-import { CircleLayerBuilder } from "../CircleLayer";
-import { LocationPointLayerConfig } from "../Configs";
-const MapPointsConstants = {
-  LocationDotsLayerId: "location-dots",
-  LocationDotsLayerSource: "location-dots-source"
-};
-const LocationPointsMapLayerBuilder = (color, circleRadius = 6, circleOpacity = 0.8) => {
-  const { LocationDotsLayerId, LocationDotsLayerSource } = MapPointsConstants;
-  const dotLayerConfig = LocationPointLayerConfig(color, circleRadius, circleOpacity);
-  const dotLayer = new CircleLayerBuilder(LocationDotsLayerId, LocationDotsLayerSource, dotLayerConfig);
-  return [dotLayer];
-};
-export {
-  LocationPointsMapLayerBuilder,
-  MapPointsConstants
-};
-//# sourceMappingURL=LocationPointsMapLayerBuilder.mjs.map

package/dist/node/Layers/Builders/LocationPointsMapLayerBuilder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Layers/Builders/LocationPointsMapLayerBuilder.ts"],"sourcesContent":["import { CircleLayerBuilder } from '../CircleLayer'\nimport { LocationPointLayerConfig } from '../Configs'\n\nexport const MapPointsConstants = {\n  LocationDotsLayerId: 'location-dots',\n  LocationDotsLayerSource: 'location-dots-source',\n}\n\nexport const LocationPointsMapLayerBuilder = (color: string, circleRadius = 6, circleOpacity = 0.8) => {\n  const { LocationDotsLayerId, LocationDotsLayerSource } = MapPointsConstants\n\n  const dotLayerConfig = LocationPointLayerConfig(color, circleRadius, circleOpacity)\n\n  const dotLayer = new CircleLayerBuilder(LocationDotsLayerId, LocationDotsLayerSource, dotLayerConfig)\n\n  return [dotLayer]\n}\n"],"mappings":"AAAA,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AAElC,MAAM,qBAAqB;AAAA,EAChC,qBAAqB;AAAA,EACrB,yBAAyB;AAC3B;AAEO,MAAM,gCAAgC,CAAC,OAAe,eAAe,GAAG,gBAAgB,QAAQ;AACrG,QAAM,EAAE,qBAAqB,wBAAwB,IAAI;AAEzD,QAAM,iBAAiB,yBAAyB,OAAO,cAAc,aAAa;AAElF,QAAM,WAAW,IAAI,mBAAmB,qBAAqB,yBAAyB,cAAc;AAEpG,SAAO,CAAC,QAAQ;AAClB;","names":[]}

package/dist/node/Layers/Builders/index.mjs

@@ -1,4 +0,0 @@
-export * from "./LocationHeatMapLayerBuilder";
-export * from "./LocationHeatMapLayerBuilderAnimated";
-export * from "./LocationPointsMapLayerBuilder";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Layers/Builders/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Layers/Builders/index.ts"],"sourcesContent":["export * from './LocationHeatMapLayerBuilder'\nexport * from './LocationHeatMapLayerBuilderAnimated'\nexport * from './LocationPointsMapLayerBuilder'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/Layers/CircleLayer.mjs

@@ -1,28 +0,0 @@
-import { LayerBase } from "@xyo-network/sdk-geo";
-class CircleLayerBuilder extends LayerBase {
-  CircleLayerOptions;
-  // ensures this class passes for `AnyLayer` type in MapBox
-  type = "circle";
-  constructor(id, source, CircleLayerOptions) {
-    super(id, source);
-    this.CircleLayerOptions = CircleLayerOptions || { id: this.id, source: this.source, type: "circle" };
-  }
-  buildLayer() {
-    return {
-      filter: ["==", "$type", "Point"],
-      layout: {},
-      paint: {
-        "circle-color": "#ff0000",
-        "circle-radius": 6
-      },
-      type: this.type,
-      ...this.CircleLayerOptions,
-      id: this.id,
-      source: this.source
-    };
-  }
-}
-export {
-  CircleLayerBuilder
-};
-//# sourceMappingURL=CircleLayer.mjs.map

package/dist/node/Layers/Configs/HeatMapFillLayerConfig.mjs

@@ -1,15 +0,0 @@
-const HeatMapFillLayerConfig = (color) => ({
-  paint: {
-    "fill-color": color,
-    "fill-opacity": [
-      "let",
-      "density",
-      ["+", ["/", ["number", ["get", "value"]], 4], 0.125],
-      ["interpolate", ["linear"], ["var", "density"], 0.8, ["var", "density"], 1, 0.85]
-    ]
-  }
-});
-export {
-  HeatMapFillLayerConfig
-};
-//# sourceMappingURL=HeatMapFillLayerConfig.mjs.map

package/dist/node/Layers/Configs/HeatMapLineLayerConfig.mjs

@@ -1,15 +0,0 @@
-const HeatMapLineLayerConfig = (color) => ({
-  layout: {
-    // Enable for debugging
-    visibility: "none"
-  },
-  paint: {
-    "line-color": color,
-    "line-opacity": ["let", "density", 0, ["interpolate", ["linear"], ["var", "density"], 0.8, ["var", "density"], 1, 0.85]],
-    "line-width": 0.5
-  }
-});
-export {
-  HeatMapLineLayerConfig
-};
-//# sourceMappingURL=HeatMapLineLayerConfig.mjs.map

package/dist/node/Layers/Configs/HeatMapSymbolLayerConfig.mjs

@@ -1,22 +0,0 @@
-const HeatMapSymbolLayerConfig = (color) => ({
-  layout: {
-    "text-anchor": "center",
-    "text-field": [
-      "concat",
-      "value: ",
-      ["to-string", ["+", ["/", ["number", ["get", "value"]], 2], 0.25]],
-      "\n",
-      "count: ",
-      ["to-string", ["get", "count"]]
-    ],
-    "text-size": 10,
-    visibility: "none"
-  },
-  paint: {
-    "text-color": color
-  }
-});
-export {
-  HeatMapSymbolLayerConfig
-};
-//# sourceMappingURL=HeatMapSymbolLayerConfig.mjs.map

package/dist/node/Layers/Configs/LocationPointLayerConfig.mjs

@@ -1,13 +0,0 @@
-const LocationPointLayerConfig = (color, circleRadius, circleOpacity) => {
-  return {
-    paint: {
-      "circle-color": color,
-      "circle-opacity": circleOpacity,
-      "circle-radius": circleRadius
-    }
-  };
-};
-export {
-  LocationPointLayerConfig
-};
-//# sourceMappingURL=LocationPointLayerConfig.mjs.map

package/dist/node/Layers/Configs/index.mjs

@@ -1,5 +0,0 @@
-export * from "./HeatMapFillLayerConfig";
-export * from "./HeatMapLineLayerConfig";
-export * from "./HeatMapSymbolLayerConfig";
-export * from "./LocationPointLayerConfig";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Layers/Configs/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Layers/Configs/index.ts"],"sourcesContent":["export * from './HeatMapFillLayerConfig'\nexport * from './HeatMapLineLayerConfig'\nexport * from './HeatMapSymbolLayerConfig'\nexport * from './LocationPointLayerConfig'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/Layers/FillLayer.mjs

@@ -1,22 +0,0 @@
-import { LayerBase } from "@xyo-network/sdk-geo";
-class FillLayerBuilder extends LayerBase {
-  FillLayerOptions;
-  // ensures this class passes for `AnyLayer` type in MapBox
-  type = "fill";
-  constructor(id, source, FillLayerOptions) {
-    super(id, source);
-    this.FillLayerOptions = FillLayerOptions || { id: this.id, source: this.source };
-  }
-  buildLayer() {
-    return {
-      ...this.FillLayerOptions,
-      id: this.id,
-      source: this.source,
-      type: this.type
-    };
-  }
-}
-export {
-  FillLayerBuilder
-};
-//# sourceMappingURL=FillLayer.mjs.map

package/dist/node/Layers/LineLayer.mjs

@@ -1,23 +0,0 @@
-import { LayerBase } from "@xyo-network/sdk-geo";
-class LineLayerBuilder extends LayerBase {
-  LineLayerOptions;
-  // ensures this class passes for `AnyLayer` type in MapBox
-  type = "line";
-  constructor(id, source, LineLayerOptions) {
-    super(id, source);
-    this.LineLayerOptions = LineLayerOptions || { id: this.id, source: this.source };
-  }
-  buildLayer() {
-    return {
-      ...this.LineLayerOptions,
-      id: this.id,
-      layout: {},
-      source: this.source,
-      type: this.type
-    };
-  }
-}
-export {
-  LineLayerBuilder
-};
-//# sourceMappingURL=LineLayer.mjs.map

package/dist/node/Layers/MapLayer.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=MapLayer.mjs.map

package/dist/node/Layers/MapLayer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/Layers/SymbolLayer.mjs

@@ -1,22 +0,0 @@
-import { LayerBase } from "@xyo-network/sdk-geo";
-class SymbolLayerBuilder extends LayerBase {
-  SymbolLayerOptions;
-  // ensures this class passes for `AnyLayer` type in MapBox
-  type = "symbol";
-  constructor(id, source, SymbolLayerOptions) {
-    super(id, source);
-    this.SymbolLayerOptions = SymbolLayerOptions || { id: this.id, source: this.source };
-  }
-  buildLayer() {
-    return {
-      ...this.SymbolLayerOptions,
-      id: this.id,
-      source: this.source,
-      type: this.type
-    };
-  }
-}
-export {
-  SymbolLayerBuilder
-};
-//# sourceMappingURL=SymbolLayer.mjs.map

package/dist/node/Layers/index.mjs

@@ -1,8 +0,0 @@
-export * from "./Builders";
-export * from "./CircleLayer";
-export * from "./Configs";
-export * from "./FillLayer";
-export * from "./LineLayer";
-export * from "./MapLayer";
-export * from "./SymbolLayer";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Layers/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Layers/index.ts"],"sourcesContent":["export * from './Builders'\nexport * from './CircleLayer'\nexport * from './Configs'\nexport * from './FillLayer'\nexport * from './LineLayer'\nexport * from './MapLayer'\nexport * from './SymbolLayer'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/MapBoxClasses/MapBase.mjs

@@ -1,30 +0,0 @@
-import { assertEx } from "@xylabs/assert";
-import { GeoJson } from "@xyo-network/sdk-geo";
-class MapBase {
-  _config;
-  constructor(config) {
-    this._config = { requestLocation: true, zoom: 2, ...config };
-  }
-  get isMapReady() {
-    return !!this._config.map;
-  }
-  initializeMapSource(layer) {
-    const getSource = () => {
-      const featuresCollection = GeoJson.featureCollection(this._config.features);
-      return GeoJson.featuresSource(featuresCollection);
-    };
-    const existingSource = this._config.map.getSource(layer.source);
-    const source = getSource();
-    if (existingSource) {
-      existingSource.setData(assertEx(source.data));
-    } else {
-      this._config.map.addSource(layer.source, source);
-    }
-    layer.update(this._config.map, true);
-    return this;
-  }
-}
-export {
-  MapBase
-};
-//# sourceMappingURL=MapBase.mjs.map

package/dist/node/MapBoxClasses/MapHeat.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/MapBoxClasses/MapHeat.ts"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { delay } from '@xylabs/delay'\nimport { forget } from '@xylabs/forget'\nimport { GeoJson } from '@xyo-network/sdk-geo'\nimport { Feature, Polygon } from 'geojson'\nimport { FitBoundsOptions, GeoJSONSource, GeoJSONSourceRaw, LngLatBounds, Map } from 'mapbox-gl'\n\nimport { MapLayer } from '../Layers'\nimport { MapBase, MapBaseConfig } from './MapBase'\n\nexport class MapHeat extends MapBase<Polygon> {\n  static animationStarted = false\n\n  config: MapBaseConfig<Polygon>\n  constructor(config: MapBaseConfig<Polygon>) {\n    super(config)\n    this.config = config\n  }\n\n  static initialMapPositioning(options: FitBoundsOptions, map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {\n    if (!features) {\n      return\n    }\n\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      features.forEach((feature: Feature<Polygon>) => {\n        feature.geometry.coordinates.forEach((coordinates) => {\n          coordinates.forEach((position) => {\n            bounds.extend(position as [number, number])\n          })\n        })\n      })\n    }\n\n    map.setCenter(bounds.getCenter())\n    map.fitBounds(bounds, options)\n    return this\n  }\n\n  static async initializeAnimatedHeatMapSource(\n    layers: MapLayer[],\n    featureSet: Feature<Polygon>[][],\n    map: Map,\n    startColor?: string,\n    endColor?: string,\n  ) {\n    this.animationStarted = true\n    let layerTick = 0\n    let sourceTick = 0\n\n    const sources = featureSet.map((feature) => {\n      const featuresCollection = GeoJson.featureCollection(feature)\n      return GeoJson.featuresSource(featuresCollection)\n    })\n    this.updateLayer(map, layers[0], sources[0])\n    this.updateLayer(map, layers[1], sources[1])\n\n    layers.forEach((layer) => {\n      map.setPaintProperty(layer.id, 'fill-opacity', 0)\n    })\n\n    const frameLength = 3000\n    const initialPad = 0.5\n    const factor = 10\n    const steps = 30\n    const stepLength = frameLength / steps\n    const lowUsageColor = startColor ?? '#FFB3B3'\n    const highUsageColor = endColor ?? '#FF0000'\n\n    // Max density at i=0, min density at i=steps\n    const dynamicFillColor = (factor: number, initialPad: number, i: number) => {\n      const sinFade = Math.sin(((i / steps) * Math.PI) / 2)\n      const cosFade = Math.cos(((i / steps) * Math.PI) / 2)\n      // we want the divisor to always be at least 1x the desired factor but will go up to\n      // 2x factor to account for combinative effect of the overlay of two layers at once\n      const divisor = factor + factor * sinFade\n      const offset = initialPad * cosFade\n      return [\n        'let',\n        'density',\n        ['+', ['/', ['number', ['get', 'value']], divisor], offset],\n        ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],\n      ]\n    }\n\n    const fadedIn: boolean[] = layers.map((_) => false)\n\n    const fadeIn = async (id: string, index: number) => {\n      for (let i = steps; i >= 1; i--) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = true\n    }\n\n    const fadeOut = async (id: string, index: number) => {\n      for (let i = 1; i <= steps; i++) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = false\n    }\n\n    let started = false\n    const startAnimation = async () => {\n      assertEx(!started, 'Animation Already Started')\n      started = true\n      while (this.animationStarted) {\n        const upLayer = layerTick % layers.length\n        const downLayer = (layerTick + 1) % layers.length\n\n        const incomingSource = sourceTick % featureSet.length\n        const outgoingSource = (sourceTick + 1) % featureSet.length\n\n        // console.log('incoming / outgoing source', incomingSource, outgoingSource)\n\n        // console.log(`animate: [${upLayer}, ${downLayer}]`)\n        if (fadedIn[upLayer]) {\n          this.updateLayer(map, layers[upLayer], sources[incomingSource])\n          forget(fadeOut(layers[upLayer].id, upLayer))\n        }\n        if (!fadedIn[downLayer]) {\n          this.updateLayer(map, layers[downLayer], sources[outgoingSource])\n          forget(fadeIn(layers[downLayer].id, downLayer))\n        }\n        while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {\n          // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)\n          await delay(1000)\n        }\n        layerTick++\n        sourceTick++\n\n        // console.log(`this.layerTick: ${layerTick}`)\n        // console.log(`this.sourceTick: ${sourceTick}`)\n      }\n    }\n\n    await startAnimation()\n  }\n\n  private static updateLayer(map: Map, layer: MapLayer, source: GeoJSONSourceRaw) {\n    const existingSource = map.getSource(layer.source as string) as GeoJSONSource\n    if (existingSource && source.data) {\n      existingSource.setData(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n    } else if (source) {\n      map.addSource(layer.source as string, source)\n    }\n    layer.update(map, true)\n  }\n\n  // Build layers each with the same features\n  initializeHeatMapSource(layers: MapLayer[]) {\n    const getSource = (_: number) => {\n      const featuresCollection = GeoJson.featureCollection(this.config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    layers.forEach((layer, index) => {\n      const existingSource = this.config.map.getSource(layer.source as string) as GeoJSONSource\n      const source = getSource(index)\n      if (existingSource) {\n        existingSource.setData(assertEx(source.data) as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n      } else {\n        this.config.map.addSource(layer.source as string, source)\n      }\n      layer.update(this.config.map, true)\n    })\n\n    return this\n  }\n}\n"],"mappings":"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","names":["factor","initialPad"]}

package/dist/node/MapBoxClasses/MapPoints.mjs

@@ -1,27 +0,0 @@
-import { LngLatBounds } from "mapbox-gl";
-import { MapBase } from "./MapBase";
-class MapPoints extends MapBase {
-  config;
-  constructor(config) {
-    super(config);
-    this.config = config;
-  }
-  initialMapPositioning(options, initialBounds) {
-    let bounds;
-    if (initialBounds) {
-      bounds = initialBounds;
-    } else {
-      bounds = new LngLatBounds();
-      this.config.features.forEach((feature) => {
-        bounds.extend(feature.geometry.coordinates);
-      });
-    }
-    this.config.map.setCenter(bounds.getCenter());
-    this.config.map.fitBounds(bounds, options);
-    return this.config.map;
-  }
-}
-export {
-  MapPoints
-};
-//# sourceMappingURL=MapPoints.mjs.map

package/dist/node/MapBoxClasses/MapPoints.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/MapBoxClasses/MapPoints.ts"],"sourcesContent":["import { Feature, Point } from 'geojson'\n// eslint-disable-next-line no-restricted-imports\nimport { FitBoundsOptions, LngLatBounds } from 'mapbox-gl'\n\nimport { MapBase, MapBaseConfig } from './MapBase'\n\nexport interface MapPointsConfig extends MapBaseConfig<Point> {\n  features: Feature<Point>[]\n}\n\nexport class MapPoints extends MapBase<Point> {\n  private config: MapPointsConfig\n\n  constructor(config: MapPointsConfig) {\n    super(config)\n    this.config = config\n  }\n\n  initialMapPositioning(options: FitBoundsOptions, initialBounds?: LngLatBounds) {\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      this.config.features.forEach((feature: Feature<Point>) => {\n        bounds.extend(feature.geometry.coordinates as [number, number])\n      })\n    }\n\n    this.config.map.setCenter(bounds.getCenter())\n    this.config.map.fitBounds(bounds, options)\n\n    return this.config.map\n  }\n}\n"],"mappings":"AAEA,SAA2B,oBAAoB;AAE/C,SAAS,eAA8B;AAMhC,MAAM,kBAAkB,QAAe;AAAA,EACpC;AAAA,EAER,YAAY,QAAyB;AACnC,UAAM,MAAM;AACZ,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,sBAAsB,SAA2B,eAA8B;AAC7E,QAAI;AAEJ,QAAI,eAAe;AACjB,eAAS;AAAA,IACX,OAAO;AACL,eAAS,IAAI,aAAa;AAE1B,WAAK,OAAO,SAAS,QAAQ,CAAC,YAA4B;AACxD,eAAO,OAAO,QAAQ,SAAS,WAA+B;AAAA,MAChE,CAAC;AAAA,IACH;AAEA,SAAK,OAAO,IAAI,UAAU,OAAO,UAAU,CAAC;AAC5C,SAAK,OAAO,IAAI,UAAU,QAAQ,OAAO;AAEzC,WAAO,KAAK,OAAO;AAAA,EACrB;AACF;","names":[]}

package/dist/node/MapBoxClasses/index.mjs

@@ -1,5 +0,0 @@
-export * from "./MapBase";
-export * from "./MapHeat";
-export * from "./MapPoints";
-export * from "./MapSettings";
-//# sourceMappingURL=index.mjs.map

package/dist/node/MapBoxClasses/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/MapBoxClasses/index.ts"],"sourcesContent":["export * from './MapBase'\nexport * from './MapHeat'\nexport * from './MapPoints'\nexport * from './MapSettings'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/Settings/DefaultMapSettings.mjs

@@ -1,55 +0,0 @@
-const DefaultMapSettings = () => ({
-  debugLayer: {
-    devMode: true,
-    field: "debugLayer",
-    hidden: true,
-    label: "Debug Layer",
-    value: false
-  },
-  debugLogging: {
-    devMode: true,
-    field: "debugLogging",
-    hidden: true,
-    label: "Debug Logging",
-    value: false
-  },
-  dynamicMapResize: {
-    devMode: true,
-    field: "dynamicMapResize",
-    hidden: true,
-    label: "Auto Map Resize",
-    value: true
-  },
-  enableControls: {
-    devMode: true,
-    field: "enableControls",
-    hidden: true,
-    label: "Map Controls",
-    value: false
-  },
-  fitToPoints: {
-    devMode: true,
-    field: "fitToPoints",
-    hidden: true,
-    label: "Fit To Points",
-    value: false
-  },
-  preferDark: {
-    devMode: false,
-    field: "preferDark",
-    hidden: true,
-    label: "Prefer dark",
-    value: false
-  },
-  scrollToZoom: {
-    devMode: true,
-    field: "scrollToZoom",
-    hidden: true,
-    label: "Scroll To Zoom",
-    value: false
-  }
-});
-export {
-  DefaultMapSettings
-};
-//# sourceMappingURL=DefaultMapSettings.mjs.map

package/dist/node/Settings/MapSetting.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=MapSetting.mjs.map

package/dist/node/Settings/MapSetting.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/Settings/index.mjs

@@ -1,3 +0,0 @@
-export * from "./DefaultMapSettings";
-export * from "./MapSetting";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Settings/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Settings/index.ts"],"sourcesContent":["export * from './DefaultMapSettings'\nexport * from './MapSetting'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/node/hooks/index.mjs

@@ -1,6 +0,0 @@
-export * from "./useDynamicMapResize";
-export * from "./useDynamicPositioning";
-export * from "./useFindHashes";
-export * from "./useHeatMapColors";
-export * from "./useQuadKeyPayloadsToFeatures";
-//# sourceMappingURL=index.mjs.map

package/dist/node/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useDynamicMapResize'\nexport * from './useDynamicPositioning'\nexport * from './useFindHashes'\nexport * from './useHeatMapColors'\nexport * from './useQuadKeyPayloadsToFeatures'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/hooks/useDynamicMapResize.mjs

@@ -1,32 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-const useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
-  const [dependenciesReady, setDependenciesReady] = useState(false);
-  const resizer = useMemo(
-    () => new ResizeObserver(() => {
-      const width = mapContainerRef.current?.getBoundingClientRect().width;
-      if (width && mapCanvasRef.current) {
-        mapCanvasRef.current.style.width = `${width}px`;
-        setTimeout(() => mapInstance?.resize());
-      }
-    }),
-    [mapCanvasRef, mapContainerRef, mapInstance]
-  );
-  useEffect(() => {
-    const dependenciesReady2 = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current);
-    setDependenciesReady(dependenciesReady2);
-  }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
-  useEffect(() => {
-    if (dependenciesReady) {
-      if (mapContainerRef.current) {
-        resizer.observe(mapContainerRef.current);
-      }
-      return () => {
-        resizer.disconnect();
-      };
-    }
-  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
-};
-export {
-  useDynamicMapResize
-};
-//# sourceMappingURL=useDynamicMapResize.mjs.map

package/dist/node/hooks/useDynamicPositioning.mjs

@@ -1,33 +0,0 @@
-import { useWindowSize } from "@xylabs/react-shared";
-import { useEffect, useState } from "react";
-const defaultZoom = 1.6;
-const defaultAspectRatioRange = [0.5, 2];
-const latRange = [0.9121644205263664, 1.71785031559439];
-const lngRange = [-81.4742014851959, 12.788958675506933];
-const linearInterpolate = (aspectRatio, degreeRange, aspectRatioRange) => {
-  const [degreeMin, degreeMax] = degreeRange;
-  const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange;
-  const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin;
-  const degreeRangeSpan = degreeMax - degreeMin;
-  const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan;
-  const scaledDegree = percent * degreeRangeSpan + degreeMin;
-  return scaledDegree;
-};
-const useDynamicPositioning = () => {
-  const [options, setOptions] = useState({});
-  const { width, height } = useWindowSize();
-  useEffect(() => {
-    if (width && height) {
-      const aspectRatio = width / height;
-      setOptions({
-        center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],
-        zoom: defaultZoom
-      });
-    }
-  }, [height, width]);
-  return { options };
-};
-export {
-  useDynamicPositioning
-};
-//# sourceMappingURL=useDynamicPositioning.mjs.map

package/dist/node/hooks/useFindHashes.mjs

@@ -1,28 +0,0 @@
-import { useNetwork } from "@xyo-network/react-network";
-import { useMemo } from "react";
-const animatedAnswerHashesConst = [
-  "79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5",
-  "531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898",
-  "c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb",
-  "29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e",
-  "cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c",
-  "1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d",
-  "1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9",
-  "973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9",
-  "463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95",
-  "15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555",
-  "32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,"
-];
-const staticAnswerHashConst = "c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5";
-const useFindHashes = () => {
-  const { network } = useNetwork();
-  const exploreMapHashes = network?.nodes?.find((node) => node.type === "archivist")?.explorerMapHashes;
-  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || animatedAnswerHashesConst;
-  const staticAnswerHash = exploreMapHashes?.staticAnswerHash || staticAnswerHashConst;
-  const foundHashes = useMemo(() => [staticAnswerHash, ...animatedAnswerHashes], [animatedAnswerHashes, staticAnswerHash]);
-  return foundHashes;
-};
-export {
-  useFindHashes
-};
-//# sourceMappingURL=useFindHashes.mjs.map

package/dist/node/hooks/useHeatMapColors.mjs

@@ -1,24 +0,0 @@
-import { useTheme } from "@mui/material";
-const useHeatMapColors = () => {
-  const theme = useTheme();
-  const staticMapColor = "#FFFF75";
-  const highUsageColor = "#FF0000";
-  const heatMapColorProps = {
-    highUsageColor,
-    lowUsageColor: "#FFB3B3",
-    staticMapColor
-  };
-  const legendProps = {
-    endColor: highUsageColor,
-    endLabel: "High",
-    heading: "Network Usage",
-    startColor: staticMapColor,
-    startLabel: "Low",
-    textColor: theme.palette.common.white
-  };
-  return { heatMapColorProps, legendProps };
-};
-export {
-  useHeatMapColors
-};
-//# sourceMappingURL=useHeatMapColors.mjs.map