@factorialco/f0-react 8.28.3 → 8.29.0

package/dist/index-D86jd9Uj.js

@@ -0,0 +1,358 @@
+import { y as A } from "./F0CanvasPanel-CruNufKc.js";
+const G = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    set: (r) => {
+      const c = new Set(r.map((a) => a.id));
+      t.forEach((a, l) => {
+        c.has(l) || (a.setMap(null), t.delete(l));
+      }), r.forEach((a) => {
+        const l = {
+          paths: a.ring.map(([y, g]) => ({ lat: g, lng: y })),
+          clickable: !1,
+          // Beneath the polylines, which sit at the default zIndex.
+          zIndex: -1,
+          fillColor: a.color,
+          fillOpacity: a.fillOpacity,
+          strokeColor: a.color,
+          strokeOpacity: 1,
+          strokeWeight: a.strokeWidth
+        }, p = t.get(a.id);
+        p ? p.setOptions(l) : t.set(a.id, new google.maps.Polygon({ ...l, map: e }));
+      });
+    },
+    destroy: () => {
+      t.forEach((r) => r.setMap(null)), t.clear();
+    }
+  };
+}, k = 5.3, _ = 11 - k, B = (e) => {
+  let t, s;
+  return {
+    set: (r) => {
+      if (!r) {
+        s?.remove(), s = void 0, t = void 0;
+        return;
+      }
+      if (!t) {
+        t = document.createElement("div"), t.style.cssText = [
+          `width:${k * 2}px`,
+          `height:${k * 2}px`,
+          "border-radius:50%",
+          `background:hsl(${A.malibu[60]})`,
+          `box-shadow:0 0 0 ${_}px hsl(${A.malibu[50]} / 0.3)`,
+          "pointer-events:none"
+        ].join(";"), s = e.add(t, r, { beneath: !0 });
+        return;
+      }
+      s?.setPosition(r);
+    }
+  };
+}, H = (e) => e.map(([t, s]) => ({ lat: s, lng: t })), P = (e, t) => ({
+  strokeColor: t && e.hover?.color || e.color,
+  strokeWeight: t && e.hover?.width || e.width,
+  strokeOpacity: e.dashed ? 0 : (t ? e.hover?.opacity : void 0) ?? e.opacity,
+  // Google has no dash array on a stroke: a dashed line is an invisible stroke
+  // carrying repeated dot symbols, spaced to match MapLibre's [1.5, 2.8].
+  icons: e.dashed ? [
+    {
+      icon: {
+        path: "M 0,-1 0,1",
+        strokeOpacity: (t ? e.hover?.opacity : void 0) ?? e.opacity,
+        strokeWeight: t && e.hover?.width || e.width,
+        scale: 1
+      },
+      offset: "0",
+      repeat: `${(t && e.hover?.width || e.width) * 2.9}px`
+    }
+  ] : void 0
+}), K = (e) => {
+  let t = [];
+  const s = () => {
+    for (const r of t)
+      r.listeners.forEach((c) => c.remove()), r.polyline.setMap(null);
+    t = [];
+  };
+  return {
+    set: (r, c) => {
+      s(), t = r.map((a) => {
+        const l = new google.maps.Polyline({
+          map: e,
+          path: H(a.coordinates),
+          clickable: !!c,
+          ...P(a, !1)
+        }), p = [];
+        return c && p.push(
+          l.addListener("mouseover", () => {
+            l.setOptions(P(a, !0)), e.setOptions({ draggableCursor: "pointer" });
+          }),
+          l.addListener("mouseout", () => {
+            l.setOptions(P(a, !1)), e.setOptions({ draggableCursor: null });
+          }),
+          l.addListener("click", () => c(a.id))
+        ), { line: a, polyline: l, listeners: p };
+      });
+    },
+    destroy: s
+  };
+}, C = "__f0GoogleMapsReady", R = "https://maps.googleapis.com/maps/api/js";
+let w;
+const z = () => new Error("F0Map: the Google Maps JavaScript API failed to load."), T = () => window.google?.maps, D = async () => {
+  const e = T();
+  if (e?.importLibrary) {
+    await e.importLibrary("maps");
+    return;
+  }
+  if (!e?.Map)
+    throw z();
+}, U = (e) => new Promise((t, s) => {
+  e.addEventListener("load", () => t(), { once: !0 }), e.addEventListener("error", () => s(z()), { once: !0 });
+}), N = (e) => new Promise((t, s) => {
+  const r = window;
+  r[C] = () => {
+    Reflect.deleteProperty(r, C), t();
+  };
+  const c = document.createElement("script");
+  c.async = !0, c.src = R + `?key=${encodeURIComponent(e)}&v=weekly&loading=async&libraries=maps&callback=${C}`, c.onerror = () => {
+    c.remove(), s(z());
+  }, document.head.appendChild(c);
+}), V = (e) => {
+  if (w)
+    return w;
+  const t = document.querySelector(
+    `script[src^="${R}"]`
+  );
+  return w = (T() ? Promise.resolve() : t ? U(t) : N(e)).then(D).catch((r) => {
+    throw w = void 0, r;
+  }), w;
+}, q = (e) => {
+  const t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
+  let r, c, a = !1, l = !1;
+  const p = (d, u) => {
+    const m = u.fromLatLngToDivPixel(
+      new google.maps.LatLng(d.at[1], d.at[0])
+    );
+    m && (d.element.style.transform = `translate(${m.x}px, ${m.y}px) translate(-50%, -50%)`);
+  };
+  class y extends google.maps.OverlayView {
+    onAdd() {
+      const u = this.getPanes(), m = () => {
+        const o = document.createElement("div");
+        return o.style.cssText = "position:absolute;left:0;top:0;width:0;height:0", o;
+      };
+      r = m(), c = m();
+      for (const o of t)
+        (o.beneath ? c : r).appendChild(o.element);
+      u?.overlayMouseTarget.appendChild(r), u?.mapPane.appendChild(c);
+    }
+    draw() {
+      const u = this.getProjection();
+      if (u) {
+        for (const m of t)
+          p(m, u);
+        a || (a = !0, s.forEach((m) => m()));
+      }
+    }
+    onRemove() {
+      r?.remove(), c?.remove(), r = void 0, c = void 0;
+    }
+  }
+  const g = new y();
+  g.setMap(e);
+  const v = () => l ? void 0 : g.getProjection();
+  return {
+    add: (d, u, m) => {
+      const o = { element: d, at: u, beneath: m?.beneath ?? !1 };
+      t.add(o), d.style.position = "absolute", (o.beneath ? c : r)?.appendChild(d);
+      const n = v();
+      return n && p(o, n), {
+        setPosition: (h) => {
+          o.at = h;
+          const i = v();
+          i && p(o, i);
+        },
+        remove: () => {
+          t.delete(o), d.remove();
+        }
+      };
+    },
+    onReady: (d) => a ? (d(), () => {
+    }) : (s.add(d), () => s.delete(d)),
+    isReady: () => a,
+    destroy: () => {
+      l = !0, a = !1, s.clear();
+      for (const d of t)
+        d.element.remove();
+      t.clear(), g.setMap(null);
+    }
+  };
+}, L = 256, I = ([e, t]) => {
+  const s = Math.min(
+    Math.max(Math.sin(t * Math.PI / 180), -0.9999),
+    0.9999
+  );
+  return {
+    x: L * (0.5 + e / 360),
+    y: L * (0.5 - Math.log((1 + s) / (1 - s)) / (4 * Math.PI))
+  };
+}, J = ({ x: e, y: t }) => [
+  (e / L - 0.5) * 360,
+  Math.atan(Math.sinh(Math.PI * (1 - 2 * t / L))) * 180 / Math.PI
+], Q = {
+  globeProjection: !1,
+  /**
+   * The getters report the destination in the same tick, so a flight in
+   * progress cannot be read even though the renderer glides.
+   */
+  observableFlight: !1
+}, j = (e) => e, b = ([e, t]) => ({ lat: t, lng: e }), x = (e) => Math.floor(e + 1e-6), X = {
+  move: "bounds_changed",
+  zoom: "zoom_changed",
+  click: "click",
+  styled: "idle"
+}, Y = (e) => {
+  const t = document.createElement("div");
+  t.style.cssText = "position:absolute;inset:0", e.container.appendChild(t);
+  const s = new google.maps.Map(t, {
+    center: b(e.center),
+    zoom: x(e.zoom),
+    minZoom: e.minZoom,
+    maxZoom: e.maxZoom,
+    // No `mapId` deliberately: with one, `styles` is ignored and the theme is
+    // immutable after the first render, so a light/dark swap means a teardown.
+    styles: j(e.style),
+    disableDefaultUI: !0,
+    // A gesture follows the fingers; `idle` then settles on a whole level.
+    isFractionalZoomEnabled: !0,
+    // Also removes the attribution bar's shortcuts button.
+    keyboardShortcuts: !1,
+    gestureHandling: e.interactive ? e.cooperativeGestures ? "cooperative" : "greedy" : "none"
+  });
+  s.addListener("idle", () => {
+    const o = s.getZoom();
+    o !== void 0 && Math.abs(o - Math.round(o)) > 1e-6 && s.setZoom(Math.round(o));
+  });
+  const r = q(s), c = B(r), a = K(s), l = G(s);
+  let p = !1;
+  const y = () => s.getZoom() ?? e.zoom, g = () => {
+    const o = s.getCenter();
+    return o ? [o.lng(), o.lat()] : e.center;
+  }, v = () => p || !r.isReady() ? null : {
+    scale: 2 ** y(),
+    centre: I(g()),
+    half: { x: t.clientWidth / 2, y: t.clientHeight / 2 }
+  }, d = (o) => {
+    const n = v();
+    if (!n)
+      return null;
+    const h = I(o);
+    return {
+      x: (h.x - n.centre.x) * n.scale + n.half.x,
+      y: (h.y - n.centre.y) * n.scale + n.half.y
+    };
+  }, u = (o) => {
+    const n = v();
+    return n ? J({
+      x: n.centre.x + (o.x - n.half.x) / n.scale,
+      y: n.centre.y + (o.y - n.half.y) / n.scale
+    }) : null;
+  }, m = (o) => {
+    s.panTo(b(o.center)), o.zoom !== void 0 && s.setZoom(x(o.zoom));
+  };
+  return {
+    provider: "google",
+    capabilities: Q,
+    native: () => s,
+    isAlive: () => !p,
+    destroy: () => {
+      p = !0, a.destroy(), l.destroy(), c.set(null), r.destroy(), t.remove();
+    },
+    on: (o, n) => {
+      if (o === "ready")
+        return r.onReady(n);
+      if (o === "resize") {
+        const i = new ResizeObserver(() => n());
+        return i.observe(e.container), () => i.disconnect();
+      }
+      if (o === "error") {
+        const i = window, f = i.gm_authFailure;
+        return i.gm_authFailure = n, () => {
+          i.gm_authFailure = f;
+        };
+      }
+      const h = s.addListener(X[o], n);
+      return () => h.remove();
+    },
+    project: d,
+    unproject: u,
+    getZoom: y,
+    getCenter: g,
+    jumpTo: (o) => {
+      s.moveCamera({
+        center: b(o.center),
+        ...o.zoom === void 0 ? {} : { zoom: x(o.zoom) }
+      });
+    },
+    easeTo: m,
+    // No coupled pan+zoom arc exists here; the renderer glides on its own.
+    flyTo: m,
+    fitCoordinates: (o, n) => {
+      const h = new google.maps.LatLngBounds();
+      o.forEach((f) => h.extend(b(f)));
+      const i = n?.gutter ?? 0;
+      if (s.fitBounds(h, {
+        top: i,
+        right: i,
+        bottom: i,
+        left: i
+      }), n?.maxZoom !== void 0) {
+        const f = s.getZoom();
+        f !== void 0 && f > n.maxZoom && s.setZoom(x(n.maxZoom));
+      }
+    },
+    // Google has no `cameraForBounds`: the pixel box at the current zoom gives
+    // the scale change to fit, which is a zoom delta.
+    cameraForCoordinates: (o, n) => {
+      if (o.length === 0)
+        return null;
+      const h = o.map(d);
+      if (h.some((M) => M === null))
+        return null;
+      const i = h.map((M) => M.x), f = h.map((M) => M.y), Z = u({
+        x: (Math.min(...i) + Math.max(...i)) / 2,
+        y: (Math.min(...f) + Math.max(...f)) / 2
+      });
+      if (!Z)
+        return null;
+      const E = n?.gutter ?? 0, $ = Math.max(Math.max(...i) - Math.min(...i), 1), S = Math.max(Math.max(...f) - Math.min(...f), 1), O = {
+        width: Math.max(e.container.clientWidth - E * 2, 1),
+        height: Math.max(e.container.clientHeight - E * 2, 1)
+      }, F = Math.min(O.width / $, O.height / S), W = Math.min(
+        y() + Math.log2(F),
+        n?.maxZoom ?? 1 / 0
+      );
+      return { center: Z, zoom: x(W) };
+    },
+    addDomMarker: r.add,
+    setLines: (o, n) => a.set(o, n?.onClick),
+    setAreas: (o) => l.set(o),
+    setCurrentLocation: (o) => c.set(o),
+    zoomIn: () => s.setZoom(y() + 1),
+    zoomOut: () => s.setZoom(y() - 1),
+    // Google re-reads its container on its own; there is nothing to poke.
+    resize: () => {
+    },
+    applyStyle: (o) => s.setOptions({ styles: j(o) }),
+    setGlobeProjection: () => {
+    }
+  };
+}, te = async (e) => {
+  if (!e?.apiKey)
+    throw new Error(
+      "F0Map: the google provider needs an apiKey on <F0Provider map={{ config: { apiKey } }}>."
+    );
+  return await V(e.apiKey), Y;
+};
+export {
+  Y as createGoogleAdapter,
+  te as loadGoogleAdapter
+};

