@cellarnode/ui 0.209.2 → 0.211.0

package/dist/globe/svg-globe-pin-layer.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { countryDataByCode, countryForPoint, countryLocation, geoDistance } from "./svg-globe-geo.js";
+const SIZE = 520;
+function localizedCountryName(code, locale, fallback) {
+    try {
+        return new Intl.DisplayNames([locale], { type: "region" }).of(code) ?? fallback ?? code;
+    }
+    catch {
+        return fallback ?? code;
+    }
+}
+export function SvgGlobePinLayer({ projection, rotation, countryData, points, homeCountryCode, selectedCountryCode, onCountryClick, locale, labels, }) {
+    const dataByCode = useMemo(() => countryDataByCode(countryData), [countryData]);
+    const names = useMemo(() => new Map(countryData.map(({ countryCode, label }) => [
+        countryCode,
+        label ?? localizedCountryName(countryCode, locale),
+    ])), [countryData, locale]);
+    const pins = useMemo(() => {
+        const explicitPins = points
+            .map((point) => {
+            const code = countryForPoint(point);
+            const value = Math.max(0, point.value ?? (code ? (dataByCode.get(code)?.value ?? 0) : 0));
+            return {
+                id: point.id,
+                code,
+                name: point.label ?? (code ? names.get(code) : undefined) ?? point.id,
+                label: point.label,
+                value,
+                location: [point.lng, point.lat],
+            };
+        })
+            .filter(({ value }) => value > 0);
+        const explicitCodes = new Set(explicitPins.flatMap(({ code }) => (code ? [code] : [])));
+        const countryPins = countryData.flatMap((datum) => {
+            const code = datum.countryCode.toUpperCase();
+            if (datum.value <= 0 || explicitCodes.has(code))
+                return [];
+            const location = countryLocation(code);
+            if (!location)
+                return [];
+            return [
+                {
+                    id: `country-${code}`,
+                    code,
+                    name: names.get(code) ?? code,
+                    label: datum.label,
+                    value: datum.value,
+                    location,
+                },
+            ];
+        });
+        return [...explicitPins, ...countryPins];
+    }, [countryData, dataByCode, names, points]);
+    const center = [-rotation[0], -rotation[1]];
+    const projectedPins = pins.flatMap((pin) => {
+        const distance = geoDistance(pin.location, center);
+        const anchor = projection(pin.location);
+        if (distance >= Math.PI / 2 - 0.05 ||
+            !anchor ||
+            anchor[0] < 22 ||
+            anchor[0] > SIZE - 22 ||
+            anchor[1] < 22 ||
+            anchor[1] > SIZE - 22)
+            return [];
+        return [{ ...pin, anchor, xy: [anchor[0], anchor[1]] }];
+    });
+    projectedPins.sort((left, right) => left.id.localeCompare(right.id));
+    const visiblePins = [];
+    for (const pin of projectedPins) {
+        for (let pass = 0; pass < 20; pass += 1) {
+            let collided = false;
+            for (const other of visiblePins) {
+                const dx = pin.xy[0] - other.xy[0];
+                const dy = pin.xy[1] - other.xy[1];
+                const distance = Math.hypot(dx, dy);
+                if (distance >= 36)
+                    continue;
+                collided = true;
+                const angle = distance > 0 ? Math.atan2(dy, dx) : Math.PI / 4;
+                pin.xy = [
+                    Math.max(22, Math.min(SIZE - 22, other.xy[0] + Math.cos(angle) * 36)),
+                    Math.max(22, Math.min(SIZE - 22, other.xy[1] + Math.sin(angle) * 36)),
+                ];
+            }
+            if (!collided)
+                break;
+        }
+        visiblePins.push(pin);
+    }
+    const normalizedHome = homeCountryCode?.toUpperCase() ?? null;
+    const location = normalizedHome ? countryLocation(normalizedHome) : null;
+    const home = location && geoDistance(location, center) < Math.PI / 2 - 0.05 ? projection(location) : null;
+    const visibleHome = home && home[0] >= 4 && home[0] <= SIZE - 4 && home[1] >= 4 && home[1] <= SIZE - 4
+        ? home
+        : null;
+    const normalizedSelected = selectedCountryCode?.toUpperCase() ?? null;
+    return (_jsxs(_Fragment, { children: [visiblePins.map((pin) => {
+                const code = pin.code;
+                const selected = code === normalizedSelected;
+                const interactiveCode = code && onCountryClick ? code : undefined;
+                const name = code ? localizedCountryName(code, locale, pin.name) : pin.name;
+                const visibleCount = new Intl.NumberFormat(locale, {
+                    notation: "compact",
+                    maximumFractionDigits: 1,
+                }).format(pin.value);
+                const label = pin.label ? `${pin.label} ${visibleCount}` : `${name}: ${visibleCount}`;
+                return (_jsxs("g", { className: "cn-svg-globe__pin", transform: `translate(${pin.xy[0]},${pin.xy[1]})`, role: interactiveCode ? "button" : undefined, tabIndex: interactiveCode ? 0 : undefined, "aria-label": interactiveCode ? label : undefined, "aria-current": interactiveCode && selected ? "true" : undefined, "data-country-code": interactiveCode, "data-selected": selected || undefined, children: [Math.hypot(pin.xy[0] - pin.anchor[0], pin.xy[1] - pin.anchor[1]) > 2 && (_jsx("line", { className: "cn-svg-globe__pin-leader", x1: pin.anchor[0] - pin.xy[0], y1: pin.anchor[1] - pin.xy[1], x2: "0", y2: "0" })), _jsx("circle", { className: "cn-svg-globe__pin-halo", r: "19" }), _jsx("circle", { className: "cn-svg-globe__pin-core", r: "14", "data-selected": selected || undefined }), _jsx("text", { textAnchor: "middle", dominantBaseline: "central", children: visibleCount }), _jsx("title", { children: label })] }, pin.id));
+            }), visibleHome && (_jsx("circle", { className: "cn-svg-globe__home", cx: visibleHome[0], cy: visibleHome[1], r: "4", children: _jsx("title", { children: labels?.home ?? `Home country: ${localizedCountryName(normalizedHome ?? "", locale)}` }) }))] }));
+}
+//# sourceMappingURL=svg-globe-pin-layer.js.map

