react-three-map 0.8.0 → 0.8.1

package/dist/maplibre/es/main12.mjs

@@ -1,26 +1,15 @@
-import { useThree, _roots } from "@react-three/fiber";
-import { useState } from "react";
-import { Matrix4 } from "three";
-function useR3M() {
-  const r3m = useThree((s) => s.r3m);
-  return r3m;
-}
-function useInitR3M(props) {
-  const canvas = useThree((s) => s.gl.domElement);
-  useState(() => {
-    const store = _roots.get(canvas).store;
-    initR3M({ ...props, store });
-  });
-}
-function initR3M({ store, ...props }) {
-  const viewProjMx = new Matrix4().identity().toArray();
-  const r3m = { ...props, viewProjMx };
-  store.setState({ r3m });
-  return r3m;
+import { useMemo } from "react";
+import { coordsToMatrix } from "./main19.mjs";
+function useCoordsToMatrix({ latitude, longitude, altitude, fromLngLat }) {
+  const m4 = useMemo(() => coordsToMatrix({
+    latitude,
+    longitude,
+    altitude,
+    fromLngLat
+  }), [latitude, longitude, altitude, fromLngLat]);
+  return m4;
 }
 export {
-  initR3M,
-  useInitR3M,
-  useR3M
+  useCoordsToMatrix
 };
 //# sourceMappingURL=main12.mjs.map

package/dist/maplibre/es/main12.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main12.mjs","sources":["../../../src/core/use-r3m.ts"],"sourcesContent":["import { RootState, _roots, useThree } from \"@react-three/fiber\";\nimport { useState } from \"react\";\nimport { Matrix4, Matrix4Tuple } from \"three\";\nimport { UseBoundStore } from 'zustand';\nimport { FromLngLat, MapInstance } from \"./generic-map\";\n\nexport interface R3M<T extends MapInstance = MapInstance> {\n  /** Map provider */\n  map: T,\n  /** view projection matrix coming from the map provider */\n  viewProjMx: Matrix4Tuple,\n  fromLngLat: FromLngLat,\n}\n\nexport function useR3M<T extends MapInstance> () {\n  const r3m = useThree(s=>(s as any).r3m) as R3M<T>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  return r3m;\n}\n\n/** init `useR3M` hook */\nexport function useInitR3M<T extends MapInstance>(props: {\n  map: T; fromLngLat: FromLngLat;\n}) {\n  const canvas = useThree(s => s.gl.domElement);\n  // to run only once\n  useState(()=>{\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n    initR3M({...props, store})\n  })\n}\n\nexport function initR3M<T extends MapInstance>({store, ...props}: {\n  map: T;\n  fromLngLat: FromLngLat;\n  store: UseBoundStore<RootState>;\n}) {\n  const viewProjMx = new Matrix4().identity().toArray();\n  const r3m : R3M<T> = { ...props, viewProjMx };\n  store.setState({r3m} as any); // eslint-disable-line @typescript-eslint/no-explicit-any\n  return r3m;\n}"],"names":[],"mappings":";;;AAcO,SAAS,SAAiC;AAC/C,QAAM,MAAM,SAAS,CAAI,MAAA,EAAU,GAAG;AAC/B,SAAA;AACT;AAGO,SAAS,WAAkC,OAE/C;AACD,QAAM,SAAS,SAAS,CAAK,MAAA,EAAE,GAAG,UAAU;AAE5C,WAAS,MAAI;AACX,UAAM,QAAQ,OAAO,IAAI,MAAM,EAAG;AAClC,YAAQ,EAAC,GAAG,OAAO,MAAM,CAAA;AAAA,EAAA,CAC1B;AACH;AAEO,SAAS,QAA+B,EAAC,OAAO,GAAG,SAIvD;AACD,QAAM,aAAa,IAAI,QAAA,EAAU,WAAW,QAAQ;AACpD,QAAM,MAAe,EAAE,GAAG,OAAO,WAAW;AACtC,QAAA,SAAS,EAAC,IAAA,CAAW;AACpB,SAAA;AACT;"}
+{"version":3,"file":"main12.mjs","sources":["../../../src/core/use-coords-to-matrix.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { coordsToMatrix } from \"./coords-to-matrix\";\n\ntype Props = Parameters<typeof coordsToMatrix>[0];\n\n/** calculate matrix from coordinates */\nexport function useCoordsToMatrix({latitude, longitude, altitude, fromLngLat}: Props) {\n  const m4 = useMemo(() => coordsToMatrix({\n    latitude, longitude, altitude, fromLngLat,\n  }), [latitude, longitude, altitude, fromLngLat]);\n\n  return m4;\n}"],"names":[],"mappings":";;AAMO,SAAS,kBAAkB,EAAC,UAAU,WAAW,UAAU,cAAoB;AAC9E,QAAA,KAAK,QAAQ,MAAM,eAAe;AAAA,IACtC;AAAA,IAAU;AAAA,IAAW;AAAA,IAAU;AAAA,EAAA,CAChC,GAAG,CAAC,UAAU,WAAW,UAAU,UAAU,CAAC;AAExC,SAAA;AACT;"}

package/dist/maplibre/es/main13.mjs

@@ -1,33 +1,26 @@
 import { useThree, _roots } from "@react-three/fiber";
