import {
composeRefs
} from "./PT2CJE3O.jsx";
import {
EnvironmentProvider
} from "./HDGILMRT.jsx";
import {
ark
} from "./UFYZ7HLU.jsx";
// src/components/frame/frame.tsx
import { Show, createEffect as createEffect2, createMemo, createSignal, onCleanup as onCleanup2, splitProps } from "solid-js";
import { Portal } from "solid-js/web";
// src/components/frame/frame-content.tsx
import { createEffect, onCleanup } from "solid-js";
var FrameContent = (props) => {
const { onMount, onUnmount, children } = props;
createEffect(() => {
onMount?.();
onCleanup(() => {
onUnmount?.();
});
});
return children;
};
// src/components/frame/frame.tsx
var resetStyle = "";
var initialSrcDoc = `${resetStyle}`;
function getMountNode(frame) {
const doc = frame.contentWindow?.document;
if (!doc) return null;
return doc.body.querySelector(".frame-root") || doc.body;
}
var Frame = (props) => {
const [frameProps, localProps] = splitProps(props, ["children", "head", "onMount", "onUnmount", "srcdoc"]);
const srcdoc = createMemo(() => frameProps.srcdoc ?? initialSrcDoc);
const [frameRef, setFrameRef] = createSignal(null);
const [mountNode, setMountNode] = createSignal(null);
createEffect2(() => {
const frame = frameRef();
if (!frame) return;
const doc = frame.contentWindow?.document;
if (!doc) return;
doc.open();
doc.write(srcdoc());
doc.close();
setMountNode(getMountNode(frame));
});
createEffect2(() => {
const frame = frameRef();
if (!frame?.contentDocument) return;
const win = frame.contentWindow;
if (!win) return;
const node = getMountNode(frame);
if (!node) return;
const exec = () => {
win.requestAnimationFrame(() => {
const rootEl = frame.contentDocument?.documentElement;
if (!rootEl) return;
frame.style.setProperty("--width", `${node.scrollWidth}px`);
frame.style.setProperty("--height", `${node.scrollHeight}px`);
});
};
const resizeObserver = new win.ResizeObserver(exec);
exec();
if (frame.contentDocument) {
resizeObserver.observe(node);
}
onCleanup2(() => {
resizeObserver.disconnect();
});
});
return frameRef()?.contentDocument ?? document}>
{(node) =>
{frameProps.children}
}
{frameProps.head}
;
};
export {
Frame
};