package/dist/globe/svg-globe-pin-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe-pin-layer.js","sourceRoot":"","sources":["../../src/globe/svg-globe-pin-layer.tsx"],"names":[],"mappings":"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"}

package/dist/globe/svg-globe-renderer.d.ts

@@ -0,0 +1,3 @@
+import type { SvgGlobeProps } from "./svg-globe.js";
+export default function SvgGlobeRenderer({ countryData, points, arcs, homeCountryCode, selectedCountryCode, onCountryClick, onReady, className, ariaLabel, locale, labels, }: SvgGlobeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=svg-globe-renderer.d.ts.map

package/dist/globe/svg-globe-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe-renderer.d.ts","sourceRoot":"","sources":["../../src/globe/svg-globe-renderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAgB,EAChB,MAAW,EACX,IAAS,EACT,eAAsB,EACtB,mBAA0B,EAC1B,cAAc,EACd,OAAO,EACP,SAAS,EACT,SAAgD,EAChD,MAAa,EACb,MAAM,GACP,EAAE,aAAa,2CA0If"}

package/dist/globe/svg-globe-renderer.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef } from "react";
+import { geoOrthographic, geoPath } from "d3-geo";
+import { countryDataByCode } from "./svg-globe-geo.js";
+import { SvgGlobeMapLayer } from "./svg-globe-map-layer.js";
+import { useSvgGlobeGestures } from "./use-svg-globe-gestures.js";
+import { useSvgGlobeItemInteractions } from "./use-svg-globe-item-interactions.js";
+import { useSvgGlobeNavigation } from "./use-svg-globe-navigation.js";
+const SIZE = 520;
+function safeId(value) {
+    return value.replace(/[^a-zA-Z0-9_-]/g, "");
+}
+export default function SvgGlobeRenderer({ countryData = [], points = [], arcs = [], homeCountryCode = null, selectedCountryCode = null, onCountryClick, onReady, className, ariaLabel = "Interactive globe of market demand", locale = "en", labels, }) {
+    const svgRef = useRef(null);
+    const sphereId = `cn-globe-sphere-${safeId(useId())}`;
+    const normalizedSelected = selectedCountryCode?.toUpperCase() ?? null;
+    const { transform, rotation, setRotation, rotationRef, zoomRef, cancelRotation, reset, zoomBy } = useSvgGlobeNavigation({ svgRef, selectedCountryCode: normalizedSelected });
+    const interactions = useSvgGlobeItemInteractions({ reset, onCountryClick });
+    const { hoveredCountry } = interactions;
+    const gestures = useSvgGlobeGestures({
+        zoomRef,
+        rotationRef,
+        zoomScale: transform.k,
+        setRotation,
+        setHoveredCountry: interactions.setHoveredCountry,
+        setPointerClickSuppressed: interactions.setPointerClickSuppressed,
+        cancelRotation,
+    });
+    const projection = useMemo(() => geoOrthographic()
+        .scale((SIZE / 2 - 18) * transform.k)
+        .translate([(SIZE / 2) * transform.k + transform.x, (SIZE / 2) * transform.k + transform.y])
+        .rotate(rotation)
+        .clipAngle(90)
+        .clipExtent([
+        [0, 0],
+        [SIZE, SIZE],
+    ]), [rotation, transform]);
+    const path = useMemo(() => geoPath(projection), [projection]);
+    const dataByCode = useMemo(() => countryDataByCode(countryData), [countryData]);
+    useEffect(() => {
+        if (!onReady)
+            return;
+        let first = 0;
+        let second = 0;
+        first = requestAnimationFrame(() => {
+            second = requestAnimationFrame(onReady);
+        });
+        return () => {
+            cancelAnimationFrame(first);
+            cancelAnimationFrame(second);
+        };
+    }, [onReady]);
+    return (_jsxs("div", { className: `cn-svg-globe${className ? ` ${className}` : ""}`, children: [_jsxs("svg", { ref: svgRef, className: "cn-svg-globe__canvas", viewBox: `0 0 ${SIZE} ${SIZE}`, role: "group", "aria-label": ariaLabel, "data-zoom": transform.k.toFixed(3), ...interactions.handlers, ...gestures.handlers, children: [_jsx("defs", { children: _jsxs("radialGradient", { id: sphereId, cx: "35%", cy: "30%", children: [_jsx("stop", { offset: "0%", stopColor: "var(--svg-globe-light)" }), _jsx("stop", { offset: "100%", stopColor: "var(--svg-globe-dark)" })] }) }), _jsx("path", { className: "cn-svg-globe__sphere", d: path({ type: "Sphere" }) ?? "", fill: `url(#${sphereId})` }), _jsx(SvgGlobeMapLayer, { projection: projection, rotation: rotation, countryData: countryData, points: points, arcs: arcs, homeCountryCode: homeCountryCode, selectedCountryCode: selectedCountryCode, onCountryClick: onCountryClick, locale: locale, labels: labels })] }), hoveredCountry && (_jsxs("div", { className: "cn-svg-globe__tooltip", role: "status", children: [_jsx("strong", { children: new Intl.DisplayNames([locale], { type: "region" }).of(hoveredCountry) ??
+                            hoveredCountry }), _jsx("span", { children: dataByCode.get(hoveredCountry)?.label ??
+                            new Intl.NumberFormat(locale).format(dataByCode.get(hoveredCountry)?.value ?? 0) })] })), _jsxs("div", { className: "cn-svg-globe__controls", role: "group", "aria-label": labels?.controls ?? "Globe controls", children: [_jsx("button", { type: "button", "aria-label": labels?.zoomOut ?? "Zoom out", title: labels?.zoomOut ?? "Zoom out", disabled: transform.k <= 1.001, onClick: () => zoomBy(1 / 1.3), children: _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M5 12h14" }) }) }), _jsxs("span", { className: "cn-svg-globe__zoom-value", "aria-live": "polite", children: [Math.round(transform.k * 100), "%"] }), _jsx("button", { type: "button", "aria-label": labels?.zoomIn ?? "Zoom in", title: labels?.zoomIn ?? "Zoom in", disabled: transform.k >= 3.999, onClick: () => zoomBy(1.3), children: _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M5 12h14M12 5v14" }) }) }), _jsx("button", { type: "button", "aria-label": labels?.reset ?? "Reset globe", title: labels?.reset ?? "Reset globe", onClick: reset, children: _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M4 11a8 8 0 1 1 2.3 5.7M4 5v6h6" }) }) })] })] }));
+}
+//# sourceMappingURL=svg-globe-renderer.js.map

package/dist/globe/svg-globe-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe-renderer.js","sourceRoot":"","sources":["../../src/globe/svg-globe-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/globe/svg-globe.css

@@ -0,0 +1,247 @@
+.cn-svg-globe {
+  --svg-globe-light: oklch(0.3 0.045 168);
+  --svg-globe-dark: oklch(0.23 0.04 168);
+  --svg-globe-demand: oklch(0.82 0.1 150);
+  --svg-globe-land: oklch(0.31 0.055 166);
+  --svg-globe-outline: oklch(0.23 0.04 168);
+  --svg-globe-selected: oklch(0.98 0.01 120);
+  --svg-globe-arc: oklch(0.82 0.1 90);
+  --svg-globe-offer: oklch(0.78 0.12 225);
+  --svg-globe-text: oklch(0.98 0.01 120);
+  --svg-globe-muted: oklch(0.68 0.03 160);
+  position: relative;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  min-height: 15rem;
+  overflow: hidden;
+  color: var(--svg-globe-text);
+  isolation: isolate;
+}
+
+.cn-svg-globe__canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-height: 15rem;
+  aspect-ratio: 1;
+  overflow: visible;
+  touch-action: none;
+  user-select: none;
+  cursor: grab;
+}
+
+.cn-svg-globe__canvas:active {
+  cursor: grabbing;
+}
+
+.cn-svg-globe__sphere {
+  stroke: var(--svg-globe-outline);
+  stroke-width: 0.75;
+}
+
+.cn-svg-globe__graticule {
+  fill: none;
+  stroke: var(--svg-globe-text);
+  stroke-opacity: 0.15;
+  stroke-width: 0.55;
+  pointer-events: none;
+}
+
+.cn-svg-globe__country {
+  outline: none;
+  transition: fill-opacity 160ms ease, stroke 160ms ease;
+}
+
+.cn-svg-globe__country[data-selected="true"] {
+  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--svg-globe-selected) 72%, transparent));
+}
+
+.cn-svg-globe__country:focus-visible {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 2.4;
+}
+
+.cn-svg-globe__arc {
+  fill: none;
+  stroke: var(--svg-globe-arc);
+  stroke-width: 1.65;
+  stroke-dasharray: 4 7;
+  stroke-dashoffset: var(--svg-globe-arc-phase, 0px);
+  stroke-linecap: round;
+  opacity: 0.82;
+  pointer-events: none;
+  animation: cn-svg-globe-arc-flow 4s linear infinite;
+}
+
+.cn-svg-globe__arc[data-arc-kind="offer"] {
+  stroke: var(--svg-globe-offer);
+}
+
+.cn-svg-globe__pin {
+  cursor: pointer;
+  outline: none;
+}
+
+.cn-svg-globe__pin-leader {
+  stroke: var(--svg-globe-demand);
+  stroke-opacity: 0.7;
+  stroke-width: 1;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin-halo {
+  fill: var(--svg-globe-demand);
+  opacity: 0.18;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin-core {
+  fill: var(--svg-globe-dark);
+  stroke: var(--svg-globe-demand);
+  stroke-width: 2;
+}
+
+.cn-svg-globe__pin-core[data-selected="true"] {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 3;
+}
+
+.cn-svg-globe__pin text {
+  fill: var(--svg-globe-text);
+  font: 600 10px/1 ui-sans-serif, system-ui, sans-serif;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin:focus-visible .cn-svg-globe__pin-core {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 3;
+}
+
+.cn-svg-globe__home {
+  fill: var(--svg-globe-selected);
+  stroke: var(--svg-globe-dark);
+  stroke-width: 1.5;
+  pointer-events: none;
+}
+
+.cn-svg-globe__tooltip {
+  position: absolute;
+  z-index: 1;
+  top: 0.75rem;
+  left: 50%;
+  display: flex;
+  max-width: min(85%, 22rem);
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  padding: 0.5rem 0.75rem;
+  transform: translateX(-50%);
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 22%, transparent);
+  border-radius: 0.65rem;
+  background: var(--svg-globe-dark);
+  color: var(--svg-globe-text);
+  text-align: center;
+  font-size: 0.75rem;
+  pointer-events: none;
+}
+
+.cn-svg-globe__tooltip span {
+  color: var(--svg-globe-muted);
+  font-size: 0.6875rem;
+}
+
+.cn-svg-globe__unavailable {
+  display: grid;
+  min-height: 15rem;
+  place-items: center;
+  padding: 1.5rem;
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 20%, transparent);
+  border-radius: 0.75rem;
+  background: var(--svg-globe-dark);
+  color: var(--svg-globe-text);
+  text-align: center;
+}
+
+.cn-svg-globe__controls {
+  position: absolute;
+  right: 0.75rem;
+  bottom: 0.75rem;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.2rem;
+  padding: 0.2rem;
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 20%, transparent);
+  border-radius: 0.55rem;
+  background: var(--svg-globe-dark);
+}
+
+.cn-svg-globe__controls button {
+  display: grid;
+  width: 2.1rem;
+  height: 2.1rem;
+  place-items: center;
+  border: 0;
+  border-radius: 0.35rem;
+  background: transparent;
+  color: var(--svg-globe-text);
+  font: 500 1.2rem/1 ui-sans-serif, system-ui, sans-serif;
+  cursor: pointer;
+}
+
+.cn-svg-globe__controls button:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--svg-globe-demand) 16%, transparent);
+}
+
+.cn-svg-globe__controls button:focus-visible {
+  outline: 2px solid var(--svg-globe-selected);
+  outline-offset: 1px;
+}
+
+.cn-svg-globe__controls button:disabled {
+  color: var(--svg-globe-muted);
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.cn-svg-globe__controls button svg {
+  width: 1rem;
+  height: 1rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.8;
+}
+
+.cn-svg-globe__zoom-value {
+  min-width: 2.5rem;
+  color: var(--svg-globe-muted);
+  text-align: center;
+  font-size: 0.6875rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.cn-svg-globe__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+}
+
+@keyframes cn-svg-globe-arc-flow {
+  to {
+    stroke-dashoffset: calc(var(--svg-globe-arc-phase, 0px) - 44px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cn-svg-globe__arc,
+  .cn-svg-globe__country {
+    animation: none;
+    transition: none;
+  }
+}

package/dist/globe/svg-globe.d.ts

@@ -0,0 +1,46 @@
+import { Component } from "react";
+import type { ReactNode } from "react";
+import type { GlobeArc, GlobeCountryDatum, GlobePoint } from "./globe-types.js";
+export interface SvgGlobeLabels {
+    controls?: string;
+    unavailable?: string;
+    zoomIn?: string;
+    zoomOut?: string;
+    reset?: string;
+    home?: string;
+}
+export interface SvgGlobeProps {
+    countryData?: GlobeCountryDatum[];
+    points?: GlobePoint[];
+    arcs?: GlobeArc[];
+    homeCountryCode?: string | null;
+    selectedCountryCode?: string | null;
+    onCountryClick?: (code: string) => void;
+    onReady?: () => void;
+    className?: string;
+    ariaLabel?: string;
+    locale?: string;
+    labels?: SvgGlobeLabels;
+}
+interface SvgGlobeErrorBoundaryProps {
+    fallback: ReactNode;
+    children: ReactNode;
+}
+interface SvgGlobeErrorBoundaryState {
+    failed: boolean;
+}
+export declare class SvgGlobeErrorBoundary extends Component<SvgGlobeErrorBoundaryProps, SvgGlobeErrorBoundaryState> {
+    state: SvgGlobeErrorBoundaryState;
+    static getDerivedStateFromError(): SvgGlobeErrorBoundaryState;
+    render(): ReactNode;
+}
+interface SvgGlobeUnavailableProps {
+    ariaLabel: string;
+    message: string;
+    className?: string;
+    onReady: () => void;
+}
+export declare function SvgGlobeUnavailable({ ariaLabel, message, className, onReady, }: SvgGlobeUnavailableProps): import("react/jsx-runtime").JSX.Element;
+export declare function SvgGlobe(props: SvgGlobeProps): import("react/jsx-runtime").JSX.Element;
+export default SvgGlobe;
+//# sourceMappingURL=svg-globe.d.ts.map

package/dist/globe/svg-globe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe.d.ts","sourceRoot":"","sources":["../../src/globe/svg-globe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2D,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAID,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,qBAAsB,SAAQ,SAAS,CAClD,0BAA0B,EAC1B,0BAA0B,CAC3B;IACC,KAAK,EAAE,0BAA0B,CAAqB;IAEtD,MAAM,CAAC,wBAAwB,IAAI,0BAA0B;IAI7D,MAAM;CAGP;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GACR,EAAE,wBAAwB,2CAyB1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwC5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/globe/svg-globe.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component, lazy, Suspense, useCallback, useEffect, useMemo, useRef } from "react";
+import { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+const SvgGlobeRenderer = lazy(() => import("./svg-globe-renderer.js"));
+export class SvgGlobeErrorBoundary extends Component {
+    state = { failed: false };
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    render() {
+        return this.state.failed ? this.props.fallback : this.props.children;
+    }
+}
+export function SvgGlobeUnavailable({ ariaLabel, message, className, onReady, }) {
+    useEffect(() => {
+        let first = 0;
+        let second = 0;
+        first = requestAnimationFrame(() => {
+            second = requestAnimationFrame(onReady);
+        });
+        return () => {
+            cancelAnimationFrame(first);
+            cancelAnimationFrame(second);
+        };
+    }, [onReady]);
+    return (_jsx("div", { className: `cn-svg-globe${className ? ` ${className}` : ""}`, children: _jsx("div", { className: "cn-svg-globe__unavailable", role: "status", "aria-label": ariaLabel, "aria-live": "polite", children: message }) }));
+}
+export function SvgGlobe(props) {
+    const readyRef = useRef(false);
+    const onReadyRef = useRef(props.onReady);
+    useEffect(() => {
+        onReadyRef.current = props.onReady;
+    }, [props.onReady]);
+    const notifyReady = useCallback(() => {
+        if (readyRef.current)
+            return;
+        readyRef.current = true;
+        onReadyRef.current?.();
+    }, []);
+    const fallback = useMemo(() => (_jsx(GlobeLoadingSkeleton, { className: props.className, label: props.ariaLabel ?? "Loading market globe" })), [props.ariaLabel, props.className]);
+    const unavailable = useMemo(() => (_jsx(SvgGlobeUnavailable, { ariaLabel: props.ariaLabel ?? "Market demand globe", message: props.labels?.unavailable ?? "Globe visualization unavailable", className: props.className, onReady: notifyReady })), [notifyReady, props.ariaLabel, props.className, props.labels?.unavailable]);
+    return (_jsx(SvgGlobeErrorBoundary, { fallback: unavailable, children: _jsx(Suspense, { fallback: fallback, children: _jsx(SvgGlobeRenderer, { ...props, onReady: notifyReady }) }) }));
+}
+export default SvgGlobe;
+//# sourceMappingURL=svg-globe.js.map

package/dist/globe/svg-globe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe.js","sourceRoot":"","sources":["../../src/globe/svg-globe.tsx"],"names":[],"mappings":"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"}

package/dist/globe/svg.d.ts

@@ -0,0 +1,9 @@
+export { SvgGlobe } from "./svg-globe.js";
+export type { SvgGlobeLabels, SvgGlobeProps } from "./svg-globe.js";
+export { aggregateCountryNodes, magnitudeArcs } from "./globe-aggregation.js";
+export { countryCoords } from "./country-coords.js";
+export { GlobeDetailPanel } from "./globe-detail-panel.js";
+export type { GlobeDetailPanelProps } from "./globe-detail-panel.js";
+export { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+export type { GlobeArc, GlobeCountryDatum, GlobePoint } from "./globe-types.js";
+//# sourceMappingURL=svg.d.ts.map

package/dist/globe/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/globe/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/globe/svg.js

@@ -0,0 +1,6 @@
+export { SvgGlobe } from "./svg-globe.js";
+export { aggregateCountryNodes, magnitudeArcs } from "./globe-aggregation.js";
+export { countryCoords } from "./country-coords.js";
+export { GlobeDetailPanel } from "./globe-detail-panel.js";
+export { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+//# sourceMappingURL=svg.js.map

package/dist/globe/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/globe/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/globe/use-svg-globe-gestures.d.ts

@@ -0,0 +1,21 @@
+import type { PointerEventHandler } from "react";
+import { type ZoomBehavior } from "d3-zoom";
+interface UseSvgGlobeGesturesOptions {
+    zoomRef: React.RefObject<ZoomBehavior<SVGSVGElement, unknown> | null>;
+    rotationRef: React.RefObject<[number, number]>;
+    zoomScale: number;
+    setRotation: React.Dispatch<React.SetStateAction<[number, number]>>;
+    setHoveredCountry: React.Dispatch<React.SetStateAction<string | null>>;
+    setPointerClickSuppressed: (suppressed: boolean) => void;
+    cancelRotation: () => void;
+}
+export declare function useSvgGlobeGestures({ zoomRef, rotationRef, zoomScale, setRotation, setHoveredCountry, setPointerClickSuppressed, cancelRotation, }: UseSvgGlobeGesturesOptions): {
+    handlers: {
+        onPointerDown: PointerEventHandler<SVGSVGElement>;
+        onPointerMove: PointerEventHandler<SVGSVGElement>;
+        onPointerUp: PointerEventHandler<SVGSVGElement>;
+        onPointerCancel: PointerEventHandler<SVGSVGElement>;
+    };
+};
+export {};
+//# sourceMappingURL=use-svg-globe-gestures.d.ts.map

package/dist/globe/use-svg-globe-gestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-svg-globe-gestures.d.ts","sourceRoot":"","sources":["../../src/globe/use-svg-globe-gestures.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAMzE,UAAU,0BAA0B;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACtE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACpE,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,yBAAyB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,GACf,EAAE,0BAA0B;;;;;;;EAqL5B"}