@a-type/ui 5.0.22 → 6.0.0

package/dist/esm/components/viewport/AutoPan.js

@@ -1,117 +0,0 @@
-// @unocss-include
-import { EventSubscriber } from '@a-type/utils';
-import { multiplyVector, vectorLength } from './math.js';
-/**
- * A class which encapsulates a looping behavior for auto-panning the
- * viewport when the user drags an surface or tool near the edge of the window.
- * A discrete, stateful class is needed because there are no cursor events
- * which fire continually when a user's pointer is idling in the "hot zone" -
- * i.e. we have to use an animation frame loop to continually apply the pan
- * if the user moves their cursor near the edge and then stops moving, because
- * even though the cursor has stopped, it's still in the pan zone.
- */
-export class AutoPan extends EventSubscriber {
-    constructor(viewport) {
-        super();
-        this.viewport = viewport;
-        this.cursorPosition = null;
-        // percentage of window dimensions which will trigger auto-pan behavior
-        this.threshold = 0.15;
-        // slows down the pan speed
-        this.panSpeedMultiplier = 0.25;
-        this.delay = 500; // delay before starting the auto-pan loop
-        /**
-         * begin the auto-pan update loop with an initial cursor position -
-         * should be called at the start of a drag
-         */
-        this.start = (cursorPosition) => {
-            this.startedAt = performance.now();
-            if (Array.isArray(cursorPosition)) {
-                this.cursorPosition = { x: cursorPosition[0], y: cursorPosition[1] };
-            }
-            else {
-                this.cursorPosition = cursorPosition;
-            }
-            this.rafHandle = requestAnimationFrame(this.loop);
-        };
-        /**
-         * sets a new cursor position to calculate from, use this whenever
-         * the cursor moves.
-         */
-        this.update = (cursorPosition) => {
-            if (!this.cursorPosition) {
-                this.cursorPosition = { x: 0, y: 0 };
-            }
-            if (Array.isArray(cursorPosition)) {
-                this.cursorPosition.x = cursorPosition[0];
-                this.cursorPosition.y = cursorPosition[1];
-            }
-            else {
-                this.cursorPosition.x = cursorPosition.x;
-                this.cursorPosition.y = cursorPosition.y;
-            }
-        };
-        /** cancels the update loop, should be called at the end of a drag */
-        this.stop = () => {
-            if (this.rafHandle) {
-                cancelAnimationFrame(this.rafHandle);
-            }
-        };
-        this.getAutoPan = () => {
-            const cursorPosition = this.cursorPosition;
-            if (!cursorPosition) {
-                return { x: 0, y: 0 };
-            }
-            const windowLeft = this.viewport.rootOffset.x;
-            const windowTop = this.viewport.rootOffset.y;
-            const windowRight = windowLeft + this.viewport.rootSize.width;
-            const windowBottom = windowTop + this.viewport.rootSize.height;
-            // if cursor is outside the viewport, don't pan
-            if (cursorPosition.x < windowLeft ||
-                cursorPosition.x > windowRight ||
-                cursorPosition.y < windowTop ||
-                cursorPosition.y > windowBottom) {
-                return { x: 0, y: 0 };
-            }
-            const autoPan = { x: 0, y: 0 };
-            const horizontalThreshold = this.threshold * this.viewport.rootSize.width;
-            const verticalThreshold = this.threshold * this.viewport.rootSize.height;
-            if (cursorPosition.x < horizontalThreshold + windowLeft) {
-                // autopan is adaptive to how far 'deep' in the threshold the cursor is
-                autoPan.x = -(horizontalThreshold - (cursorPosition.x - windowLeft));
-            }
-            else if (windowRight - cursorPosition.x < horizontalThreshold) {
-                autoPan.x = horizontalThreshold - (windowRight - cursorPosition.x);
-            }
-            if (cursorPosition.y < verticalThreshold + windowTop) {
-                autoPan.y = -(verticalThreshold - (cursorPosition.y - windowTop));
-            }
-            else if (windowBottom - cursorPosition.y < verticalThreshold) {
-                autoPan.y = verticalThreshold - (windowBottom - cursorPosition.y);
-            }
-            return multiplyVector(autoPan, this.panSpeedMultiplier);
-        };
-        this.loop = () => {
-            if (!this.startedAt) {
-                // if we haven't started yet, don't do anything
-                return;
-            }
-            const now = performance.now();
-            if (now - this.startedAt < this.delay) {
-                // if we haven't waited long enough, don't do anything
-                this.rafHandle = requestAnimationFrame(this.loop);
-                return;
-            }
-            const autoPan = this.getAutoPan();
-            if (vectorLength(autoPan)) {
-                this.viewport.setPanRelative(autoPan, {
-                    origin: 'direct',
-                });
-                // emit an event to others
-                this.emit('pan', { autoPan, cursorPosition: this.cursorPosition });
-            }
-            this.rafHandle = requestAnimationFrame(this.loop);
-        };
-    }
-}
-//# sourceMappingURL=AutoPan.js.map

