@remotion/studio 4.0.516 → 4.0.518

package/dist/components/selected-outline-order.js

@@ -1,251 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderOutlinesForRendering = void 0;
-const outlinePointEqualityTolerance = 0.5;
-const outlineAreaEqualityTolerance = 0.5;
-const outlineBoundsOverlapTolerance = 0.5;
-const outlinePointsAreEquivalent = (a, b) => {
-    return (Math.abs(a.x - b.x) <= outlinePointEqualityTolerance &&
-        Math.abs(a.y - b.y) <= outlinePointEqualityTolerance);
-};
-const outlinesHaveEquivalentHitArea = (a, b) => {
-    if (a.points.length !== b.points.length) {
-        return false;
-    }
-    for (let startIndex = 0; startIndex < b.points.length; startIndex++) {
-        for (const direction of [1, -1]) {
-            const pointsMatch = a.points.every((point, index) => {
-                const bIndex = (startIndex + direction * index + b.points.length) % b.points.length;
-                return outlinePointsAreEquivalent(point, b.points[bIndex]);
-            });
-            if (pointsMatch) {
-                return true;
-            }
-        }
-    }
-    return false;
-};
-const getOutlineHitArea = (outline) => {
-    let area = 0;
-    for (let i = 0; i < outline.points.length; i++) {
-        const current = outline.points[i];
-        const next = outline.points[(i + 1) % outline.points.length];
-        area += current.x * next.y - next.x * current.y;
-    }
-    return Math.abs(area) / 2;
-};
-const getOutlineBounds = (outline) => {
-    const xs = outline.points.map((point) => point.x);
-    const ys = outline.points.map((point) => point.y);
-    return {
-        maxX: Math.max(...xs),
-        maxY: Math.max(...ys),
-        minX: Math.min(...xs),
-        minY: Math.min(...ys),
-    };
-};
-const outlineBoundsOverlap = (a, b) => {
-    const aBounds = getOutlineBounds(a);
-    const bBounds = getOutlineBounds(b);
-    return (aBounds.minX <= bBounds.maxX + outlineBoundsOverlapTolerance &&
-        aBounds.maxX + outlineBoundsOverlapTolerance >= bBounds.minX &&
-        aBounds.minY <= bBounds.maxY + outlineBoundsOverlapTolerance &&
-        aBounds.maxY + outlineBoundsOverlapTolerance >= bBounds.minY);
-};
-const getSequenceId = (target) => {
-    var _a;
-    var _b;
-    return (_b = (_a = target === null || target === void 0 ? void 0 : target.sequence) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null;
-};
-const getParentBySequenceId = ({ sequences, targetsByKey, }) => {
-    const parentBySequenceId = new Map();
-    for (const sequence of sequences) {
-        parentBySequenceId.set(sequence.id, sequence.parent);
-    }
-    for (const target of targetsByKey.values()) {
-        const sequenceId = getSequenceId(target);
-        if (sequenceId !== null && !parentBySequenceId.has(sequenceId)) {
-            parentBySequenceId.set(sequenceId, target.sequence.parent);
-        }
-    }
-    return parentBySequenceId;
-};
-const isAncestorTarget = ({ ancestor, descendant, parentBySequenceId, }) => {
-    var _a;
-    var _b, _c;
-    const ancestorId = getSequenceId(ancestor);
-    if (ancestorId === null) {
-        return false;
-    }
-    let parentId = (_b = (_a = descendant.sequence) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
-    while (parentId !== null) {
-        if (parentId === ancestorId) {
-            return true;
-        }
-        parentId = (_c = parentBySequenceId.get(parentId)) !== null && _c !== void 0 ? _c : null;
-    }
-    return false;
-};
-const orderOutlineGroup = ({ outlines, parentBySequenceId, targetsByKey, }) => {
-    var _a;
-    var _b, _c, _d, _e;
-    const incomingEdges = new Map();
-    const outgoingEdges = new Map();
-    const outlinesByKey = new Map(outlines.map((outline) => [outline.key, outline]));
-    for (const outline of outlines) {
-        incomingEdges.set(outline.key, new Set());
-        outgoingEdges.set(outline.key, new Set());
-    }
-    const hasPath = ({ fromKey, seen, toKey, }) => {
-        var _a;
-        if (fromKey === toKey) {
-            return true;
-        }
-        if (seen.has(fromKey)) {
-            return false;
-        }
-        seen.add(fromKey);
-        for (const nextKey of (_a = outgoingEdges.get(fromKey)) !== null && _a !== void 0 ? _a : []) {
-            if (hasPath({ fromKey: nextKey, seen, toKey })) {
-                return true;
-            }
-        }
-        return false;
-    };
-    const addEdge = (before, after, options) => {
-        if (before.key === after.key) {
-            return;
-        }
-        const incoming = incomingEdges.get(after.key);
-        const outgoing = outgoingEdges.get(before.key);
-        if (incoming === undefined || outgoing === undefined) {
-            throw new Error('Expected outline to be registered before adding edge');
-        }
-        if (outgoing.has(after.key)) {
-            return;
-        }
-        if (hasPath({ fromKey: after.key, seen: new Set(), toKey: before.key })) {
-            if (options === null || options === void 0 ? void 0 : options.skipIfCycle) {
-                return;
-            }
-            throw new Error('Could not determine a stable outline rendering order');
-        }
-        incoming.add(before.key);
-        outgoing.add(after.key);
-    };
-    const addAncestorConstraint = ({ ancestor, descendant, descendantContainsSelection, equivalentHitArea, }) => {
-        // Usually, children should be above parents so nested elements are directly
-        // selectable. If an unselected child has the same hit area as its parent, put
-        // it below the parent so the wrapper can be selected. Once the child or
-        // one of its properties is selected, keep it above the parent so it remains
-        // directly draggable.
-        if (equivalentHitArea && !descendantContainsSelection) {
-            addEdge(descendant, ancestor);
-        }
-        else {
-            addEdge(ancestor, descendant);
-        }
-    };
-    const outlineBySequenceId = new Map();
-    for (const outline of outlines) {
-        const sequenceId = getSequenceId(targetsByKey.get(outline.key));
-        if (sequenceId !== null) {
-            outlineBySequenceId.set(sequenceId, outline);
-        }
-    }
-    // Only constrain each outline against its nearest rendered ancestor. The
-    // resulting graph follows the sequence tree, so pairwise subpixel equivalence
-    // cannot introduce contradictory edges across three nested outlines.
-    for (const descendant of outlines) {
-        const descendantTarget = targetsByKey.get(descendant.key);
-        let parentId = (_b = (_a = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.sequence) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
-        while (parentId !== null) {
-            const ancestor = outlineBySequenceId.get(parentId);
-            if (ancestor !== undefined) {
-                addAncestorConstraint({
-                    ancestor,
-                    descendant,
-                    descendantContainsSelection: ((_c = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.selected) !== null && _c !== void 0 ? _c : false) ||
-                        ((_d = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.containsSelection) !== null && _d !== void 0 ? _d : false),
-                    equivalentHitArea: outlinesHaveEquivalentHitArea(ancestor, descendant),
-                });
-                break;
-            }
-            parentId = (_e = parentBySequenceId.get(parentId)) !== null && _e !== void 0 ? _e : null;
-        }
-    }
-    // For unrelated overlapping outlines, put broader hit targets below
-    // smaller ones so a large selected sequence cannot swallow clicks on
-    // a more specific element in the same canvas area.
-    for (let i = 0; i < outlines.length; i++) {
-        for (let j = i + 1; j < outlines.length; j++) {
-            const a = outlines[i];
-            const b = outlines[j];
-            const aTarget = targetsByKey.get(a.key);
-            const bTarget = targetsByKey.get(b.key);
-            if (aTarget === undefined || bTarget === undefined) {
-                continue;
-            }
-            const aAncestorOfB = isAncestorTarget({
-                ancestor: aTarget,
-                descendant: bTarget,
-                parentBySequenceId,
-            });
-            const bAncestorOfA = isAncestorTarget({
-                ancestor: bTarget,
-                descendant: aTarget,
-                parentBySequenceId,
-            });
-            if (aAncestorOfB || bAncestorOfA || !outlineBoundsOverlap(a, b)) {
-                continue;
-            }
-            const aArea = getOutlineHitArea(a);
-            const bArea = getOutlineHitArea(b);
-            if (Math.abs(aArea - bArea) <= outlineAreaEqualityTolerance) {
-                continue;
-            }
-            if (aArea > bArea) {
-                addEdge(a, b, { skipIfCycle: true });
-            }
-            else {
-                addEdge(b, a, { skipIfCycle: true });
-            }
-        }
-    }
-    const emitted = new Set();
-    const visiting = new Set();
-    const ordered = [];
-    const visit = (outline) => {
-        var _a;
-        if (emitted.has(outline.key)) {
-            return;
-        }
-        if (visiting.has(outline.key)) {
-            throw new Error('Could not determine a stable outline rendering order');
-        }
-        visiting.add(outline.key);
-        for (const dependencyKey of (_a = incomingEdges.get(outline.key)) !== null && _a !== void 0 ? _a : []) {
-            const dependency = outlinesByKey.get(dependencyKey);
-            if (dependency === undefined) {
-                throw new Error('Expected outline dependency to exist');
-            }
-            visit(dependency);
-        }
-        visiting.delete(outline.key);
-        emitted.add(outline.key);
-        ordered.push(outline);
-    };
-    for (const outline of outlines) {
-        visit(outline);
-    }
-    return ordered;
-};
-const orderOutlinesForRendering = ({ outlines, sequences, targetsByKey, }) => {
-    const parentBySequenceId = getParentBySequenceId({ sequences, targetsByKey });
-    return orderOutlineGroup({
-        outlines,
-        parentBySequenceId,
-        targetsByKey,
-    });
-};
-exports.orderOutlinesForRendering = orderOutlinesForRendering;

package/dist/helpers/get-box-quads-polyfill-internals.d.ts

@@ -1,82 +0,0 @@
-/**
- * @param {globalThis} windowObj?
- * @param {boolean=} force
- */
-export declare function addPolyfill(windowObj?: globalThis, force?: boolean | undefined): void;
-/**
- * @param {globalThis} windowObj?
- */
-export declare function patchAdoptNode(windowObj?: globalThis): void;
-/**
- * @param {Node} node
- * @param {DOMQuadInit} quad
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad}
- */
-export declare function convertQuadFromNode(node: Node, quad: DOMQuadInit, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad;
-/**
- * @param {Node} node
- * @param {{x: number, y: number, width: number, height: number}} rect
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad}
- */
-export declare function convertRectFromNode(node: Node, rect: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad;
-/**
- * @param {Node} node
- * @param {DOMPointInit} point
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMPoint}
- */
-export declare function convertPointFromNode(node: Node, point: DOMPointInit, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMPoint;
-export declare function clearCache(): void;
-export declare function useCache(): void;
-/**
- * @param {Node} node
- * @param {{box?: 'margin'|'border'|'padding'|'content', relativeTo?: Element, iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad[]}
- */
-export declare function getBoxQuads(node: Node, options?: {
-    box?: 'margin' | 'border' | 'padding' | 'content';
-    relativeTo?: Element;
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad[];
-/**
- * @param {Node} node
- * @param {DOMMatrix=} matrix
- */
-export declare function getElementSize(node: Node, matrix?: DOMMatrix | undefined): {
-    width: number;
-    height: number;
-};
-/**
- * @param {Node} node
- * @param {Element} ancestor
- * @param {HTMLIFrameElement[]} iframes
- * @param {boolean=} excludeSelfZoom
- */
-export declare function getResultingTransformationBetweenElementAndAllAncestors(node: Node, ancestor: Element, iframes: HTMLIFrameElement[], excludeSelfZoom?: boolean | undefined): DOMMatrix;
-/**
- * @param {Node} element
- * @param {HTMLIFrameElement[]=} iframes
- */
-export declare function getElementCombinedTransform(element: Node, iframes?: HTMLIFrameElement[] | undefined): DOMMatrix;