-import { useMemo } from "react";
-function useCoords() {
-  const coords = useThree((s) => s.coords);
-  return coords;
+import { useState } from "react";
+import { Matrix4 } from "three";
+function useR3M() {
+  const r3m = useThree((s) => s.r3m);
+  return r3m;
 }
-function useSetCoords({ longitude, latitude, altitude }) {
+function useInitR3M(props) {
   const canvas = useThree((s) => s.gl.domElement);
-  useMemo(() => {
+  useState(() => {
     const store = _roots.get(canvas).store;
-    const coords = { longitude, latitude, altitude };
-    setCoords(store, coords);
-  }, [longitude, latitude, altitude]);
+    initR3M({ ...props, store });
+  });
 }
-function useSetRootCoords(store, {
-  longitude,
-  latitude,
-  altitude
-}) {
-  useMemo(() => {
-    setCoords(store, { longitude, latitude, altitude });
-  }, [longitude, latitude, altitude]);
-}
-function setCoords(store, coords) {
-  store.setState({ coords });
+function initR3M({ store, ...props }) {
+  const viewProjMx = new Matrix4().identity().toArray();
+  const r3m = { ...props, viewProjMx };
+  store.setState({ r3m });
+  return r3m;
 }
 export {
-  setCoords,
-  useCoords,
-  useSetCoords,
-  useSetRootCoords
+  initR3M,
+  useInitR3M,
+  useR3M
 };
 //# sourceMappingURL=main13.mjs.map

package/dist/maplibre/es/main13.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main13.mjs","sources":["../../../src/core/use-coords.tsx"],"sourcesContent":["import { RootState, _roots, useThree } from \"@react-three/fiber\";\nimport { useMemo } from \"react\";\nimport { UseBoundStore } from 'zustand';\nimport { Coords } from \"../api/coords\";\n\nexport function useCoords() {\n  const coords = useThree(s=>(s as any).coords) as Coords; // eslint-disable-line @typescript-eslint/no-explicit-any\n  return coords;\n}\n\nexport function useSetCoords({longitude, latitude, altitude}: Coords) {\n  \n  const canvas = useThree(s => s.gl.domElement);\n  useMemo(()=>{\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n    const coords : Coords = { longitude, latitude, altitude };\n    setCoords(store, coords);\n  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nexport function useSetRootCoords(store:UseBoundStore<RootState>, {\n  longitude, latitude, altitude\n}: Coords) {\n  useMemo(()=>{\n    setCoords(store, {longitude, latitude, altitude});\n  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nexport function setCoords(store:UseBoundStore<RootState>, coords: Coords) {\n  store.setState({coords} as any) // eslint-disable-line @typescript-eslint/no-explicit-any\n}"],"names":[],"mappings":";;AAKO,SAAS,YAAY;AAC1B,QAAM,SAAS,SAAS,CAAI,MAAA,EAAU,MAAM;AACrC,SAAA;AACT;AAEO,SAAS,aAAa,EAAC,WAAW,UAAU,YAAmB;AAEpE,QAAM,SAAS,SAAS,CAAK,MAAA,EAAE,GAAG,UAAU;AAC5C,UAAQ,MAAI;AACV,UAAM,QAAQ,OAAO,IAAI,MAAM,EAAG;AAClC,UAAM,SAAkB,EAAE,WAAW,UAAU,SAAS;AACxD,cAAU,OAAO,MAAM;AAAA,EACtB,GAAA,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;AAEO,SAAS,iBAAiB,OAAgC;AAAA,EAC/D;AAAA,EAAW;AAAA,EAAU;AACvB,GAAW;AACT,UAAQ,MAAI;AACV,cAAU,OAAO,EAAC,WAAW,UAAU,SAAS,CAAA;AAAA,EAC/C,GAAA,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;AAEgB,SAAA,UAAU,OAAgC,QAAgB;AAClE,QAAA,SAAS,EAAC,OAAA,CAAc;AAChC;"}
+{"version":3,"file":"main13.mjs","sources":["../../../src/core/use-r3m.ts"],"sourcesContent":["import { RootState, _roots, useThree } from \"@react-three/fiber\";\nimport { useState } from \"react\";\nimport { Matrix4, Matrix4Tuple } from \"three\";\nimport { UseBoundStore } from 'zustand';\nimport { FromLngLat, MapInstance } from \"./generic-map\";\n\nexport interface R3M<T extends MapInstance = MapInstance> {\n  /** Map provider */\n  map: T,\n  /** view projection matrix coming from the map provider */\n  viewProjMx: Matrix4Tuple,\n  fromLngLat: FromLngLat,\n}\n\nexport function useR3M<T extends MapInstance> () {\n  const r3m = useThree(s=>(s as any).r3m) as R3M<T>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  return r3m;\n}\n\n/** init `useR3M` hook */\nexport function useInitR3M<T extends MapInstance>(props: {\n  map: T; fromLngLat: FromLngLat;\n}) {\n  const canvas = useThree(s => s.gl.domElement);\n  // to run only once\n  useState(()=>{\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n    initR3M({...props, store})\n  })\n}\n\nexport function initR3M<T extends MapInstance>({store, ...props}: {\n  map: T;\n  fromLngLat: FromLngLat;\n  store: UseBoundStore<RootState>;\n}) {\n  const viewProjMx = new Matrix4().identity().toArray();\n  const r3m : R3M<T> = { ...props, viewProjMx };\n  store.setState({r3m} as any); // eslint-disable-line @typescript-eslint/no-explicit-any\n  return r3m;\n}"],"names":[],"mappings":";;;AAcO,SAAS,SAAiC;AAC/C,QAAM,MAAM,SAAS,CAAI,MAAA,EAAU,GAAG;AAC/B,SAAA;AACT;AAGO,SAAS,WAAkC,OAE/C;AACD,QAAM,SAAS,SAAS,CAAK,MAAA,EAAE,GAAG,UAAU;AAE5C,WAAS,MAAI;AACX,UAAM,QAAQ,OAAO,IAAI,MAAM,EAAG;AAClC,YAAQ,EAAC,GAAG,OAAO,MAAM,CAAA;AAAA,EAAA,CAC1B;AACH;AAEO,SAAS,QAA+B,EAAC,OAAO,GAAG,SAIvD;AACD,QAAM,aAAa,IAAI,QAAA,EAAU,WAAW,QAAQ;AACpD,QAAM,MAAe,EAAE,GAAG,OAAO,WAAW;AACtC,QAAA,SAAS,EAAC,IAAA,CAAW;AACpB,SAAA;AACT;"}

package/dist/maplibre/es/main14.mjs

@@ -1,26 +1,5 @@
-import { syncCamera } from "./main10.mjs";
-import { useFunction } from "./main9.mjs";
-function useRender({
-  map,
-  origin,
-  useThree,
-  frameloop,
-  r3m
-}) {
-  const render = useFunction((_gl, projViewMx) => {
-    r3m.viewProjMx.splice(0, 16, ...projViewMx);
-    const state = useThree.getState();
-    const camera = state.camera;
-    const { gl, advance } = state;
-    syncCamera(camera, origin, projViewMx);
-    gl.resetState();
-    advance(Date.now() * 1e-3, true);
-    if (!frameloop || frameloop === "always")
-      map.triggerRepaint();
-  });
-  return render;
-}
+const earthRadius = 6378137;
 export {
-  useRender
+  earthRadius
 };
 //# sourceMappingURL=main14.mjs.map

package/dist/maplibre/es/main14.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main14.mjs","sources":["../../../src/core/canvas-in-layer/use-render.ts"],"sourcesContent":["import { RootState } from \"@react-three/fiber\";\nimport { Matrix4Tuple, PerspectiveCamera } from \"three\";\nimport { UseBoundStore } from \"zustand\";\nimport { MapInstance } from \"../generic-map\";\nimport { syncCamera } from \"../sync-camera\";\nimport { useFunction } from \"../use-function\";\nimport { R3M } from \"../use-r3m\";\n\nexport function useRender({\n  map, origin, useThree, frameloop, r3m,\n} :{\n  map: MapInstance,\n  origin: Matrix4Tuple,\n  useThree: UseBoundStore<RootState>,\n  frameloop?: 'always' | 'demand',\n  r3m: R3M\n}) {\n  const render = useFunction((_gl: WebGL2RenderingContext, projViewMx: number[]) => {\n    r3m.viewProjMx.splice(0, 16, ...projViewMx)\n    const state = useThree.getState();\n    const camera = state.camera as PerspectiveCamera;\n    const {gl, advance} = state;\n    syncCamera(camera as PerspectiveCamera, origin, projViewMx as Matrix4Tuple);\n    gl.resetState();\n    advance(Date.now() * 0.001, true);\n    if (!frameloop || frameloop === 'always') map.triggerRepaint();\n  })\n  return render;\n}"],"names":[],"mappings":";;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAW;AACpC,GAMG;AACD,QAAM,SAAS,YAAY,CAAC,KAA6B,eAAyB;AAChF,QAAI,WAAW,OAAO,GAAG,IAAI,GAAG,UAAU;AACpC,UAAA,QAAQ,SAAS;AACvB,UAAM,SAAS,MAAM;AACf,UAAA,EAAC,IAAI,QAAW,IAAA;AACX,eAAA,QAA6B,QAAQ,UAA0B;AAC1E,OAAG,WAAW;AACd,YAAQ,KAAK,IAAQ,IAAA,MAAO,IAAI;AAC5B,QAAA,CAAC,aAAa,cAAc;AAAU,UAAI,eAAe;AAAA,EAAA,CAC9D;AACM,SAAA;AACT;"}
+{"version":3,"file":"main14.mjs","sources":["../../../src/core/earth-radius.ts"],"sourcesContent":["export const earthRadius = 6378137;\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;"}

package/dist/maplibre/es/main15.mjs

@@ -1,98 +1,33 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { createRoot, _roots } from "@react-three/fiber";
-import { useState, useEffect } from "react";
-import { events } from "./main18.mjs";
-import { setCoords, useSetRootCoords } from "./main13.mjs";
-import { useFunction } from "./main9.mjs";
-import { initR3M } from "./main12.mjs";
-function useRoot(fromLngLat, map, { frameloop, longitude, latitude, altitude, ...props }) {
-  const [{ root, useThree, canvas, r3m }] = useState(() => {
-    const canvas2 = map.getCanvas();
-    const gl = canvas2.getContext("webgl2") || canvas2.getContext("webgl");
-    const root2 = createRoot(canvas2);
-    root2.configure({
-      dpr: window.devicePixelRatio,
-      events,
-      ...props,
-      frameloop: "never",
-      gl: {
-        context: gl,
-        autoClear: false,
-        antialias: true,
-        ...props == null ? void 0 : props.gl
-      },
-      onCreated: (state) => {
-        state.gl.forceContextLoss = () => {
-        };
-      },
-      camera: {
-        matrixAutoUpdate: false,
-        near: 0
-      },
-      size: {
-        width: canvas2.clientWidth,
-        height: canvas2.clientHeight,
-        top: canvas2.offsetTop,
-        left: canvas2.offsetLeft,
-        updateStyle: false,
-        ...props == null ? void 0 : props.size
-      }
-    });
-    const store = _roots.get(canvas2).store;
-    const r3m2 = initR3M({ map, fromLngLat, store });
+import { useThree, _roots } from "@react-three/fiber";
+import { useMemo } from "react";
+function useCoords() {
+  const coords = useThree((s) => s.coords);
+  return coords;
+}
+function useSetCoords({ longitude, latitude, altitude }) {
+  const canvas = useThree((s) => s.gl.domElement);
+  useMemo(() => {
+    const store = _roots.get(canvas).store;
+    const coords = { longitude, latitude, altitude };
+    setCoords(store, coords);
+  }, [longitude, latitude, altitude]);
+}
+function useSetRootCoords(store, {
+  longitude,
+  latitude,
+  altitude
+}) {
+  useMemo(() => {
     setCoords(store, { longitude, latitude, altitude });
-    if (frameloop === "demand") {
-      store.setState({
-        frameloop,
-        invalidate: () => {
-          map.triggerRepaint();
-        }
-      });
-    }
-    return { root: root2, useThree: store, map, canvas: canvas2, r3m: r3m2 };
-  });
-  const onResize = useFunction(() => {
-    const { setDpr, setSize } = useThree.getState();
-    setDpr(window.devicePixelRatio);
-    setSize(
-      canvas.clientWidth,
-      canvas.clientHeight,
-      false,
-      canvas.offsetTop,
-      canvas.offsetLeft
-    );
-  });
-  const onRemove = useFunction(() => {
-    root.unmount();
-  });
-  useSetRootCoords(useThree, { longitude, latitude, altitude });
-  useEffect(() => {
-    if (frameloop !== "demand")
-      return;
-    const setState = useThree.setState;
-    const { invalidate } = useThree.getState();
-    setState({
-      frameloop,
-      invalidate: () => {
-        map.triggerRepaint();
-      }
-    });
-    return () => {
-      setState({ frameloop: "never", invalidate });
-    };
-  }, [frameloop]);
-  useEffect(() => {
-    map.on("resize", onResize);
-    return () => {
-      map.off("resize", onResize);
-    };
-  }, []);
-  useEffect(() => {
-    root.render(/* @__PURE__ */ jsx(Fragment, { children: props.children }));
-  }, [props.children]);
-  return { onRemove, useThree, r3m };
+  }, [longitude, latitude, altitude]);
+}
+function setCoords(store, coords) {
+  store.setState({ coords });
 }
 export {
-  useRoot
+  setCoords,
+  useCoords,
+  useSetCoords,
+  useSetRootCoords
 };
 //# sourceMappingURL=main15.mjs.map

package/dist/maplibre/es/main15.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main15.mjs","sources":["../../../src/core/canvas-in-layer/use-root.tsx"],"sourcesContent":["import { _roots, createRoot } from \"@react-three/fiber\";\nimport { useEffect, useState } from \"react\";\nimport { CanvasProps } from \"../../api/canvas-props\";\nimport { events } from \"../events\";\nimport { FromLngLat, MapInstance } from \"../generic-map\";\nimport { setCoords, useSetRootCoords } from \"../use-coords\";\nimport { useFunction } from \"../use-function\";\nimport { initR3M } from \"../use-r3m\";\n\nexport function useRoot(\n  fromLngLat: FromLngLat,\n  map: MapInstance,\n  { frameloop, longitude, latitude, altitude, ...props }: CanvasProps\n) {\n\n  const [{ root, useThree, canvas, r3m }] = useState(() => {\n    const canvas = map.getCanvas();\n    const gl = (canvas.getContext('webgl2') || canvas.getContext('webgl')) as WebGLRenderingContext;\n\n    const root = createRoot(canvas);\n    root.configure({\n      dpr: window.devicePixelRatio,\n      events,\n      ...props,\n      frameloop: 'never',\n      gl: {\n        context: gl,\n        autoClear: false,\n        antialias: true,\n        ...props?.gl,\n      },\n      onCreated: (state) => {\n        state.gl.forceContextLoss = () => { }; // eslint-disable-line @typescript-eslint/no-empty-function\n      },\n      camera: {\n        matrixAutoUpdate: false,\n        near: 0,\n      },\n      size: {\n        width: canvas.clientWidth,\n        height: canvas.clientHeight,\n        top: canvas.offsetTop,\n        left: canvas.offsetLeft,\n        updateStyle: false,\n        ...props?.size,\n      },\n    });\n\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n\n    const r3m = initR3M({ map, fromLngLat, store });\n    setCoords(store, {longitude, latitude, altitude});\n\n    if (frameloop === 'demand') {\n      store.setState({\n        frameloop,\n        invalidate: () => {\n          map.triggerRepaint();\n        },\n      })\n    }\n\n    return { root, useThree: store, map, canvas, r3m }\n\n  })\n\n  const onResize = useFunction(() => {\n\n    const { setDpr, setSize } = useThree.getState();\n\n    setDpr(window.devicePixelRatio);\n\n    setSize(\n      canvas.clientWidth,\n      canvas.clientHeight,\n      false,\n      canvas.offsetTop,\n      canvas.offsetLeft,\n    );\n\n  })\n\n  const onRemove = useFunction(() => {\n    root.unmount();\n  })\n\n  useSetRootCoords(useThree, {longitude, latitude, altitude});\n\n  // on `frameloop` change\n  useEffect(() => {\n    if (frameloop !== 'demand') return;\n    const setState = useThree.setState;\n    const { invalidate } = useThree.getState();\n    setState({\n      frameloop,\n      invalidate: () => {\n        map.triggerRepaint();\n      }\n    });\n    return () => {\n      setState({ frameloop: 'never', invalidate })\n    }\n  }, [frameloop]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // on mount / unmount\n  useEffect(() => {\n    map.on('resize', onResize);\n    return () => {\n      map.off('resize', onResize)\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // root.render\n  useEffect(() => {\n    root.render(<>\n      {props.children}\n    </>);\n  }, [props.children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { onRemove, useThree, r3m };\n}"],"names":["canvas","root","r3m"],"mappings":";;;;;;;AASgB,SAAA,QACd,YACA,KACA,EAAE,WAAW,WAAW,UAAU,UAAU,GAAG,SAC/C;AAEM,QAAA,CAAC,EAAE,MAAM,UAAU,QAAQ,IAAK,CAAA,IAAI,SAAS,MAAM;AACjDA,UAAAA,UAAS,IAAI;AACnB,UAAM,KAAMA,QAAO,WAAW,QAAQ,KAAKA,QAAO,WAAW,OAAO;AAE9DC,UAAAA,QAAO,WAAWD,OAAM;AAC9BC,UAAK,UAAU;AAAA,MACb,KAAK,OAAO;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,MACH,WAAW;AAAA,MACX,IAAI;AAAA,QACF,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX,GAAG,+BAAO;AAAA,MACZ;AAAA,MACA,WAAW,CAAC,UAAU;AACd,cAAA,GAAG,mBAAmB,MAAM;AAAA,QAAA;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkB;AAAA,QAClB,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,OAAOD,QAAO;AAAA,QACd,QAAQA,QAAO;AAAA,QACf,KAAKA,QAAO;AAAA,QACZ,MAAMA,QAAO;AAAA,QACb,aAAa;AAAA,QACb,GAAG,+BAAO;AAAA,MACZ;AAAA,IAAA,CACD;AAED,UAAM,QAAQ,OAAO,IAAIA,OAAM,EAAG;AAElC,UAAME,OAAM,QAAQ,EAAE,KAAK,YAAY,OAAO;AAC9C,cAAU,OAAO,EAAC,WAAW,UAAU,SAAS,CAAA;AAEhD,QAAI,cAAc,UAAU;AAC1B,YAAM,SAAS;AAAA,QACb;AAAA,QACA,YAAY,MAAM;AAChB,cAAI,eAAe;AAAA,QACrB;AAAA,MAAA,CACD;AAAA,IACH;AAEO,WAAA,EAAE,MAAAD,OAAM,UAAU,OAAO,KAAK,QAAAD,SAAQ,KAAAE;EAAI,CAElD;AAEK,QAAA,WAAW,YAAY,MAAM;AAEjC,UAAM,EAAE,QAAQ,QAAQ,IAAI,SAAS,SAAS;AAE9C,WAAO,OAAO,gBAAgB;AAE9B;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT,CAED;AAEK,QAAA,WAAW,YAAY,MAAM;AACjC,SAAK,QAAQ;AAAA,EAAA,CACd;AAED,mBAAiB,UAAU,EAAC,WAAW,UAAU,SAAS,CAAA;AAG1D,YAAU,MAAM;AACd,QAAI,cAAc;AAAU;AAC5B,UAAM,WAAW,SAAS;AAC1B,UAAM,EAAE,WAAA,IAAe,SAAS,SAAS;AAChC,aAAA;AAAA,MACP;AAAA,MACA,YAAY,MAAM;AAChB,YAAI,eAAe;AAAA,MACrB;AAAA,IAAA,CACD;AACD,WAAO,MAAM;AACX,eAAS,EAAE,WAAW,SAAS,WAAY,CAAA;AAAA,IAAA;AAAA,EAC7C,GACC,CAAC,SAAS,CAAC;AAGd,YAAU,MAAM;AACV,QAAA,GAAG,UAAU,QAAQ;AACzB,WAAO,MAAM;AACP,UAAA,IAAI,UAAU,QAAQ;AAAA,IAAA;AAAA,EAE9B,GAAG,CAAE,CAAA;AAGL,YAAU,MAAM;AACd,SAAK,OAAO,oBAAA,UAAA,EACT,UAAM,MAAA,SACT,CAAA,CAAG;AAAA,EAAA,GACF,CAAC,MAAM,QAAQ,CAAC;AAEZ,SAAA,EAAE,UAAU,UAAU;AAC/B;"}
+{"version":3,"file":"main15.mjs","sources":["../../../src/core/use-coords.tsx"],"sourcesContent":["import { RootState, _roots, useThree } from \"@react-three/fiber\";\nimport { useMemo } from \"react\";\nimport { UseBoundStore } from 'zustand';\nimport { Coords } from \"../api/coords\";\n\nexport function useCoords() {\n  const coords = useThree(s=>(s as any).coords) as Coords; // eslint-disable-line @typescript-eslint/no-explicit-any\n  return coords;\n}\n\nexport function useSetCoords({longitude, latitude, altitude}: Coords) {\n  \n  const canvas = useThree(s => s.gl.domElement);\n  useMemo(()=>{\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n    const coords : Coords = { longitude, latitude, altitude };\n    setCoords(store, coords);\n  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nexport function useSetRootCoords(store:UseBoundStore<RootState>, {\n  longitude, latitude, altitude\n}: Coords) {\n  useMemo(()=>{\n    setCoords(store, {longitude, latitude, altitude});\n  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nexport function setCoords(store:UseBoundStore<RootState>, coords: Coords) {\n  store.setState({coords} as any) // eslint-disable-line @typescript-eslint/no-explicit-any\n}"],"names":[],"mappings":";;AAKO,SAAS,YAAY;AAC1B,QAAM,SAAS,SAAS,CAAI,MAAA,EAAU,MAAM;AACrC,SAAA;AACT;AAEO,SAAS,aAAa,EAAC,WAAW,UAAU,YAAmB;AAEpE,QAAM,SAAS,SAAS,CAAK,MAAA,EAAE,GAAG,UAAU;AAC5C,UAAQ,MAAI;AACV,UAAM,QAAQ,OAAO,IAAI,MAAM,EAAG;AAClC,UAAM,SAAkB,EAAE,WAAW,UAAU,SAAS;AACxD,cAAU,OAAO,MAAM;AAAA,EACtB,GAAA,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;AAEO,SAAS,iBAAiB,OAAgC;AAAA,EAC/D;AAAA,EAAW;AAAA,EAAU;AACvB,GAAW;AACT,UAAQ,MAAI;AACV,cAAU,OAAO,EAAC,WAAW,UAAU,SAAS,CAAA;AAAA,EAC/C,GAAA,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;AAEgB,SAAA,UAAU,OAAgC,QAAgB;AAClE,QAAA,SAAS,EAAC,OAAA,CAAc;AAChC;"}