package/dist/{index-9MKvlApA.js → index-DIiH9OpT.js}

@@ -1,7 +1,7 @@
-import { S as E, y as Ce, u as X, z as Te, w as Le, i as Fe, j as De, k as Ve, A as Ee, l as He, B as Ue, E as Oe, G as We, H as je } from "./F0CanvasPanel-CRTe0CIF.js";
+import { S as E, z as Ce, u as X, A as Te, w as Le, j as Fe, k as De, l as Ve, B as Ee, m as He, E as Ue, G as Oe, H as We, J as je } from "./F0CanvasPanel-CruNufKc.js";
 import { jsx as r, jsxs as P } from "react/jsx-runtime";
 import { lazy as Y, forwardRef as ce, Suspense as $e, useState as U, useRef as A, useCallback as w, useMemo as ie, useEffect as V } from "react";
-import { e as ze, D as Me, P as Be, c as Ie } from "./pdfWorker-DACTjTuR.js";
+import { e as ze, D as Me, P as Be, c as Ie } from "./pdfWorker-C1_PScVO.js";
 import { F as Ae } from "./Printer-BD-FEi_2.js";
 import { d as G } from "./tooltip-CrXp1Uaz.js";
 import './index2.css';const Ge = ({
@@ -58,22 +58,22 @@ import './index2.css';const Ge = ({
   onZoomIn: u,
   onZoomOut: b,
   onScaleChange: N,
-  rotatable: v,
+  rotatable: y,
   onRotate: x,
   onPrint: O,
   onDownload: m,
   actions: C,
-  placement: y
+  placement: v
 }) => {
-  const { pdfViewer: p } = X(), g = qe(y);
+  const { pdfViewer: p } = X(), g = qe(v);
   return /* @__PURE__ */ P(
     "div",
     {
       ref: e,
       role: "toolbar",
       "aria-label": p.toolbar,
-      "data-placement": y,
-      className: Ze(y),
+      "data-placement": v,
+      className: Ze(v),
       children: [
         i ? /* @__PURE__ */ P(
           "span",
@@ -81,7 +81,7 @@ import './index2.css';const Ge = ({
             "aria-live": "polite",
             className: G(
               "whitespace-nowrap text-sm font-medium",
-              y === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"
+              v === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"
             ),
             children: [
               t,
@@ -139,7 +139,7 @@ import './index2.css';const Ge = ({
           )
         ] }),
         /* @__PURE__ */ P("div", { className: g, children: [
-          v ? /* @__PURE__ */ r(
+          y ? /* @__PURE__ */ r(
             _,
             {
               label: p.rotate,
@@ -224,21 +224,21 @@ import './index2.css';const Ge = ({
   return t.forEach((s, c) => {
     if (!s)
       return;
-    const h = s.offsetHeight, u = s.offsetTop, b = u + h, N = e.offsetHeight - o, v = e.scrollTop + o, x = v + N;
-    if (!(v < b && x > u))
+    const h = s.offsetHeight, u = s.offsetTop, b = u + h, N = e.offsetHeight - o, y = e.scrollTop + o, x = y + N;
+    if (!(y < b && x > u))
       return;
     let m;
-    if (v <= u)
+    if (y <= u)
       m = x > b ? h : x - u;
     else {
-      let C = v - u;
+      let C = y - u;
       x < b && (C += b - x), m = h - C;
     }
     m > l && (l = m, i = c + 1);
   }), i;
 };
 ze();
-const ot = Y(() => import("./SheetViewer-BK9NNMZ9.js")), nt = Y(() => import("./DocxViewer-M4FGdd_h.js")), rt = Y(() => import("./TextViewer-54DAaDA1.js")), se = 48, at = 150, ue = ce((e, t) => {
+const ot = Y(() => import("./SheetViewer-Q6MZNxhH.js")), nt = Y(() => import("./DocxViewer-Dbi2Iu1v.js")), rt = Y(() => import("./TextViewer-CUzoNSgl.js")), se = 48, at = 150, ue = ce((e, t) => {
   const { kind: o = "pdf", mimeType: i, toolbar: l = "top", ...s } = e;
   if (o === "pdf")
     return /* @__PURE__ */ r(me, { ref: t, toolbar: l, ...s });
@@ -248,12 +248,12 @@ const ot = Y(() => import("./SheetViewer-BK9NNMZ9.js")), nt = Y(() => import("./
     actions: u,
     withCredentials: b = !0,
     page: N,
-    pagesToDisplay: v,
+    pagesToDisplay: y,
     initialScale: x,
     rotatable: O,
     initialRotation: m,
     onRotationChange: C,
-    onPdfLoaded: y,
+    onPdfLoaded: v,
     onPageChange: p,
     ...g
   } = s;
@@ -311,12 +311,12 @@ const me = ce((e, t) => {
     rotatable: u = !1,
     initialRotation: b = 0,
     onRotationChange: N,
-    onPdfLoaded: v,
+    onPdfLoaded: y,
     onPageChange: x,
     actions: O,
     toolbar: m = "top",
     ...C
-  } = e, { pdfViewer: y } = X(), p = Math.max(
+  } = e, { pdfViewer: v } = X(), p = Math.max(
     2,
     typeof window > "u" ? 1 : window.devicePixelRatio || 1
   ), [g, R] = U(null), [S, ee] = U([]), [T, Z] = U(1), [k, te] = U(0), [L, q] = U(c), [F, ge] = U(b), $ = A(null), J = A(null), W = A([]), z = s.length > 0 ? s.length : g?.numPages, M = w(
@@ -324,14 +324,14 @@ const me = ce((e, t) => {
     [m]
   ), oe = S.find(Boolean), ne = (oe?.originalWidth ?? 595) * T, re = (oe?.originalHeight ?? 842) * T, he = ie(
     () => [
-      { value: "page-width", label: y.pageWidth },
-      { value: "page-fit", label: y.pageFit },
+      { value: "page-width", label: v.pageWidth },
+      { value: "page-fit", label: v.pageFit },
       ...Q.map((n) => ({
         value: n,
         label: `${Number(n) * 100}%`
       }))
     ],
-    [y.pageWidth, y.pageFit]
+    [v.pageWidth, v.pageFit]
   ), be = ie(() => ({ url: o, withCredentials: h }), [o, h]), H = w(
     (n) => {
       const a = (z ?? 1) - 1, d = Math.min(Math.max(n, 0), a), f = W.current[d], D = f?.offsetParent;
@@ -365,21 +365,21 @@ const me = ce((e, t) => {
   }, []), xe = w(
     () => B(Ye(T)),
     [T, B]
-  ), ye = w(
+  ), ve = w(
     () => B(et(T)),
     [T, B]
-  ), ve = w(() => {
+  ), ye = w(() => {
     ge((n) => {
       const a = (n + 90) % 360;
       return N?.(a), a;
     });
   }, [N]), Pe = w(
     (n) => {
-      R(n), v?.(n), setTimeout(() => {
+      R(n), y?.(n), setTimeout(() => {
         te(l + 1), H(l);
       }, 0);
     },
-    [v, l, H]
+    [y, l, H]
   ), Re = w(
     (n) => {
       const a = n.target;
@@ -440,10 +440,10 @@ const me = ce((e, t) => {
     onPreviousPage: () => H(k - 2),
     onNextPage: () => H(k),
     onZoomIn: xe,
-    onZoomOut: ye,
+    onZoomOut: ve,
     onScaleChange: we,
     rotatable: u,
-    onRotate: ve,
+    onRotate: ye,
     onPrint: Se,
     onDownload: ke,
     actions: O
@@ -471,7 +471,7 @@ const me = ce((e, t) => {
                   loading: /* @__PURE__ */ r(
                     Ge,
                     {
-                      label: y.loading,
+                      label: v.loading,
                       width: ne,
                       height: re
                     }

package/dist/{pdfWorker-DACTjTuR.js → pdfWorker-C1_PScVO.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useReducer, forwardRef, useRef, useImperativeHandle, useEffect, useCallback, useMemo, useContext, useLayoutEffect } from "react";
 import { e as clsx } from "./tooltip-CrXp1Uaz.js";
-import { ak as invariant } from "./F0CanvasPanel-CRTe0CIF.js";
-import { f as dequal } from "./MapProvider-CTtL5mc3.js";
+import { al as invariant } from "./F0CanvasPanel-CruNufKc.js";
+import { f as dequal } from "./MapProvider-DpAl-lEe.js";
 import { a as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./_commonjsHelpers-ByX85dGu.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-BpilXLfW.js";
 import './pdfWorker.css';var pdf$1 = { exports: {} };