package/dist/esm/components/viewport/AutoPan.js.map

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

package/dist/esm/components/viewport/Viewport.js

@@ -1,83 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { createContext, useContext, useEffect, useRef, useState, } from 'react';
-import { createPortal } from 'react-dom';
-import { useSizeCssVars, useStableCallback } from '../../hooks.js';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { Box } from '../box/Box.js';
-import { useKeyboardControls, useViewportGestureControls, } from './useViewportGestures.js';
-import { ViewportContent } from './ViewportContent.js';
-import { ViewportProvider } from './ViewportContext.js';
-import { ViewportState } from './ViewportState.js';
-import { ViewportZoomControls } from './ViewportZoomControls.js';
-export function ViewportRoot({ children, className, style, defaultCenter, onZoomChange, onCenterChange, viewportRef, minZoom = 'fit', maxZoom = 3, defaultZoom = 0.5, panLimitBuffer = 100, gestureOptions, }) {
-    const viewport = useState(() => new ViewportState({
-        panLimitMode: 'viewport',
-        zoomLimits: {
-            min: minZoom,
-            max: maxZoom,
-        },
-        defaultZoom,
-        panLimitBuffer,
-        defaultCenter,
-    }))[0];
-    if (viewportRef) {
-        // If a viewportRef is provided, we use it to expose the viewport state
-        // This allows parent components to access the viewport state directly
-        viewportRef.current = viewport;
-    }
-    const innerRef = useRef(null);
-    const sizeRef = useSizeCssVars(300, undefined, {
-        width: '--root-width',
-        height: '--root-height',
-    });
-    const finalRef = useMergedRef(viewport.bindRoot, innerRef, sizeRef);
-    const gestureProps = useViewportGestureControls(viewport, innerRef, gestureOptions);
-    const keyboardProps = useKeyboardControls(viewport);
-    useEffect(() => {
-        window.viewport = viewport; // For debugging purposes
-    }, [viewport]);
-    const stableOnZoomChange = useStableCallback(onZoomChange);
-    const stableOnCenterChange = useStableCallback(onCenterChange);
-    useEffect(() => {
-        setTimeout(() => stableOnZoomChange(viewport.zoom), 0);
-        return viewport.subscribe('zoomChanged', stableOnZoomChange);
-    }, [viewport, stableOnZoomChange]);
-    useEffect(() => {
-        setTimeout(() => stableOnCenterChange(viewport.panPosition), 0);
-        return viewport.subscribe('centerChanged', stableOnCenterChange);
-    }, [viewport, stableOnCenterChange]);
-    const [controlsRoot, controlsRef] = useState(null);
-    return (_jsx(ViewportProvider, { value: viewport, children: _jsx(ViewportControlContext.Provider, { value: controlsRoot, children: _jsx(Box, { className: clsx('min-h-32px min-w-32px', className), style: style, ref: controlsRef, children: _jsx("div", Object.assign({ className: clsx('contain-strict relative h-full w-full flex-1 touch-none select-none overflow-hidden', 'foc', className) }, gestureProps, keyboardProps, { tabIndex: 0, ref: finalRef, children: _jsx(ViewportContent, { viewport: viewport, children: children }) })) }) }) }));
-}
-const ViewportControlContext = createContext(null);
-export function ViewportControlContent(_a) {
-    var { children, className, position = 'top-right' } = _a, props = __rest(_a, ["children", "className", "position"]);
-    const el = useContext(ViewportControlContext);
-    if (el === null) {
-        return null;
-    }
-    return createPortal(_jsx(Box, Object.assign({ className: clsx('layer-variants:absolute', {
-            'layer-components:left-sm layer-components:top-sm': position === 'top-left',
-            'layer-components:right-sm layer-components:top-sm': position === 'top-right',
-            'layer-components:bottom-sm layer-components:left-sm': position === 'bottom-left',
-            'layer-components:bottom-sm layer-components:right-sm': position === 'bottom-right',
-        }, className), surface: true, border: true, elevated: "md" }, props, { children: children })), el);
-}
-export const Viewport = Object.assign(ViewportRoot, {
-    Control: ViewportControlContent,
-    ZoomControls: ViewportZoomControls,
-});
-//# sourceMappingURL=Viewport.js.map