package/dist/maplibre/es/main16.mjs

@@ -1,66 +1,26 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Canvas } from "@react-three/fiber";
-import { memo, useState } from "react";
-import { events } from "./main18.mjs";
-import { useFunction } from "./main9.mjs";
-import { InitR3M } from "./main19.mjs";
-import { SyncCameraFC } from "./main20.mjs";
-const CanvasPortal = memo(({
-  children,
-  latitude,
-  longitude,
-  altitude,
-  setOnRender,
+import { syncCamera } from "./main11.mjs";
+import { useFunction } from "./main10.mjs";
+function useRender({
   map,
-  fromLngLat,
-  ...props
-}) => {
-  const mapCanvas = map.getCanvas();
-  const eventSource = mapCanvas.parentElement;
-  const [ready, setReady] = useState(false);
-  const onReady = useFunction(() => {
-    setReady(true);
+  origin,
+  useThree,
+  frameloop,
+  r3m
+}) {
+  const render = useFunction((_gl, projViewMx) => {
+    r3m.viewProjMx.splice(0, 16, ...projViewMx);
+    const state = useThree.getState();
+    const camera = state.camera;
+    const { gl, advance } = state;
+    syncCamera(camera, origin, projViewMx);
+    gl.resetState();
+    advance(Date.now() * 1e-3, true);
+    if (!frameloop || frameloop === "always")
+      map.triggerRepaint();
   });
-  return /* @__PURE__ */ jsxs(
-    Canvas,
-    {
-      camera: {
-        matrixAutoUpdate: false,
-        matrixWorldAutoUpdate: false
-      },
-      events,
-      eventSource,
-      ...props,
-      gl: { autoClear: false, ...props.gl },
-      children: [
-        /* @__PURE__ */ jsx(
-          InitR3M,
-          {
-            map,
-            fromLngLat,
-            latitude,
-            longitude,
-            altitude
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SyncCameraFC,
-          {
-            latitude,
-            longitude,
-            altitude,
-            setOnRender,
-            onReady,
-            mapCanvas
-          }
-        ),
-        ready && children
-      ]
-    }
-  );
-});
-CanvasPortal.displayName = "CanvasPortal";
+  return render;
+}
 export {
-  CanvasPortal
+  useRender
 };
 //# sourceMappingURL=main16.mjs.map

package/dist/maplibre/es/main16.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main16.mjs","sources":["../../../src/core/canvas-overlay/canvas-portal.tsx"],"sourcesContent":["import { Canvas } from \"@react-three/fiber\";\nimport { memo, useState } from \"react\";\nimport { Matrix4Tuple } from \"three\";\nimport { CanvasProps } from \"../../api/canvas-props\";\nimport { events } from \"../events\";\nimport { FromLngLat, MapInstance } from \"../generic-map\";\nimport { useFunction } from \"../use-function\";\nimport { InitR3M } from \"./init-r3m\";\nimport { SyncCameraFC } from \"./sync-camera-fc\";\n\ninterface CanvasPortalProps extends CanvasProps {\n  setOnRender: (callback: () => (mx: Matrix4Tuple) => void) => void,\n  map: MapInstance,\n  fromLngLat: FromLngLat,\n}\n\nexport const CanvasPortal = memo<CanvasPortalProps>(({\n  children, latitude, longitude, altitude,\n  setOnRender, map, fromLngLat, ...props\n}) => {\n\n  const mapCanvas = map.getCanvas();\n  const eventSource = mapCanvas.parentElement!; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n\n  const [ready, setReady] = useState(false);\n\n  const onReady = useFunction(()=>{\n    setReady(true);\n  })\n\n  return <Canvas\n    camera={{\n      matrixAutoUpdate: false,\n      matrixWorldAutoUpdate: false,\n    }}\n    events={events}\n    eventSource={eventSource}\n    {...props}\n    gl={{autoClear: false, ...props.gl}}\n  >\n    <InitR3M\n      map={map}\n      fromLngLat={fromLngLat}\n      latitude={latitude}\n      longitude={longitude}\n      altitude={altitude}\n    />\n    <SyncCameraFC\n      latitude={latitude}\n      longitude={longitude}\n      altitude={altitude}\n      setOnRender={setOnRender}\n      onReady={onReady}\n      mapCanvas={mapCanvas}\n    />\n    {ready && children}\n  </Canvas>\n})\nCanvasPortal.displayName = 'CanvasPortal';\n"],"names":[],"mappings":";;;;;;;AAgBa,MAAA,eAAe,KAAwB,CAAC;AAAA,EACnD;AAAA,EAAU;AAAA,EAAU;AAAA,EAAW;AAAA,EAC/B;AAAA,EAAa;AAAA,EAAK;AAAA,EAAY,GAAG;AACnC,MAAM;AAEE,QAAA,YAAY,IAAI;AACtB,QAAM,cAAc,UAAU;AAE9B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAElC,QAAA,UAAU,YAAY,MAAI;AAC9B,aAAS,IAAI;AAAA,EAAA,CACd;AAEM,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACN,QAAQ;AAAA,QACN,kBAAkB;AAAA,QAClB,uBAAuB;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,IAAI,EAAC,WAAW,OAAO,GAAG,MAAM,GAAE;AAAA,MAElC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACC,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEd,CAAC;AACD,aAAa,cAAc;"}
+{"version":3,"file":"main16.mjs","sources":["../../../src/core/canvas-in-layer/use-render.ts"],"sourcesContent":["import { RootState } from \"@react-three/fiber\";\nimport { Matrix4Tuple, PerspectiveCamera } from \"three\";\nimport { UseBoundStore } from \"zustand\";\nimport { MapInstance } from \"../generic-map\";\nimport { syncCamera } from \"../sync-camera\";\nimport { useFunction } from \"../use-function\";\nimport { R3M } from \"../use-r3m\";\n\nexport function useRender({\n  map, origin, useThree, frameloop, r3m,\n} :{\n  map: MapInstance,\n  origin: Matrix4Tuple,\n  useThree: UseBoundStore<RootState>,\n  frameloop?: 'always' | 'demand',\n  r3m: R3M\n}) {\n  const render = useFunction((_gl: WebGL2RenderingContext, projViewMx: number[]) => {\n    r3m.viewProjMx.splice(0, 16, ...projViewMx)\n    const state = useThree.getState();\n    const camera = state.camera as PerspectiveCamera;\n    const {gl, advance} = state;\n    syncCamera(camera as PerspectiveCamera, origin, projViewMx as Matrix4Tuple);\n    gl.resetState();\n    advance(Date.now() * 0.001, true);\n    if (!frameloop || frameloop === 'always') map.triggerRepaint();\n  })\n  return render;\n}"],"names":[],"mappings":";;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAW;AACpC,GAMG;AACD,QAAM,SAAS,YAAY,CAAC,KAA6B,eAAyB;AAChF,QAAI,WAAW,OAAO,GAAG,IAAI,GAAG,UAAU;AACpC,UAAA,QAAQ,SAAS;AACvB,UAAM,SAAS,MAAM;AACf,UAAA,EAAC,IAAI,QAAW,IAAA;AACX,eAAA,QAA6B,QAAQ,UAA0B;AAC1E,OAAG,WAAW;AACd,YAAQ,KAAK,IAAQ,IAAA,MAAO,IAAI;AAC5B,QAAA,CAAC,aAAa,cAAc;AAAU,UAAI,eAAe;AAAA,EAAA,CAC9D;AACM,SAAA;AACT;"}

package/dist/maplibre/es/main17.mjs

@@ -1,23 +1,98 @@
-import { Quaternion, Euler, Vector3, Matrix4 } from "three";
-const quat = new Quaternion();
-const euler = new Euler();
-const pos = new Vector3();
-const scale = new Vector3();
-const m4 = new Matrix4();
-function coordsToMatrix({
-  longitude,
-  latitude,
-  altitude,
-  fromLngLat
-}) {
-  const center = fromLngLat([longitude, latitude], altitude);
-  const scaleUnit = center.meterInMercatorCoordinateUnits();
-  pos.set(center.x, center.y, center.z || 0);
-  scale.set(scaleUnit, -scaleUnit, scaleUnit);
-  quat.setFromEuler(euler.set(-Math.PI * 0.5, 0, 0));
-  return m4.compose(pos, quat, scale).toArray();
+import { jsx, Fragment } from "react/jsx-runtime";
+import { createRoot, _roots } from "@react-three/fiber";
+import { useState, useEffect } from "react";
+import { events } from "./main20.mjs";
+import { setCoords, useSetRootCoords } from "./main15.mjs";
+import { useFunction } from "./main10.mjs";
+import { initR3M } from "./main13.mjs";
+function useRoot(fromLngLat, map, { frameloop, longitude, latitude, altitude, ...props }) {
+  const [{ root, useThree, canvas, r3m }] = useState(() => {
+    const canvas2 = map.getCanvas();
+    const gl = canvas2.getContext("webgl2") || canvas2.getContext("webgl");
+    const root2 = createRoot(canvas2);
+    root2.configure({
+      dpr: window.devicePixelRatio,
+      events,
+      ...props,
+      frameloop: "never",
+      gl: {
+        context: gl,
+        autoClear: false,
+        antialias: true,
+        ...props == null ? void 0 : props.gl
+      },
+      onCreated: (state) => {
+        state.gl.forceContextLoss = () => {
+        };
+      },
+      camera: {
+        matrixAutoUpdate: false,
+        near: 0
+      },
+      size: {
+        width: canvas2.clientWidth,
+        height: canvas2.clientHeight,
+        top: canvas2.offsetTop,
+        left: canvas2.offsetLeft,
+        updateStyle: false,
+        ...props == null ? void 0 : props.size
+      }
+    });
+    const store = _roots.get(canvas2).store;
+    const r3m2 = initR3M({ map, fromLngLat, store });
+    setCoords(store, { longitude, latitude, altitude });
+    if (frameloop === "demand") {
+      store.setState({
+        frameloop,
+        invalidate: () => {
+          map.triggerRepaint();
+        }
+      });
+    }
+    return { root: root2, useThree: store, map, canvas: canvas2, r3m: r3m2 };
+  });
+  const onResize = useFunction(() => {
+    const { setDpr, setSize } = useThree.getState();
+    setDpr(window.devicePixelRatio);
+    setSize(
+      canvas.clientWidth,
+      canvas.clientHeight,
+      false,
+      canvas.offsetTop,
+      canvas.offsetLeft
+    );
+  });
+  const onRemove = useFunction(() => {
+    root.unmount();
+  });
+  useSetRootCoords(useThree, { longitude, latitude, altitude });
+  useEffect(() => {
+    if (frameloop !== "demand")
+      return;
+    const setState = useThree.setState;
+    const { invalidate } = useThree.getState();
+    setState({
+      frameloop,
+      invalidate: () => {
+        map.triggerRepaint();
+      }
+    });
+    return () => {
+      setState({ frameloop: "never", invalidate });
+    };
+  }, [frameloop]);
+  useEffect(() => {
+    map.on("resize", onResize);
+    return () => {
+      map.off("resize", onResize);
+    };
+  }, []);
+  useEffect(() => {
+    root.render(/* @__PURE__ */ jsx(Fragment, { children: props.children }));
+  }, [props.children]);
+  return { onRemove, useThree, r3m };
 }
 export {
-  coordsToMatrix
+  useRoot
 };
 //# sourceMappingURL=main17.mjs.map

package/dist/maplibre/es/main17.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main17.mjs","sources":["../../../src/core/coords-to-matrix.ts"],"sourcesContent":["import { Euler, Matrix4, Quaternion, Vector3 } from \"three\";\nimport { FromLngLat } from \"./generic-map\";\nimport { Coords } from \"../api/coords\";\n\nconst quat = new Quaternion();\nconst euler = new Euler();\nconst pos = new Vector3();\nconst scale = new Vector3();\nconst m4 = new Matrix4();\n\n/** calculate Matrix4 from coordinates */\nexport function coordsToMatrix({\n  longitude, latitude, altitude, fromLngLat\n}: Coords & { fromLngLat: FromLngLat }) {\n  const center = fromLngLat([longitude, latitude], altitude);\n  const scaleUnit = center.meterInMercatorCoordinateUnits();\n  pos.set(center.x, center.y, center.z || 0);\n  scale.set(scaleUnit, -scaleUnit, scaleUnit);\n  quat.setFromEuler(euler.set(-Math.PI * .5, 0, 0));\n  return m4.compose(pos, quat, scale).toArray();\n}\n"],"names":[],"mappings":";AAIA,MAAM,OAAO,IAAI;AACjB,MAAM,QAAQ,IAAI;AAClB,MAAM,MAAM,IAAI;AAChB,MAAM,QAAQ,IAAI;AAClB,MAAM,KAAK,IAAI;AAGR,SAAS,eAAe;AAAA,EAC7B;AAAA,EAAW;AAAA,EAAU;AAAA,EAAU;AACjC,GAAwC;AACtC,QAAM,SAAS,WAAW,CAAC,WAAW,QAAQ,GAAG,QAAQ;AACnD,QAAA,YAAY,OAAO;AACzB,MAAI,IAAI,OAAO,GAAG,OAAO,GAAG,OAAO,KAAK,CAAC;AACzC,QAAM,IAAI,WAAW,CAAC,WAAW,SAAS;AACrC,OAAA,aAAa,MAAM,IAAI,CAAC,KAAK,KAAK,KAAI,GAAG,CAAC,CAAC;AAChD,SAAO,GAAG,QAAQ,KAAK,MAAM,KAAK,EAAE;AACtC;"}
+{"version":3,"file":"main17.mjs","sources":["../../../src/core/canvas-in-layer/use-root.tsx"],"sourcesContent":["import { _roots, createRoot } from \"@react-three/fiber\";\nimport { useEffect, useState } from \"react\";\nimport { CanvasProps } from \"../../api/canvas-props\";\nimport { events } from \"../events\";\nimport { FromLngLat, MapInstance } from \"../generic-map\";\nimport { setCoords, useSetRootCoords } from \"../use-coords\";\nimport { useFunction } from \"../use-function\";\nimport { initR3M } from \"../use-r3m\";\n\nexport function useRoot(\n  fromLngLat: FromLngLat,\n  map: MapInstance,\n  { frameloop, longitude, latitude, altitude, ...props }: CanvasProps\n) {\n\n  const [{ root, useThree, canvas, r3m }] = useState(() => {\n    const canvas = map.getCanvas();\n    const gl = (canvas.getContext('webgl2') || canvas.getContext('webgl')) as WebGLRenderingContext;\n\n    const root = createRoot(canvas);\n    root.configure({\n      dpr: window.devicePixelRatio,\n      events,\n      ...props,\n      frameloop: 'never',\n      gl: {\n        context: gl,\n        autoClear: false,\n        antialias: true,\n        ...props?.gl,\n      },\n      onCreated: (state) => {\n        state.gl.forceContextLoss = () => { }; // eslint-disable-line @typescript-eslint/no-empty-function\n      },\n      camera: {\n        matrixAutoUpdate: false,\n        near: 0,\n      },\n      size: {\n        width: canvas.clientWidth,\n        height: canvas.clientHeight,\n        top: canvas.offsetTop,\n        left: canvas.offsetLeft,\n        updateStyle: false,\n        ...props?.size,\n      },\n    });\n\n    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion\n\n    const r3m = initR3M({ map, fromLngLat, store });\n    setCoords(store, {longitude, latitude, altitude});\n\n    if (frameloop === 'demand') {\n      store.setState({\n        frameloop,\n        invalidate: () => {\n          map.triggerRepaint();\n        },\n      })\n    }\n\n    return { root, useThree: store, map, canvas, r3m }\n\n  })\n\n  const onResize = useFunction(() => {\n\n    const { setDpr, setSize } = useThree.getState();\n\n    setDpr(window.devicePixelRatio);\n\n    setSize(\n      canvas.clientWidth,\n      canvas.clientHeight,\n      false,\n      canvas.offsetTop,\n      canvas.offsetLeft,\n    );\n\n  })\n\n  const onRemove = useFunction(() => {\n    root.unmount();\n  })\n\n  useSetRootCoords(useThree, {longitude, latitude, altitude});\n\n  // on `frameloop` change\n  useEffect(() => {\n    if (frameloop !== 'demand') return;\n    const setState = useThree.setState;\n    const { invalidate } = useThree.getState();\n    setState({\n      frameloop,\n      invalidate: () => {\n        map.triggerRepaint();\n      }\n    });\n    return () => {\n      setState({ frameloop: 'never', invalidate })\n    }\n  }, [frameloop]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // on mount / unmount\n  useEffect(() => {\n    map.on('resize', onResize);\n    return () => {\n      map.off('resize', onResize)\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // root.render\n  useEffect(() => {\n    root.render(<>\n      {props.children}\n    </>);\n  }, [props.children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { onRemove, useThree, r3m };\n}"],"names":["canvas","root","r3m"],"mappings":";;;;;;;AASgB,SAAA,QACd,YACA,KACA,EAAE,WAAW,WAAW,UAAU,UAAU,GAAG,SAC/C;AAEM,QAAA,CAAC,EAAE,MAAM,UAAU,QAAQ,IAAK,CAAA,IAAI,SAAS,MAAM;AACjDA,UAAAA,UAAS,IAAI;AACnB,UAAM,KAAMA,QAAO,WAAW,QAAQ,KAAKA,QAAO,WAAW,OAAO;AAE9DC,UAAAA,QAAO,WAAWD,OAAM;AAC9BC,UAAK,UAAU;AAAA,MACb,KAAK,OAAO;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,MACH,WAAW;AAAA,MACX,IAAI;AAAA,QACF,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX,GAAG,+BAAO;AAAA,MACZ;AAAA,MACA,WAAW,CAAC,UAAU;AACd,cAAA,GAAG,mBAAmB,MAAM;AAAA,QAAA;AAAA,MACpC;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkB;AAAA,QAClB,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,OAAOD,QAAO;AAAA,QACd,QAAQA,QAAO;AAAA,QACf,KAAKA,QAAO;AAAA,QACZ,MAAMA,QAAO;AAAA,QACb,aAAa;AAAA,QACb,GAAG,+BAAO;AAAA,MACZ;AAAA,IAAA,CACD;AAED,UAAM,QAAQ,OAAO,IAAIA,OAAM,EAAG;AAElC,UAAME,OAAM,QAAQ,EAAE,KAAK,YAAY,OAAO;AAC9C,cAAU,OAAO,EAAC,WAAW,UAAU,SAAS,CAAA;AAEhD,QAAI,cAAc,UAAU;AAC1B,YAAM,SAAS;AAAA,QACb;AAAA,QACA,YAAY,MAAM;AAChB,cAAI,eAAe;AAAA,QACrB;AAAA,MAAA,CACD;AAAA,IACH;AAEO,WAAA,EAAE,MAAAD,OAAM,UAAU,OAAO,KAAK,QAAAD,SAAQ,KAAAE;EAAI,CAElD;AAEK,QAAA,WAAW,YAAY,MAAM;AAEjC,UAAM,EAAE,QAAQ,QAAQ,IAAI,SAAS,SAAS;AAE9C,WAAO,OAAO,gBAAgB;AAE9B;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT,CAED;AAEK,QAAA,WAAW,YAAY,MAAM;AACjC,SAAK,QAAQ;AAAA,EAAA,CACd;AAED,mBAAiB,UAAU,EAAC,WAAW,UAAU,SAAS,CAAA;AAG1D,YAAU,MAAM;AACd,QAAI,cAAc;AAAU;AAC5B,UAAM,WAAW,SAAS;AAC1B,UAAM,EAAE,WAAA,IAAe,SAAS,SAAS;AAChC,aAAA;AAAA,MACP;AAAA,MACA,YAAY,MAAM;AAChB,YAAI,eAAe;AAAA,MACrB;AAAA,IAAA,CACD;AACD,WAAO,MAAM;AACX,eAAS,EAAE,WAAW,SAAS,WAAY,CAAA;AAAA,IAAA;AAAA,EAC7C,GACC,CAAC,SAAS,CAAC;AAGd,YAAU,MAAM;AACV,QAAA,GAAG,UAAU,QAAQ;AACzB,WAAO,MAAM;AACP,UAAA,IAAI,UAAU,QAAQ;AAAA,IAAA;AAAA,EAE9B,GAAG,CAAE,CAAA;AAGL,YAAU,MAAM;AACd,SAAK,OAAO,oBAAA,UAAA,EACT,UAAM,MAAA,SACT,CAAA,CAAG;AAAA,EAAA,GACF,CAAC,MAAM,QAAQ,CAAC;AAEZ,SAAA,EAAE,UAAU,UAAU;AAC/B;"}