@sebastianwessel/isostate 0.1.0 → 0.2.0

package/dist/browser/isostate.runtime.js

@@ -1,2449 +1,6 @@
-/**
- * Animation engine — resolves progress against compiled RuntimeBundle scene stops.
- *
- * The engine does not manipulate DOM. It computes interpolation data and lifecycle
- * transitions that the controller applies to the rendering engine.
- */
-class AnimationEngine {
-    _bundle = null;
-    _progress = 0;
-    _paused = false;
-    _prevFrameMap = new Map();
-    _elementFrameMap = new Map();
-    _prevConnectorFrameMap = new Map();
-    _connectorFrameMap = new Map();
-    get bundle() {
-        return this._bundle;
-    }
-    get progress() {
-        return this._progress;
-    }
-    getProgress() {
-        return this._progress;
-    }
-    get paused() {
-        return this._paused;
-    }
-    isPaused() {
-        return this._paused;
-    }
-    get elementsCount() {
-        return this._elementFrameMap.size;
-    }
-    get connectorsCount() {
-        return this._connectorFrameMap.size;
-    }
-    /** Initialize with a compiled runtime bundle. */
-    init(bundle) {
-        this._bundle = bundle;
-        this._progress = 0;
-        this._paused = false;
-        this._prevFrameMap.clear();
-        this._elementFrameMap.clear();
-        this._prevConnectorFrameMap.clear();
-        this._connectorFrameMap.clear();
-        const initial = resolveFrameMap(bundle, 0);
-        this._elementFrameMap = initial;
-        this._prevFrameMap = cloneFrameMap(initial);
-        const initialConnectors = resolveConnectorFrameMap(bundle, 0);
-        this._connectorFrameMap = initialConnectors;
-        this._prevConnectorFrameMap = cloneConnectorFrameMap(initialConnectors);
-    }
-    /** Set current scroll progress (0-1) and compute frame update. */
-    setProgress(progress) {
-        const clamped = Math.max(0, Math.min(1, progress));
-        if (this._paused)
-            return;
-        this._progress = clamped;
-        if (!this._bundle)
-            return;
-        this._prevFrameMap = cloneFrameMap(this._elementFrameMap);
-        this._elementFrameMap = resolveFrameMap(this._bundle, clamped);
-        this._prevConnectorFrameMap = cloneConnectorFrameMap(this._connectorFrameMap);
-        this._connectorFrameMap = resolveConnectorFrameMap(this._bundle, clamped);
-    }
-    /** Get interpolated FrameUpdate for an element id or runtime element. */
-    getElementUpdate(element) {
-        const id = typeof element === "string" ? element : element.id;
-        const frame = this._elementFrameMap.get(id);
-        if (!frame) {
-            return {
-                id,
-                asset: "",
-                lifecycle: "removed",
-                ambient: [],
-                pos: [0, 0],
-                size: 1,
-                layer: "",
-            };
-        }
-        return frameToUpdate(frame);
-    }
-    getFrameUpdates() {
-        return [...this._elementFrameMap.values()].map(frameToUpdate);
-    }
-    /** Get interpolated ConnectorFrameUpdate for a connector id or runtime connector. */
-    getConnectorUpdate(connector) {
-        const id = typeof connector === "string" ? connector : connector.id;
-        const frame = this._connectorFrameMap.get(id);
-        if (!frame)
-            return connectorFrameToUpdate(removedConnectorFrame(id));
-        return connectorFrameToUpdate(frame);
-    }
-    getConnectorFrameUpdates() {
-        return [...this._connectorFrameMap.values()].map(connectorFrameToUpdate);
-    }
-    /** Compute lifecycle transition between previous and current frame. */
-    getLifecycleTransition(elId) {
-        const prev = this._prevFrameMap.get(elId);
-        const current = this._elementFrameMap.get(elId);
-        const from = (prev?.lifecycle ?? "removed");
-        const to = (current?.lifecycle ?? "removed");
-        if (from === to)
-            return null;
-        return {
-            from,
-            to,
-        };
-    }
-    /** Compute lifecycle transition between previous and current connector frame. */
-    getConnectorLifecycleTransition(connectorId) {
-        const prev = this._prevConnectorFrameMap.get(connectorId);
-        const current = this._connectorFrameMap.get(connectorId);
-        const from = (prev?.lifecycle ?? "removed");
-        const to = (current?.lifecycle ?? "removed");
-        if (from === to)
-            return null;
-        return {
-            from,
-            to,
-        };
-    }
-    getCurrentState() {
-        const bundle = this._bundle;
-        if (!bundle)
-            return null;
-        const pair = findSurroundingStops(bundle.scenes, this._progress);
-        return pair?.nextStop ?? bundle.scenes[0] ?? null;
-    }
-    pause() {
-        this._paused = true;
-    }
-    resume() {
-        this._paused = false;
-    }
-    destroy() {
-        this._bundle = null;
-        this._progress = 0;
-        this._paused = false;
-        this._elementFrameMap.clear();
-        this._prevFrameMap.clear();
-        this._connectorFrameMap.clear();
-        this._prevConnectorFrameMap.clear();
-    }
-}
-// ── Interpolation helpers ──────────────────────────────────────────────────
-function resolveFrameMap(bundle, progress) {
-    const pair = findSurroundingStops(bundle.scenes, progress);
-    const result = new Map();
-    if (!pair)
-        return result;
-    const ids = new Set();
-    for (const stop of bundle.scenes) {
-        for (const element of stop.elements ?? [])
-            ids.add(element.id);
-    }
-    for (const element of pair.prevStop.elements ?? [])
-        ids.add(element.id);
-    for (const element of pair.nextStop.elements ?? [])
-        ids.add(element.id);
-    for (const id of ids) {
-        const frame = withRemovedElementGeometry(interpolateElement(id, pair.prevStop, pair.nextStop, pair.t), bundle.scenes, id, progress);
-        result.set(id, frame);
-    }
-    return result;
-}
-function resolveConnectorFrameMap(bundle, progress) {
-    const pair = findSurroundingStops(bundle.scenes, progress);
-    const result = new Map();
-    if (!pair)
-        return result;
-    const ids = new Set();
-    for (const stop of bundle.scenes) {
-        for (const connector of stop.connectors ?? [])
-            ids.add(connector.id);
-    }
-    for (const connector of pair.prevStop.connectors ?? [])
-        ids.add(connector.id);
-    for (const connector of pair.nextStop.connectors ?? [])
-        ids.add(connector.id);
-    for (const id of ids) {
-        const frame = interpolateConnector(id, pair.prevStop, pair.nextStop, pair.t);
-        result.set(id, frame);
-    }
-    return result;
-}
-function findSurroundingStops(stops, progress) {
-    if (stops.length === 0)
-        return null;
-    const sorted = [...stops].sort((a, b) => a.progress - b.progress);
-    if (sorted.length === 1 || progress <= sorted[0].progress) {
-        return { prevStop: sorted[0], nextStop: sorted[0], t: 0, nextIndex: 0 };
-    }
-    const lastIndex = sorted.length - 1;
-    if (progress >= sorted[lastIndex].progress) {
-        return {
-            prevStop: sorted[lastIndex - 1] ?? sorted[lastIndex],
-            nextStop: sorted[lastIndex],
-            t: 1,
-            nextIndex: lastIndex,
-        };
-    }
-    for (let i = 1; i < sorted.length; i++) {
-        const nextStop = sorted[i];
-        if (nextStop.progress >= progress) {
-            const prevStop = sorted[i - 1];
-            const range = nextStop.progress - prevStop.progress;
-            const t = range > 0 ? (progress - prevStop.progress) / range : 0;
-            return { prevStop, nextStop, t, nextIndex: i };
-        }
-    }
-    return null;
-}
-function interpolateElement(id, prevStop, nextStop, t) {
-    const prev = findElement(prevStop, id);
-    const next = findElement(nextStop, id);
-    const source = next ?? prev;
-    if (!source) {
-        return removedFrame(id);
-    }
-    if (!prev || prev.presence === "removed") {
-        return frameFromElement(source, source.presence === "removed" || t < 1 ? "removed" : source.presence);
-    }
-    if (!next || next.presence === "removed") {
-        return frameFromElement(prev, t < 1 ? prev.presence : "removed");
-    }
-    const lifecycle = t < 1 ? prev.presence : next.presence;
-    return {
-        id,
-        asset: next.asset,
-        pos: interpolatePos(prev.pos, next.pos, t),
-        size: prev.size + (next.size - prev.size) * t,
-        lifecycle,
-        ambient: cloneAmbient(next.ambient),
-        layer: t < 1 ? prev.layer : next.layer,
-        entry: next.enter ?? prev.enter,
-        exit: next.exit ?? prev.exit,
-        text: cloneText(next.text ?? prev.text),
-        primitive: clonePrimitive(next.primitive ?? prev.primitive),
-    };
-}
-function interpolateConnector(id, prevStop, nextStop, t) {
-    const prev = findConnector(prevStop, id);
-    const next = findConnector(nextStop, id);
-    const source = next ?? prev;
-    if (!source)
-        return removedConnectorFrame(id);
-    if (!prev || prev.presence === "removed") {
-        return frameFromConnector(source, source.presence === "removed" || t < 1 ? "removed" : source.presence);
-    }
-    if (!next || next.presence === "removed") {
-        return frameFromConnector(prev, t < 1 ? prev.presence : "removed");
-    }
-    const lifecycle = t < 1 ? prev.presence : next.presence;
-    return {
-        id,
-        route: interpolateRoute(prev.route, next.route, t),
-        layer: t < 1 ? prev.layer : next.layer,
-        lifecycle,
-        style: cloneConnectorStyle(next.style),
-        start: next.start,
-        end: next.end,
-        direction: next.direction,
-        ambient: cloneAmbient(next.ambient),
-        entry: next.enter ?? prev.enter,
-        exit: next.exit ?? prev.exit,
-    };
-}
-function findElement(stop, id) {
-    return (stop.elements ?? []).find((element) => element.id === id);
-}
-function findConnector(stop, id) {
-    return (stop.connectors ?? []).find((connector) => connector.id === id);
-}
-function withRemovedElementGeometry(frame, stops, id, progress) {
-    if (frame.lifecycle !== "removed")
-        return frame;
-    const reference = findNearestElementGeometry(stops, id, progress);
-    if (!reference)
-        return frame;
-    return {
-        ...frame,
-        asset: reference.asset,
-        pos: [...reference.pos],
-        size: reference.size,
-        ambient: cloneAmbient(reference.ambient),
-        layer: reference.layer,
-        entry: reference.enter,
-        exit: reference.exit,
-        text: cloneText(reference.text),
-        primitive: clonePrimitive(reference.primitive),
-    };
-}
-function findNearestElementGeometry(stops, id, progress) {
-    const sorted = [...stops].sort((a, b) => a.progress - b.progress);
-    const next = sorted
-        .filter((stop) => stop.progress >= progress)
-        .flatMap((stop) => stop.elements ?? [])
-        .find((element) => element.id === id && element.presence !== "removed");
-    if (next)
-        return next;
-    for (let index = sorted.length - 1; index >= 0; index -= 1) {
-        if (sorted[index].progress > progress)
-            continue;
-        const previous = (sorted[index].elements ?? []).find((element) => element.id === id && element.presence !== "removed");
-        if (previous)
-            return previous;
-    }
-    return undefined;
-}
-function frameFromElement(element, lifecycle = element.presence) {
-    return {
-        id: element.id,
-        asset: element.asset,
-        pos: [...element.pos],
-        size: element.size,
-        lifecycle,
-        ambient: cloneAmbient(element.ambient),
-        layer: element.layer,
-        entry: element.enter,
-        exit: element.exit,
-        text: cloneText(element.text),
-        primitive: clonePrimitive(element.primitive),
-    };
-}
-function frameFromConnector(connector, lifecycle = connector.presence) {
-    return {
-        id: connector.id,
-        route: cloneRoute(connector.route),
-        layer: connector.layer,
-        lifecycle,
-        style: cloneConnectorStyle(connector.style),
-        start: connector.start,
-        end: connector.end,
-        direction: connector.direction,
-        ambient: cloneAmbient(connector.ambient),
-        entry: connector.enter,
-        exit: connector.exit,
-    };
-}
-function removedFrame(id) {
-    return {
-        id,
-        asset: "",
-        pos: [0, 0],
-        size: 1,
-        lifecycle: "removed",
-        ambient: [],
-        layer: "",
-    };
-}
-function removedConnectorFrame(id) {
-    return {
-        id,
-        route: [],
-        layer: "",
-        lifecycle: "removed",
-        style: {
-            variant: "line",
-            pattern: "solid",
-            stroke: "#2563eb",
-            strokeWidth: 3,
-            opacity: 1,
-            outlineWidth: 0,
-            lane: "none",
-        },
-        start: "none",
-        end: "none",
-        direction: "route",
-        ambient: [],
-    };
-}
-function interpolatePos(prev, next, t) {
-    return [prev[0] + (next[0] - prev[0]) * t, prev[1] + (next[1] - prev[1]) * t];
-}
-function interpolateRoute(prev, next, t) {
-    if (prev.length !== next.length)
-        return cloneRoute(t < 1 ? prev : next);
-    return prev.map((point, index) => interpolatePos(point, next[index], t));
-}
-function cloneRoute(route) {
-    return route.map((point) => [point[0], point[1]]);
-}
-function cloneConnectorStyle(style) {
-    return {
-        ...style,
-        ...(style.dash ? { dash: [...style.dash] } : {}),
-    };
-}
-function cloneAmbient(ambient) {
-    return (ambient ?? []).map((item) => ({ ...item }));
-}
-function frameToUpdate(frame) {
-    return {
-        id: frame.id,
-        asset: frame.asset,
-        lifecycle: frame.lifecycle,
-        ambient: cloneAmbient(frame.ambient),
-        pos: [...frame.pos],
-        size: frame.size,
-        layer: frame.layer,
-        entry: frame.entry,
-        exit: frame.exit,
-        text: cloneText(frame.text),
-        primitive: clonePrimitive(frame.primitive),
-    };
-}
-function connectorFrameToUpdate(frame) {
-    return {
-        id: frame.id,
-        route: cloneRoute(frame.route),
-        layer: frame.layer,
-        lifecycle: frame.lifecycle,
-        style: cloneConnectorStyle(frame.style),
-        start: frame.start,
-        end: frame.end,
-        direction: frame.direction,
-        ambient: cloneAmbient(frame.ambient),
-        entry: frame.entry,
-        exit: frame.exit,
-    };
-}
-function cloneFrameMap(map) {
-    const clone = new Map();
-    for (const [id, frame] of map) {
-        clone.set(id, {
-            ...frame,
-            pos: [...frame.pos],
-            ambient: cloneAmbient(frame.ambient),
-            text: cloneText(frame.text),
-            primitive: clonePrimitive(frame.primitive),
-        });
-    }
-    return clone;
-}
-function cloneText(text) {
-    return text ? { ...text } : undefined;
-}
-function clonePrimitive(primitive) {
-    if (!primitive)
-        return undefined;
-    return {
-        ...(primitive.rectangle
-            ? {
-                rectangle: {
-                    ...primitive.rectangle,
-                    dash: cloneDash(primitive.rectangle.dash),
-                },
-            }
-            : {}),
-        ...(primitive.circle
-            ? {
-                circle: {
-                    ...primitive.circle,
-                    dash: cloneDash(primitive.circle.dash),
-                },
-            }
-            : {}),
-        ...(primitive.polygon
-            ? {
-                polygon: {
-                    ...primitive.polygon,
-                    dash: cloneDash(primitive.polygon.dash),
-                    points: cloneRoute(primitive.polygon.points),
-                },
-            }
-            : {}),
-        ...(primitive.line
-            ? {
-                line: {
-                    ...primitive.line,
-                    dash: cloneDash(primitive.line.dash),
-                    points: cloneRoute(primitive.line.points),
-                },
-            }
-            : {}),
-    };
-}
-function cloneDash(dash) {
-    return dash ? [dash[0], dash[1]] : undefined;
-}
-function cloneConnectorFrameMap(map) {
-    const clone = new Map();
-    for (const [id, frame] of map) {
-        clone.set(id, {
-            ...frame,
-            route: cloneRoute(frame.route),
-            style: cloneConnectorStyle(frame.style),
-            ambient: cloneAmbient(frame.ambient),
-        });
-    }
-    return clone;
-}
+class y{_bundle=null;_progress=0;_paused=!1;_prevFrameMap=new Map;_elementFrameMap=new Map;_prevConnectorFrameMap=new Map;_connectorFrameMap=new Map;get bundle(){return this._bundle}get progress(){return this._progress}getProgress(){return this._progress}get paused(){return this._paused}isPaused(){return this._paused}get elementsCount(){return this._elementFrameMap.size}get connectorsCount(){return this._connectorFrameMap.size}init($){this._bundle=$,this._progress=0,this._paused=!1,this._prevFrameMap.clear(),this._elementFrameMap.clear(),this._prevConnectorFrameMap.clear(),this._connectorFrameMap.clear();let J=M0($,0);this._elementFrameMap=J,this._prevFrameMap=T0(J);let K=X0($,0);this._connectorFrameMap=K,this._prevConnectorFrameMap=w0(K)}setProgress($){let J=Math.max(0,Math.min(1,$));if(this._paused)return;if(this._progress=J,!this._bundle)return;this._prevFrameMap=T0(this._elementFrameMap),this._elementFrameMap=M0(this._bundle,J),this._prevConnectorFrameMap=w0(this._connectorFrameMap),this._connectorFrameMap=X0(this._bundle,J)}getElementUpdate($){let J=typeof $==="string"?$:$.id,K=this._elementFrameMap.get(J);if(!K)return{id:J,asset:"",lifecycle:"removed",ambient:[],pos:[0,0],size:1,layer:""};return N0(K)}getFrameUpdates(){return[...this._elementFrameMap.values()].map(N0)}getConnectorUpdate($){let J=typeof $==="string"?$:$.id,K=this._connectorFrameMap.get(J);if(!K)return d(R0(J));return d(K)}getConnectorFrameUpdates(){return[...this._connectorFrameMap.values()].map(d)}getLifecycleTransition($){let J=this._prevFrameMap.get($),K=this._elementFrameMap.get($),Z=J?.lifecycle??"removed",k=K?.lifecycle??"removed";if(Z===k)return null;return{from:Z,to:k}}getConnectorLifecycleTransition($){let J=this._prevConnectorFrameMap.get($),K=this._connectorFrameMap.get($),Z=J?.lifecycle??"removed",k=K?.lifecycle??"removed";if(Z===k)return null;return{from:Z,to:k}}getCurrentState(){let $=this._bundle;if(!$)return null;return o($.scenes,this._progress)?.nextStop??$.scenes[0]??null}pause(){this._paused=!0}resume(){this._paused=!1}destroy(){this._bundle=null,this._progress=0,this._paused=!1,this._elementFrameMap.clear(),this._prevFrameMap.clear(),this._connectorFrameMap.clear(),this._prevConnectorFrameMap.clear()}}function M0($,J){let K=o($.scenes,J),Z=new Map;if(!K)return Z;let k=new Set;for(let q of $.scenes)for(let Q of q.elements??[])k.add(Q.id);for(let q of K.prevStop.elements??[])k.add(q.id);for(let q of K.nextStop.elements??[])k.add(q.id);for(let q of k){let Q=G1(U1(q,K.prevStop,K.nextStop,K.t),$.scenes,q,J);Z.set(q,Q)}return Z}function X0($,J){let K=o($.scenes,J),Z=new Map;if(!K)return Z;let k=new Set;for(let q of $.scenes)for(let Q of q.connectors??[])k.add(Q.id);for(let q of K.prevStop.connectors??[])k.add(q.id);for(let q of K.nextStop.connectors??[])k.add(q.id);for(let q of k){let Q=V1(q,K.prevStop,K.nextStop,K.t);Z.set(q,Q)}return Z}function o($,J){if($.length===0)return null;let K=[...$].sort((k,q)=>k.progress-q.progress);if(K.length===1||J<=K[0].progress)return{prevStop:K[0],nextStop:K[0],t:0,nextIndex:0};let Z=K.length-1;if(J>=K[Z].progress)return{prevStop:K[Z-1]??K[Z],nextStop:K[Z],t:1,nextIndex:Z};for(let k=1;k<K.length;k++){let q=K[k];if(q.progress>=J){let Q=K[k-1],H=q.progress-Q.progress,L=H>0?(J-Q.progress)/H:0;return{prevStop:Q,nextStop:q,t:L,nextIndex:k}}}return null}function U1($,J,K,Z){let k=P0(J,$),q=P0(K,$),Q=q??k;if(!Q)return O1($);if(!k||k.presence==="removed")return F0(Q,Q.presence==="removed"||Z<1?"removed":Q.presence);if(!q||q.presence==="removed")return F0(k,Z<1?k.presence:"removed");let H=Z<1?k.presence:q.presence;return{id:$,asset:q.asset,pos:z0(k.pos,q.pos,Z),size:k.size+(q.size-k.size)*Z,lifecycle:H,ambient:w(q.ambient),layer:Z<1?k.layer:q.layer,entry:q.enter??k.enter,exit:q.exit??k.exit,text:f(q.text??k.text),primitive:v(q.primitive??k.primitive)}}function V1($,J,K,Z){let k=_0(J,$),q=_0(K,$),Q=q??k;if(!Q)return R0($);if(!k||k.presence==="removed")return A0(Q,Q.presence==="removed"||Z<1?"removed":Q.presence);if(!q||q.presence==="removed")return A0(k,Z<1?k.presence:"removed");let H=Z<1?k.presence:q.presence;return{id:$,route:Y1(k.route,q.route,Z),layer:Z<1?k.layer:q.layer,lifecycle:H,style:p(Z<1?k.style:q.style),start:q.start,end:q.end,direction:q.direction,ambient:w(q.ambient),entry:q.enter??k.enter,exit:q.exit??k.exit}}function P0($,J){return($.elements??[]).find((K)=>K.id===J)}function _0($,J){return($.connectors??[]).find((K)=>K.id===J)}function G1($,J,K,Z){if($.lifecycle!=="removed")return $;let k=j1(J,K,Z);if(!k)return $;return{...$,asset:k.asset,pos:[...k.pos],size:k.size,ambient:w(k.ambient),layer:k.layer,entry:k.enter,exit:k.exit,text:f(k.text),primitive:v(k.primitive)}}function j1($,J,K){let Z=[...$].sort((q,Q)=>q.progress-Q.progress),k=Z.filter((q)=>q.progress>=K).flatMap((q)=>q.elements??[]).find((q)=>q.id===J&&q.presence!=="removed");if(k)return k;for(let q=Z.length-1;q>=0;q-=1){if(Z[q].progress>K)continue;let Q=(Z[q].elements??[]).find((H)=>H.id===J&&H.presence!=="removed");if(Q)return Q}return}function F0($,J=$.presence){return{id:$.id,asset:$.asset,pos:[...$.pos],size:$.size,lifecycle:J,ambient:w($.ambient),layer:$.layer,entry:$.enter,exit:$.exit,text:f($.text),primitive:v($.primitive)}}function A0($,J=$.presence){return{id:$.id,route:x($.route),layer:$.layer,lifecycle:J,style:p($.style),start:$.start,end:$.end,direction:$.direction,ambient:w($.ambient),entry:$.enter,exit:$.exit}}function O1($){return{id:$,asset:"",pos:[0,0],size:1,lifecycle:"removed",ambient:[],layer:""}}function R0($){return{id:$,route:[],layer:"",lifecycle:"removed",style:{variant:"line",pattern:"solid",stroke:"#2563eb",strokeWidth:3,opacity:1,outlineWidth:0,lane:"none"},start:"none",end:"none",direction:"route",ambient:[]}}function z0($,J,K){return[$[0]+(J[0]-$[0])*K,$[1]+(J[1]-$[1])*K]}function Y1($,J,K){if($.length!==J.length)return x(K<1?$:J);return $.map((Z,k)=>z0(Z,J[k],K))}function x($){return $.map((J)=>[J[0],J[1]])}function p($){return{...$,...$.dash?{dash:[...$.dash]}:{}}}function w($){return($??[]).map((J)=>({...J}))}function N0($){return{id:$.id,asset:$.asset,lifecycle:$.lifecycle,ambient:w($.ambient),pos:[...$.pos],size:$.size,layer:$.layer,entry:$.entry,exit:$.exit,text:f($.text),primitive:v($.primitive)}}function d($){return{id:$.id,route:x($.route),layer:$.layer,lifecycle:$.lifecycle,style:p($.style),start:$.start,end:$.end,direction:$.direction,ambient:w($.ambient),entry:$.entry,exit:$.exit}}function T0($){let J=new Map;for(let[K,Z]of $)J.set(K,{...Z,pos:[...Z.pos],ambient:w(Z.ambient),text:f(Z.text),primitive:v(Z.primitive)});return J}function f($){return $?{...$}:void 0}function v($){if(!$)return;return{...$.rectangle?{rectangle:{...$.rectangle,dash:c($.rectangle.dash)}}:{},...$.circle?{circle:{...$.circle,dash:c($.circle.dash)}}:{},...$.polygon?{polygon:{...$.polygon,dash:c($.polygon.dash),points:x($.polygon.points)}}:{},...$.line?{line:{...$.line,dash:c($.line.dash),points:x($.line.points)}}:{}}}function c($){return $?[$[0],$[1]]:void 0}function w0($){let J=new Map;for(let[K,Z]of $)J.set(K,{...Z,route:x(Z.route),style:p(Z.style),ambient:w(Z.ambient)});return J}var M1={light:{"--color-top":"#e2e8f0","--color-front":"#94a3b8","--color-side":"#64748b","--color-back":"#475569","--color-leaf":"#15803d","--color-trunk":"#78350f","--color-accent":"#3b82f6"},dark:{"--color-top":"#334155","--color-front":"#1e293b","--color-side":"#0f172a","--color-back":"#020617","--color-leaf":"#166534","--color-trunk":"#451a03","--color-accent":"#60a5fa"},brand:{"--color-top":"#c7d2fe","--color-front":"#818cf8","--color-side":"#6366f1","--color-back":"#4338ca","--color-leaf":"#22c55e","--color-trunk":"#854d0e","--color-accent":"#f59e0b"}};function u($){return M1[$]}class n extends Error{code;details;constructor($,J,K){super(J);this.code=$;this.details=K;this.name=this.constructor.name}}class G extends n{}class O extends n{}function D($,J,K){return{rawX:K*($-J)*0.5,rawY:K*($+J)*0.25}}function h($,J,K,Z=0,k=0,q=0,Q=0){let{rawX:H,rawY:L}=D($,J,K);return{screenX:H-Z+q,screenY:L-k+Q}}function s($,J){return J*$}function C0(){return["@keyframes iso-anim-fade-in{from{opacity:0}to{opacity:1}}","@keyframes iso-anim-fade-in-grow{from{opacity:0;scale:.01}to{opacity:1;scale:1}}","@keyframes iso-anim-fall-in{from{opacity:0;translate:0 -40px}to{opacity:1;translate:0 0}}","@keyframes iso-anim-rise-from-ground{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}","@keyframes iso-anim-slide-in-left{from{opacity:0;translate:-60px 0}to{opacity:1;translate:0 0}}","@keyframes iso-anim-slide-in-right{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}","@keyframes iso-anim-flip-in{from{opacity:1;scale:0 1}to{opacity:1;scale:1 1}}","@keyframes iso-anim-fade-out{from{opacity:1}to{opacity:0}}","@keyframes iso-anim-fade-out-shrink{from{opacity:1;scale:1}to{opacity:0;scale:.01}}","@keyframes iso-anim-fall-through-ground{from{opacity:1;translate:0 0}to{opacity:0;translate:0 40px}}","@keyframes iso-anim-rise-away{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -40px}}","@keyframes iso-anim-slide-out-left{from{opacity:1;translate:0 0}to{opacity:0;translate:-60px 0}}","@keyframes iso-anim-slide-out-right{from{opacity:1;translate:0 0}to{opacity:0;translate:60px 0}}","@keyframes iso-anim-flip-out{from{opacity:1;scale:1 1}to{opacity:0;scale:0 1}}","@keyframes iso-anim-pulse{0%,100%{opacity:.7}50%{opacity:1}}","@keyframes iso-anim-float{0%,100%{translate:0 0}50%{translate:0 -6px}}","@keyframes iso-anim-shake{0%,25%,75%,100%{translate:0 0}50%{translate:3px 0}}","@keyframes iso-anim-glow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.9))}}","@keyframes iso-anim-spin{from{rotate:0deg}to{rotate:360deg}}","@keyframes iso-anim-blink{0%,49%{opacity:1}50%,100%{opacity:0}}","@keyframes iso-connector-flow-route{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1px * var(--iso-flow-distance,20))}}","@keyframes iso-connector-flow-reverse{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(1px * var(--iso-flow-distance,20))}}",".iso-connector-pattern-dashed .iso-connector-shaft,.iso-connector-pattern-dotted .iso-connector-shaft{--iso-flow-distance:20}",".iso-connector-direction-route .iso-connector-shaft.iso-ambient-flow{animation:iso-connector-flow-route 900ms linear infinite}",".iso-connector-direction-reverse .iso-connector-shaft.iso-ambient-flow{animation:iso-connector-flow-reverse 900ms linear infinite}","@media (prefers-reduced-motion: reduce){.iso-element,.iso-connector{animation-duration:1ms!important}.iso-ambient-pulse,.iso-ambient-float,.iso-ambient-shake,.iso-ambient-glow,.iso-ambient-spin,.iso-ambient-blink,.iso-ambient-flow{animation:none!important}}"].join(`
+`)}var R="http://www.w3.org/2000/svg";function S0($){let J=new Map,K=$?.assets;if(K&&typeof K==="object"){for(let[Z,k]of Object.entries(K))if(k&&typeof k==="object"&&typeof k.url==="string")J.set(Z,{url:k.url,anchor:k.anchor})}return(Z)=>J.get(Z)}function I0($,J,K){return N1($.url,J,K,$.anchor)}function t($,J,K){if(!$?.value)throw new G("TEXT_CONTENT_MISSING",`Text content is missing for built-in asset: ${J}`,{asset:J});let Z=document.createElementNS(R,"g"),k=document.createElementNS(R,"text"),q=$.align??"middle",Q=$.fontSize??12,H=$.lineHeight??1.2,L=X1(q,K);k.setAttribute("x",String(L)),k.setAttribute("y",String(-K)),k.setAttribute("text-anchor",q),k.setAttribute("dominant-baseline","text-before-edge"),k.setAttribute("font-family","Arial, Helvetica, sans-serif"),k.setAttribute("font-size",String(Q)),k.setAttribute("font-weight",String($.fontWeight??700)),k.setAttribute("fill",$.fill??"currentColor");let W=P1($.value);for(let[j,M]of W.entries()){let X=document.createElementNS(R,"tspan");X.setAttribute("x",String(L)),X.setAttribute("dy",j===0?"0":String(Q*H)),X.textContent=M,k.appendChild(X)}return Z.appendChild(k),Z}function e($,J,K){let Z=document.createElementNS(R,"g");switch($){case"rectangle":return D0(Z,_1(),J?.rectangle,K),Z;case"polygon":return D0(Z,J?.polygon?.points,J?.polygon,K),Z;case"line":return F1(Z,J?.line,J?.line,K),Z;case"circle":return A1(Z,J?.circle,K),Z;default:throw new G("PRIMITIVE_ASSET_UNKNOWN",`Unknown built-in primitive asset: ${$}`,{asset:$})}}function X1($,J){if($==="start")return-J/2;if($==="end")return J/2;return 0}function P1($){return $.replace(/\r\n?/g,`
+`).replace(/\n$/,"").split(`
+`)}function _1(){return[[0,0],[1,0],[1,1],[0,1]]}function D0($,J,K,Z){if(!J)return;let k=document.createElementNS(R,"polygon");k.setAttribute("points",J.map((q)=>$0(q,Z)).join(" ")),J0(k,K,{fill:"currentColor",stroke:"none"}),$.appendChild(k)}function F1($,J,K,Z){if(!J?.points)return;let k=document.createElementNS(R,"polyline");k.setAttribute("points",J.points.map((q)=>$0(q,Z)).join(" ")),k.setAttribute("fill","none"),k.setAttribute("stroke-linecap",J.lineCap??"round"),k.setAttribute("stroke-linejoin",J.lineJoin??"round"),J0(k,K,{fill:"none",stroke:"currentColor"}),$.appendChild(k)}function A1($,J,K){let Z=$0([0.5,0.5],K),k=document.createElementNS(R,"circle"),[q,Q]=Z.split(",").map(Number);k.setAttribute("cx",String(q)),k.setAttribute("cy",String(Q)),k.setAttribute("r",String(K*0.2)),J0(k,J,{fill:"currentColor",stroke:"none"}),$.appendChild(k)}function $0($,J){let K=D($[0],$[1],J),Z=D(1,1,J);return`${K.rawX-Z.rawX},${K.rawY-Z.rawY}`}function J0($,J,K){if($.setAttribute("fill",J?.fill??K.fill),$.setAttribute("stroke",J?.stroke??K.stroke),$.setAttribute("stroke-width",String(J?.strokeWidth??0)),$.setAttribute("opacity",String(J?.opacity??1)),J?.dash)$.setAttribute("stroke-dasharray",J.dash.join(" "))}function N1($,J,K,Z){if(!w1($))throw new G("INVALID_ASSET_URL",`Asset URL is unsafe: ${J}`,{asset:J});let k=document.createElementNS(R,"g"),q=document.createElementNS(R,"image"),Q=T1($),[H,L]=Z??[0.5,1];return q.setAttribute("href",Q),q.setAttributeNS("http://www.w3.org/1999/xlink","href",Q),q.setAttribute("x",String(-K*H)),q.setAttribute("y",String(-K*L)),q.setAttribute("width",String(K)),q.setAttribute("height",String(K)),q.setAttribute("preserveAspectRatio","xMidYMax meet"),k.appendChild(q),k}function T1($){try{let J=document.baseURI;return typeof J==="string"?new URL($,J).href:$}catch{return $}}function w1($){let J=$.trim().toLowerCase();return J.length>0&&!J.startsWith("javascript:")}var R1=/^--[a-zA-Z0-9-_]+$/;function h0($,J){for(let[K,Z]of Object.entries(J)){if(!R1.test(K))throw new G("INVALID_THEME_VAR",`Invalid CSS custom property name: ${K}`);$.style.setProperty(K,Z)}}var Y="http://www.w3.org/2000/svg",b0="text",z1=new Set(["rectangle","circle","polygon","line"]),C1={dashed:[12,8],dotted:[0,8]},q0=0.14,Z0=0.35,D1=0.28,f0=0.4;function v0($,J,K){let Z=W0(J),k=J.scenes[0],q=c1(J),Q=p1(J),H=new Map((k?.elements??[]).map((V)=>[V.id,V])),L=new Map((k?.connectors??[]).map((V)=>[V.id,V])),W=y1(Z,K?.label,J.className),j=S0(J);W.appendChild(g1()),h0(W,{...u(J.theme)??{},...J.themeVars??{},...K?.themeVars??{}});let M=v1(J.layers),X=f1(M);if(J.floor.visible)W.appendChild(b1(J,Z));let T=new Map;for(let V of Q){let E=L.get(V.id)??{...V,presence:"removed"},_=i1(E,Z);if(E.presence==="removed")_.isHidden=!0,z(_.node);t0(_,E.ambient??[]),W.appendChild(_.node),T.set(V.id,_)}let C=document.createElementNS(Y,"g");C.classList.add("iso-depth-layer"),C.setAttribute("data-layer","depth"),W.appendChild(C);let U=document.createElementNS(Y,"g");U.classList.add("iso-layer","iso-layer-labels"),U.setAttribute("data-layer","labels"),W.appendChild(U);let F=new Map,b=m1(q);for(let V of b){if(!X.get(V.layer))throw new G("MISSING_LAYER",`Unknown layer for "${V.id}": ${V.layer}`);let _=H.get(V.id)??{...V,presence:"removed"},A=u1(_,Z,j);if(A.anchor=s0(J,_),A.node.classList.add(`iso-layer-${V.layer}`),A.node.setAttribute("data-layer",V.layer),_.presence==="removed")A.isHidden=!0,z(A.node);n0(A,_.ambient??[]),(l(V.asset)?U:C).appendChild(A.node),F.set(V.id,A)}return W._layerMap=X,W._elementMap=F,W._connectorMap=T,$.appendChild(W),W}function m0($,J,K=[]){let Z=$._layout;if(!Z)return;let k=$._elementMap;if(k)for(let Q of J){let H=k.get(Q.id);if(!H)continue;H.current=Q,l1(H.node,Q,Z),o0(H.node,Q,Z),n0(H,Q.ambient??[])}let q=$._connectorMap;if(!q)return;for(let Q of K){let H=q.get(Q.id);if(!H)continue;r0(H,Q,Z)}}function c0($,J){return $._elementMap?.get(J)}function p0($,J){return $._connectorMap?.get(J)}function S($){return W0($).viewBox}function Q0($,J){let K=$._layout,Z=$._elementMap?.get(J);if(!K||!Z||Z.current.presence==="removed")return;return i0(h1(Z.current,K,Z.anchor))}function H0($,J){let K=W0($),[Z,k]=J.at,[q,Q]=J.size,H=i();for(let L of[[Z,k],[Z+q,k],[Z,k+Q],[Z+q,k+Q]]){let W=h(L[0],L[1],K.cellSize,K.selectedBounds.minX,K.selectedBounds.minY,K.padding.x,K.padding.y);H=L0(H,W.screenX,W.screenY)}return i0(H)}function u0($,J){$.setAttribute("viewBox",`${J.minX} ${J.minY} ${J.width} ${J.height}`)}function z($){$.style.visibility="hidden",$.style.pointerEvents="none"}function m($){$.style.visibility="visible",$.style.pointerEvents="auto"}function W0($){let J=$.grid.cellSize,K=$.layout.padding,Z=S1($,J),k=E1($,J),q=x1($.layout.bounds,Z,k),Q=q.maxX-q.minX+K.x*2,H=q.maxY-q.minY+K.y*2,L={minX:0,minY:0,width:g(Q||J),height:g(H||J)};return{cellSize:J,padding:K,contentBounds:Z,floorBounds:k,selectedBounds:q,viewBox:L}}function S1($,J){let K=i();for(let Z of $.scenes){for(let k of Z.elements??[]){if(k.presence==="removed")continue;K=k0(K,I1($,k,J))}for(let k of Z.connectors??[]){if(k.presence==="removed")continue;K=k0(K,B1(k,J))}}return l0(K,J)}function I1($,J,K){let{rawX:Z,rawY:k}=D(J.pos[0]+J.size,J.pos[1]+J.size,K),q=s(J.size,K),[Q,H]=s0($,J);return{minX:Z-q*Q,minY:k-q*H,maxX:Z+q*(1-Q),maxY:k+q*(1-H)}}function h1($,J,K){let Z=h($.pos[0]+$.size,$.pos[1]+$.size,J.cellSize,J.selectedBounds.minX,J.selectedBounds.minY,J.padding.x,J.padding.y),k=s($.size,J.cellSize);return{minX:Z.screenX-k*K[0],minY:Z.screenY-k*K[1],maxX:Z.screenX+k*(1-K[0]),maxY:Z.screenY+k*(1-K[1])}}function s0($,J){return $.assets?.[J.asset]?.anchor??[0.5,1]}function B1($,J){let K=i();for(let[Q,H]of $.route){let{rawX:L,rawY:W}=D(Q,H,J);K=L0(K,L,W)}let Z=Math.max(Z0,f0,q0*2)*J,k=$.style.strokeWidth/2+($.style.outlineWidth??0),q=Z+k;return{minX:K.minX-q,minY:K.minY-q,maxX:K.maxX+q,maxY:K.maxY+q}}function E1($,J){let K=$.floor.origin,[Z,k]=$.floor.size,q=[K,[K[0]+Z,K[1]],[K[0],K[1]+k],[K[0]+Z,K[1]+k]],Q=i();for(let[H,L]of q){let{rawX:W,rawY:j}=D(H,L,J);Q=L0(Q,W,j)}return l0(Q,J)}function x1($,J,K){if($==="content")return J;if($==="floor")return K;return k0(J,K)}function i(){return{minX:Number.POSITIVE_INFINITY,minY:Number.POSITIVE_INFINITY,maxX:Number.NEGATIVE_INFINITY,maxY:Number.NEGATIVE_INFINITY}}function l0($,J){if(Number.isFinite($.minX))return $;return{minX:0,minY:0,maxX:J,maxY:J}}function i0($){let J=($.minX+$.maxX)/2,K=($.minY+$.maxY)/2,Z=Math.max(1,$.maxX-$.minX),k=Math.max(1,$.maxY-$.minY);return{minX:g(J-Z/2),minY:g(K-k/2),width:g(Z),height:g(k)}}function L0($,J,K){return{minX:Math.min($.minX,J),minY:Math.min($.minY,K),maxX:Math.max($.maxX,J),maxY:Math.max($.maxY,K)}}function k0($,J){return{minX:Math.min($.minX,J.minX),minY:Math.min($.minY,J.minY),maxX:Math.max($.maxX,J.maxX),maxY:Math.max($.maxY,J.maxY)}}function g($){return Math.round($*1000)/1000}function y1($,J,K){let Z=document.createElementNS(Y,"svg");Z.classList.add("iso-scene");for(let k of K?.trim().split(/\s+/)??[])if(k)Z.classList.add(k);if(Z.setAttribute("width","100%"),Z.setAttribute("height","100%"),Z.setAttribute("viewBox",`${$.viewBox.minX} ${$.viewBox.minY} ${$.viewBox.width} ${$.viewBox.height}`),Z.setAttribute("preserveAspectRatio","xMidYMid meet"),Z.style.width="100%",Z.style.height="100%",Z.style.display="block",J)Z.setAttribute("role","img"),Z.setAttribute("aria-label",J);else Z.setAttribute("aria-hidden","true");return Z._layout=$,Z._viewBoxW=$.viewBox.width,Z._viewBoxH=$.viewBox.height,Z}function g1(){let $=document.createElementNS(Y,"style");return $.textContent=C0(),$}function b1($,J){let K=document.createElementNS(Y,"g");K.classList.add("iso-floor-grid",`iso-layer-${$.floor.layer}`),K.setAttribute("data-layer",$.floor.layer);let[Z,k]=$.floor.origin,[q,Q]=$.floor.size,H=[P(Z,k,J),P(Z+q,k,J),P(Z+q,k+Q,J),P(Z,k+Q,J)],L=document.createElementNS(Y,"polygon");L.classList.add("iso-floor-slab"),L.setAttribute("points",H.map(U0).join(" ")),L.setAttribute("fill","#dbe6f4"),L.setAttribute("fill-opacity","0.22"),L.setAttribute("stroke","#b9c9df"),L.setAttribute("stroke-width","1"),K.appendChild(L);for(let W=0;W<=q;W++)K.appendChild(B0(P(Z+W,k,J),P(Z+W,k+Q,J)));for(let W=0;W<=Q;W++)K.appendChild(B0(P(Z,k+W,J),P(Z+q,k+W,J)));return K}function B0($,J){let K=document.createElementNS(Y,"line");return K.setAttribute("x1",String($.x)),K.setAttribute("y1",String($.y)),K.setAttribute("x2",String(J.x)),K.setAttribute("y2",String(J.y)),K.setAttribute("stroke","#2563eb"),K.setAttribute("stroke-width","1"),K.setAttribute("stroke-dasharray","5 5"),K.setAttribute("stroke-opacity","0.2"),K}function P($,J,K){let Z=h($,J,K.cellSize,K.selectedBounds.minX,K.selectedBounds.minY,K.padding.x,K.padding.y);return{x:Z.screenX,y:Z.screenY}}function U0($){return`${$.x},${$.y}`}function f1($){return new Map($.map((J)=>[J.name,J]))}function v1($){return[...$].map((J,K)=>({name:J.name,order:J.order??K})).sort((J,K)=>J.order-K.order||J.name.localeCompare(K.name))}function m1($){return $.slice().sort((J,K)=>{let Z=E0(J)-E0(K);if(Z!==0)return Z;let k=J.pos[0]+J.pos[1]-(K.pos[0]+K.pos[1]);if(k!==0)return k;return J.id.localeCompare(K.id)})}function E0($){if(V0($.asset))return 0;if(l($.asset))return 2;return 1}function c1($){let J=new Map;for(let K of $.scenes)for(let Z of K.elements??[])if(!J.has(Z.id)||J.get(Z.id)?.presence==="removed")J.set(Z.id,Z);return[...J.values()]}function p1($){let J=new Map;for(let K of $.scenes)for(let Z of K.connectors??[])if(!J.has(Z.id)||J.get(Z.id)?.presence==="removed")J.set(Z.id,Z);return[...J.values()]}function u1($,J,K){let Z=$.asset===b0?t($.text,$.asset,J.cellSize):V0($.asset)?e($.asset,$.primitive,J.cellSize):s1($,K,J.cellSize);Z.classList.add("iso-element",`iso-element-${$.id}`),Z.setAttribute("data-id",$.id),Z.setAttribute("data-asset",$.asset),Z.style.overflow="visible",Z.style.pointerEvents="auto",o0(Z,$,J);let k=$.enter;if(k&&k!=="none"&&$.presence!=="removed"){let q=`iso-anim-${k}`;return B(Z,q,"enter"),Z.addEventListener("animationend",()=>{Z.style.animation=""},{once:!0}),{node:Z,current:$,anchor:[0.5,1],isHidden:!1,entryKey:k,ambient:new Set}}return{node:Z,current:$,anchor:[0.5,1],isHidden:!1,ambient:new Set}}function l($){return $===b0}function V0($){return z1.has($)}function s1($,J,K){let Z=J($.asset);if(!Z)throw new G("ASSET_NOT_FOUND",`Asset not found: ${$.asset}`,{asset:$.asset,elementId:$.id});return I0(Z,$.asset,K)}function l1($,J,K){if(!l(J.asset)&&!V0(J.asset))return;let Z=l(J.asset)?t(J.text,J.asset,K.cellSize):e(J.asset,J.primitive,K.cellSize);a0($);while(Z.firstChild){let k=Z.firstChild;Z.removeChild(k),$.appendChild(k)}}function i1($,J){let K=document.createElementNS(Y,"g"),Z=document.createElementNS(Y,"path"),k={node:K,shaft:Z,isHidden:!1,ambient:new Set};r0(k,$,J);let q=$.enter;if(q&&q!=="none"&&$.presence!=="removed")B(K,`iso-anim-${q}`,"enter"),K.addEventListener("animationend",()=>{K.style.animation=""},{once:!0});return k}function r0($,J,K){r1($.node,J),a0($.node);let Z=d1(J.route,K);if(a1(J)){let k=document.createElementNS(Y,"path");k.classList.add("iso-connector-outline"),K0(k,J,Z,{stroke:J.style.outline??J.style.stroke,strokeWidth:J.style.strokeWidth+J.style.outlineWidth*2,includeDash:!1}),$.node.appendChild(k)}if($.shaft=document.createElementNS(Y,"path"),$.shaft.classList.add("iso-connector-shaft"),K0($.shaft,J,Z,{stroke:J.style.stroke,strokeWidth:J.style.strokeWidth,includeDash:!0}),$.node.appendChild($.shaft),J.style.variant==="road"&&J.style.lane==="center-dashed"){let k=document.createElementNS(Y,"path");k.classList.add("iso-connector-lane"),K0(k,J,Z,{stroke:"#ffffff",strokeWidth:Math.max(1,J.style.strokeWidth*0.12),includeDash:!1}),k.setAttribute("stroke-dasharray","8 8"),$.node.appendChild(k)}x0($.node,J,"start",K),x0($.node,J,"end",K),t0($,J.ambient??[])}function a0($){while($.firstChild)$.removeChild($.firstChild)}function r1($,J){$.setAttribute("class",["iso-connector",`iso-connector-${J.id}`,`iso-connector-variant-${J.style.variant}`,`iso-connector-pattern-${J.style.pattern}`,`iso-connector-direction-${J.direction}`,`iso-layer-${J.layer}`].join(" ")),$.setAttribute("data-id",J.id),$.setAttribute("data-layer",J.layer),$.style.overflow="visible",$.style.pointerEvents="auto"}function a1($){return Boolean($.style.outline&&$.style.outlineWidth>0)}function K0($,J,K,Z){if($.setAttribute("d",K),$.setAttribute("fill","none"),$.setAttribute("stroke",Z.stroke),$.setAttribute("stroke-width",String(Z.strokeWidth)),$.setAttribute("stroke-linecap","round"),$.setAttribute("stroke-linejoin","round"),$.setAttribute("opacity",String(J.style.opacity)),Z.includeDash&&J.style.pattern!=="solid"){let k=J.style.dash??C1[J.style.pattern];$.setAttribute("stroke-dasharray",k.join(" "))}}function d1($,J){return $.map((K,Z)=>{let k=P(K[0],K[1],J);return`${Z===0?"M":"L"} ${k.x} ${k.y}`}).join(" ")}function x0($,J,K,Z){let k=J[K];if(k==="none"||J.route.length<2)return;let q=o1(k,J,K,Z);q.classList.add(`iso-connector-${K}`),$.appendChild(q)}function o1($,J,K,Z){switch($){case"arrow":return n1(J,K,Z);case"dot":return y0(J,K,Z,!0);case"circle":return y0(J,K,Z,!1);case"diamond":return t1(J,K,Z);case"bar":return e1(J,K,Z);case"none":throw new G("CONNECTOR_ENDPOINT_NONE","Cannot create geometry for endpoint none")}}function n1($,J,K){let Z=r($,J),k=d0($,J),q=[-k[1],k[0]],Q=[Z[0]-k[0]*Z0,Z[1]-k[1]*Z0],H=D1/2,L=[Z,[Q[0]+q[0]*H,Q[1]+q[1]*H],[Q[0]-q[0]*H,Q[1]-q[1]*H]].map((j)=>P(j[0],j[1],K)),W=document.createElementNS(Y,"polygon");return W.setAttribute("points",L.map(U0).join(" ")),W.setAttribute("fill",$.style.stroke),W.setAttribute("opacity",String($.style.opacity)),W}function y0($,J,K,Z){let k=r($,J),q=P(k[0],k[1],K),Q=document.createElementNS(Y,"circle");return Q.setAttribute("cx",String(q.x)),Q.setAttribute("cy",String(q.y)),Q.setAttribute("r",String(q0*K.cellSize)),Q.setAttribute("stroke",$.style.stroke),Q.setAttribute("stroke-width",String(Math.max(1,$.style.strokeWidth))),Q.setAttribute("opacity",String($.style.opacity)),Q.setAttribute("fill",Z?$.style.stroke:"none"),Q}function t1($,J,K){let Z=r($,J),k=q0,q=[[Z[0],Z[1]-k],[Z[0]+k,Z[1]],[Z[0],Z[1]+k],[Z[0]-k,Z[1]]],Q=document.createElementNS(Y,"polygon");return Q.setAttribute("points",q.map((H)=>P(H[0],H[1],K)).map(U0).join(" ")),Q.setAttribute("fill",$.style.stroke),Q.setAttribute("opacity",String($.style.opacity)),Q}function e1($,J,K){let Z=r($,J),k=d0($,J),q=[-k[1],k[0]],Q=f0/2,H=P(Z[0]+q[0]*Q,Z[1]+q[1]*Q,K),L=P(Z[0]-q[0]*Q,Z[1]-q[1]*Q,K),W=document.createElementNS(Y,"line");return W.setAttribute("x1",String(H.x)),W.setAttribute("y1",String(H.y)),W.setAttribute("x2",String(L.x)),W.setAttribute("y2",String(L.y)),W.setAttribute("stroke",$.style.stroke),W.setAttribute("stroke-width",String(Math.max(1,$.style.strokeWidth))),W.setAttribute("stroke-linecap","round"),W.setAttribute("opacity",String($.style.opacity)),W}function r($,J){return J==="start"?$.route[0]:$.route[$.route.length-1]}function d0($,J){let K=J==="start"?g0($.route[0],$.route[1]):g0($.route[$.route.length-2],$.route[$.route.length-1]),Z=$.direction==="reverse"?[-K[0],-K[1]]:K;return $5(Z)}function g0($,J){return[J[0]-$[0],J[1]-$[1]]}function $5($){let J=Math.hypot($[0],$[1]);if(J===0)return[1,0];return[$[0]/J,$[1]/J]}function o0($,J,K){let Z=h(J.pos[0]+J.size,J.pos[1]+J.size,K.cellSize,K.selectedBounds.minX,K.selectedBounds.minY,K.padding.x,K.padding.y),q=s(J.size,K.cellSize)/K.cellSize;$.setAttribute("transform",`translate(${Z.screenX} ${Z.screenY}) scale(${q})`)}function n0($,J){let K=new Set((J??[]).map((Z)=>Z.name));for(let Z of $.ambient)if(!K.has(Z))$.node.classList.remove(`iso-ambient-${Z}`);for(let Z of K)if(!$.ambient.has(Z))$.node.classList.add(`iso-ambient-${Z}`);$.ambient=K}function t0($,J){let K=new Set((J??[]).map((Z)=>Z.name));for(let Z of $.ambient)if(!K.has(Z))$.shaft.classList.remove(`iso-ambient-${Z}`);for(let Z of K)$.shaft.classList.add(`iso-ambient-${Z}`);$.ambient=K}function B($,J,K="enter"){$.style.opacity="1",$.style.animation="none",$.getBoundingClientRect();let Z=K==="exit"?"var(--iso-anim-duration-exit, 300ms)":"var(--iso-anim-duration-enter, 400ms)",k=K==="exit"?"var(--iso-anim-easing-exit, ease-in)":"var(--iso-anim-easing-enter, ease-out)";$.style.animation=`${J} ${Z} ${k} forwards`}function J5($){return $}function K5($){return $*$*$}function Z5($){return 1-(1-$)**3}function k5($){return $<0.5?4*$*$*$:1-(-2*$+2)**3/2}function G0($){switch($){case"linear":return J5;case"easeInCubic":return K5;case"easeOutCubic":return Z5;case"easeInOutCubic":return k5}}var e0={scrollDirection:"vertical",scrollOffset:{},minProgress:0,maxProgress:1,keyboardControls:!1,touchControls:!1,scrollSensitivity:1,transitionDuration:600,transitionEasing:"ease-in-out"};class j0{_engine=new y;_bundle=null;_sceneIndex=0;_progress=0;_paused=!1;_config=e0;_container=null;_sceneElement=null;_ownsEngine=!0;_rafId=null;_pendingProgress=null;_destroyed=!1;_listeners=new Map;_cameraAnim=null;_cameraState=null;_minScroll=0;_maxScroll=0;_touchStartY=0;_touchStartX=0;_isDragging=!1;_transitionAnim=null;get engine(){return this._engine}get progress(){return this._progress}getProgress(){return this._assertNotDestroyed(),this._progress}get sceneIndex(){return this._sceneIndex}getSceneIndex(){return this._assertNotDestroyed(),this._sceneIndex}get scenes(){return this._bundle?.scenes??[]}get paused(){return this._paused}get currentScene(){return this.scenes[this._sceneIndex]}init($,J={},K={}){if(this._assertNotDestroyed(),!$.scenes||$.scenes.length===0)throw new O("CONTROLLER_NO_SCENES","init() requires at least one compiled scene stop");this._cancelFrame(),this._bundle=$,this._engine=K.engine??new y,this._ownsEngine=!K.engine,this._sceneIndex=0,this._progress=0,this._paused=!1,this._config={...e0,...J},this._sceneElement=K.sceneElement??J.sceneElement??null,this._cameraState={viewBox:S($),target:{type:"reset"},isZoomed:!1},this._engine.init($),this._bindScroll()}setProgress($){if(this._assertNotDestroyed(),!Number.isFinite($))throw new O("CONTROLLER_PROGRESS_OUT_OF_RANGE","setProgress() requires a finite progress value");let J=Math.max(0,Math.min(1,$));if(J===this._progress&&!this._paused&&this._rafId!==null)return;if(this._progress=J,this._cancelCameraAnimation(),this._paused)return;this._scheduleProgressForward(J)}nextScene(){if(this._assertNotDestroyed(),this.scenes.length<=1)return;let $=(this._sceneIndex+1)%this.scenes.length;this._transitionToScene($)}prevScene(){if(this._assertNotDestroyed(),this.scenes.length<=1)return;let $=(this._sceneIndex-1+this.scenes.length)%this.scenes.length;this._transitionToScene($)}setSceneIndex($){if(this._assertNotDestroyed(),$<0||$>=this.scenes.length)throw new O("CONTROLLER_SCENE_INDEX_OUT_OF_RANGE",`Scene index ${$} is out of bounds [0, ${this.scenes.length-1}]`);this._transitionToScene($)}pause(){if(this._assertNotDestroyed(),this._paused)return;this._paused=!0,this._cancelFrame(),this._engine.pause(),this._applyPauseState(!0),this._emit("paused")}resume(){if(this._assertNotDestroyed(),!this._paused)return;this._paused=!1,this._engine.resume(),this._applyPauseState(!1),this._scheduleProgressForward(this._progress),this._emit("resumed")}isPaused(){return this._assertNotDestroyed(),this._paused}zoomToElement($,J={}){this._assertNotDestroyed();let K=this._getSceneSvg();if(!this._bundle||!K)throw new O("CAMERA_NOT_INITIALIZED","zoomToElement() requires an initialized scene SVG");let Z=Q0(K,$);if(!Z)throw new O("CAMERA_TARGET_NOT_FOUND",`Camera target element "${$}" was not found`,{elementId:$});this._applyCameraDestination(a(Z,this._resolveCameraPadding(J)),{type:"element",id:$},J)}zoomToArea($,J={}){if(this._assertNotDestroyed(),!this._bundle||!this._getSceneSvg())throw new O("CAMERA_NOT_INITIALIZED","zoomToArea() requires an initialized scene SVG");this._assertValidCameraArea($);let K=H0(this._bundle,$);this._applyCameraDestination(a(K,this._resolveCameraPadding(J)),{type:"area",at:[...$.at],size:[...$.size]},J)}resetZoom($={}){if(this._assertNotDestroyed(),!this._bundle||!this._getSceneSvg())throw new O("CAMERA_NOT_INITIALIZED","resetZoom() requires an initialized scene SVG");this._applyCameraDestination(S(this._bundle),{type:"reset"},$)}getCameraState(){if(this._assertNotDestroyed(),!this._cameraState)throw new O("CAMERA_NOT_INITIALIZED","Camera state is not initialized");return W5(this._cameraState)}destroy(){if(this._assertNotDestroyed(),this._unbindScroll(),this._cancelFrame(),this._cancelTransition(),this._cancelCameraAnimation(),this._ownsEngine)this._engine.destroy();this._listeners.clear(),this._bundle=null,this._container=null,this._pendingProgress=null,this._cameraState=null,this._destroyed=!0}on($,J){this._assertNotDestroyed();let K=this._listeners.get($)??new Set;K.add(J),this._listeners.set($,K)}off($,J){this._assertNotDestroyed();let K=this._listeners.get($);if(K)K.delete(J)}_emit($,...J){let K=this._listeners.get($);if(K)for(let Z of K)try{Z(...J)}catch(k){queueMicrotask(()=>{throw k})}}_scheduleProgressForward($){if(this._pendingProgress=$,this._rafId!==null)return;this._rafId=requestAnimationFrame(()=>{this._rafId=null;let J=this._pendingProgress;if(this._pendingProgress=null,J===null||this._paused||this._destroyed)return;this._engine.setProgress(J),this._applyFrameUpdate(),this._emit("progress-change",J)})}_cancelFrame(){if(this._rafId!==null)cancelAnimationFrame(this._rafId),this._rafId=null;this._pendingProgress=null}_applyFrameUpdate(){if(!this._bundle)return;let $=this._sceneElement??this._container?.querySelector("svg")??null;if(!$)return;let J=this._engine.getFrameUpdates().map((Z)=>({id:Z.id,asset:Z.asset,pos:Z.pos,size:Z.size,layer:Z.layer,presence:Z.lifecycle,enter:Z.entry,exit:Z.exit,ambient:Z.ambient,text:Z.text,primitive:Z.primitive})),K=this._engine.getConnectorFrameUpdates().map((Z)=>({id:Z.id,route:Z.route,layer:Z.layer,presence:Z.lifecycle,style:Z.style,start:Z.start,end:Z.end,direction:Z.direction,enter:Z.entry,exit:Z.exit,ambient:Z.ambient}));m0($,J,K),this._applyLifecycleChanges(J),this._applyConnectorLifecycleChanges(K),this._applyCameraForProgress(this._progress)}_applyCameraForProgress($){let J=this._getSceneSvg();if(!this._bundle||!J)return;let K=this.scenes;if(K.length===0)return;let{previous:Z,next:k}=q5(K,$),q=this._effectiveCameraAt(Z.index),Q=this._effectiveCameraAt(k.index),H=this._resolveCameraViewBox(q),L=this._resolveCameraViewBox(Q),W=k.scene.progress-Z.scene.progress,j=W<=0?0:($-Z.scene.progress)/W,M=H1(Q.easing)(Math.max(0,Math.min(1,j))),X=Q1(H,L,M),T=M<1?q.target:Q.target;this._setCameraViewBox(J,X,T)}_effectiveCameraAt($){for(let J=$;J>=0;J--){let K=this.scenes[J]?.camera;if(K)return{target:K.target,padding:K.padding,duration:K.duration,easing:K.easing}}return{target:{type:"reset"}}}_resolveCameraViewBox($){if(!this._bundle)throw new O("CAMERA_NOT_INITIALIZED","Camera requires an initialized bundle");if($.target.type==="reset")return S(this._bundle);if($.target.type==="area")return a(H0(this._bundle,{at:$.target.at,size:$.target.size}),$.padding??32);let J=this._getSceneSvg();if(!J)throw new O("CAMERA_NOT_INITIALIZED","Camera requires an initialized scene SVG");let K=Q0(J,$.target.id);if(!K)throw new O("CAMERA_TARGET_NOT_FOUND",`Camera target element "${$.target.id}" was not found`,{elementId:$.target.id});return a(K,$.padding??32)}_applyCameraDestination($,J,K){let Z=this._getSceneSvg();if(!Z)throw new O("CAMERA_NOT_INITIALIZED","Camera requires an initialized scene SVG");this._cancelCameraAnimation();let k=this._resolveCameraDuration(K);if(k===0){this._setCameraViewBox(Z,$,J);return}let q=H5(Z)??this._cameraState?.viewBox??$,Q=H1(K.easing??this._config.transitionEasing),H=performance.now(),L=(W)=>{let j=Math.min((W-H)/k,1);if(this._setCameraViewBox(Z,Q1(q,$,Q(j)),J),j<1)this._cameraAnim=requestAnimationFrame(L);else this._cameraAnim=null};this._cameraAnim=requestAnimationFrame(L)}_setCameraViewBox($,J,K){u0($,J);let Z=this._bundle?S(this._bundle):J;this._cameraState={viewBox:J,target:K,isZoomed:!Q5(J,Z)},this._emit("camera-change",this.getCameraState())}_getSceneSvg(){return this._sceneElement??this._container?.querySelector("svg")??null}_resolveCameraPadding($){let J=$.padding??32;if(!Number.isFinite(J)||J<0||J>2048)throw new O("INVALID_CAMERA_OPTIONS","Camera padding must be between 0 and 2048");return J}_resolveCameraDuration($){let J=$.duration??this._config.transitionDuration;if(!Number.isInteger(J)||J<0||J>1e4)throw new O("INVALID_CAMERA_OPTIONS","Camera duration must be an integer from 0 to 10000");return J}_assertValidCameraArea($){if(!Array.isArray($.at)||$.at.length!==2||!$.at.every((J)=>Number.isFinite(J)&&J>=0)||!Array.isArray($.size)||$.size.length!==2||!$.size.every((J)=>Number.isFinite(J)&&J>0))throw new O("INVALID_CAMERA_OPTIONS","Camera area must use non-negative at and positive size")}_applyLifecycleChanges($){for(let J of $){let K=this._engine.getLifecycleTransition(J.id);if(!K)continue;let Z=this._sceneElement??this._container?.querySelector("svg");if(!Z)continue;let k=c0(Z,J.id);if(!k)continue;if(K.to==="entering"||K.to==="present")k.isHidden=!1,m(k.node);if($1(K))this._applyEntryAnimation(J,k);if(K1(K)){this._applyExitAnimation({...J,exit:k1(J.enter??"fade-in")},k);continue}if(J1(K))this._applyExitAnimation(J,k);if(Z1(K)){k.isHidden=!1,m(k.node),this._applyEntryAnimation({...J,enter:q1(J.exit??"fade-out")},k);continue}if(K.to==="removed")k.isHidden=!0,z(k.node)}}_applyConnectorLifecycleChanges($){for(let J of $){let K=this._engine.getConnectorLifecycleTransition(J.id);if(!K)continue;let Z=this._sceneElement??this._container?.querySelector("svg");if(!Z)continue;let k=p0(Z,J.id);if(!k)continue;if(K.to==="entering"||K.to==="present")k.isHidden=!1,m(k.node);if($1(K))this._applyConnectorEntryAnimation(J,k);if(K1(K)){this._applyConnectorExitAnimation({...J,exit:k1(J.enter??"fade-in")},k);continue}if(J1(K))this._applyConnectorExitAnimation(J,k);if(Z1(K)){k.isHidden=!1,m(k.node),this._applyConnectorEntryAnimation({...J,enter:q1(J.exit??"fade-out")},k);continue}if(K.to==="removed")k.isHidden=!0,z(k.node)}}_applyEntryAnimation($,J){let K=$.enter??"fade-in";if(K==="none")return;B(J.node,`iso-anim-${K}`,"enter");let Z=J.node.style.animation;J.node.addEventListener("animationend",()=>{if(J.node.style.animation===Z)J.node.style.animation=""},{once:!0})}_applyExitAnimation($,J){let K=$.exit??"fade-out";if(K==="none"){z(J.node);return}B(J.node,`iso-anim-${K}`,"exit");let Z=J.node.style.animation;J.node.addEventListener("animationend",()=>{if(J.node.style.animation===Z)z(J.node)},{once:!0})}_applyConnectorEntryAnimation($,J){let K=$.enter??"fade-in";if(K==="none")return;B(J.node,`iso-anim-${K}`,"enter");let Z=J.node.style.animation;J.node.addEventListener("animationend",()=>{if(J.node.style.animation===Z)J.node.style.animation=""},{once:!0})}_applyConnectorExitAnimation($,J){let K=$.exit??"fade-out";if(K==="none"){z(J.node);return}B(J.node,`iso-anim-${K}`,"exit");let Z=J.node.style.animation;J.node.addEventListener("animationend",()=>{if(J.node.style.animation===Z)z(J.node)},{once:!0})}_transitionToScene($){if(this._cancelTransition(),$===this._sceneIndex)return;this._sceneIndex=$,this._emit("scene-change",$);let J=this.scenes[$],K=this._progress,Z=J.progress,k=this._config.transitionDuration;if(k>0&&K!==Z){this._animateProgress(K,Z,k);return}this._progress=Z,this._scheduleProgressForward(Z)}_animateProgress($,J,K){let Z=G0(this._config.transitionEasing==="ease-in-out"?"easeInOutCubic":this._config.transitionEasing==="ease-out"?"easeOutCubic":"linear"),k=performance.now(),q=(Q)=>{let H=Q-k,L=Math.min(H/K,1),W=Z(L),j=$+(J-$)*W;if(this.setProgress(j),L<1)this._transitionAnim=requestAnimationFrame(q);else this._transitionAnim=null};this._transitionAnim=requestAnimationFrame(q)}_cancelTransition(){if(this._transitionAnim!==null)cancelAnimationFrame(this._transitionAnim),this._transitionAnim=null}_cancelCameraAnimation(){if(this._cameraAnim!==null)cancelAnimationFrame(this._cameraAnim),this._cameraAnim=null}_bindScroll(){let $=this._config.container;if(!$)return;if(this._container=$,this._calculateScrollBounds(),$.addEventListener("scroll",this._onScroll,{passive:!0}),window.addEventListener("resize",this._onResize,{passive:!0}),this._config.keyboardControls)document.addEventListener("keydown",this._onKeyDown);if(this._config.touchControls)$.addEventListener("touchstart",this._onTouchStart,{passive:!0}),$.addEventListener("touchmove",this._onTouchMove,{passive:!1}),$.addEventListener("touchend",this._onTouchEnd)}_unbindScroll(){let $=this._config.container;if(!$)return;$.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize),document.removeEventListener("keydown",this._onKeyDown),$.removeEventListener("touchstart",this._onTouchStart),$.removeEventListener("touchmove",this._onTouchMove),$.removeEventListener("touchend",this._onTouchEnd)}_calculateScrollBounds(){let $=this._config.container;if(!$)return;let J=this._config.scrollOffset??{};if(this._config.scrollDirection==="horizontal"){this._minScroll=J.left??0,this._maxScroll=$.scrollWidth-$.clientWidth-(J.right??0);return}this._minScroll=J.top??0,this._maxScroll=$.scrollHeight-$.clientHeight-(J.bottom??0)}_onScroll=()=>{if(this._paused||this._destroyed)return;let $=this._config.container;if(!$)return;let J=this._config.scrollDirection==="horizontal"?$.scrollLeft:$.scrollTop,K=this._maxScroll-this._minScroll;if(K<=0)return;let Z=(J-this._minScroll)/K,k=Math.max(this._config.minProgress??0,Math.min(this._config.maxProgress??1,Z)),q=this._config.scrollSensitivity??1;if(k!==this._progress)this.setProgress(k*q)};_onResize=()=>{if(this._destroyed)return;this._calculateScrollBounds()};_onKeyDown=($)=>{if(this._destroyed)return;if($.key==="ArrowRight"||$.key==="ArrowDown"||$.key===" ")$.preventDefault(),this.nextScene();else if($.key==="ArrowLeft"||$.key==="ArrowUp")$.preventDefault(),this.prevScene()};_onTouchStart=($)=>{if(this._destroyed)return;this._isDragging=!0;let J=$.touches[0];if(this._config.scrollDirection==="horizontal")this._touchStartX=J.clientX;else this._touchStartY=J.clientY};_onTouchMove=($)=>{if(this._destroyed)return;if(!this._isDragging)return;let J=$.touches[0],K=this._config.scrollDirection==="horizontal"?this._touchStartX-J.clientX:this._touchStartY-J.clientY,Z=this._config.scrollSensitivity??1,k=K/300*Z,q=Math.max(0,Math.min(1,this._progress+k));this.setProgress(q)};_onTouchEnd=()=>{if(this._destroyed)return;this._isDragging=!1};_applyPauseState($){let J=this._config.container;if(!J)return;let K=J.querySelector("svg");if(!K)return;let Z=$?"paused":"running",k=K.querySelectorAll('[class*="iso-ambient-"]');for(let q=0;q<k.length;q++){let Q=k[q];Q.style.animationPlayState=Z}}_assertNotDestroyed(){if(!this._destroyed)return;throw new O("CONTROLLER_DESTROYED","AnimationController has been destroyed")}}function $1($){return $.from==="removed"&&$.to==="entering"}function J1($){return $.to==="exiting"}function K1($){return $.to==="removed"&&$.from!=="exiting"}function Z1($){return $.from==="exiting"&&$.to!=="removed"}function k1($){switch($){case"fade-in":return"fade-out";case"fade-in-grow":return"fade-out-shrink";case"fall-in":return"rise-away";case"rise-from-ground":return"fall-through-ground";case"slide-in-left":return"slide-out-left";case"slide-in-right":return"slide-out-right";case"flip-in":return"flip-out";case"none":return"none"}}function q1($){switch($){case"fade-out":return"fade-in";case"fade-out-shrink":return"fade-in-grow";case"fall-through-ground":return"rise-from-ground";case"rise-away":return"fall-in";case"slide-out-left":return"slide-in-left";case"slide-out-right":return"slide-in-right";case"flip-out":return"flip-in";case"none":return"none"}}function q5($,J){let K=0,Z=$.length-1;for(let k=0;k<$.length;k++){if($[k].progress<=J)K=k;if($[k].progress>=J){Z=k;break}}return{previous:{scene:$[K],index:K},next:{scene:$[Z],index:Z}}}function a($,J){return{minX:I($.minX-J),minY:I($.minY-J),width:I(Math.max(1,$.width+J*2)),height:I(Math.max(1,$.height+J*2))}}function Q1($,J,K){return{minX:I($.minX+(J.minX-$.minX)*K),minY:I($.minY+(J.minY-$.minY)*K),width:I($.width+(J.width-$.width)*K),height:I($.height+(J.height-$.height)*K)}}function Q5($,J){return $.minX===J.minX&&$.minY===J.minY&&$.width===J.width&&$.height===J.height}function H5($){let J=$.getAttribute("viewBox");if(!J)return;let K=J.trim().split(/\s+/).map(Number);if(K.length!==4||K.some((Z)=>!Number.isFinite(Z)))return;return{minX:K[0],minY:K[1],width:K[2],height:K[3]}}function H1($){return G0($==="ease-in-out"?"easeInOutCubic":$==="ease-out"?"easeOutCubic":"linear")}function W5($){return{viewBox:{...$.viewBox},target:$.target?.type==="area"?{type:"area",at:[...$.target.at],size:[...$.target.size]}:$.target?{...$.target}:void 0,isZoomed:$.isZoomed}}function I($){return Math.round($*1000)/1000}var W1="isostate-runtime-bundle",O0="0.2.0",L5=/^[a-f0-9]{64}$/;function U5($,J,K={}){V5($),G5(J);let Z=new y;Z.init(J);let k=v0($,J,{label:K.label,themeVars:K.themeVars}),q;if(K.controller!==void 0&&K.controller!==!1)q=new j0,q.init(J,{...K.controller,container:K.controller.container??$,sceneElement:k},{engine:Z,sceneElement:k});let Q=!1;return{svg:k,engine:Z,controller:q,getResolvedConfig:()=>j5(J,K),destroy:()=>{if(Q)return;if(Q=!0,q?.destroy(),Z.destroy(),k.parentNode===$)$.removeChild(k);else k.parentNode?.removeChild(k)}}}function V5($){if(!$||typeof $.appendChild!=="function"||typeof $.removeChild!=="function")throw new G("INVALID_MOUNT_TARGET","mountScene() requires a DOM HTMLElement target")}function G5($){if(!$||typeof $!=="object")throw new G("BUNDLE_FORMAT_MISSING","Runtime bundle must be a plain object");if($._format!==W1)throw new G("BUNDLE_FORMAT_MISSING","Runtime bundle format is missing or unsupported",{expected:W1});if(!Array.isArray($.scenes)||$.scenes.length===0)throw new G("BUNDLE_FORMAT_MISSING","Runtime bundle must include compiled scenes[]");if(L1($._version)!==L1(O0))throw new G("BUNDLE_VERSION_MISMATCH",`Runtime bundle version ${$._version} is not compatible with runtime ${O0}`,{bundleVersion:$._version,runtimeVersion:O0});if(!$._digest)throw new G("BUNDLE_DIGEST_MISSING","Runtime bundle digest is missing");if(typeof $._digest!=="string"||!L5.test($._digest))throw new G("BUNDLE_DIGEST_MISMATCH","Runtime bundle digest is malformed");let{_digest:J,...K}=$,Z=X5(Y5(K));if(Z!==J)throw new G("BUNDLE_DIGEST_MISMATCH","Runtime bundle digest does not match bundle content",{expected:J,actual:Z})}function j5($,J={}){return{grid:{cellSize:$.grid.cellSize},floor:{...$.floor},layout:{...$.layout,padding:{...$.layout.padding},align:[...$.layout.align]},viewBox:S($),camera:{viewBox:S($),isZoomed:!1},theme:$.theme,themeVars:O5($,J.themeVars),scenes:$.scenes.map((K)=>({id:K.id,progress:K.progress})),layerOrder:$.layers.map((K)=>({name:K.name,order:K.order})).sort((K,Z)=>K.order-Z.order||K.name.localeCompare(Z.name))}}function O5($,J={}){return{...u($.theme)??{},...$.themeVars??{},...J}}function L1($){let J=Number.parseInt(String($).split(".")[0]??"",10);return Number.isFinite(J)?J:Number.NaN}function Y5($){return JSON.stringify(Y0($))}function Y0($){if(Array.isArray($))return $.map((K)=>K===void 0?null:Y0(K));if(!M5($))return $;let J={};for(let K of Object.keys($).sort()){let Z=$[K];if(Z!==void 0)J[K]=Y0(Z)}return J}function M5($){return typeof $==="object"&&$!==null&&!Array.isArray($)}function X5($){let J=P5($),K=J.length*8;J.push(128);while(J.length%64!==56)J.push(0);for(let Q=7;Q>=0;Q--)J.push(Math.floor(K/2**(Q*8))&255);let Z=[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225],k=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298],q=Array(64);for(let Q=0;Q<J.length;Q+=64){for(let U=0;U<16;U++){let F=Q+U*4;q[U]=(J[F]<<24|J[F+1]<<16|J[F+2]<<8|J[F+3])>>>0}for(let U=16;U<64;U++){let F=N(q[U-15],7)^N(q[U-15],18)^q[U-15]>>>3,b=N(q[U-2],17)^N(q[U-2],19)^q[U-2]>>>10;q[U]=q[U-16]+F+q[U-7]+b>>>0}let[H,L,W,j,M,X,T,C]=Z;for(let U=0;U<64;U++){let F=N(M,6)^N(M,11)^N(M,25),b=M&X^~M&T,V=C+F+b+k[U]+q[U]>>>0,E=N(H,2)^N(H,13)^N(H,22),_=H&L^H&W^L&W,A=E+_>>>0;C=T,T=X,X=M,M=j+V>>>0,j=W,W=L,L=H,H=V+A>>>0}Z[0]=Z[0]+H>>>0,Z[1]=Z[1]+L>>>0,Z[2]=Z[2]+W>>>0,Z[3]=Z[3]+j>>>0,Z[4]=Z[4]+M>>>0,Z[5]=Z[5]+X>>>0,Z[6]=Z[6]+T>>>0,Z[7]=Z[7]+C>>>0}return Z.map((Q)=>Q.toString(16).padStart(8,"0")).join("")}function P5($){return Array.from(new TextEncoder().encode($))}function N($,J){return $>>>J|$<<32-J}function n5($,J,K,Z,k,q,Q){return h($,J,K,Z,k,q,Q)}export{n5 as projectToScreen,U5 as mountScene};
 
