@pretty-chitty/core 1.1.2 → 1.2.0

package/dist/components/Gallery/GalleryViewer.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import Hammer from "@egjs/hammerjs";
+import { Scene } from "three";
+import { addWheelListener, removeWheelListener } from "wheel";
+import { useWebGlRenderer } from "../../hooks/useWebGlRenderer";
+import { useGameTheme } from "../../hooks/useGameTheme";
+import { SceneWrapper } from "../../rendering/outline";
+import { requestSharedAnimationFrame } from "../../utilities/RequestSharedAnimationFrame";
+import { TextureReferenceCounter } from "../../rendering/TextureReferenceCounter";
+import { GalleryController } from "./GalleryController";
+import { DEFAULT_TWEEN_DURATION, DEFAULT_FOV, DEFAULT_ANGLE, DEFAULT_ITEM_WIDTH, DEFAULT_ITEM_SPACING, DEFAULT_Z_FACTOR, VELOCITY_MULTIPLIER, WHEEL_SENSITIVITY, WHEEL_SNAP_DELAY, } from "./constants";
+let ID_COUNTER = 1;
+export function GalleryViewer({ items, paused = false, galleryItemWidth = DEFAULT_ITEM_WIDTH, fov = DEFAULT_FOV, angle = DEFAULT_ANGLE, onClose, itemSpacing = DEFAULT_ITEM_SPACING, tweenDuration = DEFAULT_TWEEN_DURATION, w = 0, h = 0, galleryItemHeight = h * 0.7, showSummary = "full", zFactor = DEFAULT_Z_FACTOR, }) {
+    const calcedItemWidth = items.length > 0 ? Math.min(...items.map((item) => item.preferredWidth ?? galleryItemWidth)) : galleryItemWidth;
+    const calcedItemHeight = items.length > 0 ? Math.min(...items.map((item) => item.preferredHeight ?? galleryItemHeight)) : galleryItemHeight;
+    const [id] = useState(`GalleryViewer${ID_COUNTER++}`);
+    const refContainer = useRef(null);
+    const rendererWrapper = useWebGlRenderer();
+    const theme = useGameTheme();
+    const [galleryController] = useState(() => new GalleryController(new SceneWrapper(new Scene()), theme, angle, fov));
+    galleryController.setTweenDuration(tweenDuration);
+    galleryController.showSummary = showSummary;
+    // Single effect to handle both size and items changes
+    useEffect(() => {
+        if (!w || !h || !Number.isFinite(calcedItemHeight) || !Number.isFinite(calcedItemWidth)) {
+            return;
+        }
+        // Always call setSize which will internally call setItems
+        // This ensures items are always rendered with the correct dimensions
+        galleryController.setSize({
+            w,
+            h,
+            itemWidth: calcedItemWidth,
+            itemHeight: calcedItemHeight,
+            itemSpacing,
+            zFactor,
+        });
+    }, [calcedItemWidth, itemSpacing, calcedItemHeight, w, h, galleryController, zFactor]);
+    useEffect(() => {
+        galleryController.setItems(items);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [galleryController, items.map((i) => i.id).join("--")]);
+    useEffect(() => {
+        const canvas = refContainer.current;
+        if (!canvas || !rendererWrapper || paused)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        let cancelled = false;
+        const animate = () => {
+            if (cancelled)
+                return;
+            requestSharedAnimationFrame(animate);
+            const isAnimating = galleryController.render();
+            if (isAnimating) {
+                ctx.canvas.width = w * rendererWrapper.pixelRatio;
+                ctx.canvas.height = h * rendererWrapper.pixelRatio;
+                ctx.clearRect(0, 0, w * rendererWrapper.pixelRatio, h * rendererWrapper.pixelRatio);
+                rendererWrapper.render(galleryController.sceneWrapper, galleryController.camera, ctx, theme);
+            }
+        };
+        animate();
+        return () => {
+            cancelled = true;
+        };
+    }, [id, rendererWrapper, galleryController, paused, theme, w, h]);
+    useEffect(() => {
+        const el = refContainer.current;
+        if (!el)
+            return;
+        const hammer = new Hammer.Manager(el);
+        hammer.add(new Hammer.Pan({ direction: Hammer.DIRECTION_HORIZONTAL }));
+        hammer.add(new Hammer.Tap());
+        const fixPosition = (ev) => {
+            const rect = el.getBoundingClientRect();
+            return { x: ev.center.x - rect.left, y: ev.center.y - rect.top };
+        };
+        hammer.on("tap", (ev) => {
+            const pos = fixPosition(ev);
+            // TODO: fix this
+            if (galleryController.isAnimating()) {
+                galleryController.pan(0, true);
+            }
+            else {
+                const tappedItem = galleryController.getItemAtPosition(pos.x, pos.y);
+                if (tappedItem?.onClick) {
+                    tappedItem.onClick();
+                }
+                else if (!tappedItem && onClose) {
+                    onClose();
+                }
+            }
+        });
+        let lastX = undefined;
+        let lastVelocityX = 0;
+        hammer.on("pan", (ev) => {
+            if (lastX === undefined) {
+                lastX = 0;
+            }
+            else {
+                lastVelocityX = ev.velocityX;
+                galleryController.pan(-(lastX - ev.deltaX));
+                lastX = ev.deltaX;
+            }
+            ev.preventDefault();
+        });
+        hammer.on("panend", () => {
+            lastX = undefined;
+            galleryController.pan(lastVelocityX * VELOCITY_MULTIPLIER, true);
+            lastVelocityX = 0;
+        });
+        let wheelTimeout;
+        const wheelListener = (ev) => {
+            const dy = ev.wheelDeltaY;
+            galleryController.pan(dy / WHEEL_SENSITIVITY, false);
+            ev.preventDefault();
+            clearTimeout(wheelTimeout);
+            wheelTimeout = setTimeout(() => galleryController.pan(0, true), WHEEL_SNAP_DELAY);
+        };
+        addWheelListener(el, wheelListener);
+        return () => {
+            hammer.destroy();
+            removeWheelListener(el, wheelListener);
+        };
+    }, [galleryController, onClose]);
+    useEffect(() => {
+        TextureReferenceCounter.registerInstance(galleryController);
+        return () => {
+            TextureReferenceCounter.unregisterInstance(galleryController);
+            galleryController.sceneWrapper.dispose();
+        };
+    }, [galleryController]);
+    if (!w || !h) {
+        return null;
+    }
+    return (_jsx(Box, { sx: { position: "absolute", top: 0, right: 0, left: 0, bottom: 0 }, children: _jsx("canvas", { width: w * rendererWrapper.pixelRatio, height: h * rendererWrapper.pixelRatio, style: { width: w, height: h }, ref: refContainer }) }));
+}
+//# sourceMappingURL=GalleryViewer.js.map

package/dist/components/Gallery/GalleryViewer.js.map

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

package/dist/components/Gallery/LayoutManager.d.ts

@@ -0,0 +1,49 @@
+import { GameTheme } from "../../game/GameTheme";
+import { SummaryMode } from "./types";
+export declare class LayoutManager {
+    private theme;
+    private w;
+    private h;
+    private baseItemWidth;
+    private baseItemHeight;
+    private itemSpacing;
+    private itemWidth;
+    private itemHeight;
+    private itemsPerPage;
+    private frontStageWidth;
+    private itemCount;
+    private itemPreferredWidth?;
+    private itemPreferredHeight?;
+    private summaryMode;
+    private summaryMaxHeight;
+    dirty: boolean;
+    constructor(theme: GameTheme);
+    setDimensions(w: number, h: number): void;
+    setSummaryMaxHeight(newHeight: number): void;
+    getSummaryMaxHeight(): number;
+    getSummaryMode(): SummaryMode;
+    setSummaryMode(mode: SummaryMode): void;
+    getDimensions(): {
+        w: number;
+        h: number;
+    };
+    getItemDimensions(): {
+        w: number;
+        h: number;
+        summaryMaxHeight: number;
+    };
+    getStageDimensions(): {
+        frontStageWidth: number;
+        itemsPerPage: number;
+        itemSpacing: number;
+    };
+    setBaseItemDimensions(itemW: number, itemH: number, itemSpacing: number): void;
+    setItemCount(count: number): void;
+    setItemDimensions(items: {
+        preferredWidth?: number;
+        preferredHeight?: number;
+    }[]): void;
+    recalculateEffectiveItemDimensions(): void;
+    calculateItemIndexOffset(itemCount: number): number;
+}
+//# sourceMappingURL=LayoutManager.d.ts.map

package/dist/components/Gallery/LayoutManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/library/components/Gallery/LayoutManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,qBAAa,aAAa;IA0BZ,OAAO,CAAC,KAAK;IAxBzB,OAAO,CAAC,CAAC,CAAO;IAChB,OAAO,CAAC,CAAC,CAAO;IAEhB,OAAO,CAAC,aAAa,CAAO;IAC5B,OAAO,CAAC,cAAc,CAAO;IAC7B,OAAO,CAAC,WAAW,CAAO;IAG1B,OAAO,CAAC,SAAS,CAAO;IACxB,OAAO,CAAC,UAAU,CAAO;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,mBAAmB,CAAC,CAAS;IAGrC,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,gBAAgB,CAAK;IAEtB,KAAK,UAAS;gBAED,KAAK,EAAE,SAAS;IAEpC,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IASlC,mBAAmB,CAAC,SAAS,EAAE,MAAM;IAQrC,mBAAmB;IAInB,cAAc;IAId,cAAc,CAAC,IAAI,EAAE,WAAW;IAOhC,aAAa;;;;IAIb,iBAAiB;;;;;IAIjB,kBAAkB;;;;;IAIlB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM;IAUvE,YAAY,CAAC,KAAK,EAAE,MAAM;IAQ1B,iBAAiB,CAAC,KAAK,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;IAyBhF,kCAAkC;IA4ClC,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;CAGpD"}

package/dist/components/Gallery/LayoutManager.js

@@ -0,0 +1,129 @@
+export class LayoutManager {
+    constructor(theme) {
+        this.theme = theme;
+        // Dimensions (all scaled)
+        this.w = 100;
+        this.h = 100;
+        this.baseItemWidth = 100;
+        this.baseItemHeight = 100;
+        this.itemSpacing = 100;
+        // Layout calculated values
+        this.itemWidth = 100;
+        this.itemHeight = 100;
+        this.itemsPerPage = 1;
+        this.frontStageWidth = 1;
+        this.itemCount = 1;
+        // summary info
+        this.summaryMode = "full";
+        this.summaryMaxHeight = 0;
+        this.dirty = false;
+    }
+    setDimensions(w, h) {
+        if (this.w !== w || this.h !== h) {
+            this.w = w;
+            this.h = h;
+            this.dirty = true;
+            this.recalculateEffectiveItemDimensions();
+        }
+    }
+    setSummaryMaxHeight(newHeight) {
+        if (this.summaryMaxHeight !== newHeight) {
+            this.summaryMaxHeight = newHeight;
+            this.dirty = true;
+            this.recalculateEffectiveItemDimensions();
+        }
+    }
+    getSummaryMaxHeight() {
+        return this.summaryMaxHeight;
+    }
+    getSummaryMode() {
+        return this.summaryMode;
+    }
+    setSummaryMode(mode) {
+        if (this.summaryMode !== mode) {
+            this.summaryMode = mode;
+            this.dirty = true;
+        }
+    }
+    getDimensions() {
+        return { w: this.w, h: this.h };
+    }
+    getItemDimensions() {
+        return { w: this.itemWidth, h: this.itemHeight, summaryMaxHeight: this.summaryMaxHeight };
+    }
+    getStageDimensions() {
+        return { frontStageWidth: this.frontStageWidth, itemsPerPage: this.itemsPerPage, itemSpacing: this.itemSpacing };
+    }
+    setBaseItemDimensions(itemW, itemH, itemSpacing) {
+        if (this.baseItemWidth !== itemW || this.baseItemHeight !== itemH || this.itemSpacing !== itemSpacing) {
+            this.baseItemWidth = itemW;
+            this.baseItemHeight = itemH;
+            this.itemSpacing = itemSpacing;
+            this.dirty = true;
+            this.recalculateEffectiveItemDimensions();
+        }
+    }
+    setItemCount(count) {
+        if (this.itemCount !== count) {
+            this.itemCount = count;
+            this.recalculateEffectiveItemDimensions();
+            this.dirty = true;
+        }
+    }
+    setItemDimensions(items) {
+        let newPreferredWidth = 0, newPreferredHeight = 0;
+        for (const item of items) {
+            if (item.preferredWidth !== undefined && newPreferredWidth !== undefined) {
+                newPreferredWidth = Math.max(newPreferredWidth, item.preferredWidth);
+            }
+            else {
+                newPreferredWidth = undefined;
+            }
+            if (item.preferredHeight !== undefined && newPreferredHeight !== undefined) {
+                newPreferredHeight = Math.max(newPreferredHeight, item.preferredHeight);
+            }
+            else {
+                newPreferredHeight = undefined;
+            }
+        }
+        if (this.itemPreferredWidth !== newPreferredWidth || this.itemPreferredHeight !== newPreferredHeight) {
+            this.itemPreferredWidth = newPreferredWidth;
+            this.itemPreferredHeight = newPreferredHeight;
+            this.dirty = true;
+            this.recalculateEffectiveItemDimensions();
+        }
+    }
+    recalculateEffectiveItemDimensions() {
+        // recalcs itemWidth,itemHeight,itemsPerPage and frontStageWidth
+        let itemWidth = this.itemPreferredWidth ?? this.baseItemWidth;
+        let itemHeight = this.itemPreferredHeight ?? this.baseItemHeight;
+        const aspectRatio = itemWidth / itemHeight;
+        const maxItemHeight = Math.max(this.theme.galleryItemMinimumHeight, this.h - this.itemSpacing * 2 - this.summaryMaxHeight);
+        const maxItemWidth = Math.max(this.theme.galleryItemMinimumWidth, this.w - this.itemSpacing * 2);
+        if (itemHeight > maxItemHeight) {
+            itemHeight = maxItemHeight;
+            itemWidth = maxItemHeight * aspectRatio;
+        }
+        if (itemWidth > maxItemWidth) {
+            itemWidth = maxItemWidth;
+            itemHeight = maxItemWidth / aspectRatio;
+        }
+        itemWidth = Math.max(this.theme.galleryItemMinimumWidth, itemWidth);
+        const itemsPerPage = Math.max(1, Math.min(this.itemCount, Math.floor((this.w - this.itemSpacing * 2) / (itemWidth + this.itemSpacing))));
+        const frontStageWidth = itemsPerPage * (itemWidth + this.itemSpacing) - this.itemSpacing;
+        if (this.itemHeight !== itemHeight ||
+            this.itemWidth !== itemWidth ||
+            this.itemsPerPage !== itemsPerPage ||
+            this.frontStageWidth !== frontStageWidth) {
+            this.itemHeight = itemHeight;
+            this.itemWidth = itemWidth;
+            this.itemsPerPage = itemsPerPage;
+            this.frontStageWidth = frontStageWidth;
+            this.dirty = true;
+        }
+    }
+    calculateItemIndexOffset(itemCount) {
+        return itemCount < this.itemsPerPage ? (this.itemsPerPage - itemCount) / 2 : 0;
+    }
+}
+//# sourceMappingURL=LayoutManager.js.map

package/dist/components/Gallery/LayoutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/library/components/Gallery/LayoutManager.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,aAAa;IA0BxB,YAAoB,KAAgB;QAAhB,UAAK,GAAL,KAAK,CAAW;QAzBpC,0BAA0B;QAClB,MAAC,GAAG,GAAG,CAAC;QACR,MAAC,GAAG,GAAG,CAAC;QAER,kBAAa,GAAG,GAAG,CAAC;QACpB,mBAAc,GAAG,GAAG,CAAC;QACrB,gBAAW,GAAG,GAAG,CAAC;QAE1B,2BAA2B;QACnB,cAAS,GAAG,GAAG,CAAC;QAChB,eAAU,GAAG,GAAG,CAAC;QACjB,iBAAY,GAAG,CAAC,CAAC;QACjB,oBAAe,GAAG,CAAC,CAAC;QACpB,cAAS,GAAG,CAAC,CAAC;QAMtB,eAAe;QACP,gBAAW,GAAgB,MAAM,CAAC;QAClC,qBAAgB,GAAG,CAAC,CAAC;QAEtB,UAAK,GAAG,KAAK,CAAC;IAEkB,CAAC;IAExC,aAAa,CAAC,CAAS,EAAE,CAAS;QAChC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;YACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,mBAAmB,CAAC,SAAiB;QACnC,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,cAAc,CAAC,IAAiB;QAC9B,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAED,aAAa;QACX,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,iBAAiB;QACf,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5F,CAAC;IAED,kBAAkB;QAChB,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;IACnH,CAAC;IAED,qBAAqB,CAAC,KAAa,EAAE,KAAa,EAAE,WAAmB;QACrE,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC,cAAc,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;YACtG,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,kCAAkC,EAAE,CAAC;YAC1C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAED,iBAAiB,CAAC,KAA8D;QAC9E,IAAI,iBAAiB,GAAuB,CAAC,EAC3C,kBAAkB,GAAuB,CAAC,CAAC;QAC7C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,iBAAiB,KAAK,SAAS,EAAE,CAAC;gBACzE,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACN,iBAAiB,GAAG,SAAS,CAAC;YAChC,CAAC;YAED,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;gBAC3E,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,kBAAkB,GAAG,SAAS,CAAC;YACjC,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,kBAAkB,KAAK,iBAAiB,IAAI,IAAI,CAAC,mBAAmB,KAAK,kBAAkB,EAAE,CAAC;YACrG,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC;YAC5C,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;YAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,kCAAkC;QAChC,gEAAgE;QAEhE,IAAI,SAAS,GAAG,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,aAAa,CAAC;QAC9D,IAAI,UAAU,GAAG,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,cAAc,CAAC;QACjE,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;QAE3C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,KAAK,CAAC,wBAAwB,EACnC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CACtD,CAAC;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAEjG,IAAI,UAAU,GAAG,aAAa,EAAE,CAAC;YAC/B,UAAU,GAAG,aAAa,CAAC;YAC3B,SAAS,GAAG,aAAa,GAAG,WAAW,CAAC;QAC1C,CAAC;QACD,IAAI,SAAS,GAAG,YAAY,EAAE,CAAC;YAC7B,SAAS,GAAG,YAAY,CAAC;YACzB,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;QAC1C,CAAC;QAED,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;QAEpE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAC3B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACvG,CAAC;QACF,MAAM,eAAe,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;QAEzF,IACE,IAAI,CAAC,UAAU,KAAK,UAAU;YAC9B,IAAI,CAAC,SAAS,KAAK,SAAS;YAC5B,IAAI,CAAC,YAAY,KAAK,YAAY;YAClC,IAAI,CAAC,eAAe,KAAK,eAAe,EACxC,CAAC;YACD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;YAC7B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC3B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;YACjC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;YACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAED,wBAAwB,CAAC,SAAiB;QACxC,OAAO,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,CAAC;CACF"}

package/dist/components/Gallery/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_TWEEN_DURATION = 250;
+export declare const MAX_SNAP_DURATION = 750;
+export declare const SNAP_DURATION_MULTIPLIER = 20;
+export declare const ROTATION_DIVISOR = 1500;
+export declare const VELOCITY_MULTIPLIER = 300;
+export declare const WHEEL_SENSITIVITY = 3;
+export declare const WHEEL_SNAP_DELAY = 50;
+export declare const DEFAULT_FOV = 15;
+export declare const DEFAULT_ANGLE: number;
+export declare const DEFAULT_ITEM_WIDTH = 200;
+export declare const DEFAULT_ITEM_SPACING = 50;
+export declare const DEFAULT_Z_FACTOR = 3;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Gallery/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/library/components/Gallery/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,aAAa,QAAgB,CAAC;AAC3C,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,gBAAgB,IAAI,CAAC"}

package/dist/components/Gallery/constants.js

@@ -0,0 +1,13 @@
+export const DEFAULT_TWEEN_DURATION = 250;
+export const MAX_SNAP_DURATION = 750;
+export const SNAP_DURATION_MULTIPLIER = 20;
+export const ROTATION_DIVISOR = 1500;
+export const VELOCITY_MULTIPLIER = 300;
+export const WHEEL_SENSITIVITY = 3;
+export const WHEEL_SNAP_DELAY = 50;
+export const DEFAULT_FOV = 15;
+export const DEFAULT_ANGLE = Math.PI * 0.0;
+export const DEFAULT_ITEM_WIDTH = 200;
+export const DEFAULT_ITEM_SPACING = 50;
+export const DEFAULT_Z_FACTOR = 3;
+//# sourceMappingURL=constants.js.map

package/dist/components/Gallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/library/components/Gallery/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAC1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AACrC,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAC3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC"}

package/dist/components/Gallery/index.d.ts

@@ -0,0 +1,3 @@
+export { GalleryViewer } from "./GalleryViewer";
+export type { GalleryItem, GalleryItemSource } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Gallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/library/components/Gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Gallery/index.js

@@ -0,0 +1,2 @@
+export { GalleryViewer } from "./GalleryViewer";
+//# sourceMappingURL=index.js.map

package/dist/components/Gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/library/components/Gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Gallery/types.d.ts

@@ -0,0 +1,45 @@
+import { Object3D } from "three";
+import { IconMap } from "../../utilities/CanvasStack/CanvasOperations";
+import { RichTextRenderOptionsParameters } from "../../utilities/CanvasStack/RichTextRenderer";
+import { SceneWrapper } from "../../rendering/outline";
+export type UpdateCallback = () => void;
+export interface GalleryItem {
+    id: string;
+    createMesh(sceneWrapper: SceneWrapper): Object3D;
+    onClick?: () => void;
+    maximumWidth?: number;
+    maximumHeight?: number;
+    preferredWidth?: number;
+    preferredHeight?: number;
+    summary?: string;
+    shortSummary?: string;
+    summaryIconMap?: IconMap;
+    summaryRenderingOptions?: RichTextRenderOptionsParameters;
+    shortSummaryRenderingOptions?: RichTextRenderOptionsParameters;
+    /**
+     * This takes a callback that gets updated any time the gallery item needs to be refreshed (new texture or mesh or whatnot).
+     * It returns a callback that can be invoked to unsubscribe this callback
+     */
+    registerUpdateHandler(cb: UpdateCallback): UpdateCallback;
+}
+export interface GalleryItemSource {
+    backingObject?: any;
+    get items(): GalleryItem[];
+    /**
+     * This takes a callback that gets updated any time the gallery item needs to be refreshed (new texture or mesh or whatnot).
+     * It returns a callback that can be invoked to unsubscribe this callback
+     */
+    registerUpdateHandler(cb: UpdateCallback): UpdateCallback;
+    close(): void;
+    inlineGallerySize?: number;
+}
+export interface GallerySizeConfig {
+    w: number;
+    h: number;
+    itemWidth: number;
+    itemHeight: number;
+    itemSpacing: number;
+    zFactor: number;
+}
+export type SummaryMode = "full" | "partial" | "none";
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Gallery/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/library/components/Gallery/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB,CAAC,EAAE,+BAA+B,CAAC;IAC1D,4BAA4B,CAAC,EAAE,+BAA+B,CAAC;IAE/D;;;OAGG;IACH,qBAAqB,CAAC,EAAE,EAAE,cAAc,GAAG,cAAc,CAAC;CAC3D;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;IAE3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,EAAE,cAAc,GAAG,cAAc,CAAC;IAC1D,KAAK,IAAI,IAAI,CAAC;IAEd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/components/Gallery/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Gallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/library/components/Gallery/types.ts"],"names":[],"mappings":""}

package/dist/components/GalleryPlayground.js

@@ -22,7 +22,7 @@ export default function GalleryPlayground({ game }) {
     useEffect(() => {
         setTimeout(() => {
             const index = Math.floor(Math.random() * items.length);
-            if (Math.random() > 0.5) {
+            if (Math.random() > 0.75) {
                 const item = new MyItem(Math.random() * 0xffffff, Math.random().toString());
                 setItems(items.slice(0, index).concat([item]).concat(items.slice(index)));
             }

package/dist/components/GalleryPlayground.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryPlayground.js","sourceRoot":"","sources":["../../src/library/components/GalleryPlayground.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,OAAO,MAAM;IACjB,YACS,KAAa,EACb,EAAU;QADV,UAAK,GAAL,KAAK,CAAQ;QACb,OAAE,GAAF,EAAE,CAAQ;IAChB,CAAC;IAEJ,UAAU;QACR,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACnG,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,qBAAqB,CAAC,EAAc;QAClC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CACF;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAA4B;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CACpF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC;gBACxB,MAAM,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAE5E,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5E,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,GAAG,cACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAI,GACnF,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"GalleryPlayground.js","sourceRoot":"","sources":["../../src/library/components/GalleryPlayground.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,OAAO,MAAM;IACjB,YACS,KAAa,EACb,EAAU;QADV,UAAK,GAAL,KAAK,CAAQ;QACb,OAAE,GAAF,EAAE,CAAQ;IAChB,CAAC;IAEJ,UAAU;QACR,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACnG,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,qBAAqB,CAAC,EAAc;QAClC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CACF;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAA4B;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CACpF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAE5E,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5E,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,GAAG,cACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAI,GACnF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/GalleryViewer.d.ts

@@ -1,48 +1,3 @@
-import { Object3D } from "three";
-import { IconMap } from "../utilities/CanvasStack/CanvasOperations";
-import { RichTextRenderOptionsParameters } from "../utilities/CanvasStack/RichTextRenderer";
-import { SceneWrapper } from "../rendering/outline";
-type UpdateCallback = () => void;
-export interface GalleryItem {
-    id: string;
-    createMesh(sceneWrapper: SceneWrapper): Object3D;
-    onClick?: () => void;
-    maximumWidth?: number;
-    maximumHeight?: number;
-    preferredWidth?: number;
-    preferredHeight?: number;
-    summary?: string;
-    summaryIconMap?: IconMap;
-    summaryRenderingOptions?: RichTextRenderOptionsParameters;
-    /**
-     * This takes a callback that gets updated any time the gallery item needs to be refreshed (new texture or mesh or whatnot).
-     * It returns a callback that can be invoked to unsubscribe this callback
-     */
-    registerUpdateHandler(cb: UpdateCallback): UpdateCallback;
-}
-export interface GalleryItemSource {
-    backingObject?: any;
-    get items(): GalleryItem[];
-    /**
-     * This takes a callback that gets updated any time the gallery item needs to be refreshed (new texture or mesh or whatnot).
-     * It returns a callback that can be invoked to unsubscribe this callback
-     */
-    registerUpdateHandler(cb: UpdateCallback): UpdateCallback;
-    close(): void;
-}
-export declare function GalleryViewer({ items, paused, galleryItemWidth, fov, angle, onClose, itemSpacing, tweenDuration, w, h, galleryItemHeight, showSummary, }: {
-    items: GalleryItem[];
-    w: number;
-    h: number;
-    fov?: number;
-    angle?: number;
-    itemSpacing: number;
-    paused?: boolean;
-    tweenDuration?: number;
-    galleryItemWidth?: number;
-    galleryItemHeight?: number;
-    onClose?: () => void;
-    showSummary?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export { GalleryViewer } from "./Gallery";
+export type { GalleryItem, GalleryItemSource } from "./Gallery";
 //# sourceMappingURL=GalleryViewer.d.ts.map

package/dist/components/GalleryViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/GalleryViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAMT,MAAM,OAAO,CAAC;AAQf,OAAO,EAEL,OAAO,EAIR,MAAM,2CAA2C,CAAC;AAGnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAQpD,KAAK,cAAc,GAAG,MAAM,IAAI,CAAC;AAEjC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB,CAAC,EAAE,+BAA+B,CAAC;IAE1D;;;OAGG;IACH,qBAAqB,CAAC,EAAE,EAAE,cAAc,GAAG,cAAc,CAAC;CAC3D;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;IAE3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,EAAE,cAAc,GAAG,cAAc,CAAC;IAC1D,KAAK,IAAI,IAAI,CAAC;CACf;AAqfD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAc,EACd,gBAAsB,EACtB,GAAQ,EACR,KAAqB,EACrB,OAAO,EACP,WAAgB,EAChB,aAAmB,EACnB,CAAK,EACL,CAAK,EACL,iBAA2B,EAC3B,WAAkB,GACnB,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,kDA4KA"}
+{"version":3,"file":"GalleryViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/GalleryViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}