package/dist/esm/components/viewport/Viewport.js.map

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

package/dist/esm/components/viewport/Viewport.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Viewport } from './Viewport.js';
-declare const meta: {
-    title: string;
-    component: typeof import("./Viewport.js").ViewportRoot & {
-        Control: typeof import("./Viewport.js").ViewportControlContent;
-        ZoomControls: typeof import("./ViewportZoomControls.js").ViewportZoomControls;
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Viewport>;
-export declare const Default: Story;
-export declare const HighZoomLevel: Story;

package/dist/esm/components/viewport/Viewport.stories.js

@@ -1,29 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../button/Button.js';
-import { Icon } from '../icon/Icon.js';
-import { Viewport } from './Viewport.js';
-import { useViewport } from './ViewportContext.js';
-const meta = {
-    title: 'Components/Viewport',
-    component: Viewport,
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-const CenterButton = () => {
-    const viewport = useViewport();
-    return (_jsx(Button, { emphasis: "ghost", size: "small", onClick: () => viewport.recenter(), children: _jsx(Icon, { name: "locate" }) }));
-};
-export const Default = {
-    render(args) {
-        return (_jsxs(Viewport, Object.assign({ className: "h-600px w-full" }, args, { children: [_jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }), _jsx(Viewport.Control, { children: _jsx(Viewport.ZoomControls, {}) }), _jsx(Viewport.Control, { position: "bottom-right", children: _jsx(CenterButton, {}) })] })));
-    },
-};
-export const HighZoomLevel = {
-    render(args) {
-        return (_jsxs(Viewport, Object.assign({ className: "h-600px w-full", defaultZoom: 100, maxZoom: 1000, minZoom: 10 }, args, { children: [_jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg", width: 10 }), _jsx(Viewport.Control, { children: _jsx(Viewport.ZoomControls, {}) }), _jsx(Viewport.Control, { position: "bottom-right", children: _jsx(CenterButton, {}) })] })));
-    },
-};
-//# sourceMappingURL=Viewport.stories.js.map

package/dist/esm/components/viewport/Viewport.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Viewport.stories.js","sourceRoot":"","sources":["../../../../src/components/viewport/Viewport.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,YAAY,GAAG,GAAG,EAAE;IACzB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,YACvE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,GACd,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,QAAQ,kBAAC,SAAS,EAAC,gBAAgB,IAAK,IAAI,eAC5C,cAAK,GAAG,EAAC,mDAAmD,GAAG,EAC/D,KAAC,QAAQ,CAAC,OAAO,cAChB,KAAC,QAAQ,CAAC,YAAY,KAAG,GACP,EACnB,KAAC,QAAQ,CAAC,OAAO,IAAC,QAAQ,EAAC,cAAc,YACxC,KAAC,YAAY,KAAG,GACE,KACT,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,QAAQ,kBACR,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAE,GAAG,EAChB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,EAAE,IACP,IAAI,eAER,cACC,GAAG,EAAC,mDAAmD,EACvD,KAAK,EAAE,EAAE,GACR,EACF,KAAC,QAAQ,CAAC,OAAO,cAChB,KAAC,QAAQ,CAAC,YAAY,KAAG,GACP,EACnB,KAAC,QAAQ,CAAC,OAAO,IAAC,QAAQ,EAAC,cAAc,YACxC,KAAC,YAAY,KAAG,GACE,KACT,CACX,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/viewport/ViewportContent.js

@@ -1,64 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { preventDefault } from '@a-type/utils';
-import clsx from 'clsx';
-import { motion, useMotionTemplate, useSpring, } from 'motion/react';
-import { useEffect, useRef } from 'react';
-import useMergedRef from '../../hooks/useMergedRef.js';
-const PAN_SPRING_CONFIG = {
-    mass: 0.2,
-    bounce: 0.05,
-};
-const ZOOM_SPRING_CONFIG = {
-    mass: 0.5,
-    bounce: 0.1,
-};
-export function ViewportContent(_a) {
-    var { viewport, children, className } = _a, rest = __rest(_a, ["viewport", "children", "className"]);
-    const internalRef = useRef(null);
-    const centerX = useSpring(viewport.panPosition.x, PAN_SPRING_CONFIG);
-    const centerY = useSpring(viewport.panPosition.y, PAN_SPRING_CONFIG);
-    const zoom = useSpring(viewport.zoom, ZOOM_SPRING_CONFIG);
-    useEffect(() => viewport.subscribe('centerChanged', (center, origin) => {
-        if (origin === 'direct') {
-            centerX.jump(-center.x);
-            centerY.jump(-center.y);
-        }
-        else {
-            centerX.set(-center.x);
-            centerY.set(-center.y);
-        }
-    }), [viewport, centerX, centerY]);
-    useEffect(() => viewport.subscribe('zoomChanged', (zoomValue, origin) => {
-        if (origin === 'direct') {
-            zoom.jump(zoomValue);
-        }
-        else {
-            zoom.set(zoomValue);
-        }
-        if (internalRef.current) {
-            // disabled: this is causing recalculate style :(
-            //internalRef.current.style.setProperty('--zoom', zoomValue.toString());
-        }
-    }), [viewport, zoom, internalRef]);
-    useEffect(() => viewport.subscribe('zoomSettled', (zoom) => {
-        if (internalRef.current) {
-            internalRef.current.style.setProperty('--zoom-settled', zoom.toString());
-        }
-    }), [viewport, internalRef]);
-    const finalRef = useMergedRef(viewport.bindContent, internalRef);
-    const transform = useMotionTemplate `translate3d(calc(var(--root-width,0)/2), calc(var(--root-height,0)/2), 0) translate3d(-50%, -50%, 0) scale(${zoom}) translate3d(${centerX}px, ${centerY}px, 0)`;
-    return (_jsx(motion.div, Object.assign({}, rest, { className: clsx('layer-components:absolute layer-components:transform-origin-center layer-components:touch-none layer-components:select-none layer-components:overflow-visible layer-components:overscroll-none', className), ref: finalRef, style: { transform }, onDragStartCapture: preventDefault, onDrag: preventDefault, onDragEnd: preventDefault, children: children })));
-}
-//# sourceMappingURL=ViewportContent.js.map

package/dist/esm/components/viewport/ViewportContent.js.map

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

package/dist/esm/components/viewport/ViewportContext.js

@@ -1,12 +0,0 @@
-// @unocss-include
-import { createContext, use } from 'react';
-const ViewportContext = createContext(null);
-export const ViewportProvider = ViewportContext.Provider;
-export function useViewport() {
-    const viewport = use(ViewportContext);
-    if (!viewport) {
-        throw new Error('useViewport must be used within a ViewportProvider');
-    }
-    return viewport;
-}
-//# sourceMappingURL=ViewportContext.js.map

package/dist/esm/components/viewport/ViewportContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewportContext.js","sourceRoot":"","sources":["../../../../src/components/viewport/ViewportContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,eAAe,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC;AACzD,MAAM,UAAU,WAAW;IACzB,MAAM,QAAQ,GAAG,GAAG,CAAC,eAAe,CAAC,CAAC;IACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;IACxE,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}