-// ── Built-in themes ────────────────────────────────────────────────────────
-const BUILTIN_THEMES = {
-    light: {
-        "--color-top": "#e2e8f0",
-        "--color-front": "#94a3b8",
-        "--color-side": "#64748b",
-        "--color-back": "#475569",
-        "--color-leaf": "#15803d",
-        "--color-trunk": "#78350f",
-        "--color-accent": "#3b82f6",
-    },
-    dark: {
-        "--color-top": "#334155",
-        "--color-front": "#1e293b",
-        "--color-side": "#0f172a",
-        "--color-back": "#020617",
-        "--color-leaf": "#166534",
-        "--color-trunk": "#451a03",
-        "--color-accent": "#60a5fa",
-    },
-    brand: {
-        "--color-top": "#c7d2fe",
-        "--color-front": "#818cf8",
-        "--color-side": "#6366f1",
-        "--color-back": "#4338ca",
-        "--color-leaf": "#22c55e",
-        "--color-trunk": "#854d0e",
-        "--color-accent": "#f59e0b",
-    },
-};
-/**
- * Resolve a theme name to its CSS variable map.
- * Returns undefined if the theme is not found.
- */
-function resolveTheme(name) {
-    return BUILTIN_THEMES[name];
-}
-/**
- * Compose a new theme by extending an existing one with overrides.
- */
-function composeTheme(baseName, overrides) {
-    const base = BUILTIN_THEMES[baseName];
-    if (!base) {
-        return { name: baseName, vars: { ...overrides } };
-    }
-    return { name: baseName, vars: { ...base, ...overrides } };
-}
-// ── Asset registry implementation ──────────────────────────────────────────
-/**
- * Default asset registry implementation.
- * Maps asset ids to definitions and supports category filtering.
- */
-class AssetRegistryImpl {
-    _assets = new Map();
-    register(asset) {
-        this._assets.set(asset.id, asset);
-    }
-    get(id) {
-        return this._assets.get(id);
-    }
-    getAll(category) {
-        if (category) {
-            return [...this._assets.values()].filter((a) => a.category === category);
-        }
-        return [...this._assets.values()];
-    }
-    has(id) {
-        return this._assets.has(id);
-    }
-    remove(id) {
-        this._assets.delete(id);
-    }
-}
-function createAssetRegistry(assets = []) {
-    const registry = new AssetRegistryImpl();
-    for (const asset of assets) {
-        registry.register(asset);
-    }
-    return registry;
-}
-/** Create a fresh registry populated with the built-in demo assets. */
-function createDefaultRegistry() {
-    return createAssetRegistry([
-        {
-            id: "iso-platform",
-            category: "infrastructure",
-        },
-        {
-            id: "iso-server",
-            category: "equipment",
-        },
-        {
-            id: "iso-database",
-            category: "equipment",
-        },
-        {
-            id: "iso-connector",
-            category: "decoration",
-        },
-        {
-            id: "iso-cloud",
-            category: "decoration",
-        },
-    ]);
-}
-
-/** Base class for all structured errors */
-class IsostateError extends Error {
-    code;
-    details;
-    constructor(code, message, details) {
-        super(message);
-        this.code = code;
-        this.details = details;
-        this.name = this.constructor.name;
-    }
-}
-/** DSL parsing error */
-class ParseError extends IsostateError {
-}
-/** DSL validation error */
-class ValidationErrorClass extends IsostateError {
-}
-/** Rendering engine error */
-class RenderError extends IsostateError {
-}
-/** Animation engine error */
-class AnimationError extends IsostateError {
-}
-/** Animation controller error */
-class ControllerError extends IsostateError {
-}
-
-/** Default cell size in pixels */
-const DEFAULT_CELL_SIZE = 64;
-/**
- * Calculate raw scene-space coordinates from isometric grid position.
- * Layout is applied separately by subtracting resolved bounds and adding padding.
- */
-function projectToRaw(gridX, gridY, cellSize) {
-    return {
-        rawX: cellSize * (gridX - gridY) * 0.5,
-        rawY: cellSize * (gridX + gridY) * 0.25,
-    };
-}
-/**
- * Calculate screen coordinates from raw isometric projection and resolved bounds.
- */
-function projectToScreen(gridX, gridY, cellSize, boundsMinX = 0, boundsMinY = 0, paddingX = 0, paddingY = 0) {
-    const { rawX, rawY } = projectToRaw(gridX, gridY, cellSize);
-    return {
-        screenX: rawX - boundsMinX + paddingX,
-        screenY: rawY - boundsMinY + paddingY,
-    };
-}
-/** Calculate the screen size for an element based on its grid size. */
-function calculateVisualSize(gridSize, cellSize) {
-    return cellSize * gridSize;
-}
-/** Calculate the element transform string for positioning and scaling. */
-function calculateTransform(screenX, screenY, visualSize, cellSize) {
-    const scale = visualSize / cellSize;
-    return `translate(${screenX}px, ${screenY}px) scale(${scale})`;
-}
-
-/** Build built-in entry, exit, ambient, and reduced-motion CSS keyframes. */
-function buildKeyframeCSS() {
-    return [
-        "@keyframes iso-anim-fade-in{from{opacity:0}to{opacity:1}}",
-        "@keyframes iso-anim-fade-in-grow{from{opacity:0;scale:.01}to{opacity:1;scale:1}}",
-        "@keyframes iso-anim-fall-in{from{opacity:0;translate:0 -40px}to{opacity:1;translate:0 0}}",
-        "@keyframes iso-anim-rise-from-ground{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}",
-        "@keyframes iso-anim-slide-in-left{from{opacity:0;translate:-60px 0}to{opacity:1;translate:0 0}}",
-        "@keyframes iso-anim-slide-in-right{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}",
-        "@keyframes iso-anim-flip-in{from{opacity:1;scale:0 1}to{opacity:1;scale:1 1}}",
-        "@keyframes iso-anim-fade-out{from{opacity:1}to{opacity:0}}",
-        "@keyframes iso-anim-fade-out-shrink{from{opacity:1;scale:1}to{opacity:0;scale:.01}}",
-        "@keyframes iso-anim-fall-through-ground{from{opacity:1;translate:0 0}to{opacity:0;translate:0 40px}}",
-        "@keyframes iso-anim-rise-away{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -40px}}",
-        "@keyframes iso-anim-slide-out-left{from{opacity:1;translate:0 0}to{opacity:0;translate:-60px 0}}",
-        "@keyframes iso-anim-slide-out-right{from{opacity:1;translate:0 0}to{opacity:0;translate:60px 0}}",
-        "@keyframes iso-anim-flip-out{from{opacity:1;scale:1 1}to{opacity:0;scale:0 1}}",
-        "@keyframes iso-anim-pulse{0%,100%{opacity:.7}50%{opacity:1}}",
-        "@keyframes iso-anim-float{0%,100%{translate:0 0}50%{translate:0 -6px}}",
-        "@keyframes iso-anim-shake{0%,25%,75%,100%{translate:0 0}50%{translate:3px 0}}",
-        "@keyframes iso-anim-glow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.9))}}",
-        "@keyframes iso-anim-spin{from{rotate:0deg}to{rotate:360deg}}",
-        "@keyframes iso-anim-blink{0%,49%{opacity:1}50%,100%{opacity:0}}",
-        "@keyframes iso-connector-flow-route{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1px * var(--iso-flow-distance,20))}}",
-        "@keyframes iso-connector-flow-reverse{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(1px * var(--iso-flow-distance,20))}}",
-        ".iso-connector-pattern-dashed .iso-connector-shaft,.iso-connector-pattern-dotted .iso-connector-shaft{--iso-flow-distance:20}",
-        ".iso-connector-direction-route .iso-connector-shaft.iso-ambient-flow{animation:iso-connector-flow-route 900ms linear infinite}",
-        ".iso-connector-direction-reverse .iso-connector-shaft.iso-ambient-flow{animation:iso-connector-flow-reverse 900ms linear infinite}",
-        "@media (prefers-reduced-motion: reduce){.iso-element,.iso-connector{animation-duration:1ms!important}.iso-ambient-pulse,.iso-ambient-float,.iso-ambient-shake,.iso-ambient-glow,.iso-ambient-spin,.iso-ambient-blink,.iso-ambient-flow{animation:none!important}}",
-    ].join("\n");
-}
-
-const NS$1 = "http://www.w3.org/2000/svg";
-function createAssetResolver(bundle) {
-    const embedded = new Map();
-    const bundleAssets = bundle?.assets;
-    if (bundleAssets && typeof bundleAssets === "object") {
-        for (const [name, asset] of Object.entries(bundleAssets)) {
-            if (asset && typeof asset === "object" && typeof asset.url === "string") {
-                embedded.set(name, { url: asset.url, anchor: asset.anchor });
-            }
-        }
-    }
-    return (name) => embedded.get(name);
-}
-function createAssetNode(asset, assetName, cellSize) {
-    return createUrlAssetNode(asset.url, assetName, cellSize, asset.anchor);
-}
-function createTextAssetNode(textContent, assetName, cellSize) {
-    if (!textContent?.value) {
-        throw new RenderError("TEXT_CONTENT_MISSING", `Text content is missing for built-in asset: ${assetName}`, {
-            asset: assetName,
-        });
-    }
-    const group = document.createElementNS(NS$1, "g");
-    const text = document.createElementNS(NS$1, "text");
-    const align = textContent.align ?? "middle";
-    const fontSize = textContent.fontSize ?? 12;
-    const lineHeight = textContent.lineHeight ?? 1.2;
-    const anchorX = textAnchorX(align, cellSize);
-    text.setAttribute("x", String(anchorX));
-    text.setAttribute("y", String(-cellSize));
-    text.setAttribute("text-anchor", align);
-    text.setAttribute("dominant-baseline", "text-before-edge");
-    text.setAttribute("font-family", "Arial, Helvetica, sans-serif");
-    text.setAttribute("font-size", String(fontSize));
-    text.setAttribute("font-weight", String(textContent.fontWeight ?? 700));
-    text.setAttribute("fill", textContent.fill ?? "currentColor");
-    const lines = normalizeTextLines(textContent.value);
-    for (const [index, line] of lines.entries()) {
-        const tspan = document.createElementNS(NS$1, "tspan");
-        tspan.setAttribute("x", String(anchorX));
-        tspan.setAttribute("dy", index === 0 ? "0" : String(fontSize * lineHeight));
-        tspan.textContent = line;
-        text.appendChild(tspan);
-    }
-    group.appendChild(text);
-    return group;
-}
-function createPrimitiveAssetNode(assetName, primitive, cellSize) {
-    const group = document.createElementNS(NS$1, "g");
-    switch (assetName) {
-        case "rectangle":
-            appendProjectedPolygon(group, rectanglePoints(), primitive?.rectangle, cellSize);
-            return group;
-        case "polygon":
-            appendProjectedPolygon(group, primitive?.polygon?.points, primitive?.polygon, cellSize);
-            return group;
-        case "line":
-            appendProjectedPolyline(group, primitive?.line, primitive?.line, cellSize);
-            return group;
-        case "circle":
-            appendCircle(group, primitive?.circle, cellSize);
-            return group;
-        default:
-            throw new RenderError("PRIMITIVE_ASSET_UNKNOWN", `Unknown built-in primitive asset: ${assetName}`, {
-                asset: assetName,
-            });
-    }
-}
-function textAnchorX(align, cellSize) {
-    if (align === "start")
-        return -cellSize / 2;
-    if (align === "end")
-        return cellSize / 2;
-    return 0;
-}
-function normalizeTextLines(value) {
-    const normalized = value.replace(/\r\n?/g, "\n").replace(/\n$/, "");
-    return normalized.split("\n");
-}
-function rectanglePoints() {
-    return [
-        [0, 0],
-        [1, 0],
-        [1, 1],
-        [0, 1],
-    ];
-}
-function appendProjectedPolygon(group, points, style, cellSize) {
-    if (!points)
-        return;
-    const polygon = document.createElementNS(NS$1, "polygon");
-    polygon.setAttribute("points", points.map((point) => projectLocalPoint(point, cellSize)).join(" "));
-    applyPrimitiveStyle(polygon, style, { fill: "currentColor", stroke: "none" });
-    group.appendChild(polygon);
-}
-function appendProjectedPolyline(group, line, style, cellSize) {
-    if (!line?.points)
-        return;
-    const polyline = document.createElementNS(NS$1, "polyline");
-    polyline.setAttribute("points", line.points.map((point) => projectLocalPoint(point, cellSize)).join(" "));
-    polyline.setAttribute("fill", "none");
-    polyline.setAttribute("stroke-linecap", line.lineCap ?? "round");
-    polyline.setAttribute("stroke-linejoin", line.lineJoin ?? "round");
-    applyPrimitiveStyle(polyline, style, {
-        fill: "none",
-        stroke: "currentColor",
-    });
-    group.appendChild(polyline);
-}
-function appendCircle(group, style, cellSize) {
-    const center = projectLocalPoint([0.5, 0.5], cellSize);
-    const circle = document.createElementNS(NS$1, "circle");
-    const [cx, cy] = center.split(",").map(Number);
-    circle.setAttribute("cx", String(cx));
-    circle.setAttribute("cy", String(cy));
-    circle.setAttribute("r", String(cellSize * 0.2));
-    applyPrimitiveStyle(circle, style, {
-        fill: "currentColor",
-        stroke: "none",
-    });
-    group.appendChild(circle);
-}
-function projectLocalPoint(point, cellSize) {
-    const projected = projectToRaw(point[0], point[1], cellSize);
-    const anchor = projectToRaw(1, 1, cellSize);
-    return `${projected.rawX - anchor.rawX},${projected.rawY - anchor.rawY}`;
-}
-function applyPrimitiveStyle(node, style, defaults) {
-    node.setAttribute("fill", style?.fill ?? defaults.fill);
-    node.setAttribute("stroke", style?.stroke ?? defaults.stroke);
-    node.setAttribute("stroke-width", String(style?.strokeWidth ?? 0));
-    node.setAttribute("opacity", String(style?.opacity ?? 1));
-    if (style?.dash)
-        node.setAttribute("stroke-dasharray", style.dash.join(" "));
-}
-function createUrlAssetNode(url, assetName, cellSize, anchor) {
-    if (!isSafeAssetUrl(url)) {
-        throw new RenderError("INVALID_ASSET_URL", `Asset URL is unsafe: ${assetName}`, { asset: assetName });
-    }
-    const group = document.createElementNS(NS$1, "g");
-    const image = document.createElementNS(NS$1, "image");
-    const resolvedUrl = resolveBrowserAssetUrl(url);
-    const [anchorX, anchorY] = anchor ?? [0.5, 1];
-    image.setAttribute("href", resolvedUrl);
-    image.setAttributeNS("http://www.w3.org/1999/xlink", "href", resolvedUrl);
-    image.setAttribute("x", String(-cellSize * anchorX));
-    image.setAttribute("y", String(-cellSize * anchorY));
-    image.setAttribute("width", String(cellSize));
-    image.setAttribute("height", String(cellSize));
-    image.setAttribute("preserveAspectRatio", "xMidYMax meet");
-    group.appendChild(image);
-    return group;
-}
-function resolveBrowserAssetUrl(url) {
-    try {
-        const baseURI = document.baseURI;
-        return typeof baseURI === "string" ? new URL(url, baseURI).href : url;
-    }
-    catch {
-        return url;
-    }
-}
-function isSafeAssetUrl(url) {
-    const normalized = url.trim().toLowerCase();
-    return normalized.length > 0 && !normalized.startsWith("javascript:");
-}
-
-const CSS_CUSTOM_PROPERTY_PATTERN = /^--[a-zA-Z0-9-_]+$/;
-function applyThemeToElement(element, themeVars) {
-    for (const [name, value] of Object.entries(themeVars)) {
-        if (!CSS_CUSTOM_PROPERTY_PATTERN.test(name)) {
-            throw new RenderError("INVALID_THEME_VAR", `Invalid CSS custom property name: ${name}`);
-        }
-        element.style.setProperty(name, value);
-    }
-}
-
-const NS = "http://www.w3.org/2000/svg";
-const BUILT_IN_TEXT_ASSET_ID = "text";
-const BUILT_IN_PRIMITIVE_ASSET_IDS = new Set(["rectangle", "circle", "polygon", "line"]);
-const DEFAULT_CONNECTOR_DASH = {
-    dashed: [12, 8],
-    dotted: [0, 8],
-};
-const ENDPOINT_RADIUS_GRID = 0.14;
-const ARROW_LENGTH_GRID = 0.35;
-const ARROW_WIDTH_GRID = 0.28;
-const BAR_WIDTH_GRID = 0.4;
-// ── Public API ────────────────────────────────────────────────────────────
-/** Build the SVG DOM for a compiled runtime bundle and mount it into a container. */
-function buildSceneDOM(container, bundle, config) {
-    const layout = resolveSceneLayout(bundle);
-    const initialStop = bundle.scenes[0];
-    const allElements = collectElementDefinitions(bundle);
-    const allConnectors = collectConnectorDefinitions(bundle);
-    const initialById = new Map((initialStop?.elements ?? []).map((element) => [element.id, element]));
-    const initialConnectorsById = new Map((initialStop?.connectors ?? []).map((connector) => [connector.id, connector]));
-    const svg = createRootSvg(layout, config?.label, bundle.className);
-    const assetResolver = createAssetResolver(bundle);
-    svg.appendChild(createCssDefs());
-    applyThemeToElement(svg, {
-        ...(resolveTheme(bundle.theme) ?? {}),
-        ...(bundle.themeVars ?? {}),
-        ...(config?.themeVars ?? {}),
-    });
-    const sortedLayers = sortLayers(bundle.layers);
-    const layerMap = createLayerMap(sortedLayers);
-    if (bundle.floor.visible) {
-        svg.appendChild(createFloorGrid(bundle, layout));
-    }
-    const connectorMap = new Map();
-    for (const def of allConnectors) {
-        const initial = initialConnectorsById.get(def.id) ?? {
-            ...def,
-            presence: "removed",
-        };
-        const state = createConnectorInstance(initial, layout);
-        if (initial.presence === "removed") {
-            state.isHidden = true;
-            hideElementAfterExit(state.node);
-        }
-        applyConnectorAmbientClasses(state, initial.ambient ?? []);
-        svg.appendChild(state.node);
-        connectorMap.set(def.id, state);
-    }
-    const depthGroup = document.createElementNS(NS, "g");
-    depthGroup.classList.add("iso-depth-layer");
-    depthGroup.setAttribute("data-layer", "depth");
-    svg.appendChild(depthGroup);
-    const labelGroup = document.createElementNS(NS, "g");
-    labelGroup.classList.add("iso-layer", "iso-layer-labels");
-    labelGroup.setAttribute("data-layer", "labels");
-    svg.appendChild(labelGroup);
-    const elementMap = new Map();
-    const sortedElements = sortElementsForPerspective(allElements);
-    for (const def of sortedElements) {
-        const declaredLayer = layerMap.get(def.layer);
-        if (!declaredLayer) {
-            throw new RenderError("MISSING_LAYER", `Unknown layer for "${def.id}": ${def.layer}`);
-        }
-        const initial = initialById.get(def.id) ?? {
-            ...def,
-            presence: "removed",
-        };
-        const instance = createElementInstance(initial, layout, assetResolver);
-        instance.node.classList.add(`iso-layer-${def.layer}`);
-        instance.node.setAttribute("data-layer", def.layer);
-        if (initial.presence === "removed") {
-            instance.isHidden = true;
-            hideElementAfterExit(instance.node);
-        }
-        applyAmbientClasses(instance, initial.ambient ?? []);
-        const parent = isTextAsset(def.asset) ? labelGroup : depthGroup;
-        parent.appendChild(instance.node);
-        elementMap.set(def.id, instance);
-    }
-    svg._layerMap = layerMap;
-    svg._elementMap = elementMap;
-    svg._connectorMap = connectorMap;
-    container.appendChild(svg);
-    return svg;
-}
-/** Update transforms and ambient classes for a live set of interpolated runtime values. */
-function updateElementTransforms(svg, elements, connectors = []) {
-    const layout = svg._layout;
-    if (!layout)
-        return;
-    const map = svg._elementMap;
-    if (map) {
-        for (const def of elements) {
-            const state = map.get(def.id);
-            if (!state)
-                continue;
-            updateGeneratedElementContent(state.node, def, layout);
-            applyElementTransform(state.node, def, layout);
-            applyAmbientClasses(state, def.ambient ?? []);
-        }
-    }
-    const connectorMap = svg._connectorMap;
-    if (!connectorMap)
-        return;
-    for (const def of connectors) {
-        const state = connectorMap.get(def.id);
-        if (!state)
-            continue;
-        applyConnectorState(state, def, layout);
-    }
-}
-/** Read the internal ElementState for an element by its id. */
-function getElementState(svg, id) {
-    return svg._elementMap?.get(id);
-}
-/** Read the internal ConnectorState for a connector by its id. */
-function getConnectorState(svg, id) {
-    return svg._connectorMap?.get(id);
-}
-function getResolvedViewBox(bundle) {
-    return resolveSceneLayout(bundle).viewBox;
-}
-// ── Lifecycle helpers ─────────────────────────────────────────────────────
-/** Hide an element after its exit animation completes. */
-function hideElementAfterExit(node) {
-    node.style.visibility = "hidden";
-    node.style.pointerEvents = "none";
-}
-/** Show an element on re-addition. */
-function unhideElementOnReadd(node) {
-    node.style.visibility = "visible";
-    node.style.pointerEvents = "auto";
-}
-// ── Layout helpers ────────────────────────────────────────────────────────
-function resolveSceneLayout(bundle) {
-    const cellSize = bundle.grid.cellSize;
-    const padding = bundle.layout.padding;
-    const contentBounds = calculateContentBounds(bundle, cellSize);
-    const floorBounds = calculateFloorBounds(bundle, cellSize);
-    const selectedBounds = selectBounds(bundle.layout.bounds, contentBounds, floorBounds);
-    const width = selectedBounds.maxX - selectedBounds.minX + padding.x * 2;
-    const height = selectedBounds.maxY - selectedBounds.minY + padding.y * 2;
-    const viewBox = {
-        minX: 0,
-        minY: 0,
-        width: roundDimension(width || cellSize),
-        height: roundDimension(height || cellSize),
-    };
-    return {
-        cellSize,
-        padding,
-        contentBounds,
-        floorBounds,
-        selectedBounds,
-        viewBox,
-    };
-}
-function calculateContentBounds(bundle, cellSize) {
-    let bounds = emptyBounds();
-    for (const stop of bundle.scenes) {
-        for (const element of stop.elements ?? []) {
-            if (element.presence === "removed")
-                continue;
-            const { rawX, rawY } = projectToRaw(element.pos[0] + element.size, element.pos[1] + element.size, cellSize);
-            const visualSize = calculateVisualSize(element.size, cellSize);
-            const [anchorX, anchorY] = assetAnchorForBounds(bundle, element);
-            bounds = includeBounds(bounds, {
-                minX: rawX - visualSize * anchorX,
-                minY: rawY - visualSize * anchorY,
-                maxX: rawX + visualSize * (1 - anchorX),
-                maxY: rawY + visualSize * (1 - anchorY),
-            });
-        }
-        for (const connector of stop.connectors ?? []) {
-            if (connector.presence === "removed")
-                continue;
-            bounds = includeBounds(bounds, calculateConnectorBounds(connector, cellSize));
-        }
-    }
-    return normalizeBounds(bounds, cellSize);
-}
-function assetAnchorForBounds(bundle, element) {
-    return bundle.assets?.[element.asset]?.anchor ?? [0.5, 1];
-}
-function calculateConnectorBounds(connector, cellSize) {
-    let bounds = emptyBounds();
-    for (const [x, y] of connector.route) {
-        const { rawX, rawY } = projectToRaw(x, y, cellSize);
-        bounds = includePoint(bounds, rawX, rawY);
-    }
-    const endpointPadding = Math.max(ARROW_LENGTH_GRID, BAR_WIDTH_GRID, ENDPOINT_RADIUS_GRID * 2) * cellSize;
-    const strokePadding = connector.style.strokeWidth / 2 + (connector.style.outlineWidth ?? 0);
-    const padding = endpointPadding + strokePadding;
-    return {
-        minX: bounds.minX - padding,
-        minY: bounds.minY - padding,
-        maxX: bounds.maxX + padding,
-        maxY: bounds.maxY + padding,
-    };
-}
-function calculateFloorBounds(bundle, cellSize) {
-    const origin = bundle.floor.origin;
-    const [width, height] = bundle.floor.size;
-    const points = [
-        origin,
-        [origin[0] + width, origin[1]],
-        [origin[0], origin[1] + height],
-        [origin[0] + width, origin[1] + height],
-    ];
-    let bounds = emptyBounds();
-    for (const [x, y] of points) {
-        const { rawX, rawY } = projectToRaw(x, y, cellSize);
-        bounds = includePoint(bounds, rawX, rawY);
-    }
-    return normalizeBounds(bounds, cellSize);
-}
-function selectBounds(mode, content, floor) {
-    if (mode === "content")
-        return content;
-    if (mode === "floor")
-        return floor;
-    return includeBounds(content, floor);
-}
-function emptyBounds() {
-    return {
-        minX: Number.POSITIVE_INFINITY,
-        minY: Number.POSITIVE_INFINITY,
-        maxX: Number.NEGATIVE_INFINITY,
-        maxY: Number.NEGATIVE_INFINITY,
-    };
-}
-function normalizeBounds(bounds, cellSize) {
-    if (Number.isFinite(bounds.minX))
-        return bounds;
-    return { minX: 0, minY: 0, maxX: cellSize, maxY: cellSize };
-}
-function includePoint(bounds, x, y) {
-    return {
-        minX: Math.min(bounds.minX, x),
-        minY: Math.min(bounds.minY, y),
-        maxX: Math.max(bounds.maxX, x),
-        maxY: Math.max(bounds.maxY, y),
-    };
-}
-function includeBounds(bounds, next) {
-    return {
-        minX: Math.min(bounds.minX, next.minX),
-        minY: Math.min(bounds.minY, next.minY),
-        maxX: Math.max(bounds.maxX, next.maxX),
-        maxY: Math.max(bounds.maxY, next.maxY),
-    };
-}
-function roundDimension(value) {
-    return Math.round(value * 1000) / 1000;
-}
-// ── Private helpers ───────────────────────────────────────────────────────
-function createRootSvg(layout, label, className) {
-    const svg = document.createElementNS(NS, "svg");
-    svg.classList.add("iso-scene");
-    for (const token of className?.trim().split(/\s+/) ?? []) {
-        if (token)
-            svg.classList.add(token);
-    }
-    svg.setAttribute("width", "100%");
-    svg.setAttribute("height", "100%");
-    svg.setAttribute("viewBox", `${layout.viewBox.minX} ${layout.viewBox.minY} ${layout.viewBox.width} ${layout.viewBox.height}`);
-    svg.setAttribute("preserveAspectRatio", "xMidYMid meet");
-    svg.style.width = "100%";
-    svg.style.height = "100%";
-    svg.style.display = "block";
-    if (label) {
-        svg.setAttribute("role", "img");
-        svg.setAttribute("aria-label", label);
-    }
-    else {
-        svg.setAttribute("aria-hidden", "true");
-    }
-    svg._layout = layout;
-    svg._viewBoxW = layout.viewBox.width;
-    svg._viewBoxH = layout.viewBox.height;
-    return svg;
-}
-function createCssDefs() {
-    const styleEl = document.createElementNS(NS, "style");
-    styleEl.textContent = buildKeyframeCSS();
-    return styleEl;
-}
-function createFloorGrid(bundle, layout) {
-    const group = document.createElementNS(NS, "g");
-    group.classList.add("iso-floor-grid", `iso-layer-${bundle.floor.layer}`);
-    group.setAttribute("data-layer", bundle.floor.layer);
-    const [originX, originY] = bundle.floor.origin;
-    const [columns, rows] = bundle.floor.size;
-    const corners = [
-        projectGridPoint(originX, originY, layout),
-        projectGridPoint(originX + columns, originY, layout),
-        projectGridPoint(originX + columns, originY + rows, layout),
-        projectGridPoint(originX, originY + rows, layout),
-    ];
-    const slab = document.createElementNS(NS, "polygon");
-    slab.classList.add("iso-floor-slab");
-    slab.setAttribute("points", corners.map(pointToString).join(" "));
-    slab.setAttribute("fill", "#dbe6f4");
-    slab.setAttribute("fill-opacity", "0.22");
-    slab.setAttribute("stroke", "#b9c9df");
-    slab.setAttribute("stroke-width", "1");
-    group.appendChild(slab);
-    for (let x = 0; x <= columns; x++) {
-        group.appendChild(createFloorLine(projectGridPoint(originX + x, originY, layout), projectGridPoint(originX + x, originY + rows, layout)));
-    }
-    for (let y = 0; y <= rows; y++) {
-        group.appendChild(createFloorLine(projectGridPoint(originX, originY + y, layout), projectGridPoint(originX + columns, originY + y, layout)));
-    }
-    return group;
-}
-function createFloorLine(start, end) {
-    const line = document.createElementNS(NS, "line");
-    line.setAttribute("x1", String(start.x));
-    line.setAttribute("y1", String(start.y));
-    line.setAttribute("x2", String(end.x));
-    line.setAttribute("y2", String(end.y));
-    line.setAttribute("stroke", "#2563eb");
-    line.setAttribute("stroke-width", "1");
-    line.setAttribute("stroke-dasharray", "5 5");
-    line.setAttribute("stroke-opacity", "0.2");
-    return line;
-}
-function projectGridPoint(x, y, layout) {
-    const screen = projectToScreen(x, y, layout.cellSize, layout.selectedBounds.minX, layout.selectedBounds.minY, layout.padding.x, layout.padding.y);
-    return { x: screen.screenX, y: screen.screenY };
-}
-function pointToString(point) {
-    return `${point.x},${point.y}`;
-}
-function createLayerMap(layers) {
-    return new Map(layers.map((layer) => [layer.name, layer]));
-}
-function sortLayers(layers) {
-    return [...layers]
-        .map((layer, index) => ({ name: layer.name, order: layer.order ?? index }))
-        .sort((a, b) => a.order - b.order || a.name.localeCompare(b.name));
-}
-function sortElementsForPerspective(elements) {
-    return elements.slice().sort((a, b) => {
-        const bucket = renderBucket(a) - renderBucket(b);
-        if (bucket !== 0)
-            return bucket;
-        const depth = a.pos[0] + a.pos[1] - (b.pos[0] + b.pos[1]);
-        if (depth !== 0)
-            return depth;
-        return a.id.localeCompare(b.id);
-    });
-}
-function renderBucket(element) {
-    if (isPrimitiveAsset(element.asset))
-        return 0;
-    if (isTextAsset(element.asset))
-        return 2;
-    return 1;
-}
-function collectElementDefinitions(bundle) {
-    const byId = new Map();
-    for (const stop of bundle.scenes) {
-        for (const element of stop.elements ?? []) {
-            if (!byId.has(element.id) || byId.get(element.id)?.presence === "removed") {
-                byId.set(element.id, element);
-            }
-        }
-    }
-    return [...byId.values()];
-}
-function collectConnectorDefinitions(bundle) {
-    const byId = new Map();
-    for (const stop of bundle.scenes) {
-        for (const connector of stop.connectors ?? []) {
-            if (!byId.has(connector.id) || byId.get(connector.id)?.presence === "removed") {
-                byId.set(connector.id, connector);
-            }
-        }
-    }
-    return [...byId.values()];
-}
-/** Create a single element SVG instance applying entry animation. */
-function createElementInstance(def, layout, resolveAsset) {
-    const node = def.asset === BUILT_IN_TEXT_ASSET_ID
-        ? createTextAssetNode(def.text, def.asset, layout.cellSize)
-        : isPrimitiveAsset(def.asset)
-            ? createPrimitiveAssetNode(def.asset, def.primitive, layout.cellSize)
-            : createResolvedAssetNode(def, resolveAsset, layout.cellSize);
-    node.classList.add("iso-element", `iso-element-${def.id}`);
-    node.setAttribute("data-id", def.id);
-    node.setAttribute("data-asset", def.asset);
-    node.style.overflow = "visible";
-    node.style.pointerEvents = "auto";
-    applyElementTransform(node, def, layout);
-    const entryAnim = def.enter;
-    if (entryAnim && entryAnim !== "none" && def.presence !== "removed") {
-        const keyName = `iso-anim-${entryAnim}`;
-        animateElement(node, keyName, "enter");
-        node.addEventListener("animationend", () => {
-            node.style.animation = "";
-        }, { once: true });
-        return { node, isHidden: false, entryKey: entryAnim, ambient: new Set() };
-    }
-    return { node, isHidden: false, ambient: new Set() };
-}
-function isTextAsset(assetId) {
-    return assetId === BUILT_IN_TEXT_ASSET_ID;
-}
-function isPrimitiveAsset(assetId) {
-    return BUILT_IN_PRIMITIVE_ASSET_IDS.has(assetId);
-}
-function createResolvedAssetNode(def, resolveAsset, cellSize) {
-    const asset = resolveAsset(def.asset);
-    if (!asset) {
-        throw new RenderError("ASSET_NOT_FOUND", `Asset not found: ${def.asset}`, {
-            asset: def.asset,
-            elementId: def.id,
-        });
-    }
-    return createAssetNode(asset, def.asset, cellSize);
-}
-function updateGeneratedElementContent(node, def, layout) {
-    if (!isTextAsset(def.asset) && !isPrimitiveAsset(def.asset))
-        return;
-    const replacement = isTextAsset(def.asset)
-        ? createTextAssetNode(def.text, def.asset, layout.cellSize)
-        : createPrimitiveAssetNode(def.asset, def.primitive, layout.cellSize);
-    clearChildren(node);
-    while (replacement.firstChild) {
-        const child = replacement.firstChild;
-        replacement.removeChild(child);
-        node.appendChild(child);
-    }
-}
-function createConnectorInstance(def, layout) {
-    const node = document.createElementNS(NS, "g");
-    const shaft = document.createElementNS(NS, "path");
-    const state = { node, shaft, isHidden: false, ambient: new Set() };
-    applyConnectorState(state, def, layout);
-    const entryAnim = def.enter;
-    if (entryAnim && entryAnim !== "none" && def.presence !== "removed") {
-        animateElement(node, `iso-anim-${entryAnim}`, "enter");
-        node.addEventListener("animationend", () => {
-            node.style.animation = "";
-        }, { once: true });
-    }
-    return state;
-}
-function applyConnectorState(state, def, layout) {
-    applyConnectorGroupAttrs(state.node, def);
-    clearChildren(state.node);
-    const d = routePath(def.route, layout);
-    if (shouldRenderOutline(def)) {
-        const outline = document.createElementNS(NS, "path");
-        outline.classList.add("iso-connector-outline");
-        applyConnectorPathAttrs(outline, def, d, {
-            stroke: def.style.outline ?? def.style.stroke,
-            strokeWidth: def.style.strokeWidth + def.style.outlineWidth * 2,
-            includeDash: false,
-        });
-        state.node.appendChild(outline);
-    }
-    state.shaft = document.createElementNS(NS, "path");
-    state.shaft.classList.add("iso-connector-shaft");
-    applyConnectorPathAttrs(state.shaft, def, d, {
-        stroke: def.style.stroke,
-        strokeWidth: def.style.strokeWidth,
-        includeDash: true,
-    });
-    state.node.appendChild(state.shaft);
-    if (def.style.variant === "road" && def.style.lane === "center-dashed") {
-        const lane = document.createElementNS(NS, "path");
-        lane.classList.add("iso-connector-lane");
-        applyConnectorPathAttrs(lane, def, d, {
-            stroke: "#ffffff",
-            strokeWidth: Math.max(1, def.style.strokeWidth * 0.12),
-            includeDash: false,
-        });
-        lane.setAttribute("stroke-dasharray", "8 8");
-        state.node.appendChild(lane);
-    }
-    appendEndpoint(state.node, def, "start", layout);
-    appendEndpoint(state.node, def, "end", layout);
-    applyConnectorAmbientClasses(state, def.ambient ?? []);
-}
-function clearChildren(node) {
-    while (node.firstChild)
-        node.removeChild(node.firstChild);
-}
-function applyConnectorGroupAttrs(node, def) {
-    node.setAttribute("class", [
-        "iso-connector",
-        `iso-connector-${def.id}`,
-        `iso-connector-variant-${def.style.variant}`,
-        `iso-connector-pattern-${def.style.pattern}`,
-        `iso-connector-direction-${def.direction}`,
-        `iso-layer-${def.layer}`,
-    ].join(" "));
-    node.setAttribute("data-id", def.id);
-    node.setAttribute("data-layer", def.layer);
-    node.style.overflow = "visible";
-    node.style.pointerEvents = "auto";
-}
-function shouldRenderOutline(def) {
-    return Boolean(def.style.outline && def.style.outlineWidth > 0);
-}
-function applyConnectorPathAttrs(path, def, d, options) {
-    path.setAttribute("d", d);
-    path.setAttribute("fill", "none");
-    path.setAttribute("stroke", options.stroke);
-    path.setAttribute("stroke-width", String(options.strokeWidth));
-    path.setAttribute("stroke-linecap", "round");
-    path.setAttribute("stroke-linejoin", "round");
-    path.setAttribute("opacity", String(def.style.opacity));
-    if (options.includeDash && def.style.pattern !== "solid") {
-        const dash = def.style.dash ?? DEFAULT_CONNECTOR_DASH[def.style.pattern];
-        path.setAttribute("stroke-dasharray", dash.join(" "));
-    }
-}
-function routePath(route, layout) {
-    return route
-        .map((point, index) => {
-        const projected = projectGridPoint(point[0], point[1], layout);
-        return `${index === 0 ? "M" : "L"} ${projected.x} ${projected.y}`;
-    })
-        .join(" ");
-}
-function appendEndpoint(group, def, kind, layout) {
-    const endpoint = def[kind];
-    if (endpoint === "none" || def.route.length < 2)
-        return;
-    const node = createEndpointNode(endpoint, def, kind, layout);
-    node.classList.add(`iso-connector-${kind}`);
-    group.appendChild(node);
-}
-function createEndpointNode(endpoint, def, kind, layout) {
-    switch (endpoint) {
-        case "arrow":
-            return createArrowEndpoint(def, kind, layout);
-        case "dot":
-            return createCircleEndpoint(def, kind, layout, true);
-        case "circle":
-            return createCircleEndpoint(def, kind, layout, false);
-        case "diamond":
-            return createDiamondEndpoint(def, kind, layout);
-        case "bar":
-            return createBarEndpoint(def, kind, layout);
-        case "none":
-            throw new RenderError("CONNECTOR_ENDPOINT_NONE", "Cannot create geometry for endpoint none");
-    }
-}
-function createArrowEndpoint(def, kind, layout) {
-    const tip = endpointPoint(def, kind);
-    const direction = endpointDirection(def, kind);
-    const perpendicular = [-direction[1], direction[0]];
-    const base = [tip[0] - direction[0] * ARROW_LENGTH_GRID, tip[1] - direction[1] * ARROW_LENGTH_GRID];
-    const halfWidth = ARROW_WIDTH_GRID / 2;
-    const points = [
-        tip,
-        [base[0] + perpendicular[0] * halfWidth, base[1] + perpendicular[1] * halfWidth],
-        [base[0] - perpendicular[0] * halfWidth, base[1] - perpendicular[1] * halfWidth],
-    ].map((point) => projectGridPoint(point[0], point[1], layout));
-    const polygon = document.createElementNS(NS, "polygon");
-    polygon.setAttribute("points", points.map(pointToString).join(" "));
-    polygon.setAttribute("fill", def.style.stroke);
-    polygon.setAttribute("opacity", String(def.style.opacity));
-    return polygon;
-}
-function createCircleEndpoint(def, kind, layout, filled) {
-    const point = endpointPoint(def, kind);
-    const projected = projectGridPoint(point[0], point[1], layout);
-    const circle = document.createElementNS(NS, "circle");
-    circle.setAttribute("cx", String(projected.x));
-    circle.setAttribute("cy", String(projected.y));
-    circle.setAttribute("r", String(ENDPOINT_RADIUS_GRID * layout.cellSize));
-    circle.setAttribute("stroke", def.style.stroke);
-    circle.setAttribute("stroke-width", String(Math.max(1, def.style.strokeWidth)));
-    circle.setAttribute("opacity", String(def.style.opacity));
-    circle.setAttribute("fill", filled ? def.style.stroke : "none");
-    return circle;
-}
-function createDiamondEndpoint(def, kind, layout) {
-    const center = endpointPoint(def, kind);
-    const radius = ENDPOINT_RADIUS_GRID;
-    const points = [
-        [center[0], center[1] - radius],
-        [center[0] + radius, center[1]],
-        [center[0], center[1] + radius],
-        [center[0] - radius, center[1]],
-    ];
-    const polygon = document.createElementNS(NS, "polygon");
-    polygon.setAttribute("points", points
-        .map((point) => projectGridPoint(point[0], point[1], layout))
-        .map(pointToString)
-        .join(" "));
-    polygon.setAttribute("fill", def.style.stroke);
-    polygon.setAttribute("opacity", String(def.style.opacity));
-    return polygon;
-}
-function createBarEndpoint(def, kind, layout) {
-    const center = endpointPoint(def, kind);
-    const direction = endpointDirection(def, kind);
-    const perpendicular = [-direction[1], direction[0]];
-    const half = BAR_WIDTH_GRID / 2;
-    const a = projectGridPoint(center[0] + perpendicular[0] * half, center[1] + perpendicular[1] * half, layout);
-    const b = projectGridPoint(center[0] - perpendicular[0] * half, center[1] - perpendicular[1] * half, layout);
-    const line = document.createElementNS(NS, "line");
-    line.setAttribute("x1", String(a.x));
-    line.setAttribute("y1", String(a.y));
-    line.setAttribute("x2", String(b.x));
-    line.setAttribute("y2", String(b.y));
-    line.setAttribute("stroke", def.style.stroke);
-    line.setAttribute("stroke-width", String(Math.max(1, def.style.strokeWidth)));
-    line.setAttribute("stroke-linecap", "round");
-    line.setAttribute("opacity", String(def.style.opacity));
-    return line;
-}
-function endpointPoint(def, kind) {
-    return kind === "start" ? def.route[0] : def.route[def.route.length - 1];
-}
-function endpointDirection(def, kind) {
-    const point = kind === "start"
-        ? vectorBetween(def.route[0], def.route[1])
-        : vectorBetween(def.route[def.route.length - 2], def.route[def.route.length - 1]);
-    const effective = def.direction === "reverse" ? [-point[0], -point[1]] : point;
-    return normalizeVector(effective);
-}
-function vectorBetween(start, end) {
-    return [end[0] - start[0], end[1] - start[1]];
-}
-function normalizeVector(vector) {
-    const length = Math.hypot(vector[0], vector[1]);
-    if (length === 0)
-        return [1, 0];
-    return [vector[0] / length, vector[1] / length];
-}
-function applyElementTransform(node, def, layout) {
-    const screen = projectToScreen(def.pos[0] + def.size, def.pos[1] + def.size, layout.cellSize, layout.selectedBounds.minX, layout.selectedBounds.minY, layout.padding.x, layout.padding.y);
-    const visualSize = calculateVisualSize(def.size, layout.cellSize);
-    const scale = visualSize / layout.cellSize;
-    node.setAttribute("transform", `translate(${screen.screenX} ${screen.screenY}) scale(${scale})`);
-}
-function applyAmbientClasses(state, ambient) {
-    const next = new Set((ambient ?? []).map((item) => item.name));
-    for (const name of state.ambient) {
-        if (!next.has(name))
-            state.node.classList.remove(`iso-ambient-${name}`);
-    }
-    for (const name of next) {
-        if (!state.ambient.has(name))
-            state.node.classList.add(`iso-ambient-${name}`);
-    }
-    state.ambient = next;
-}
-function applyConnectorAmbientClasses(state, ambient) {
-    const next = new Set((ambient ?? []).map((item) => item.name));
-    for (const name of state.ambient) {
-        if (!next.has(name))
-            state.shaft.classList.remove(`iso-ambient-${name}`);
-    }
-    for (const name of next) {
-        if (!state.ambient.has(name))
-            state.shaft.classList.add(`iso-ambient-${name}`);
-    }
-    state.ambient = next;
-}
-/** Apply a CSS keyframe animation to an element. */
-function animateElement(node, keyframeName, type = "enter") {
-    node.style.opacity = "1";
-    node.style.animation = "none";
-    node.getBoundingClientRect();
-    const duration = type === "exit" ? "var(--iso-anim-duration-exit, 300ms)" : "var(--iso-anim-duration-enter, 400ms)";
-    const easing = type === "exit" ? "var(--iso-anim-easing-exit, ease-in)" : "var(--iso-anim-easing-enter, ease-out)";
-    node.style.animation = `${keyframeName} ${duration} ${easing} forwards`;
-}
-
-/**
- * Linear easing (no interpolation).
- */
-function linear(t) {
-    return t;
-}
-/**
- * Cubic ease-in: starts slowly, accelerates.
- */
-function easeInCubic(t) {
-    return t * t * t;
-}
-/**
- * Cubic ease-out: starts fast, decelerates.
- */
-function easeOutCubic(t) {
-    return 1 - (1 - t) ** 3;
-}
-/**
- * Cubic ease-in-out: slow start, fast middle, slow end.
- */
-function easeInOutCubic(t) {
-    return t < 0.5 ? 4 * t * t * t : 1 - (-2 * t + 2) ** 3 / 2;
-}
-/**
- * Resolve an easing type string to a function.
- */
-function resolveEasing(type) {
-    switch (type) {
-        case "linear":
-            return linear;
-        case "easeInCubic":
-            return easeInCubic;
-        case "easeOutCubic":
-            return easeOutCubic;
-        case "easeInOutCubic":
-            return easeInOutCubic;
-    }
-}
-
-const DEFAULT_CONFIG = {
-    scrollDirection: "vertical",
-    scrollOffset: {},
-    minProgress: 0,
-    maxProgress: 1,
-    keyboardControls: false,
-    touchControls: false,
-    scrollSensitivity: 1.0,
-    transitionDuration: 600,
-    transitionEasing: "ease-in-out",
-};
-// ── Controller implementation ──────────────────────────────────────────────
-/**
- * Animation controller — manages scroll progress, scene navigation,
- * and delegates to the animation engine for frame updates.
- */
-class AnimationController {
-    _engine = new AnimationEngine();
-    _bundle = null;
-    _sceneIndex = 0;
-    _progress = 0;
-    _paused = false;
-    _config = DEFAULT_CONFIG;
-    _container = null;
-    _sceneElement = null;
-    _ownsEngine = true;
-    _rafId = null;
-    _pendingProgress = null;
-    _destroyed = false;
-    _listeners = new Map();
-    // Scroll tracking state
-    _minScroll = 0;
-    _maxScroll = 0;
-    _touchStartY = 0;
-    _touchStartX = 0;
-    _isDragging = false;
-    // Transition animation state
-    _transitionAnim = null;
-    get engine() {
-        return this._engine;
-    }
-    get progress() {
-        return this._progress;
-    }
-    getProgress() {
-        this._assertNotDestroyed();
-        return this._progress;
-    }
-    get sceneIndex() {
-        return this._sceneIndex;
-    }
-    getSceneIndex() {
-        this._assertNotDestroyed();
-        return this._sceneIndex;
-    }
-    get scenes() {
-        return this._bundle?.scenes ?? [];
-    }
-    get paused() {
-        return this._paused;
-    }
-    get currentScene() {
-        return this.scenes[this._sceneIndex];
-    }
-    /**
-     * Initialize the controller with a compiled bundle and optional runtime resources.
-     */
-    init(bundle, config = {}, runtime = {}) {
-        this._assertNotDestroyed();
-        if (!bundle.scenes || bundle.scenes.length === 0) {
-            throw new ControllerError("CONTROLLER_NO_SCENES", "init() requires at least one compiled scene stop");
-        }
-        this._cancelFrame();
-        this._bundle = bundle;
-        this._engine = runtime.engine ?? new AnimationEngine();
-        this._ownsEngine = !runtime.engine;
-        this._sceneIndex = 0;
-        this._progress = 0;
-        this._paused = false;
-        this._config = { ...DEFAULT_CONFIG, ...config };
-        this._sceneElement = runtime.sceneElement ?? config.sceneElement ?? null;
-        this._engine.init(bundle);
-        this._bindScroll();
-    }
-    /**
-     * Set scroll progress (0–1, clamped) and trigger frame update.
-     */
-    setProgress(progress) {
-        this._assertNotDestroyed();
-        if (!Number.isFinite(progress)) {
-            throw new ControllerError("CONTROLLER_PROGRESS_OUT_OF_RANGE", "setProgress() requires a finite progress value");
-        }
-        const clamped = Math.max(0, Math.min(1, progress));
-        if (clamped === this._progress && !this._paused && this._rafId !== null) {
-            return;
-        }
-        this._progress = clamped;
-        if (this._paused)
-            return;
-        this._scheduleProgressForward(clamped);
-    }
-    /**
-     * Navigate to next scene (wraps to 0 if at end).
-     */
-    nextScene() {
-        this._assertNotDestroyed();
-        if (this.scenes.length <= 1)
-            return;
-        const nextIndex = (this._sceneIndex + 1) % this.scenes.length;
-        this._transitionToScene(nextIndex);
-    }
-    /**
-     * Navigate to previous scene (wraps to last if at beginning).
-     */
-    prevScene() {
-        this._assertNotDestroyed();
-        if (this.scenes.length <= 1)
-            return;
-        const prevIndex = (this._sceneIndex - 1 + this.scenes.length) % this.scenes.length;
-        this._transitionToScene(prevIndex);
-    }
-    /**
-     * Set scene index directly.
-     */
-    setSceneIndex(index) {
-        this._assertNotDestroyed();
-        if (index < 0 || index >= this.scenes.length) {
-            throw new ControllerError("CONTROLLER_SCENE_INDEX_OUT_OF_RANGE", `Scene index ${index} is out of bounds [0, ${this.scenes.length - 1}]`);
-        }
-        this._transitionToScene(index);
-    }
-    /**
-     * Pause all animations.
-     */
-    pause() {
-        this._assertNotDestroyed();
-        if (this._paused)
-            return;
-        this._paused = true;
-        this._cancelFrame();
-        this._engine.pause();
-        this._applyPauseState(true);
-        this._emit("paused");
-    }
-    /**
-     * Resume from paused state.
-     */
-    resume() {
-        this._assertNotDestroyed();
-        if (!this._paused)
-            return;
-        this._paused = false;
-        this._engine.resume();
-        this._applyPauseState(false);
-        this._scheduleProgressForward(this._progress);
-        this._emit("resumed");
-    }
-    /**
-     * Check if controller is paused.
-     */
-    isPaused() {
-        this._assertNotDestroyed();
-        return this._paused;
-    }
-    /**
-     * Destroy controller and clean up all listeners and resources.
-     */
-    destroy() {
-        this._assertNotDestroyed();
-        this._unbindScroll();
-        this._cancelFrame();
-        this._cancelTransition();
-        if (this._ownsEngine)
-            this._engine.destroy();
-        this._listeners.clear();
-        this._bundle = null;
-        this._container = null;
-        this._pendingProgress = null;
-        this._destroyed = true;
-    }
-    // ── Event system ───────────────────────────────────────────────────────
-    on(event, listener) {
-        this._assertNotDestroyed();
-        const set = this._listeners.get(event) ?? new Set();
-        set.add(listener);
-        this._listeners.set(event, set);
-    }
-    off(event, listener) {
-        this._assertNotDestroyed();
-        const set = this._listeners.get(event);
-        if (set) {
-            set.delete(listener);
-        }
-    }
-    _emit(event, ...args) {
-        const set = this._listeners.get(event);
-        if (set) {
-            for (const listener of set) {
-                try {
-                    listener(...args);
-                }
-                catch (error) {
-                    queueMicrotask(() => {
-                        throw error;
-                    });
-                }
-            }
-        }
-    }
-    // ── Frame update ───────────────────────────────────────────────────────
-    _scheduleProgressForward(progress) {
-        this._pendingProgress = progress;
-        if (this._rafId !== null)
-            return;
-        this._rafId = requestAnimationFrame(() => {
-            this._rafId = null;
-            const pending = this._pendingProgress;
-            this._pendingProgress = null;
-            if (pending === null || this._paused || this._destroyed)
-                return;
-            this._engine.setProgress(pending);
-            this._applyFrameUpdate();
-            this._emit("progress-change", pending);
-        });
-    }
-    _cancelFrame() {
-        if (this._rafId !== null) {
-            cancelAnimationFrame(this._rafId);
-            this._rafId = null;
-        }
-        this._pendingProgress = null;
-    }
-    _applyFrameUpdate() {
-        if (!this._bundle)
-            return;
-        const svg = (this._sceneElement ?? this._container?.querySelector("svg") ?? null);
-        if (!svg)
-            return;
-        const updates = this._engine.getFrameUpdates().map((update) => ({
-            id: update.id,
-            asset: update.asset,
-            pos: update.pos,
-            size: update.size,
-            layer: update.layer,
-            presence: update.lifecycle,
-            enter: update.entry,
-            exit: update.exit,
-            ambient: update.ambient,
-            text: update.text,
-            primitive: update.primitive,
-        }));
-        const connectors = this._engine.getConnectorFrameUpdates().map((update) => ({
-            id: update.id,
-            route: update.route,
-            layer: update.layer,
-            presence: update.lifecycle,
-            style: update.style,
-            start: update.start,
-            end: update.end,
-            direction: update.direction,
-            enter: update.entry,
-            exit: update.exit,
-            ambient: update.ambient,
-        }));
-        updateElementTransforms(svg, updates, connectors);
-        this._applyLifecycleChanges(updates);
-        this._applyConnectorLifecycleChanges(connectors);
-    }
-    _applyLifecycleChanges(elements) {
-        for (const elDef of elements) {
-            const transition = this._engine.getLifecycleTransition(elDef.id);
-            if (!transition)
-                continue;
-            const svgForState = (this._sceneElement ?? this._container?.querySelector("svg"));
-            if (!svgForState)
-                continue;
-            const state = getElementState(svgForState, elDef.id);
-            if (!state)
-                continue;
-            if (transition.to === "entering" || transition.to === "present") {
-                state.isHidden = false;
-                unhideElementOnReadd(state.node);
-            }
-            if (isForwardEntryTransition(transition)) {
-                this._applyEntryAnimation(elDef, state);
-            }
-            if (isReverseExitTransition(transition)) {
-                this._applyExitAnimation({ ...elDef, exit: oppositeExitAnimation(elDef.enter ?? "fade-in") }, state);
-                continue;
-            }
-            if (isForwardExitTransition(transition)) {
-                this._applyExitAnimation(elDef, state);
-            }
-            if (isReverseEntryTransition(transition)) {
-                state.isHidden = false;
-                unhideElementOnReadd(state.node);
-                this._applyEntryAnimation({ ...elDef, enter: oppositeEntryAnimation(elDef.exit ?? "fade-out") }, state);
-                continue;
-            }
-            if (transition.to === "removed") {
-                state.isHidden = true;
-                hideElementAfterExit(state.node);
-            }
-        }
-    }
-    _applyConnectorLifecycleChanges(connectors) {
-        for (const connectorDef of connectors) {
-            const transition = this._engine.getConnectorLifecycleTransition(connectorDef.id);
-            if (!transition)
-                continue;
-            const svgForState = (this._sceneElement ?? this._container?.querySelector("svg"));
-            if (!svgForState)
-                continue;
-            const state = getConnectorState(svgForState, connectorDef.id);
-            if (!state)
-                continue;
-            if (transition.to === "entering" || transition.to === "present") {
-                state.isHidden = false;
-                unhideElementOnReadd(state.node);
-            }
-            if (isForwardEntryTransition(transition)) {
-                this._applyConnectorEntryAnimation(connectorDef, state);
-            }
-            if (isReverseExitTransition(transition)) {
-                this._applyConnectorExitAnimation({
-                    ...connectorDef,
-                    exit: oppositeExitAnimation(connectorDef.enter ?? "fade-in"),
-                }, state);
-                continue;
-            }
-            if (isForwardExitTransition(transition)) {
-                this._applyConnectorExitAnimation(connectorDef, state);
-            }
-            if (isReverseEntryTransition(transition)) {
-                state.isHidden = false;
-                unhideElementOnReadd(state.node);
-                this._applyConnectorEntryAnimation({
-                    ...connectorDef,
-                    enter: oppositeEntryAnimation(connectorDef.exit ?? "fade-out"),
-                }, state);
-                continue;
-            }
-            if (transition.to === "removed") {
-                state.isHidden = true;
-                hideElementAfterExit(state.node);
-            }
-        }
-    }
-    _applyEntryAnimation(elDef, state) {
-        const entryAnim = elDef.enter ?? "fade-in";
-        if (entryAnim === "none")
-            return;
-        animateElement(state.node, `iso-anim-${entryAnim}`, "enter");
-        state.node.addEventListener("animationend", () => {
-            state.node.style.animation = "";
-        }, { once: true });
-    }
-    _applyExitAnimation(elDef, state) {
-        const exitAnim = elDef.exit ?? "fade-out";
-        if (exitAnim === "none") {
-            hideElementAfterExit(state.node);
-            return;
-        }
-        animateElement(state.node, `iso-anim-${exitAnim}`, "exit");
-        state.node.addEventListener("animationend", () => {
-            hideElementAfterExit(state.node);
-        }, { once: true });
-    }
-    _applyConnectorEntryAnimation(connectorDef, state) {
-        const entryAnim = connectorDef.enter ?? "fade-in";
-        if (entryAnim === "none")
-            return;
-        animateElement(state.node, `iso-anim-${entryAnim}`, "enter");
-        state.node.addEventListener("animationend", () => {
-            state.node.style.animation = "";
-        }, { once: true });
-    }
-    _applyConnectorExitAnimation(connectorDef, state) {
-        const exitAnim = connectorDef.exit ?? "fade-out";
-        if (exitAnim === "none") {
-            hideElementAfterExit(state.node);
-            return;
-        }
-        animateElement(state.node, `iso-anim-${exitAnim}`, "exit");
-        state.node.addEventListener("animationend", () => {
-            hideElementAfterExit(state.node);
-        }, { once: true });
-    }
-    // ── Scene transitions ──────────────────────────────────────────────────
-    _transitionToScene(index) {
-        this._cancelTransition();
-        if (index === this._sceneIndex)
-            return;
-        this._sceneIndex = index;
-        this._emit("scene-change", index);
-        const stop = this.scenes[index];
-        const from = this._progress;
-        const to = stop.progress;
-        const duration = this._config.transitionDuration;
-        if (duration > 0 && from !== to) {
-            this._animateProgress(from, to, duration);
-            return;
-        }
-        this._progress = to;
-        this._scheduleProgressForward(to);
-    }
-    _animateProgress(from, to, duration) {
-        const easing = resolveEasing((this._config.transitionEasing === "ease-in-out"
-            ? "easeInOutCubic"
-            : this._config.transitionEasing === "ease-out"
-                ? "easeOutCubic"
-                : "linear"));
-        const start = performance.now();
-        const step = (now) => {
-            const elapsed = now - start;
-            const t = Math.min(elapsed / duration, 1);
-            const easedT = easing(t);
-            const currentProgress = from + (to - from) * easedT;
-            this.setProgress(currentProgress);
-            if (t < 1) {
-                this._transitionAnim = requestAnimationFrame(step);
-            }
-            else {
-                this._transitionAnim = null;
-            }
-        };
-        this._transitionAnim = requestAnimationFrame(step);
-    }
-    _cancelTransition() {
-        if (this._transitionAnim !== null) {
-            cancelAnimationFrame(this._transitionAnim);
-            this._transitionAnim = null;
-        }
-    }
-    // ── Scroll binding ─────────────────────────────────────────────────────
-    _bindScroll() {
-        const container = this._config.container;
-        if (!container)
-            return;
-        this._container = container;
-        this._calculateScrollBounds();
-        container.addEventListener("scroll", this._onScroll, { passive: true });
-        window.addEventListener("resize", this._onResize, { passive: true });
-        if (this._config.keyboardControls) {
-            document.addEventListener("keydown", this._onKeyDown);
-        }
-        if (this._config.touchControls) {
-            container.addEventListener("touchstart", this._onTouchStart, {
-                passive: true,
-            });
-            container.addEventListener("touchmove", this._onTouchMove, {
-                passive: false,
-            });
-            container.addEventListener("touchend", this._onTouchEnd);
-        }
-    }
-    _unbindScroll() {
-        const container = this._config.container;
-        if (!container)
-            return;
-        container.removeEventListener("scroll", this._onScroll);
-        window.removeEventListener("resize", this._onResize);
-        document.removeEventListener("keydown", this._onKeyDown);
-        container.removeEventListener("touchstart", this._onTouchStart);
-        container.removeEventListener("touchmove", this._onTouchMove);
-        container.removeEventListener("touchend", this._onTouchEnd);
-    }
-    _calculateScrollBounds() {
-        const container = this._config.container;
-        if (!container)
-            return;
-        const offset = this._config.scrollOffset ?? {};
-        if (this._config.scrollDirection === "horizontal") {
-            this._minScroll = offset.left ?? 0;
-            this._maxScroll = container.scrollWidth - container.clientWidth - (offset.right ?? 0);
-            return;
-        }
-        this._minScroll = offset.top ?? 0;
-        this._maxScroll = container.scrollHeight - container.clientHeight - (offset.bottom ?? 0);
-    }
-    _onScroll = () => {
-        if (this._paused || this._destroyed)
-            return;
-        const container = this._config.container;
-        if (!container)
-            return;
-        const currentScroll = this._config.scrollDirection === "horizontal" ? container.scrollLeft : container.scrollTop;
-        const range = this._maxScroll - this._minScroll;
-        if (range <= 0)
-            return;
-        const rawProgress = (currentScroll - this._minScroll) / range;
-        const clampedProgress = Math.max(this._config.minProgress ?? 0, Math.min(this._config.maxProgress ?? 1, rawProgress));
-        const sensitivity = this._config.scrollSensitivity ?? 1;
-        if (clampedProgress !== this._progress) {
-            this.setProgress(clampedProgress * sensitivity);
-        }
-    };
-    _onResize = () => {
-        if (this._destroyed)
-            return;
-        this._calculateScrollBounds();
-    };
-    _onKeyDown = (e) => {
-        if (this._destroyed)
-            return;
-        if (e.key === "ArrowRight" || e.key === "ArrowDown" || e.key === " ") {
-            e.preventDefault();
-            this.nextScene();
-        }
-        else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-            e.preventDefault();
-            this.prevScene();
-        }
-    };
-    _onTouchStart = (e) => {
-        if (this._destroyed)
-            return;
-        this._isDragging = true;
-        const touch = e.touches[0];
-        if (this._config.scrollDirection === "horizontal") {
-            this._touchStartX = touch.clientX;
-        }
-        else {
-            this._touchStartY = touch.clientY;
-        }
-    };
-    _onTouchMove = (e) => {
-        if (this._destroyed)
-            return;
-        if (!this._isDragging)
-            return;
-        const touch = e.touches[0];
-        const delta = this._config.scrollDirection === "horizontal"
-            ? this._touchStartX - touch.clientX
-            : this._touchStartY - touch.clientY;
-        const sensitivity = this._config.scrollSensitivity ?? 1.0;
-        const progressDelta = (delta / 300) * sensitivity;
-        const newProgress = Math.max(0, Math.min(1, this._progress + progressDelta));
-        this.setProgress(newProgress);
-    };
-    _onTouchEnd = () => {
-        if (this._destroyed)
-            return;
-        this._isDragging = false;
-    };
-    // ── Pause state ────────────────────────────────────────────────────────
-    _applyPauseState(pause) {
-        const container = this._config.container;
-        if (!container)
-            return;
-        const svg = container.querySelector("svg");
-        if (!svg)
-            return;
-        const playState = pause ? "paused" : "running";
-        const ambientElements = svg.querySelectorAll('[class*="iso-ambient-"]');
-        for (let i = 0; i < ambientElements.length; i++) {
-            const el = ambientElements[i];
-            el.style.animationPlayState = playState;
-        }
-    }
-    _assertNotDestroyed() {
-        if (!this._destroyed)
-            return;
-        throw new ControllerError("CONTROLLER_DESTROYED", "AnimationController has been destroyed");
-    }
-}
-function isForwardEntryTransition(transition) {
-    return transition.from === "removed" && transition.to === "entering";
-}
-function isForwardExitTransition(transition) {
-    return transition.to === "exiting";
-}
-function isReverseExitTransition(transition) {
-    return transition.to === "removed" && transition.from !== "exiting";
-}
-function isReverseEntryTransition(transition) {
-    return transition.from === "exiting" && transition.to !== "removed";
-}
-function oppositeExitAnimation(entry) {
-    switch (entry) {
-        case "fade-in":
-            return "fade-out";
-        case "fade-in-grow":
-            return "fade-out-shrink";
-        case "fall-in":
-            return "rise-away";
-        case "rise-from-ground":
-            return "fall-through-ground";
-        case "slide-in-left":
-            return "slide-out-left";
-        case "slide-in-right":
-            return "slide-out-right";
-        case "flip-in":
-            return "flip-out";
-        case "none":
-            return "none";
-    }
-}
-function oppositeEntryAnimation(exit) {
-    switch (exit) {
-        case "fade-out":
-            return "fade-in";
-        case "fade-out-shrink":
-            return "fade-in-grow";
-        case "fall-through-ground":
-            return "rise-from-ground";
-        case "rise-away":
-            return "fall-in";
-        case "slide-out-left":
-            return "slide-in-left";
-        case "slide-out-right":
-            return "slide-in-right";
-        case "flip-out":
-            return "flip-in";
-        case "none":
-            return "none";
-    }
-}
-
-const RUNTIME_BUNDLE_FORMAT = "isostate-runtime-bundle";
-const RUNTIME_VERSION = "0.1.0";
-const HEX_DIGEST_PATTERN = /^[a-f0-9]{64}$/;
-/** Mount a compiled runtime bundle into an HTML element. */
-function mountScene(target, bundle, options = {}) {
-    assertMountTarget(target);
-    validateRuntimeBundle(bundle);
-    const engine = new AnimationEngine();
-    engine.init(bundle);
-    const svg = buildSceneDOM(target, bundle, {
-        label: options.label,
-        themeVars: options.themeVars,
-    });
-    let controller;
-    if (options.controller !== undefined && options.controller !== false) {
-        controller = new AnimationController();
-        controller.init(bundle, {
-            ...options.controller,
-            container: options.controller.container ?? target,
-            sceneElement: svg,
-        }, {
-            engine,
-            sceneElement: svg,
-        });
-    }
-    let destroyed = false;
-    return {
-        svg,
-        engine,
-        controller,
-        getResolvedConfig: () => getResolvedConfig(bundle, options),
-        destroy: () => {
-            if (destroyed)
-                return;
-            destroyed = true;
-            controller?.destroy();
-            engine.destroy();
-            if (svg.parentNode === target) {
-                target.removeChild(svg);
-            }
-            else {
-                svg.parentNode?.removeChild(svg);
-            }
-        },
-    };
-}
-function assertMountTarget(target) {
-    if (!target || typeof target.appendChild !== "function" || typeof target.removeChild !== "function") {
-        throw new RenderError("INVALID_MOUNT_TARGET", "mountScene() requires a DOM HTMLElement target");
-    }
-}
-function validateRuntimeBundle(bundle) {
-    if (!bundle || typeof bundle !== "object") {
-        throw new RenderError("BUNDLE_FORMAT_MISSING", "Runtime bundle must be a plain object");
-    }
-    if (bundle._format !== RUNTIME_BUNDLE_FORMAT) {
-        throw new RenderError("BUNDLE_FORMAT_MISSING", "Runtime bundle format is missing or unsupported", {
-            expected: RUNTIME_BUNDLE_FORMAT,
-        });
-    }
-    if (!Array.isArray(bundle.scenes) || bundle.scenes.length === 0) {
-        throw new RenderError("BUNDLE_FORMAT_MISSING", "Runtime bundle must include compiled scenes[]");
-    }
-    if (majorVersion(bundle._version) !== majorVersion(RUNTIME_VERSION)) {
-        throw new RenderError("BUNDLE_VERSION_MISMATCH", `Runtime bundle version ${bundle._version} is not compatible with runtime ${RUNTIME_VERSION}`, { bundleVersion: bundle._version, runtimeVersion: RUNTIME_VERSION });
-    }
-    if (!bundle._digest) {
-        throw new RenderError("BUNDLE_DIGEST_MISSING", "Runtime bundle digest is missing");
-    }
-    if (typeof bundle._digest !== "string" || !HEX_DIGEST_PATTERN.test(bundle._digest)) {
-        throw new RenderError("BUNDLE_DIGEST_MISMATCH", "Runtime bundle digest is malformed");
-    }
-    const { _digest, ...bundleWithoutDigest } = bundle;
-    const actualDigest = sha256(canonicalStringify(bundleWithoutDigest));
-    if (actualDigest !== _digest) {
-        throw new RenderError("BUNDLE_DIGEST_MISMATCH", "Runtime bundle digest does not match bundle content", {
-            expected: _digest,
-            actual: actualDigest,
-        });
-    }
-}
-function getResolvedConfig(bundle, options = {}) {
-    return {
-        grid: { cellSize: bundle.grid.cellSize },
-        floor: { ...bundle.floor },
-        layout: {
-            ...bundle.layout,
-            padding: { ...bundle.layout.padding },
-            align: [...bundle.layout.align],
-        },
-        viewBox: getResolvedViewBox(bundle),
-        theme: bundle.theme,
-        themeVars: getResolvedThemeVars(bundle, options.themeVars),
-        scenes: bundle.scenes.map((scene) => ({
-            id: scene.id,
-            progress: scene.progress,
-        })),
-        layerOrder: bundle.layers
-            .map((layer) => ({ name: layer.name, order: layer.order }))
-            .sort((a, b) => a.order - b.order || a.name.localeCompare(b.name)),
-    };
-}
-function getResolvedThemeVars(bundle, overrides = {}) {
-    return {
-        ...(resolveTheme(bundle.theme) ?? {}),
-        ...(bundle.themeVars ?? {}),
-        ...overrides,
-    };
-}
-function majorVersion(version) {
-    const major = Number.parseInt(String(version).split(".")[0] ?? "", 10);
-    return Number.isFinite(major) ? major : Number.NaN;
-}
-function canonicalStringify(value) {
-    return JSON.stringify(normalizeValue(value));
-}
-function normalizeValue(value) {
-    if (Array.isArray(value)) {
-        return value.map((item) => (item === undefined ? null : normalizeValue(item)));
-    }
-    if (!isPlainObject(value))
-        return value;
-    const normalized = {};
-    for (const key of Object.keys(value).sort()) {
-        const child = value[key];
-        if (child !== undefined) {
-            normalized[key] = normalizeValue(child);
-        }
-    }
-    return normalized;
-}
-function isPlainObject(value) {
-    return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function sha256(input) {
-    const bytes = utf8Bytes(input);
-    const bitLength = bytes.length * 8;
-    bytes.push(0x80);
-    while (bytes.length % 64 !== 56)
-        bytes.push(0);
-    for (let i = 7; i >= 0; i--) {
-        bytes.push(Math.floor(bitLength / 2 ** (i * 8)) & 0xff);
-    }
-    const h = [0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19];
-    const k = [
-        0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98,
-        0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174, 0xe49b69c1, 0xefbe4786,
-        0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, 0xa831c66d, 0xb00327c8,
-        0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13,
-        0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85, 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819,
-        0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a,
-        0x5b9cca4f, 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7,
-        0xc67178f2,
-    ];
-    const w = new Array(64);
-    for (let offset = 0; offset < bytes.length; offset += 64) {
-        for (let i = 0; i < 16; i++) {
-            const j = offset + i * 4;
-            w[i] = ((bytes[j] << 24) | (bytes[j + 1] << 16) | (bytes[j + 2] << 8) | bytes[j + 3]) >>> 0;
-        }
-        for (let i = 16; i < 64; i++) {
-            const s0 = rotr(w[i - 15], 7) ^ rotr(w[i - 15], 18) ^ (w[i - 15] >>> 3);
-            const s1 = rotr(w[i - 2], 17) ^ rotr(w[i - 2], 19) ^ (w[i - 2] >>> 10);
-            w[i] = (w[i - 16] + s0 + w[i - 7] + s1) >>> 0;
-        }
-        let [a, b, c, d, e, f, g, hh] = h;
-        for (let i = 0; i < 64; i++) {
-            const s1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);
-            const ch = (e & f) ^ (~e & g);
-            const temp1 = (hh + s1 + ch + k[i] + w[i]) >>> 0;
-            const s0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);
-            const maj = (a & b) ^ (a & c) ^ (b & c);
-            const temp2 = (s0 + maj) >>> 0;
-            hh = g;
-            g = f;
-            f = e;
-            e = (d + temp1) >>> 0;
-            d = c;
-            c = b;
-            b = a;
-            a = (temp1 + temp2) >>> 0;
-        }
-        h[0] = (h[0] + a) >>> 0;
-        h[1] = (h[1] + b) >>> 0;
-        h[2] = (h[2] + c) >>> 0;
-        h[3] = (h[3] + d) >>> 0;
-        h[4] = (h[4] + e) >>> 0;
-        h[5] = (h[5] + f) >>> 0;
-        h[6] = (h[6] + g) >>> 0;
-        h[7] = (h[7] + hh) >>> 0;
-    }
-    return h.map((value) => value.toString(16).padStart(8, "0")).join("");
-}
-function utf8Bytes(input) {
-    return Array.from(new TextEncoder().encode(input));
-}
-function rotr(value, bits) {
-    return (value >>> bits) | (value << (32 - bits));
-}
-
-/** Runtime set of valid entry animation strings */
-const ENTRY_ANIMATIONS = new Set([
-    "fade-in",
-    "fade-in-grow",
-    "fall-in",
-    "rise-from-ground",
-    "slide-in-left",
-    "slide-in-right",
-    "flip-in",
-    "none",
-]);
-/** Runtime set of valid exit animation strings */
-const EXIT_ANIMATIONS = new Set([
-    "fade-out",
-    "fade-out-shrink",
-    "fall-through-ground",
-    "rise-away",
-    "slide-out-left",
-    "slide-out-right",
-    "flip-out",
-    "none",
-]);
-/** Runtime set of valid lifecycle status strings */
-const LIFECYCLE_STATUSES = new Set(["entering", "present", "exiting", "removed"]);
-// ── Type guards ──────────────────────────────────────────────────────────────
-/** Narrow a raw string to EntryAnimation. Returns undefined if invalid. */
-function guardEntryAnimation(v) {
-    if (typeof v !== "string")
-        return undefined;
-    return ENTRY_ANIMATIONS.has(v) ? v : undefined;
-}
-/** Narrow a raw string to ExitAnimation. Returns undefined if invalid. */
-function guardExitAnimation(v) {
-    if (typeof v !== "string")
-        return undefined;
-    return EXIT_ANIMATIONS.has(v) ? v : undefined;
-}
-/** Narrow a raw string to LifecycleStatus. Returns undefined if invalid. */
-function guardLifecycleStatus(v) {
-    if (typeof v !== "string")
-        return undefined;
-    return LIFECYCLE_STATUSES.has(v) ? v : undefined;
-}
-
-export { AnimationController, AnimationEngine, AnimationError, AssetRegistryImpl, ControllerError, DEFAULT_CELL_SIZE, ParseError, RenderError, ValidationErrorClass, applyThemeToElement, buildSceneDOM, calculateTransform, calculateVisualSize, composeTheme, createAssetRegistry, createDefaultRegistry, easeInCubic, easeInOutCubic, easeOutCubic, guardEntryAnimation, guardExitAnimation, guardLifecycleStatus, linear, mountScene, projectToScreen, resolveEasing, resolveTheme };
-//# sourceMappingURL=isostate.runtime.js.map
+//# debugId=00B086D81CE9D85E64756E2164756E21