react-three-map 0.8.1 → 1.0.0-next.0

package/dist/es/main36.mjs

@@ -0,0 +1,26 @@
+const globalSettings = [
+  "baseApiUrl",
+  "maxParallelImageRequests",
+  "workerClass",
+  "workerCount",
+  "workerUrl"
+];
+function setGlobals(mapLib, props) {
+  for (const key of globalSettings) {
+    if (key in props) {
+      mapLib[key] = props[key];
+    }
+  }
+  const { RTLTextPlugin = "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js" } = props;
+  if (RTLTextPlugin && mapLib.getRTLTextPluginStatus && mapLib.getRTLTextPluginStatus() === "unavailable") {
+    mapLib.setRTLTextPlugin(RTLTextPlugin, (error) => {
+      if (error) {
+        console.error(error);
+      }
+    }, true);
+  }
+}
+export {
+  setGlobals as default
+};
+//# sourceMappingURL=main36.mjs.map

package/dist/es/main36.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main36.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/set-globals.js"],"sourcesContent":["const globalSettings = [\n    'baseApiUrl',\n    'maxParallelImageRequests',\n    'workerClass',\n    'workerCount',\n    'workerUrl'\n];\nexport default function setGlobals(mapLib, props) {\n    for (const key of globalSettings) {\n        if (key in props) {\n            mapLib[key] = props[key];\n        }\n    }\n    const { RTLTextPlugin = 'https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js' } = props;\n    if (RTLTextPlugin &&\n        mapLib.getRTLTextPluginStatus &&\n        mapLib.getRTLTextPluginStatus() === 'unavailable') {\n        mapLib.setRTLTextPlugin(RTLTextPlugin, (error) => {\n            if (error) {\n                // eslint-disable-next-line\n                console.error(error);\n            }\n        }, true);\n    }\n}\n//# sourceMappingURL=set-globals.js.map"],"names":[],"mappings":"AAAA,MAAM,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AACe,SAAS,WAAW,QAAQ,OAAO;AAC9C,aAAW,OAAO,gBAAgB;AAC9B,QAAI,OAAO,OAAO;AACd,aAAO,GAAG,IAAI,MAAM,GAAG;AAAA,IAC1B;AAAA,EACJ;AACD,QAAM,EAAE,gBAAgB,8FAA+F,IAAG;AAC1H,MAAI,iBACA,OAAO,0BACP,OAAO,uBAAwB,MAAK,eAAe;AACnD,WAAO,iBAAiB,eAAe,CAAC,UAAU;AAC9C,UAAI,OAAO;AAEP,gBAAQ,MAAM,KAAK;AAAA,MACtB;AAAA,IACJ,GAAE,IAAI;AAAA,EACV;AACL;","x_google_ignoreList":[0]}

package/dist/es/main37.mjs

@@ -0,0 +1,19 @@
+const unitlessNumber = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
+function applyReactStyle(element, styles) {
+  if (!element || !styles) {
+    return;
+  }
+  const style = element.style;
+  for (const key in styles) {
+    const value = styles[key];
+    if (Number.isFinite(value) && !unitlessNumber.test(key)) {
+      style[key] = `${value}px`;
+    } else {
+      style[key] = value;
+    }
+  }
+}
+export {
+  applyReactStyle
+};
+//# sourceMappingURL=main37.mjs.map

package/dist/es/main37.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main37.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/apply-react-style.js"],"sourcesContent":["// This is a simplified version of\n// https://github.com/facebook/react/blob/4131af3e4bf52f3a003537ec95a1655147c81270/src/renderers/dom/shared/CSSPropertyOperations.js#L62\nconst unitlessNumber = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;\nexport function applyReactStyle(element, styles) {\n    if (!element || !styles) {\n        return;\n    }\n    const style = element.style;\n    for (const key in styles) {\n        const value = styles[key];\n        if (Number.isFinite(value) && !unitlessNumber.test(key)) {\n            style[key] = `${value}px`;\n        }\n        else {\n            style[key] = value;\n        }\n    }\n}\n//# sourceMappingURL=apply-react-style.js.map"],"names":[],"mappings":"AAEA,MAAM,iBAAiB;AAChB,SAAS,gBAAgB,SAAS,QAAQ;AAC7C,MAAI,CAAC,WAAW,CAAC,QAAQ;AACrB;AAAA,EACH;AACD,QAAM,QAAQ,QAAQ;AACtB,aAAW,OAAO,QAAQ;AACtB,UAAM,QAAQ,OAAO,GAAG;AACxB,QAAI,OAAO,SAAS,KAAK,KAAK,CAAC,eAAe,KAAK,GAAG,GAAG;AACrD,YAAM,GAAG,IAAI,GAAG,KAAK;AAAA,IACxB,OACI;AACD,YAAM,GAAG,IAAI;AAAA,IAChB;AAAA,EACJ;AACL;","x_google_ignoreList":[0]}

package/dist/es/main38.mjs

@@ -0,0 +1,50 @@
+function arePointsEqual(a, b) {
+  const ax = Array.isArray(a) ? a[0] : a ? a.x : 0;
+  const ay = Array.isArray(a) ? a[1] : a ? a.y : 0;
+  const bx = Array.isArray(b) ? b[0] : b ? b.x : 0;
+  const by = Array.isArray(b) ? b[1] : b ? b.y : 0;
+  return ax === bx && ay === by;
+}
+function deepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (!a || !b) {
+    return false;
+  }
+  if (Array.isArray(a)) {
+    if (!Array.isArray(b) || a.length !== b.length) {
+      return false;
+    }
+    for (let i = 0; i < a.length; i++) {
+      if (!deepEqual(a[i], b[i])) {
+        return false;
+      }
+    }
+    return true;
+  } else if (Array.isArray(b)) {
+    return false;
+  }
+  if (typeof a === "object" && typeof b === "object") {
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+      return false;
+    }
+    for (const key of aKeys) {
+      if (!b.hasOwnProperty(key)) {
+        return false;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+}
+export {
+  arePointsEqual,
+  deepEqual
+};
+//# sourceMappingURL=main38.mjs.map

package/dist/es/main38.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main38.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/deep-equal.js"],"sourcesContent":["/**\n * Compare two points\n * @param a\n * @param b\n * @returns true if the points are equal\n */\nexport function arePointsEqual(a, b) {\n    const ax = Array.isArray(a) ? a[0] : a ? a.x : 0;\n    const ay = Array.isArray(a) ? a[1] : a ? a.y : 0;\n    const bx = Array.isArray(b) ? b[0] : b ? b.x : 0;\n    const by = Array.isArray(b) ? b[1] : b ? b.y : 0;\n    return ax === bx && ay === by;\n}\n/* eslint-disable complexity */\n/**\n * Compare any two objects\n * @param a\n * @param b\n * @returns true if the objects are deep equal\n */\nexport function deepEqual(a, b) {\n    if (a === b) {\n        return true;\n    }\n    if (!a || !b) {\n        return false;\n    }\n    if (Array.isArray(a)) {\n        if (!Array.isArray(b) || a.length !== b.length) {\n            return false;\n        }\n        for (let i = 0; i < a.length; i++) {\n            if (!deepEqual(a[i], b[i])) {\n                return false;\n            }\n        }\n        return true;\n    }\n    else if (Array.isArray(b)) {\n        return false;\n    }\n    if (typeof a === 'object' && typeof b === 'object') {\n        const aKeys = Object.keys(a);\n        const bKeys = Object.keys(b);\n        if (aKeys.length !== bKeys.length) {\n            return false;\n        }\n        for (const key of aKeys) {\n            if (!b.hasOwnProperty(key)) {\n                return false;\n            }\n            if (!deepEqual(a[key], b[key])) {\n                return false;\n            }\n        }\n        return true;\n    }\n    return false;\n}\n//# sourceMappingURL=deep-equal.js.map"],"names":[],"mappings":"AAMO,SAAS,eAAe,GAAG,GAAG;AACjC,QAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,IAAI;AAC/C,QAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,IAAI;AAC/C,QAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,IAAI;AAC/C,QAAM,KAAK,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,IAAI;AAC/C,SAAO,OAAO,MAAM,OAAO;AAC/B;AAQO,SAAS,UAAU,GAAG,GAAG;AAC5B,MAAI,MAAM,GAAG;AACT,WAAO;AAAA,EACV;AACD,MAAI,CAAC,KAAK,CAAC,GAAG;AACV,WAAO;AAAA,EACV;AACD,MAAI,MAAM,QAAQ,CAAC,GAAG;AAClB,QAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ;AAC5C,aAAO;AAAA,IACV;AACD,aAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AAC/B,UAAI,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG;AACxB,eAAO;AAAA,MACV;AAAA,IACJ;AACD,WAAO;AAAA,EACV,WACQ,MAAM,QAAQ,CAAC,GAAG;AACvB,WAAO;AAAA,EACV;AACD,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU;AAChD,UAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,UAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAI,MAAM,WAAW,MAAM,QAAQ;AAC/B,aAAO;AAAA,IACV;AACD,eAAW,OAAO,OAAO;AACrB,UAAI,CAAC,EAAE,eAAe,GAAG,GAAG;AACxB,eAAO;AAAA,MACV;AACD,UAAI,CAAC,UAAU,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG;AAC5B,eAAO;AAAA,MACV;AAAA,IACJ;AACD,WAAO;AAAA,EACV;AACD,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/es/main39.mjs

@@ -0,0 +1,31 @@
+import { useContext, useMemo, useEffect } from "react";
+import { MapContext } from "./main8.mjs";
+function useControl(onCreate, arg1, arg2, arg3) {
+  const context = useContext(MapContext);
+  const ctrl = useMemo(() => onCreate(context), []);
+  useEffect(() => {
+    const opts = arg3 || arg2 || arg1;
+    const onAdd = typeof arg1 === "function" && typeof arg2 === "function" ? arg1 : null;
+    const onRemove = typeof arg2 === "function" ? arg2 : typeof arg1 === "function" ? arg1 : null;
+    const { map } = context;
+    if (!map.hasControl(ctrl)) {
+      map.addControl(ctrl, opts == null ? void 0 : opts.position);
+      if (onAdd) {
+        onAdd(context);
+      }
+    }
+    return () => {
+      if (onRemove) {
+        onRemove(context);
+      }
+      if (map.hasControl(ctrl)) {
+        map.removeControl(ctrl);
+      }
+    };
+  }, []);
+  return ctrl;
+}
+export {
+  useControl
+};
+//# sourceMappingURL=main39.mjs.map

package/dist/es/main39.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main39.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/components/use-control.js"],"sourcesContent":["import { useContext, useMemo, useEffect } from 'react';\nimport { MapContext } from \"./map.js\";\nexport function useControl(onCreate, arg1, arg2, arg3) {\n    const context = useContext(MapContext);\n    const ctrl = useMemo(() => onCreate(context), []);\n    useEffect(() => {\n        const opts = (arg3 || arg2 || arg1);\n        const onAdd = typeof arg1 === 'function' && typeof arg2 === 'function' ? arg1 : null;\n        const onRemove = typeof arg2 === 'function' ? arg2 : typeof arg1 === 'function' ? arg1 : null;\n        const { map } = context;\n        if (!map.hasControl(ctrl)) {\n            map.addControl(ctrl, opts?.position);\n            if (onAdd) {\n                onAdd(context);\n            }\n        }\n        return () => {\n            if (onRemove) {\n                onRemove(context);\n            }\n            // Map might have been removed (parent effects are destroyed before child ones)\n            if (map.hasControl(ctrl)) {\n                map.removeControl(ctrl);\n            }\n        };\n    }, []);\n    return ctrl;\n}\n//# sourceMappingURL=use-control.js.map"],"names":[],"mappings":";;AAEO,SAAS,WAAW,UAAU,MAAM,MAAM,MAAM;AACnD,QAAM,UAAU,WAAW,UAAU;AACrC,QAAM,OAAO,QAAQ,MAAM,SAAS,OAAO,GAAG,CAAA,CAAE;AAChD,YAAU,MAAM;AACZ,UAAM,OAAQ,QAAQ,QAAQ;AAC9B,UAAM,QAAQ,OAAO,SAAS,cAAc,OAAO,SAAS,aAAa,OAAO;AAChF,UAAM,WAAW,OAAO,SAAS,aAAa,OAAO,OAAO,SAAS,aAAa,OAAO;AACzF,UAAM,EAAE,IAAK,IAAG;AAChB,QAAI,CAAC,IAAI,WAAW,IAAI,GAAG;AACvB,UAAI,WAAW,MAAM,6BAAM,QAAQ;AACnC,UAAI,OAAO;AACP,cAAM,OAAO;AAAA,MAChB;AAAA,IACJ;AACD,WAAO,MAAM;AACT,UAAI,UAAU;AACV,iBAAS,OAAO;AAAA,MACnB;AAED,UAAI,IAAI,WAAW,IAAI,GAAG;AACtB,YAAI,cAAc,IAAI;AAAA,MACzB;AAAA,IACb;AAAA,EACK,GAAE,CAAE,CAAA;AACL,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/es/main4.mjs

@@ -2,9 +2,9 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createPortal, useThree, useFrame } from "@react-three/fiber";
 import { memo, useState, useRef, useLayoutEffect } from "react";
 import { Scene } from "three";
-import { syncCamera } from "./main11.mjs";
-import { useCoordsToMatrix } from "./main12.mjs";
-import { useR3M } from "./main13.mjs";
+import { syncCamera } from "./main21.mjs";
+import { useCoordsToMatrix } from "./main22.mjs";
+import { useR3M } from "./main23.mjs";
 const Coordinates = memo(({
   latitude,
   longitude,

package/dist/es/main40.mjs

@@ -0,0 +1,9 @@
+function assert(condition, message) {
+  if (!condition) {
+    throw new Error(message);
+  }
+}
+export {
+  assert as default
+};
+//# sourceMappingURL=main40.mjs.map

package/dist/es/main40.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main40.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/assert.js"],"sourcesContent":["export default function assert(condition, message) {\n    if (!condition) {\n        throw new Error(message);\n    }\n}\n//# sourceMappingURL=assert.js.map"],"names":[],"mappings":"AAAe,SAAS,OAAO,WAAW,SAAS;AAC/C,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI,MAAM,OAAO;AAAA,EAC1B;AACL;","x_google_ignoreList":[0]}

package/dist/es/main41.mjs

@@ -0,0 +1,62 @@
+import { deepEqual } from "./main38.mjs";
+function cloneTransform(tr) {
+  const newTransform = tr.clone();
+  newTransform.pixelsToGLUnits = tr.pixelsToGLUnits;
+  return newTransform;
+}
+function syncProjection(src, dest) {
+  if (!src.getProjection) {
+    return;
+  }
+  const srcProjection = src.getProjection();
+  const destProjection = dest.getProjection();
+  if (!deepEqual(srcProjection, destProjection)) {
+    dest.setProjection(srcProjection);
+  }
+}
+function transformToViewState(tr) {
+  return {
+    longitude: tr.center.lng,
+    latitude: tr.center.lat,
+    zoom: tr.zoom,
+    pitch: tr.pitch,
+    bearing: tr.bearing,
+    padding: tr.padding
+  };
+}
+function applyViewStateToTransform(tr, props) {
+  const v = props.viewState || props;
+  let changed = false;
+  if ("zoom" in v) {
+    const zoom = tr.zoom;
+    tr.zoom = v.zoom;
+    changed = changed || zoom !== tr.zoom;
+  }
+  if ("bearing" in v) {
+    const bearing = tr.bearing;
+    tr.bearing = v.bearing;
+    changed = changed || bearing !== tr.bearing;
+  }
+  if ("pitch" in v) {
+    const pitch = tr.pitch;
+    tr.pitch = v.pitch;
+    changed = changed || pitch !== tr.pitch;
+  }
+  if (v.padding && !tr.isPaddingEqual(v.padding)) {
+    changed = true;
+    tr.padding = v.padding;
+  }
+  if ("longitude" in v && "latitude" in v) {
+    const center = tr.center;
+    tr.center = new center.constructor(v.longitude, v.latitude);
+    changed = changed || center !== tr.center;
+  }
+  return changed;
+}
+export {
+  applyViewStateToTransform,
+  cloneTransform,
+  syncProjection,
+  transformToViewState
+};
+//# sourceMappingURL=main41.mjs.map

package/dist/es/main41.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main41.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/transform.js"],"sourcesContent":["import { deepEqual } from \"./deep-equal.js\";\n/**\n * Make a copy of a transform\n * @param tr\n */\nexport function cloneTransform(tr) {\n    const newTransform = tr.clone();\n    // Work around mapbox bug - this value is not assigned in clone(), only in resize()\n    newTransform.pixelsToGLUnits = tr.pixelsToGLUnits;\n    return newTransform;\n}\n/**\n * Copy projection from one transform to another. This only applies to mapbox-gl transforms\n * @param src the transform to copy projection settings from\n * @param dest to transform to copy projection settings to\n */\nexport function syncProjection(src, dest) {\n    if (!src.getProjection) {\n        return;\n    }\n    const srcProjection = src.getProjection();\n    const destProjection = dest.getProjection();\n    if (!deepEqual(srcProjection, destProjection)) {\n        dest.setProjection(srcProjection);\n    }\n}\n/**\n * Capture a transform's current state\n * @param transform\n * @returns descriptor of the view state\n */\nexport function transformToViewState(tr) {\n    return {\n        longitude: tr.center.lng,\n        latitude: tr.center.lat,\n        zoom: tr.zoom,\n        pitch: tr.pitch,\n        bearing: tr.bearing,\n        padding: tr.padding\n    };\n}\n/* eslint-disable complexity */\n/**\n * Mutate a transform to match the given view state\n * @param transform\n * @param viewState\n * @returns true if the transform has changed\n */\nexport function applyViewStateToTransform(tr, props) {\n    const v = props.viewState || props;\n    let changed = false;\n    if ('zoom' in v) {\n        const zoom = tr.zoom;\n        tr.zoom = v.zoom;\n        changed = changed || zoom !== tr.zoom;\n    }\n    if ('bearing' in v) {\n        const bearing = tr.bearing;\n        tr.bearing = v.bearing;\n        changed = changed || bearing !== tr.bearing;\n    }\n    if ('pitch' in v) {\n        const pitch = tr.pitch;\n        tr.pitch = v.pitch;\n        changed = changed || pitch !== tr.pitch;\n    }\n    if (v.padding && !tr.isPaddingEqual(v.padding)) {\n        changed = true;\n        tr.padding = v.padding;\n    }\n    if ('longitude' in v && 'latitude' in v) {\n        const center = tr.center;\n        // @ts-ignore\n        tr.center = new center.constructor(v.longitude, v.latitude);\n        changed = changed || center !== tr.center;\n    }\n    return changed;\n}\n//# sourceMappingURL=transform.js.map"],"names":[],"mappings":";AAKO,SAAS,eAAe,IAAI;AAC/B,QAAM,eAAe,GAAG;AAExB,eAAa,kBAAkB,GAAG;AAClC,SAAO;AACX;AAMO,SAAS,eAAe,KAAK,MAAM;AACtC,MAAI,CAAC,IAAI,eAAe;AACpB;AAAA,EACH;AACD,QAAM,gBAAgB,IAAI;AAC1B,QAAM,iBAAiB,KAAK;AAC5B,MAAI,CAAC,UAAU,eAAe,cAAc,GAAG;AAC3C,SAAK,cAAc,aAAa;AAAA,EACnC;AACL;AAMO,SAAS,qBAAqB,IAAI;AACrC,SAAO;AAAA,IACH,WAAW,GAAG,OAAO;AAAA,IACrB,UAAU,GAAG,OAAO;AAAA,IACpB,MAAM,GAAG;AAAA,IACT,OAAO,GAAG;AAAA,IACV,SAAS,GAAG;AAAA,IACZ,SAAS,GAAG;AAAA,EACpB;AACA;AAQO,SAAS,0BAA0B,IAAI,OAAO;AACjD,QAAM,IAAI,MAAM,aAAa;AAC7B,MAAI,UAAU;AACd,MAAI,UAAU,GAAG;AACb,UAAM,OAAO,GAAG;AAChB,OAAG,OAAO,EAAE;AACZ,cAAU,WAAW,SAAS,GAAG;AAAA,EACpC;AACD,MAAI,aAAa,GAAG;AAChB,UAAM,UAAU,GAAG;AACnB,OAAG,UAAU,EAAE;AACf,cAAU,WAAW,YAAY,GAAG;AAAA,EACvC;AACD,MAAI,WAAW,GAAG;AACd,UAAM,QAAQ,GAAG;AACjB,OAAG,QAAQ,EAAE;AACb,cAAU,WAAW,UAAU,GAAG;AAAA,EACrC;AACD,MAAI,EAAE,WAAW,CAAC,GAAG,eAAe,EAAE,OAAO,GAAG;AAC5C,cAAU;AACV,OAAG,UAAU,EAAE;AAAA,EAClB;AACD,MAAI,eAAe,KAAK,cAAc,GAAG;AACrC,UAAM,SAAS,GAAG;AAElB,OAAG,SAAS,IAAI,OAAO,YAAY,EAAE,WAAW,EAAE,QAAQ;AAC1D,cAAU,WAAW,WAAW,GAAG;AAAA,EACtC;AACD,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/es/main42.mjs

@@ -0,0 +1,42 @@
+const refProps = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function normalizeStyle(style) {
+  if (!style) {
+    return null;
+  }
+  if (typeof style === "string") {
+    return style;
+  }
+  if ("toJS" in style) {
+    style = style.toJS();
+  }
+  if (!style.layers) {
+    return style;
+  }
+  const layerIndex = {};
+  for (const layer of style.layers) {
+    layerIndex[layer.id] = layer;
+  }
+  const layers = style.layers.map((layer) => {
+    let normalizedLayer = null;
+    if ("interactive" in layer) {
+      normalizedLayer = Object.assign({}, layer);
+      delete normalizedLayer.interactive;
+    }
+    const layerRef = layerIndex[layer.ref];
+    if (layerRef) {
+      normalizedLayer = normalizedLayer || Object.assign({}, layer);
+      delete normalizedLayer.ref;
+      for (const propName of refProps) {
+        if (propName in layerRef) {
+          normalizedLayer[propName] = layerRef[propName];
+        }
+      }
+    }
+    return normalizedLayer || layer;
+  });
+  return { ...style, layers };
+}
+export {
+  normalizeStyle
+};
+//# sourceMappingURL=main42.mjs.map

package/dist/es/main42.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main42.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/utils/style-utils.js"],"sourcesContent":["const refProps = ['type', 'source', 'source-layer', 'minzoom', 'maxzoom', 'filter', 'layout'];\n// Prepare a map style object for diffing\n// If immutable - convert to plain object\n// Work around some issues in older styles that would fail Mapbox's diffing\nexport function normalizeStyle(style) {\n    if (!style) {\n        return null;\n    }\n    if (typeof style === 'string') {\n        return style;\n    }\n    if ('toJS' in style) {\n        style = style.toJS();\n    }\n    if (!style.layers) {\n        return style;\n    }\n    const layerIndex = {};\n    for (const layer of style.layers) {\n        layerIndex[layer.id] = layer;\n    }\n    const layers = style.layers.map(layer => {\n        let normalizedLayer = null;\n        if ('interactive' in layer) {\n            normalizedLayer = Object.assign({}, layer);\n            // Breaks style diffing :(\n            // @ts-ignore legacy field not typed\n            delete normalizedLayer.interactive;\n        }\n        // Style diffing doesn't work with refs so expand them out manually before diffing.\n        // @ts-ignore legacy field not typed\n        const layerRef = layerIndex[layer.ref];\n        if (layerRef) {\n            normalizedLayer = normalizedLayer || Object.assign({}, layer);\n            // @ts-ignore\n            delete normalizedLayer.ref;\n            // https://github.com/mapbox/mapbox-gl-js/blob/master/src/style-spec/deref.js\n            for (const propName of refProps) {\n                if (propName in layerRef) {\n                    normalizedLayer[propName] = layerRef[propName];\n                }\n            }\n        }\n        return normalizedLayer || layer;\n    });\n    // Do not mutate the style object provided by the user\n    return { ...style, layers };\n}\n//# sourceMappingURL=style-utils.js.map"],"names":[],"mappings":"AAAA,MAAM,WAAW,CAAC,QAAQ,UAAU,gBAAgB,WAAW,WAAW,UAAU,QAAQ;AAIrF,SAAS,eAAe,OAAO;AAClC,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACV;AACD,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO;AAAA,EACV;AACD,MAAI,UAAU,OAAO;AACjB,YAAQ,MAAM;EACjB;AACD,MAAI,CAAC,MAAM,QAAQ;AACf,WAAO;AAAA,EACV;AACD,QAAM,aAAa,CAAA;AACnB,aAAW,SAAS,MAAM,QAAQ;AAC9B,eAAW,MAAM,EAAE,IAAI;AAAA,EAC1B;AACD,QAAM,SAAS,MAAM,OAAO,IAAI,WAAS;AACrC,QAAI,kBAAkB;AACtB,QAAI,iBAAiB,OAAO;AACxB,wBAAkB,OAAO,OAAO,CAAE,GAAE,KAAK;AAGzC,aAAO,gBAAgB;AAAA,IAC1B;AAGD,UAAM,WAAW,WAAW,MAAM,GAAG;AACrC,QAAI,UAAU;AACV,wBAAkB,mBAAmB,OAAO,OAAO,CAAE,GAAE,KAAK;AAE5D,aAAO,gBAAgB;AAEvB,iBAAW,YAAY,UAAU;AAC7B,YAAI,YAAY,UAAU;AACtB,0BAAgB,QAAQ,IAAI,SAAS,QAAQ;AAAA,QAChD;AAAA,MACJ;AAAA,IACJ;AACD,WAAO,mBAAmB;AAAA,EAClC,CAAK;AAED,SAAO,EAAE,GAAG,OAAO;AACvB;","x_google_ignoreList":[0]}

package/dist/es/main5.mjs

@@ -1,15 +1,35 @@
 import { MathUtils } from "three";
-import { earthRadius } from "./main14.mjs";
+import { earthRadius } from "./main24.mjs";
+const mercatorScaleLookup = {};
+function getMercatorScale(lat) {
+  const index = Math.round(lat * 1e3);
+  if (mercatorScaleLookup[index] === void 0) {
+    mercatorScaleLookup[index] = 1 / Math.cos(lat * MathUtils.DEG2RAD);
+  }
+  return mercatorScaleLookup[index];
+}
+function averageMercatorScale(originLat, pointLat, steps = 10) {
+  let totalScale = 0;
+  const latStep = (pointLat - originLat) / steps;
+  for (let i = 0; i <= steps; i++) {
+    const lat = originLat + latStep * i;
+    totalScale += getMercatorScale(lat);
+  }
+  return totalScale / (steps + 1);
+}
 function coordsToVector3(point, origin) {
   const latitudeDiff = (point.latitude - origin.latitude) * MathUtils.DEG2RAD;
   const longitudeDiff = (point.longitude - origin.longitude) * MathUtils.DEG2RAD;
   const altitudeDiff = (point.altitude || 0) - (origin.altitude || 0);
   const x = longitudeDiff * earthRadius * Math.cos(origin.latitude * MathUtils.DEG2RAD);
   const y = altitudeDiff;
-  const z = -latitudeDiff * earthRadius;
+  const steps = Math.ceil(Math.abs(point.latitude - origin.latitude)) * 100 + 1;
+  const avgScale = averageMercatorScale(origin.latitude, point.latitude, steps);
+  const z = -latitudeDiff * earthRadius / getMercatorScale(origin.latitude) * avgScale;
   return [x, y, z];
 }
 export {
+  averageMercatorScale,
   coordsToVector3
 };
 //# sourceMappingURL=main5.mjs.map

package/dist/es/main5.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main5.mjs","sources":["../../src/api/coords-to-vector-3.ts"],"sourcesContent":["import { MathUtils, Vector3Tuple } from 'three';\nimport { Coords } from './coords';\nimport { earthRadius } from \"../core/earth-radius\";\n\nexport function coordsToVector3(point: Coords, origin: Coords): Vector3Tuple {\n  const latitudeDiff = (point.latitude - origin.latitude) * MathUtils.DEG2RAD;\n  const longitudeDiff = (point.longitude - origin.longitude) * MathUtils.DEG2RAD;\n  const altitudeDiff = (point.altitude || 0) - (origin.altitude || 0);\n\n  const x = longitudeDiff * earthRadius * Math.cos(origin.latitude * MathUtils.DEG2RAD);\n  const y = altitudeDiff;\n  const z = -latitudeDiff * earthRadius;\n\n  return [x, y, z] as Vector3Tuple;\n}\n"],"names":[],"mappings":";;AAIgB,SAAA,gBAAgB,OAAe,QAA8B;AAC3E,QAAM,gBAAgB,MAAM,WAAW,OAAO,YAAY,UAAU;AACpE,QAAM,iBAAiB,MAAM,YAAY,OAAO,aAAa,UAAU;AACvE,QAAM,gBAAgB,MAAM,YAAY,MAAM,OAAO,YAAY;AAE3D,QAAA,IAAI,gBAAgB,cAAc,KAAK,IAAI,OAAO,WAAW,UAAU,OAAO;AACpF,QAAM,IAAI;AACJ,QAAA,IAAI,CAAC,eAAe;AAEnB,SAAA,CAAC,GAAG,GAAG,CAAC;AACjB;"}
+{"version":3,"file":"main5.mjs","sources":["../../src/api/coords-to-vector-3.ts"],"sourcesContent":["import { MathUtils, Vector3Tuple } from 'three';\nimport { Coords } from './coords';\nimport { earthRadius } from \"../core/earth-radius\";\n\n\nconst mercatorScaleLookup: { [key: number]: number } = {};\n\nfunction getMercatorScale(lat: number): number {\n  const index = Math.round(lat * 1000);\n  if (mercatorScaleLookup[index] === undefined) {\n    mercatorScaleLookup[index] = 1 / Math.cos(lat * MathUtils.DEG2RAD);\n  }\n  return mercatorScaleLookup[index];\n}\n\nexport function averageMercatorScale(originLat: number, pointLat: number, steps = 10): number {\n  let totalScale = 0;\n  const latStep = (pointLat - originLat) / steps;\n  for (let i = 0; i <= steps; i++) {\n    const lat = originLat + latStep * i;\n    totalScale += getMercatorScale(lat);\n  }\n  return totalScale / (steps + 1);\n}\n\nexport function coordsToVector3(point: Coords, origin: Coords): Vector3Tuple {\n  const latitudeDiff = (point.latitude - origin.latitude) * MathUtils.DEG2RAD;\n  const longitudeDiff = (point.longitude - origin.longitude) * MathUtils.DEG2RAD;\n  const altitudeDiff = (point.altitude || 0) - (origin.altitude || 0);\n\n  const x = longitudeDiff * earthRadius * Math.cos(origin.latitude * MathUtils.DEG2RAD);\n  const y = altitudeDiff;\n\n  // dynamic step size based on latitude difference. calculate the mercator unit scale at origin\n  // and the scale average along the line to the point for better accuracy far from origin\n  const steps = Math.ceil(Math.abs(point.latitude - origin.latitude)) * 100 + 1;\n  const avgScale = averageMercatorScale(origin.latitude, point.latitude, steps);\n\n  const z = ((-latitudeDiff * earthRadius) / getMercatorScale(origin.latitude)) * avgScale;\n  return [x, y, z] as Vector3Tuple;\n}"],"names":[],"mappings":";;AAKA,MAAM,sBAAiD,CAAA;AAEvD,SAAS,iBAAiB,KAAqB;AAC7C,QAAM,QAAQ,KAAK,MAAM,MAAM,GAAI;AAC/B,MAAA,oBAAoB,KAAK,MAAM,QAAW;AAC5C,wBAAoB,KAAK,IAAI,IAAI,KAAK,IAAI,MAAM,UAAU,OAAO;AAAA,EACnE;AACA,SAAO,oBAAoB,KAAK;AAClC;AAEO,SAAS,qBAAqB,WAAmB,UAAkB,QAAQ,IAAY;AAC5F,MAAI,aAAa;AACX,QAAA,WAAW,WAAW,aAAa;AACzC,WAAS,IAAI,GAAG,KAAK,OAAO,KAAK;AACzB,UAAA,MAAM,YAAY,UAAU;AAClC,kBAAc,iBAAiB,GAAG;AAAA,EACpC;AACA,SAAO,cAAc,QAAQ;AAC/B;AAEgB,SAAA,gBAAgB,OAAe,QAA8B;AAC3E,QAAM,gBAAgB,MAAM,WAAW,OAAO,YAAY,UAAU;AACpE,QAAM,iBAAiB,MAAM,YAAY,OAAO,aAAa,UAAU;AACvE,QAAM,gBAAgB,MAAM,YAAY,MAAM,OAAO,YAAY;AAE3D,QAAA,IAAI,gBAAgB,cAAc,KAAK,IAAI,OAAO,WAAW,UAAU,OAAO;AACpF,QAAM,IAAI;AAIJ,QAAA,QAAQ,KAAK,KAAK,KAAK,IAAI,MAAM,WAAW,OAAO,QAAQ,CAAC,IAAI,MAAM;AAC5E,QAAM,WAAW,qBAAqB,OAAO,UAAU,MAAM,UAAU,KAAK;AAE5E,QAAM,IAAM,CAAC,eAAe,cAAe,iBAAiB,OAAO,QAAQ,IAAK;AACzE,SAAA,CAAC,GAAG,GAAG,CAAC;AACjB;"}

package/dist/es/main6.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
-import { useCoords } from "./main15.mjs";
+import { useCoords } from "./main25.mjs";
 import { coordsToVector3 } from "./main5.mjs";
 const NearCoordinates = memo(({ children, ...coords }) => {
   const { latitude, longitude, altitude } = useCoords();

package/dist/es/main7.mjs

@@ -1,5 +1,5 @@
 import { MathUtils } from "three";
-import { earthRadius } from "./main14.mjs";
+import { earthRadius } from "./main24.mjs";
 function vector3ToCoords(position, origin) {
   const [x, y, z] = position;
   const latitude = origin.latitude + -z / earthRadius * MathUtils.RAD2DEG;

package/dist/es/main8.mjs

@@ -1,26 +1,93 @@
-import { useCoordsToMatrix } from "./main12.mjs";
-import { useRender } from "./main16.mjs";
-import { useRoot } from "./main17.mjs";
-function useCanvasInLayer(props, fromLngLat, map) {
-  const { latitude, longitude, altitude, frameloop } = props;
-  const origin = useCoordsToMatrix({
-    latitude,
-    longitude,
-    altitude,
-    fromLngLat
+import * as React from "react";
+import { useContext, useState, useRef, useEffect, useImperativeHandle, useMemo } from "react";
+import { MountedMapsContext } from "./main17.mjs";
+import Mapbox from "./main33.mjs";
+import createRef from "./main34.mjs";
+import useIsomorphicLayoutEffect from "./main35.mjs";
+import setGlobals from "./main36.mjs";
+const MapContext = React.createContext(null);
+function _Map(props, ref) {
+  const mountedMapsContext = useContext(MountedMapsContext);
+  const [mapInstance, setMapInstance] = useState(null);
+  const containerRef = useRef();
+  const { current: contextValue } = useRef({ mapLib: null, map: null });
+  useEffect(() => {
+    const mapLib = props.mapLib;
+    let isMounted = true;
+    let mapbox;
+    Promise.resolve(mapLib || import("mapbox-gl")).then((module) => {
+      if (!isMounted) {
+        return;
+      }
+      if (!module) {
+        throw new Error("Invalid mapLib");
+      }
+      const mapboxgl = "Map" in module ? module : module.default;
+      if (!mapboxgl.Map) {
+        throw new Error("Invalid mapLib");
+      }
+      setGlobals(mapboxgl, props);
+      if (!mapboxgl.supported || mapboxgl.supported(props)) {
+        if (props.reuseMaps) {
+          mapbox = Mapbox.reuse(props, containerRef.current);
+        }
+        if (!mapbox) {
+          mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);
+        }
+        contextValue.map = createRef(mapbox);
+        contextValue.mapLib = mapboxgl;
+        setMapInstance(mapbox);
+        mountedMapsContext == null ? void 0 : mountedMapsContext.onMapMount(contextValue.map, props.id);
+      } else {
+        throw new Error("Map is not supported by this browser");
+      }
+    }).catch((error) => {
+      const { onError } = props;
+      if (onError) {
+        onError({
+          type: "error",
+          target: null,
+          error
+        });
+      } else {
+        console.error(error);
+      }
+    });
+    return () => {
+      isMounted = false;
+      if (mapbox) {
+        mountedMapsContext == null ? void 0 : mountedMapsContext.onMapUnmount(props.id);
+        if (props.reuseMaps) {
+          mapbox.recycle();
+        } else {
+          mapbox.destroy();
+        }
+      }
+    };
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    if (mapInstance) {
+      mapInstance.setProps(props);
+    }
   });
-  const { onRemove, useThree, r3m } = useRoot(fromLngLat, map, props);
-  const render = useRender({ origin, frameloop, useThree, map, r3m });
-  return {
-    id: props.id,
-    beforeId: props.beforeId,
-    onRemove,
-    render,
-    type: "custom",
-    renderingMode: "3d"
+  useImperativeHandle(ref, () => contextValue.map, [mapInstance]);
+  const style = useMemo(() => ({
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    ...props.style
+  }), [props.style]);
+  const CHILD_CONTAINER_STYLE = {
+    height: "100%"
   };
+  return React.createElement("div", { id: props.id, ref: containerRef, style }, mapInstance && React.createElement(
+    MapContext.Provider,
+    { value: contextValue },
+    React.createElement("div", { "mapboxgl-children": "", style: CHILD_CONTAINER_STYLE }, props.children)
+  ));
 }
+React.forwardRef(_Map);
 export {
-  useCanvasInLayer
+  MapContext
 };
 //# sourceMappingURL=main8.mjs.map

package/dist/es/main8.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main8.mjs","sources":["../../src/core/canvas-in-layer/use-canvas-in-layer.tsx"],"sourcesContent":["import { CanvasProps } from \"../../api/canvas-props\";\nimport { FromLngLat, MapInstance } from \"../generic-map\";\nimport { useCoordsToMatrix } from \"../use-coords-to-matrix\";\nimport { useRender } from \"./use-render\";\nimport { useRoot } from \"./use-root\";\n\n/** get all the properties that you need to render as a map `<Layer>` */\nexport function useCanvasInLayer(props: CanvasProps,fromLngLat: FromLngLat, map: MapInstance) {\n\n  const {latitude, longitude, altitude, frameloop } = props;\n\n    const origin = useCoordsToMatrix({\n      latitude, longitude, altitude, fromLngLat,\n    });\n\n    const { onRemove, useThree, r3m } = useRoot(fromLngLat, map, props);\n  \n    const render = useRender({origin, frameloop, useThree, map, r3m});\n  \n    return {\n      id: props.id,\n      beforeId: props.beforeId,\n      onRemove,\n      render,\n      type: 'custom',\n      renderingMode: '3d'\n    } as const\n\n}"],"names":[],"mappings":";;;AAOgB,SAAA,iBAAiB,OAAmB,YAAwB,KAAkB;AAE5F,QAAM,EAAC,UAAU,WAAW,UAAU,cAAc;AAElD,QAAM,SAAS,kBAAkB;AAAA,IAC/B;AAAA,IAAU;AAAA,IAAW;AAAA,IAAU;AAAA,EAAA,CAChC;AAEK,QAAA,EAAE,UAAU,UAAU,IAAA,IAAQ,QAAQ,YAAY,KAAK,KAAK;AAE5D,QAAA,SAAS,UAAU,EAAC,QAAQ,WAAW,UAAU,KAAK,KAAI;AAEzD,SAAA;AAAA,IACL,IAAI,MAAM;AAAA,IACV,UAAU,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,eAAe;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"main8.mjs","sources":["../../node_modules/@vis.gl/react-mapbox/dist/components/map.js"],"sourcesContent":["import * as React from 'react';\nimport { useState, useRef, useEffect, useContext, useMemo, useImperativeHandle } from 'react';\nimport { MountedMapsContext } from \"./use-map.js\";\nimport Mapbox from \"../mapbox/mapbox.js\";\nimport createRef from \"../mapbox/create-ref.js\";\nimport useIsomorphicLayoutEffect from \"../utils/use-isomorphic-layout-effect.js\";\nimport setGlobals from \"../utils/set-globals.js\";\nexport const MapContext = React.createContext(null);\nfunction _Map(props, ref) {\n    const mountedMapsContext = useContext(MountedMapsContext);\n    const [mapInstance, setMapInstance] = useState(null);\n    const containerRef = useRef();\n    const { current: contextValue } = useRef({ mapLib: null, map: null });\n    useEffect(() => {\n        const mapLib = props.mapLib;\n        let isMounted = true;\n        let mapbox;\n        Promise.resolve(mapLib || import('mapbox-gl'))\n            .then((module) => {\n            if (!isMounted) {\n                return;\n            }\n            if (!module) {\n                throw new Error('Invalid mapLib');\n            }\n            const mapboxgl = 'Map' in module ? module : module.default;\n            if (!mapboxgl.Map) {\n                throw new Error('Invalid mapLib');\n            }\n            // workerUrl & workerClass may change the result of supported()\n            // https://github.com/visgl/react-map-gl/discussions/2027\n            setGlobals(mapboxgl, props);\n            if (!mapboxgl.supported || mapboxgl.supported(props)) {\n                if (props.reuseMaps) {\n                    mapbox = Mapbox.reuse(props, containerRef.current);\n                }\n                if (!mapbox) {\n                    mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);\n                }\n                contextValue.map = createRef(mapbox);\n                contextValue.mapLib = mapboxgl;\n                setMapInstance(mapbox);\n                mountedMapsContext?.onMapMount(contextValue.map, props.id);\n            }\n            else {\n                throw new Error('Map is not supported by this browser');\n            }\n        })\n            .catch(error => {\n            const { onError } = props;\n            if (onError) {\n                onError({\n                    type: 'error',\n                    target: null,\n                    error\n                });\n            }\n            else {\n                console.error(error); // eslint-disable-line\n            }\n        });\n        return () => {\n            isMounted = false;\n            if (mapbox) {\n                mountedMapsContext?.onMapUnmount(props.id);\n                if (props.reuseMaps) {\n                    mapbox.recycle();\n                }\n                else {\n                    mapbox.destroy();\n                }\n            }\n        };\n    }, []);\n    useIsomorphicLayoutEffect(() => {\n        if (mapInstance) {\n            mapInstance.setProps(props);\n        }\n    });\n    useImperativeHandle(ref, () => contextValue.map, [mapInstance]);\n    const style = useMemo(() => ({\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n        ...props.style\n    }), [props.style]);\n    const CHILD_CONTAINER_STYLE = {\n        height: '100%'\n    };\n    return (React.createElement(\"div\", { id: props.id, ref: containerRef, style: style }, mapInstance && (React.createElement(MapContext.Provider, { value: contextValue },\n        React.createElement(\"div\", { \"mapboxgl-children\": \"\", style: CHILD_CONTAINER_STYLE }, props.children)))));\n}\nexport const Map = React.forwardRef(_Map);\n//# sourceMappingURL=map.js.map"],"names":[],"mappings":";;;;;;;AAOY,MAAC,aAAa,MAAM,cAAc,IAAI;AAClD,SAAS,KAAK,OAAO,KAAK;AACtB,QAAM,qBAAqB,WAAW,kBAAkB;AACxD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,IAAI;AACnD,QAAM,eAAe;AACrB,QAAM,EAAE,SAAS,aAAY,IAAK,OAAO,EAAE,QAAQ,MAAM,KAAK,KAAI,CAAE;AACpE,YAAU,MAAM;AACZ,UAAM,SAAS,MAAM;AACrB,QAAI,YAAY;AAChB,QAAI;AACJ,YAAQ,QAAQ,UAAU,OAAO,WAAW,CAAC,EACxC,KAAK,CAAC,WAAW;AAClB,UAAI,CAAC,WAAW;AACZ;AAAA,MACH;AACD,UAAI,CAAC,QAAQ;AACT,cAAM,IAAI,MAAM,gBAAgB;AAAA,MACnC;AACD,YAAM,WAAW,SAAS,SAAS,SAAS,OAAO;AACnD,UAAI,CAAC,SAAS,KAAK;AACf,cAAM,IAAI,MAAM,gBAAgB;AAAA,MACnC;AAGD,iBAAW,UAAU,KAAK;AAC1B,UAAI,CAAC,SAAS,aAAa,SAAS,UAAU,KAAK,GAAG;AAClD,YAAI,MAAM,WAAW;AACjB,mBAAS,OAAO,MAAM,OAAO,aAAa,OAAO;AAAA,QACpD;AACD,YAAI,CAAC,QAAQ;AACT,mBAAS,IAAI,OAAO,SAAS,KAAK,OAAO,aAAa,OAAO;AAAA,QAChE;AACD,qBAAa,MAAM,UAAU,MAAM;AACnC,qBAAa,SAAS;AACtB,uBAAe,MAAM;AACrB,iEAAoB,WAAW,aAAa,KAAK,MAAM;AAAA,MAC1D,OACI;AACD,cAAM,IAAI,MAAM,sCAAsC;AAAA,MACzD;AAAA,IACb,CAAS,EACI,MAAM,WAAS;AAChB,YAAM,EAAE,QAAS,IAAG;AACpB,UAAI,SAAS;AACT,gBAAQ;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR;AAAA,QACpB,CAAiB;AAAA,MACJ,OACI;AACD,gBAAQ,MAAM,KAAK;AAAA,MACtB;AAAA,IACb,CAAS;AACD,WAAO,MAAM;AACT,kBAAY;AACZ,UAAI,QAAQ;AACR,iEAAoB,aAAa,MAAM;AACvC,YAAI,MAAM,WAAW;AACjB,iBAAO,QAAO;AAAA,QACjB,OACI;AACD,iBAAO,QAAO;AAAA,QACjB;AAAA,MACJ;AAAA,IACb;AAAA,EACK,GAAE,CAAE,CAAA;AACL,4BAA0B,MAAM;AAC5B,QAAI,aAAa;AACb,kBAAY,SAAS,KAAK;AAAA,IAC7B;AAAA,EACT,CAAK;AACD,sBAAoB,KAAK,MAAM,aAAa,KAAK,CAAC,WAAW,CAAC;AAC9D,QAAM,QAAQ,QAAQ,OAAO;AAAA,IACzB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG,MAAM;AAAA,EACZ,IAAG,CAAC,MAAM,KAAK,CAAC;AACjB,QAAM,wBAAwB;AAAA,IAC1B,QAAQ;AAAA,EAChB;AACI,SAAQ,MAAM,cAAc,OAAO,EAAE,IAAI,MAAM,IAAI,KAAK,cAAc,MAAc,GAAE,eAAgB,MAAM;AAAA,IAAc,WAAW;AAAA,IAAU,EAAE,OAAO,aAAc;AAAA,IAClK,MAAM,cAAc,OAAO,EAAE,qBAAqB,IAAI,OAAO,sBAAuB,GAAE,MAAM,QAAQ;AAAA,EAAC,CAAE;AAC/G;AACmB,MAAM,WAAW,IAAI;","x_google_ignoreList":[0]}

package/dist/es/main9.mjs

@@ -1,30 +1,86 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { memo, useState, useEffect } from "react";
+import * as React from "react";
+import { memo, forwardRef, useContext, useRef, useMemo, useEffect, useImperativeHandle } from "react";
 import { createPortal } from "react-dom";
-import { CanvasPortal } from "./main18.mjs";
-const InitCanvasFC = memo((props) => {
-  const canvas = props.map.getCanvas();
-  const [el] = useState(() => {
-    const el2 = document.createElement("div");
-    el2.style.position = "absolute";
-    el2.style.top = "0";
-    el2.style.bottom = "0";
-    el2.style.left = "0";
-    el2.style.right = "0";
-    el2.style.pointerEvents = "none";
-    return el2;
-  });
+import { applyReactStyle } from "./main37.mjs";
+import { MapContext } from "./main8.mjs";
+import { arePointsEqual } from "./main38.mjs";
+memo(forwardRef((props, ref) => {
+  const { map, mapLib } = useContext(MapContext);
+  const thisRef = useRef({ props });
+  thisRef.current.props = props;
+  const marker = useMemo(() => {
+    let hasChildren = false;
+    React.Children.forEach(props.children, (el) => {
+      if (el) {
+        hasChildren = true;
+      }
+    });
+    const options = {
+      ...props,
+      element: hasChildren ? document.createElement("div") : null
+    };
+    const mk = new mapLib.Marker(options);
+    mk.setLngLat([props.longitude, props.latitude]);
+    mk.getElement().addEventListener("click", (e) => {
+      var _a, _b;
+      (_b = (_a = thisRef.current.props).onClick) == null ? void 0 : _b.call(_a, {
+        type: "click",
+        target: mk,
+        originalEvent: e
+      });
+    });
+    mk.on("dragstart", (e) => {
+      var _a, _b;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_b = (_a = thisRef.current.props).onDragStart) == null ? void 0 : _b.call(_a, evt);
+    });
+    mk.on("drag", (e) => {
+      var _a, _b;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_b = (_a = thisRef.current.props).onDrag) == null ? void 0 : _b.call(_a, evt);
+    });
+    mk.on("dragend", (e) => {
+      var _a, _b;
+      const evt = e;
+      evt.lngLat = marker.getLngLat();
+      (_b = (_a = thisRef.current.props).onDragEnd) == null ? void 0 : _b.call(_a, evt);
+    });
+    return mk;
+  }, []);
   useEffect(() => {
-    const parent = canvas.parentElement;
-    parent.appendChild(el);
+    marker.addTo(map.getMap());
     return () => {
-      parent.removeChild(el);
+      marker.remove();
     };
   }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children: createPortal(/* @__PURE__ */ jsx(CanvasPortal, { ...props }), el) });
-});
-InitCanvasFC.displayName = "InitCanvasFC";
-export {
-  InitCanvasFC
-};
+  const { longitude, latitude, offset, style, draggable = false, popup = null, rotation = 0, rotationAlignment = "auto", pitchAlignment = "auto" } = props;
+  useEffect(() => {
+    applyReactStyle(marker.getElement(), style);
+  }, [style]);
+  useImperativeHandle(ref, () => marker, []);
+  if (marker.getLngLat().lng !== longitude || marker.getLngLat().lat !== latitude) {
+    marker.setLngLat([longitude, latitude]);
+  }
+  if (offset && !arePointsEqual(marker.getOffset(), offset)) {
+    marker.setOffset(offset);
+  }
+  if (marker.isDraggable() !== draggable) {
+    marker.setDraggable(draggable);
+  }
+  if (marker.getRotation() !== rotation) {
+    marker.setRotation(rotation);
+  }
+  if (marker.getRotationAlignment() !== rotationAlignment) {
+    marker.setRotationAlignment(rotationAlignment);
+  }
+  if (marker.getPitchAlignment() !== pitchAlignment) {
+    marker.setPitchAlignment(pitchAlignment);
+  }
+  if (marker.getPopup() !== popup) {
+    marker.setPopup(popup);
+  }
+  return createPortal(props.children, marker.getElement());
+}));
 //# sourceMappingURL=main9.mjs.map