@editframe/elements 0.37.3-beta → 0.38.0

package/dist/preview/renderTimegroupPreview.js

@@ -1,686 +0,0 @@
-import { logger } from "./logger.js";
-import { getTemporalBounds, isTemporal, isVisibleAtTime } from "./previewTypes.js";
-
-//#region src/preview/renderTimegroupPreview.ts
-/**
-* Elements to skip entirely when building the preview.
-*/
-const SKIP_TAGS = new Set([
-	"EF-AUDIO",
-	"EF-THUMBNAIL-STRIP",
-	"EF-FILMSTRIP",
-	"EF-TIMELINE",
-	"EF-WORKBENCH",
-	"SCRIPT",
-	"STYLE"
-]);
-/**
-* All CSS properties to sync (camelCase for style[] access).
-*/
-const SYNC_PROPERTIES = [
-	"display",
-	"visibility",
-	"opacity",
-	"position",
-	"top",
-	"right",
-	"bottom",
-	"left",
-	"zIndex",
-	"width",
-	"height",
-	"minWidth",
-	"minHeight",
-	"maxWidth",
-	"maxHeight",
-	"flexGrow",
-	"flexShrink",
-	"flexBasis",
-	"flexDirection",
-	"flexWrap",
-	"justifyContent",
-	"alignItems",
-	"alignContent",
-	"alignSelf",
-	"gap",
-	"gridTemplate",
-	"gridColumn",
-	"gridRow",
-	"gridArea",
-	"margin",
-	"padding",
-	"boxSizing",
-	"border",
-	"borderTop",
-	"borderRight",
-	"borderBottom",
-	"borderLeft",
-	"borderRadius",
-	"background",
-	"color",
-	"boxShadow",
-	"filter",
-	"backdropFilter",
-	"clipPath",
-	"fontFamily",
-	"fontSize",
-	"fontWeight",
-	"fontStyle",
-	"fontVariant",
-	"textAlign",
-	"textDecoration",
-	"textTransform",
-	"letterSpacing",
-	"wordSpacing",
-	"whiteSpace",
-	"textOverflow",
-	"lineHeight",
-	"verticalAlign",
-	"transform",
-	"transformOrigin",
-	"transformStyle",
-	"perspective",
-	"perspectiveOrigin",
-	"backfaceVisibility",
-	"cursor",
-	"pointerEvents",
-	"userSelect",
-	"overflow"
-];
-/**
-* Kebab-case versions for computedStyleMap.get() - pre-computed for speed.
-*/
-const SYNC_PROPERTIES_KEBAB = SYNC_PROPERTIES.map((prop) => prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`));
-/**
-* Feature detection: computedStyleMap is ~15% faster for style syncing.
-*/
-const HAS_COMPUTED_STYLE_MAP = typeof Element !== "undefined" && typeof Element.prototype.computedStyleMap === "function";
-/**
-* CSS initial/default values for SAFE-TO-SKIP properties.
-* Only includes NON-INHERITED properties where skipping the default
-* won't affect visual output.
-* 
-* EXCLUDED (must always serialize):
-* - Inherited properties (color, font, text-*, visibility, cursor)
-* - Display (affects layout significantly)
-* - Properties where "auto" computes to a specific value
-* 
-* INCLUDED (safe to skip):
-* - Transform/filter effects (none = no effect)
-* - Box shadows (none = no shadow)
-* - Borders when none/0 (no visual impact)
-* - backdrop-filter (none = no effect)
-*/
-const CSS_SAFE_DEFAULT_VALUES = {
-	transform: "none",
-	filter: "none",
-	backdropFilter: "none",
-	boxShadow: "none",
-	border: [
-		"none",
-		"0px none",
-		"0px",
-		"0px none rgb(0, 0, 0)"
-	],
-	borderTop: [
-		"none",
-		"0px none",
-		"0px",
-		"0px none rgb(0, 0, 0)"
-	],
-	borderRight: [
-		"none",
-		"0px none",
-		"0px",
-		"0px none rgb(0, 0, 0)"
-	],
-	borderBottom: [
-		"none",
-		"0px none",
-		"0px",
-		"0px none rgb(0, 0, 0)"
-	],
-	borderLeft: [
-		"none",
-		"0px none",
-		"0px",
-		"0px none rgb(0, 0, 0)"
-	],
-	borderRadius: ["0px", "0"],
-	position: "static",
-	zIndex: "auto",
-	transformStyle: "flat",
-	perspective: "none",
-	backfaceVisibility: "visible"
-};
-/**
-* Check if a value matches a safe-to-skip default.
-*/
-function isDefaultValue(prop, value) {
-	const defaults = CSS_SAFE_DEFAULT_VALUES[prop];
-	if (!defaults) return false;
-	if (Array.isArray(defaults)) return defaults.includes(value);
-	return defaults === value;
-}
-/**
-* Remove hidden nodes from the clone DOM for serialization.
-* Returns info needed to restore them afterward.
-* 
-* This physically removes non-visible nodes so they won't be serialized,
-* avoiding the cost of serializing hidden elements and their resources.
-*/
-function removeHiddenNodesForSerialization(state) {
-	const removed = [];
-	const visibleSet = state.currentVisibleSet;
-	function visit(node) {
-		for (const child of node.children) visit(child);
-		if (!visibleSet.has(node)) {
-			const parent = node.clone.parentNode;
-			if (parent) {
-				const nextSibling = node.clone.nextSibling;
-				parent.removeChild(node.clone);
-				removed.push({
-					node,
-					parent,
-					nextSibling
-				});
-			}
-		}
-	}
-	if (state.tree.root) visit(state.tree.root);
-	return removed;
-}
-/**
-* Restore previously removed hidden nodes to the clone DOM.
-* Must be called after serialization to maintain tree integrity for next frame.
-*/
-function restoreHiddenNodes(removed) {
-	for (let i = removed.length - 1; i >= 0; i--) {
-		const { node, parent, nextSibling } = removed[i];
-		if (nextSibling) parent.insertBefore(node.clone, nextSibling);
-		else parent.appendChild(node.clone);
-	}
-}
-/**
-* Unified CSS property sync for all elements (canvas clones and regular elements).
-* 
-* Canvas clones use a limited property set matching the original implementation
-* to avoid dimension/layout issues. Regular elements use the full SYNC_PROPERTIES array.
-* 
-* @param source - Source element to read styles from
-* @param clone - Clone element to write styles to
-* @param contentSource - Optional content element for width/height (canvas clones only)
-*/
-function syncElementStyles(source, clone, contentSource) {
-	const cloneStyle = clone.style;
-	const tagName = source.tagName;
-	if (!!contentSource) {
-		let cs;
-		let contentCs;
-		try {
-			cs = getComputedStyle(source);
-			if (contentSource) contentCs = getComputedStyle(contentSource);
-		} catch {
-			return;
-		}
-		cloneStyle.position = cs.position;
-		cloneStyle.top = cs.top;
-		cloneStyle.right = cs.right;
-		cloneStyle.bottom = cs.bottom;
-		cloneStyle.left = cs.left;
-		cloneStyle.margin = cs.margin;
-		cloneStyle.zIndex = cs.zIndex;
-		cloneStyle.transform = cs.transform;
-		cloneStyle.transformOrigin = cs.transformOrigin;
-		cloneStyle.opacity = cs.opacity;
-		cloneStyle.visibility = cs.visibility;
-		cloneStyle.backfaceVisibility = cs.backfaceVisibility;
-		cloneStyle.transformStyle = cs.transformStyle;
-		cloneStyle.background = cs.background;
-		cloneStyle.color = cs.color;
-		cloneStyle.boxShadow = cs.boxShadow;
-		cloneStyle.filter = cs.filter;
-		cloneStyle.backdropFilter = cs.backdropFilter;
-		if (contentCs) {
-			cloneStyle.width = contentCs.width;
-			cloneStyle.height = contentCs.height;
-		}
-		cloneStyle.display = "block";
-		cloneStyle.animation = "none";
-		cloneStyle.transition = "none";
-		return;
-	}
-	const propLen = SYNC_PROPERTIES.length;
-	if (HAS_COMPUTED_STYLE_MAP) {
-		let srcMap;
-		try {
-			srcMap = source.computedStyleMap();
-		} catch {
-			return;
-		}
-		for (let j = 0; j < propLen; j++) {
-			const kebab = SYNC_PROPERTIES_KEBAB[j];
-			const camel = SYNC_PROPERTIES[j];
-			const srcVal = srcMap.get(kebab);
-			if (!srcVal) continue;
-			const strVal = srcVal.toString();
-			if (camel === "display") {
-				cloneStyle.display = strVal === "none" && !(tagName && (tagName === "EF-CAPTIONS-ACTIVE-WORD" || tagName === "EF-CAPTIONS-BEFORE-ACTIVE-WORD" || tagName === "EF-CAPTIONS-AFTER-ACTIVE-WORD" || tagName === "EF-CAPTIONS-SEGMENT")) ? "block" : strVal;
-				continue;
-			}
-			if (camel === "clipPath") continue;
-			if (isDefaultValue(camel, strVal)) {
-				if (cloneStyle[camel]) cloneStyle[camel] = "";
-				continue;
-			}
-			cloneStyle[camel] = strVal;
-		}
-	} else {
-		let cs;
-		try {
-			cs = getComputedStyle(source);
-		} catch {
-			return;
-		}
-		const srcStyle = cs;
-		for (const prop of SYNC_PROPERTIES) {
-			const srcVal = srcStyle[prop];
-			if (!srcVal) continue;
-			if (prop === "display") {
-				cloneStyle.display = srcVal === "none" && !(tagName && (tagName === "EF-CAPTIONS-ACTIVE-WORD" || tagName === "EF-CAPTIONS-BEFORE-ACTIVE-WORD" || tagName === "EF-CAPTIONS-AFTER-ACTIVE-WORD" || tagName === "EF-CAPTIONS-SEGMENT")) ? "block" : srcVal;
-				continue;
-			}
-			if (prop === "clipPath") continue;
-			if (isDefaultValue(prop, srcVal)) {
-				if (cloneStyle[prop]) cloneStyle[prop] = "";
-				continue;
-			}
-			cloneStyle[prop] = srcVal;
-		}
-	}
-	cloneStyle.animation = "none";
-	cloneStyle.transition = "none";
-}
-/**
-* Refresh canvas pixel content from shadow DOM source.
-* Handles both shadow canvas and shadow img sources.
-*/
-function refreshCanvasPixels(node) {
-	const { source, clone } = node;
-	const canvas = clone;
-	const shadowCanvas = source.shadowRoot?.querySelector("canvas");
-	const shadowImg = source.shadowRoot?.querySelector("img");
-	if (shadowCanvas) {
-		if (canvas.width !== shadowCanvas.width) canvas.width = shadowCanvas.width;
-		if (canvas.height !== shadowCanvas.height) canvas.height = shadowCanvas.height;
-		const ctx = canvas.getContext("2d");
-		if (ctx && shadowCanvas.width > 0 && shadowCanvas.height > 0) try {
-			ctx.clearRect(0, 0, canvas.width, canvas.height);
-			ctx.drawImage(shadowCanvas, 0, 0);
-		} catch (e) {
-			logger.warn("[refreshCanvasPixels] Canvas draw failed:", e);
-		}
-	} else if (shadowImg?.complete && shadowImg.naturalWidth > 0) {
-		if (canvas.width !== shadowImg.naturalWidth) canvas.width = shadowImg.naturalWidth;
-		if (canvas.height !== shadowImg.naturalHeight) canvas.height = shadowImg.naturalHeight;
-		const ctx = canvas.getContext("2d");
-		if (ctx) {
-			ctx.clearRect(0, 0, canvas.width, canvas.height);
-			try {
-				ctx.drawImage(shadowImg, 0, 0);
-			} catch {}
-		}
-	}
-}
-/**
-* Sync text content from light DOM to clone.
-*/
-function syncTextContent(source, clone) {
-	const srcTextNode = source.childNodes[0];
-	if (srcTextNode?.nodeType === Node.TEXT_NODE) {
-		const srcText = srcTextNode.textContent || "";
-		const cloneTextNode = clone.childNodes[0];
-		if (cloneTextNode?.nodeType === Node.TEXT_NODE) {
-			if (cloneTextNode.textContent !== srcText) cloneTextNode.textContent = srcText;
-		} else if (!clone.childNodes.length) clone.appendChild(document.createTextNode(srcText));
-	}
-}
-/**
-* Sync input element value.
-*/
-function syncInputValue(source, clone) {
-	if (source instanceof HTMLInputElement) {
-		const srcVal = source.value;
-		const cloneInput = clone;
-		if (cloneInput.value !== srcVal) {
-			cloneInput.value = srcVal;
-			cloneInput.setAttribute("value", srcVal);
-		}
-	}
-}
-/**
-* Build clone tree structure with minimal overhead.
-* Caches temporal bounds on each node for visibility checks.
-* Optionally syncs styles in the same pass if timeMs is provided.
-*/
-function buildCloneStructure(source, timeMs) {
-	const container = document.createElement("div");
-	container.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%";
-	let nodeCount = 0;
-	const canvasSourceMap = /* @__PURE__ */ new WeakMap();
-	function cloneElement(srcEl, parentNode) {
-		if (SKIP_TAGS.has(srcEl.tagName)) return null;
-		const bounds = getTemporalBounds(srcEl);
-		if (srcEl instanceof HTMLCanvasElement) {
-			const canvas = document.createElement("canvas");
-			canvas.width = srcEl.width;
-			canvas.height = srcEl.height;
-			const ctx = canvas.getContext("2d");
-			if (ctx) try {
-				ctx.drawImage(srcEl, 0, 0);
-			} catch {}
-			canvas.style.width = `${srcEl.width}px`;
-			canvas.style.height = `${srcEl.height}px`;
-			try {
-				const cs = getComputedStyle(srcEl);
-				canvas.style.position = cs.position;
-				canvas.style.top = cs.top;
-				canvas.style.right = cs.right;
-				canvas.style.bottom = cs.bottom;
-				canvas.style.left = cs.left;
-				canvas.style.margin = cs.margin;
-				canvas.style.zIndex = cs.zIndex;
-				canvas.style.transform = cs.transform;
-				canvas.style.transformOrigin = cs.transformOrigin;
-				canvas.style.opacity = cs.opacity;
-				canvas.style.visibility = cs.visibility;
-				canvas.style.display = "block";
-			} catch {}
-			canvasSourceMap.set(canvas, srcEl);
-			const node$1 = {
-				source: srcEl,
-				clone: canvas,
-				children: [],
-				isCanvasClone: true,
-				bounds,
-				parent: parentNode
-			};
-			nodeCount++;
-			return node$1;
-		}
-		const isCustom = srcEl.tagName.includes("-");
-		if (isCustom && srcEl.shadowRoot) {
-			const shadowCanvas = srcEl.shadowRoot.querySelector("canvas");
-			if (shadowCanvas) {
-				const clone$1 = document.createElement("canvas");
-				clone$1.width = shadowCanvas.width || srcEl.clientWidth;
-				clone$1.height = shadowCanvas.height || srcEl.clientHeight;
-				if (srcEl.tagName === "EF-WAVEFORM") clone$1.dataset.preserveAlpha = "true";
-				else if (srcEl.tagName === "EF-IMAGE") {
-					const hasAlpha = "hasAlpha" in srcEl && srcEl.hasAlpha;
-					if (hasAlpha) clone$1.dataset.preserveAlpha = "true";
-					console.log(`[buildCloneStructure] EF-IMAGE canvas: size=${clone$1.width}x${clone$1.height}, hasAlpha=${hasAlpha}, preserveAlpha=${hasAlpha ? "PNG" : "JPEG"}`);
-				}
-				const ctx = clone$1.getContext("2d");
-				if (ctx) try {
-					ctx.drawImage(shadowCanvas, 0, 0);
-				} catch {}
-				try {
-					syncElementStyles(srcEl, clone$1, shadowCanvas);
-				} catch {}
-				canvasSourceMap.set(clone$1, srcEl);
-				const node$1 = {
-					source: srcEl,
-					clone: clone$1,
-					children: [],
-					isCanvasClone: true,
-					bounds,
-					parent: parentNode
-				};
-				nodeCount++;
-				return node$1;
-			}
-			const shadowImg = srcEl.shadowRoot.querySelector("img");
-			if (shadowImg?.complete && shadowImg.naturalWidth > 0) {
-				const clone$1 = document.createElement("canvas");
-				clone$1.width = shadowImg.naturalWidth;
-				clone$1.height = shadowImg.naturalHeight;
-				if (srcEl.tagName === "EF-IMAGE") {
-					if ("hasAlpha" in srcEl && srcEl.hasAlpha) clone$1.dataset.preserveAlpha = "true";
-				}
-				const ctx = clone$1.getContext("2d");
-				if (ctx) try {
-					ctx.drawImage(shadowImg, 0, 0);
-				} catch {}
-				try {
-					syncElementStyles(srcEl, clone$1, shadowImg);
-				} catch {}
-				canvasSourceMap.set(clone$1, srcEl);
-				const node$1 = {
-					source: srcEl,
-					clone: clone$1,
-					children: [],
-					isCanvasClone: true,
-					bounds,
-					parent: parentNode
-				};
-				nodeCount++;
-				return node$1;
-			}
-		}
-		let clone;
-		if (srcEl instanceof SVGElement) clone = document.createElementNS("http://www.w3.org/2000/svg", srcEl.tagName);
-		else clone = document.createElement(isCustom ? "div" : srcEl.tagName.toLowerCase());
-		const attrs = srcEl.attributes;
-		const attrLen = attrs.length;
-		if (attrLen > 0) for (let i = 0; i < attrLen; i++) {
-			const attr = attrs[i];
-			const name = attr.name.toLowerCase();
-			if (name === "id" || name.startsWith("on")) continue;
-			if (isCustom && name !== "class" && !name.startsWith("data-")) continue;
-			try {
-				clone.setAttribute(attr.name, attr.value);
-			} catch {}
-		}
-		if (srcEl instanceof HTMLImageElement && srcEl.src) clone.src = srcEl.src;
-		if (srcEl instanceof HTMLInputElement) clone.value = srcEl.value;
-		const node = {
-			source: srcEl,
-			clone,
-			children: [],
-			isCanvasClone: false,
-			bounds,
-			parent: parentNode
-		};
-		nodeCount++;
-		if (srcEl.shadowRoot) {
-			const shadowChildren = srcEl.shadowRoot.childNodes;
-			const shadowLen = shadowChildren.length;
-			if (shadowLen > 0) {
-				const isTextSegment = srcEl.tagName === "EF-TEXT-SEGMENT";
-				let hasTextNode = false;
-				for (let i = 0; i < shadowLen; i++) {
-					const child = shadowChildren[i];
-					if (child.nodeType === Node.TEXT_NODE) {
-						if (child.textContent?.trim() || isTextSegment) {
-							clone.appendChild(document.createTextNode(child.textContent || ""));
-							hasTextNode = true;
-						}
-					} else if (child.nodeType === Node.ELEMENT_NODE) {
-						const el = child;
-						if (el.tagName === "STYLE" || el.tagName === "SLOT") continue;
-						const childNode = cloneElement(el, node);
-						if (childNode) {
-							node.children.push(childNode);
-							clone.appendChild(childNode.clone);
-						}
-					}
-				}
-				if (isTextSegment && !hasTextNode) clone.appendChild(document.createTextNode(""));
-			}
-		}
-		const lightChildren = srcEl.childNodes;
-		const lightLen = lightChildren.length;
-		for (let i = 0; i < lightLen; i++) {
-			const child = lightChildren[i];
-			if (child.nodeType === Node.TEXT_NODE) {
-				const text = child.textContent?.trim();
-				if (text) clone.appendChild(document.createTextNode(text));
-			} else if (child.nodeType === Node.ELEMENT_NODE) {
-				const childNode = cloneElement(child, node);
-				if (childNode) {
-					node.children.push(childNode);
-					clone.appendChild(childNode.clone);
-				}
-			}
-		}
-		return node;
-	}
-	const root = cloneElement(source, null);
-	if (root) container.appendChild(root.clone);
-	const syncState = {
-		tree: { root },
-		nodeCount,
-		canvasSourceMap,
-		previousVisibleSet: /* @__PURE__ */ new Set(),
-		currentVisibleSet: /* @__PURE__ */ new Set()
-	};
-	if (timeMs !== void 0 && root) syncStylesWithIndex(syncState, timeMs);
-	return {
-		container,
-		syncState
-	};
-}
-/**
-* Sync a single node's styles (extracted for reuse).
-* Now uses unified style syncing with clear separation of concerns:
-* 1. Canvas pixel refresh (if canvas clone)
-* 2. Unified CSS property sync (all elements)
-* 3. Content sync (text, input values)
-*/
-function syncNodeStyles(node) {
-	const { source, clone, isCanvasClone } = node;
-	if (isCanvasClone) refreshCanvasPixels(node);
-	syncElementStyles(source, clone, isCanvasClone ? source.shadowRoot?.querySelector("canvas") || source.shadowRoot?.querySelector("img") || void 0 : void 0);
-	syncTextContent(source, clone);
-	syncInputValue(source, clone);
-}
-let syncStats = {
-	nodesVisited: 0,
-	nodesCulledByParent: 0,
-	nodesCulledByTemporal: 0,
-	nodesProcessed: 0,
-	nodesFullSync: 0,
-	nodesIncrementalSync: 0,
-	nodesHidden: 0,
-	indexQueryTimeMs: 0,
-	syncTimeMs: 0
-};
-/**
-* Compute visibility delta between previous and current frame.
-*/
-function computeVisibilityDelta(previousSet, currentSet) {
-	const nowVisible = /* @__PURE__ */ new Set();
-	const stillVisible = /* @__PURE__ */ new Set();
-	const nowHidden = /* @__PURE__ */ new Set();
-	for (const node of currentSet) if (previousSet.has(node)) stillVisible.add(node);
-	else nowVisible.add(node);
-	for (const node of previousSet) if (!currentSet.has(node)) nowHidden.add(node);
-	return {
-		nowVisible,
-		stillVisible,
-		nowHidden
-	};
-}
-/**
-* Build visible set by recursive traversal with bounds checking.
-* Queries fresh bounds from source elements each time - bounds are computed
-* dynamically by timegroups based on composition mode.
-*/
-function buildVisibleSetRecursive(node, timeMs, visibleSet) {
-	const { children, source } = node;
-	const bounds = getTemporalBounds(source);
-	if (timeMs >= bounds.startMs && timeMs <= bounds.endMs) {
-		visibleSet.add(node);
-		for (const child of children) buildVisibleSetRecursive(child, timeMs, visibleSet);
-	}
-}
-/**
-* Sync styles with recursive visibility check and delta tracking.
-* 
-* DELTA TRACKING: Tracks visibility changes between frames to minimize work:
-* - nowVisible nodes: Full style sync + show
-* - stillVisible nodes: Incremental sync (source DOM may have changed)
-* - nowHidden nodes: Just hide (display:none)
-*/
-function syncStylesWithIndex(state, timeMs) {
-	const queryStart = performance.now();
-	const visibleSet = /* @__PURE__ */ new Set();
-	if (state.tree.root) buildVisibleSetRecursive(state.tree.root, timeMs, visibleSet);
-	const delta = computeVisibilityDelta(state.previousVisibleSet, visibleSet);
-	syncStats.indexQueryTimeMs = performance.now() - queryStart;
-	const syncStart = performance.now();
-	if (state.tree.root) syncNodeWithDelta(state.tree.root, visibleSet, delta);
-	syncStats.syncTimeMs = performance.now() - syncStart;
-	state.previousVisibleSet = visibleSet;
-	state.currentVisibleSet = visibleSet;
-}
-/**
-* Sync a node using visibility delta for incremental updates.
-* 
-* DELTA TRACKING optimization:
-* - nowVisible: Full style sync (element just appeared)
-* - stillVisible: Incremental sync (source DOM may have changed)
-* - nowHidden: Just hide the element
-* - Not in any set: Skip entirely (was already hidden)
-*/
-function syncNodeWithDelta(node, visibleSet, delta) {
-	syncStats.nodesVisited++;
-	if (!visibleSet.has(node)) {
-		node.clone.style.display = "none";
-		if (delta.nowHidden.has(node)) syncStats.nodesHidden++;
-		syncStats.nodesCulledByTemporal++;
-		return;
-	}
-	if (delta.nowVisible.has(node)) {
-		syncNodeStyles(node);
-		syncStats.nodesFullSync++;
-	} else if (delta.stillVisible.has(node)) {
-		syncNodeStyles(node);
-		syncStats.nodesIncrementalSync++;
-	}
-	syncStats.nodesProcessed++;
-	for (const child of node.children) syncNodeWithDelta(child, visibleSet, delta);
-}
-/**
-* Collect document styles for shadow DOM injection.
-*/
-function collectDocumentStyles() {
-	const rules = [];
-	try {
-		for (const sheet of document.styleSheets) try {
-			if (sheet.cssRules) for (const rule of sheet.cssRules) rules.push(rule.cssText);
-		} catch {}
-	} catch {}
-	return rules.join("\n");
-}
-/**
-* Override clip-path, opacity, and optionally transform on the root clone element.
-* The source may have these properties set for proxy mode or workbench scaling.
-* 
-* @param syncState - The sync state containing the clone tree
-* @param fullReset - If true, also resets opacity and transform (for capture operations)
-*/
-function overrideRootCloneStyles(syncState, fullReset = false) {
-	const rootClone = syncState.tree.root?.clone;
-	if (!rootClone) return;
-	rootClone.style.clipPath = "none";
-	if (fullReset) {
-		rootClone.style.opacity = "1";
-		rootClone.style.transform = "none";
-	}
-}
-
-//#endregion
-export { buildCloneStructure, collectDocumentStyles, overrideRootCloneStyles, removeHiddenNodesForSerialization, restoreHiddenNodes };
-//# sourceMappingURL=renderTimegroupPreview.js.map