@flighthq/displayobject-dom 0.1.0

package/dist/domBackground.d.ts

@@ -0,0 +1,3 @@
+import type { DomRenderState } from '@flighthq/types';
+export declare function renderDomBackground(state: DomRenderState): void;
+//# sourceMappingURL=domBackground.d.ts.map

package/dist/domBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domBackground.d.ts","sourceRoot":"","sources":["../src/domBackground.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAM/D"}

package/dist/domBackground.js

@@ -0,0 +1,9 @@
+export function renderDomBackground(state) {
+    if ((state.backgroundColor & 0xff) !== 0) {
+        state.element.style.backgroundColor = state.backgroundColorString;
+    }
+    else {
+        state.element.style.backgroundColor = '';
+    }
+}
+//# sourceMappingURL=domBackground.js.map

package/dist/domBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domBackground.js","sourceRoot":"","sources":["../src/domBackground.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,KAAqB;IACvD,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC;IACpE,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;IAC3C,CAAC;AACH,CAAC"}

package/dist/domBitmap.d.ts

@@ -0,0 +1,4 @@
+import type { DisplayObjectRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomBitmap(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare const defaultDomBitmapRenderer: DisplayObjectRenderer;
+//# sourceMappingURL=domBitmap.d.ts.map

package/dist/domBitmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domBitmap.d.ts","sourceRoot":"","sources":["../src/domBitmap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,qBAAqB,EACrB,cAAc,EAGd,aAAa,EAEd,MAAM,iBAAiB,CAAC;AAczB,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAgBrF;AAoFD,eAAO,MAAM,wBAAwB,EAAE,qBAGtC,CAAC"}

package/dist/domBitmap.js

@@ -0,0 +1,77 @@
+import { createEntity } from '@flighthq/entity';
+import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
+function createDomBitmapData(_state, _source) {
+    return createEntity({ canvas: null, context: null, image: null });
+}
+export function drawDomBitmap(state, renderProxy) {
+    const data = renderProxy.rendererData;
+    if (data === null)
+        return;
+    const source = renderProxy.source;
+    const imageSource = source.data.image;
+    if (imageSource === null || imageSource.source === null)
+        return;
+    const src = imageSource.source;
+    const sr = source.data.sourceRectangle ?? null;
+    if (sr === null && src instanceof HTMLImageElement) {
+        renderBitmapAsImage(state, renderProxy, data, src);
+    }
+    else {
+        renderBitmapAsCanvas(state, renderProxy, data, imageSource.width, imageSource.height, src, sr);
+    }
+}
+function renderBitmapAsImage(state, renderProxy, data, src) {
+    if (data.canvas !== null) {
+        data.canvas = null;
+        data.context = null;
+    }
+    if (data.image === null) {
+        data.image = document.createElement('img');
+        data.image.crossOrigin = 'anonymous';
+        prepareDomElement(data.image);
+    }
+    if (data.image.src !== src.src) {
+        data.image.src = src.src;
+    }
+    applyDomStyle(state, data.image, renderProxy);
+    setDomRendererElement(state, data.image);
+}
+function renderBitmapAsCanvas(state, renderProxy, data, width, height, src, sourceRectangle = null) {
+    if (data.image !== null) {
+        data.image = null;
+    }
+    if (data.canvas === null) {
+        data.canvas = document.createElement('canvas');
+        data.context = data.canvas.getContext('2d');
+        prepareDomElement(data.canvas);
+    }
+    const source = renderProxy.source;
+    const smoothing = source.data.smoothing && state.allowSmoothing;
+    const drawWidth = sourceRectangle !== null ? sourceRectangle.width : width;
+    const drawHeight = sourceRectangle !== null ? sourceRectangle.height : height;
+    // Size the backing store at physical pixels and constrain layout to logical pixels via CSS so the
+    // bitmap stays crisp on HiDPI displays, matching the canvas backend's createCanvasElement. Resizing
+    // clears the canvas and resets context state, so apply the scale afterward.
+    const pixelRatio = state.pixelRatio;
+    data.canvas.width = drawWidth * pixelRatio;
+    data.canvas.height = drawHeight * pixelRatio;
+    data.canvas.style.width = `${drawWidth}px`;
+    data.canvas.style.height = `${drawHeight}px`;
+    const ctx = data.context;
+    if (pixelRatio !== 1)
+        ctx.scale(pixelRatio, pixelRatio);
+    ctx.imageSmoothingEnabled = smoothing;
+    if (sourceRectangle !== null) {
+        ctx.drawImage(src, sourceRectangle.x, sourceRectangle.y, sourceRectangle.width, sourceRectangle.height, 0, 0, sourceRectangle.width, sourceRectangle.height);
+    }
+    else {
+        ctx.drawImage(src, 0, 0, width, height);
+    }
+    applyDomStyle(state, data.canvas, renderProxy);
+    setDomRendererElement(state, data.canvas);
+}
+export const defaultDomBitmapRenderer = {
+    createData: createDomBitmapData,
+    submit: drawDomBitmap,
+};
+//# sourceMappingURL=domBitmap.js.map

package/dist/domBitmap.js.map

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

package/dist/domCSSFilterBinding.d.ts

@@ -0,0 +1,28 @@
+import type { BitmapFilter, DisplayObject, DomRenderState, RenderProxy2D } from '@flighthq/types';
+/**
+ * Enables CSS filter support for the render state by installing the resolver the
+ * draw path consults. Bindings made via setDomCssFilter only apply once this is
+ * called — mirroring enableDomBlendModeSupport and the other opt-ins. The draw
+ * path reaches the resolver only through this field, so filter-free states leave
+ * it null and the binding module tree-shakes away entirely.
+ */
+export declare function enableDomCssFilterSupport(state: DomRenderState): void;
+export declare function getDomCssFilter(renderProxy: RenderProxy2D): string | undefined;
+/**
+ * Returns true when the filter has a native CSS `filter` equivalent supported by the DOM
+ * backend. Filters not in this set cannot be expressed directly as a CSS filter string.
+ *
+ * Callers that need a raster fallback for unsupported filters should route the subtree
+ * through the render-cache path (ensureDomRenderCacheTarget) instead of calling
+ * setDomCssFilter.
+ */
+export declare function hasDomCssFilterEquivalent(filter: Readonly<BitmapFilter>): boolean;
+/**
+ * Binds a CSS filter string (e.g. "blur(4px)") to a display object for the given
+ * DOM render state, or clears it when filter is null. The binding lives on the
+ * render state side, not the scene graph, so the same display object can carry a
+ * different filter (or none) in different render states. The filter is applied via
+ * the element's `style.filter` while CSS filter support is enabled.
+ */
+export declare function setDomCssFilter(state: DomRenderState, node: DisplayObject, filter: string | null): void;
+//# sourceMappingURL=domCSSFilterBinding.d.ts.map

package/dist/domCSSFilterBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domCSSFilterBinding.d.ts","sourceRoot":"","sources":["../src/domCSSFilterBinding.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElG;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAErE;AAED,wBAAgB,eAAe,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,CAE9E;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,OAAO,CAEjF;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAOvG"}

package/dist/domCSSFilterBinding.js

@@ -0,0 +1,56 @@
+import { getOrCreateRenderProxy2D } from '@flighthq/render';
+/**
+ * Enables CSS filter support for the render state by installing the resolver the
+ * draw path consults. Bindings made via setDomCssFilter only apply once this is
+ * called — mirroring enableDomBlendModeSupport and the other opt-ins. The draw
+ * path reaches the resolver only through this field, so filter-free states leave
+ * it null and the binding module tree-shakes away entirely.
+ */
+export function enableDomCssFilterSupport(state) {
+    state.domCssFilterResolver = getDomCssFilter;
+}
+export function getDomCssFilter(renderProxy) {
+    return _cssFilterBindings.get(renderProxy);
+}
+/**
+ * Returns true when the filter has a native CSS `filter` equivalent supported by the DOM
+ * backend. Filters not in this set cannot be expressed directly as a CSS filter string.
+ *
+ * Callers that need a raster fallback for unsupported filters should route the subtree
+ * through the render-cache path (ensureDomRenderCacheTarget) instead of calling
+ * setDomCssFilter.
+ */
+export function hasDomCssFilterEquivalent(filter) {
+    return DOM_CSS_FILTER_KINDS.has(filter.kind);
+}
+/**
+ * Binds a CSS filter string (e.g. "blur(4px)") to a display object for the given
+ * DOM render state, or clears it when filter is null. The binding lives on the
+ * render state side, not the scene graph, so the same display object can carry a
+ * different filter (or none) in different render states. The filter is applied via
+ * the element's `style.filter` while CSS filter support is enabled.
+ */
+export function setDomCssFilter(state, node, filter) {
+    const renderProxy = getOrCreateRenderProxy2D(state, node);
+    if (filter === null) {
+        _cssFilterBindings.delete(renderProxy);
+        return;
+    }
+    _cssFilterBindings.set(renderProxy, filter);
+}
+// Per-state DOM CSS filter bindings, keyed by the render node. Render nodes are
+// per-state (state.renderProxyMap), so a module-level map keyed by render node is
+// automatically isolated per state — a filter set for one render state is
+// invisible to any other state that renders the same display object. This mirrors
+// the per-state canvas CSS filter and Gl shader bindings.
+const _cssFilterBindings = new WeakMap();
+// Filter kinds that have a native CSS filter equivalent in the DOM backend.
+// All other filter kinds require rasterization (e.g. via the render-cache path)
+// or are silently unsupported. This set drives hasDomCssFilterEquivalent.
+//
+// Mapping notes:
+//   BlurFilter       → filter: blur(…px)
+//   DropShadowFilter → filter: drop-shadow(offsetX offsetY blur color)
+//   OuterGlowFilter  → filter: drop-shadow(0 0 blur color)  [approximate: glow = shadow with 0 offset]
+const DOM_CSS_FILTER_KINDS = new Set(['BlurFilter', 'DropShadowFilter', 'OuterGlowFilter']);
+//# sourceMappingURL=domCSSFilterBinding.js.map

package/dist/domCSSFilterBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domCSSFilterBinding.js","sourceRoot":"","sources":["../src/domCSSFilterBinding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D;;;;;;GAMG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAAqB;IAC7D,KAAK,CAAC,oBAAoB,GAAG,eAAe,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,WAA0B;IACxD,OAAO,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAA8B;IACtE,OAAO,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,IAAmB,EAAE,MAAqB;IAC/F,MAAM,WAAW,GAAG,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1D,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,kBAAkB,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC;AAED,gFAAgF;AAChF,kFAAkF;AAClF,0EAA0E;AAC1E,kFAAkF;AAClF,0DAA0D;AAC1D,MAAM,kBAAkB,GAAG,IAAI,OAAO,EAAyB,CAAC;AAEhE,4EAA4E;AAC5E,gFAAgF;AAChF,0EAA0E;AAC1E,EAAE;AACF,iBAAiB;AACjB,yCAAyC;AACzC,uEAAuE;AACvE,uGAAuG;AACvG,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC"}

package/dist/domCache.d.ts

@@ -0,0 +1,14 @@
+import type { CanvasRenderTarget, DisplayObjectRenderer, DomRenderState, RenderCache, RenderState } from '@flighthq/types';
+export declare function enableDomRenderCache(state: RenderState): void;
+/**
+ * Allocates or resizes the canvas the DOM backend places for `cache`, returning it so a caller
+ * can draw the cached content into `target.context`. DOM cannot rasterize a scene graph itself,
+ * so its cache is always custom-baked: render the subtree into this canvas with a canvas render
+ * pass (or draw any content), set the handle's transform, and the DOM renderer places the canvas
+ * element. The returned canvas is pre-styled for DOM placement.
+ */
+export declare function ensureDomRenderCacheTarget(state: DomRenderState, cache: RenderCache, width: number, height: number): CanvasRenderTarget;
+export declare function getDomRenderCacheTarget(state: DomRenderState, cache: RenderCache): CanvasRenderTarget | null;
+export declare function releaseDomRenderCache(state: DomRenderState, cache: RenderCache): void;
+export declare const defaultDomRenderCacheRenderer: DisplayObjectRenderer;
+//# sourceMappingURL=domCache.d.ts.map

package/dist/domCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domCache.d.ts","sourceRoot":"","sources":["../src/domCache.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEX,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAKzB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAE7D;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,kBAAkB,CAWpB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,GAAG,kBAAkB,GAAG,IAAI,CAE5G;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAGrF;AA0BD,eAAO,MAAM,6BAA6B,EAAE,qBAG3C,CAAC"}

package/dist/domCache.js

@@ -0,0 +1,64 @@
+import { createCanvasRenderTarget, resizeCanvasRenderTarget } from '@flighthq/displayobject-canvas';
+import { getRenderProxyCache, noopRendererData, registerRenderCacheRenderer } from '@flighthq/render';
+import { prepareDomElement, setDomRendererElement } from './domStyle';
+import { setDomTransformWithOffset } from './domTransform';
+export function enableDomRenderCache(state) {
+    registerRenderCacheRenderer(state, defaultDomRenderCacheRenderer);
+}
+/**
+ * Allocates or resizes the canvas the DOM backend places for `cache`, returning it so a caller
+ * can draw the cached content into `target.context`. DOM cannot rasterize a scene graph itself,
+ * so its cache is always custom-baked: render the subtree into this canvas with a canvas render
+ * pass (or draw any content), set the handle's transform, and the DOM renderer places the canvas
+ * element. The returned canvas is pre-styled for DOM placement.
+ */
+export function ensureDomRenderCacheTarget(state, cache, width, height) {
+    const targets = getTargets(state);
+    let target = targets.get(cache);
+    if (target === undefined) {
+        target = createCanvasRenderTarget(width, height);
+        prepareDomElement(target.canvas);
+        targets.set(cache, target);
+    }
+    else {
+        resizeCanvasRenderTarget(target, width, height);
+    }
+    return target;
+}
+export function getDomRenderCacheTarget(state, cache) {
+    return getTargets(state).get(cache) ?? null;
+}
+export function releaseDomRenderCache(state, cache) {
+    // The target canvas is a DOM element with no GPU handle; dropping the reference frees it.
+    getTargets(state).delete(cache);
+}
+function drawDomRenderCache(state, data) {
+    const cache = getRenderProxyCache(state, data.source);
+    if (cache === null)
+        return;
+    const domState = state;
+    const target = getTargets(domState).get(cache);
+    if (target === undefined)
+        return;
+    const canvas = target.canvas;
+    setDomTransformWithOffset(canvas, data.transform2D, 0, 0, domState.roundPixels);
+    canvas.style.opacity = data.alpha < 1 ? String(data.alpha) : '';
+    canvas.style.imageRendering = state.allowSmoothing ? '' : 'pixelated';
+    domState.applyBlendMode?.(canvas, data.blendMode);
+    setDomRendererElement(domState, canvas);
+}
+function getTargets(state) {
+    let targets = _renderCacheTargets.get(state);
+    if (targets === undefined) {
+        targets = new WeakMap();
+        _renderCacheTargets.set(state, targets);
+    }
+    return targets;
+}
+export const defaultDomRenderCacheRenderer = {
+    createData: noopRendererData,
+    submit: drawDomRenderCache,
+};
+// The screen state owns each cache's target canvas, keyed by the handle.
+const _renderCacheTargets = new WeakMap();
+//# sourceMappingURL=domCache.js.map

package/dist/domCache.js.map

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

package/dist/domClip.d.ts

@@ -0,0 +1,3 @@
+import type { DomRenderState } from '@flighthq/types';
+export declare function enableDomClipSupport(state: DomRenderState): void;
+//# sourceMappingURL=domClip.d.ts.map

package/dist/domClip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domClip.d.ts","sourceRoot":"","sources":["../src/domClip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,iBAAiB,CAAC;AASzB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAGhE"}

package/dist/domClip.js

@@ -0,0 +1,38 @@
+import { pushDomClipContours } from './domClipContours';
+import { pushDomClipRectangle, setDomClipHooks } from './domClipRectangle';
+import { getDomRenderStateRuntime } from './domRenderState';
+// Masks RETIRED — a former mask is a path ClipRegion realized as a CSS clip-path. The DOM clip stack now
+// holds rect entries (DomStageRectangle) and contour entries (DomClipContourEntry); applyDomClipRectangles
+// must emit a clip-path for either (see domClipContours.ts). Unwind by truncating the stack.
+export function enableDomClipSupport(state) {
+    state.displayObjectClipHooks = domDisplayObjectClipHooks;
+    setDomClipHooks(state);
+}
+const domDisplayObjectClipHooks = {
+    finalize(state) {
+        const runtime = getDomRenderStateRuntime(state);
+        runtime.domClipStack.length = 0;
+        state.currentClipDepth = 0;
+    },
+    popClip(state, data, source) {
+        const runtime = getDomRenderStateRuntime(state);
+        const target = data.clipDepth - (source.clip != null ? 1 : 0);
+        if (runtime.domClipStack.length > target)
+            runtime.domClipStack.length = target;
+        state.currentClipDepth = runtime.domClipStack.length;
+    },
+    pushClip(state, data, source) {
+        const clip = source.clip;
+        if (clip === null)
+            return;
+        const runtime = getDomRenderStateRuntime(state);
+        if (clip.contours === null) {
+            pushDomClipRectangle(runtime.domClipStack, clip.rect, data.transform2D);
+        }
+        else {
+            pushDomClipContours(runtime.domClipStack, clip.contours, clip.winding, data.transform2D);
+        }
+        state.currentClipDepth++;
+    },
+};
+//# sourceMappingURL=domClip.js.map

package/dist/domClip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domClip.js","sourceRoot":"","sources":["../src/domClip.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,yGAAyG;AACzG,2GAA2G;AAC3G,6FAA6F;AAC7F,MAAM,UAAU,oBAAoB,CAAC,KAAqB;IACxD,KAAK,CAAC,sBAAsB,GAAG,yBAAyB,CAAC;IACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,yBAAyB,GAA2B;IACxD,QAAQ,CAAC,KAAkB;QACzB,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAuB,CAAC,CAAC;QAClE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,KAAkB,EAAE,IAAmB,EAAE,MAAqB;QACpE,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAuB,CAAC,CAAC;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM;YAAE,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/E,KAAK,CAAC,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC;IACvD,CAAC;IACD,QAAQ,CAAC,KAAkB,EAAE,IAAmB,EAAE,MAAqB;QACrE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAuB,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC3B,oBAAoB,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,CAAC;aAAM,CAAC;YACN,mBAAmB,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3F,CAAC;QACD,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAC3B,CAAC;CACF,CAAC"}

package/dist/domClipContours.d.ts

@@ -0,0 +1,6 @@
+import type { DomClipContourEntry, Matrix, PathWinding } from '@flighthq/types';
+export declare function buildDomContourClipPath(entry: DomClipContourEntry, mapPointToElement: (x: number, y: number) => readonly [number, number]): string;
+export declare function pushDomClipContours(stack: {
+    push(entry: DomClipContourEntry): void;
+}, contours: readonly (readonly number[])[], winding: PathWinding, transform: Readonly<Matrix>): void;
+//# sourceMappingURL=domClipContours.d.ts.map

package/dist/domClipContours.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domClipContours.d.ts","sourceRoot":"","sources":["../src/domClipContours.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAchF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,mBAAmB,EAC1B,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GACrE,MAAM,CAqBR;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE;IAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAA;CAAE,EACjD,QAAQ,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,EACxC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,GAC1B,IAAI,CAaN"}

package/dist/domClipContours.js

@@ -0,0 +1,48 @@
+// DOM contour clip via CSS clip-path. Unlike Gl/Wgpu stencil, the DOM realizes a path clip as a
+// `clip-path` on the masked element(s). Crisp (vector), honors winding via `clip-rule`. Replaces the
+// former domMask bounding-rectangle approximation for path clips. DomClipContourEntry is the stack
+// entry kind; applyDomClipRectangles emits `polygon()`/`path()` for it.
+//
+// LIMITATION (documented): CSS cannot intersect a path clip with other clips in one property. When a
+// contour clip is active, apply it directly and ignore stacked rects for that element (v1), or nest one
+// clip-path per clipping wrapper element (preferred, more DOM churn).
+// Builds a CSS clip-path value from stage-space contours mapped into one element's local space.
+// `elementInverse` maps stage space -> element local (reuse getElementMatrix + invert from
+// domClipRectangle). Single contour -> polygon(); multiple/holes -> path() with clip-rule.
+export function buildDomContourClipPath(entry, mapPointToElement) {
+    if (entry.contours.length === 1) {
+        const pts = [];
+        const contour = entry.contours[0];
+        for (let i = 0; i < contour.length; i += 2) {
+            const [x, y] = mapPointToElement(contour[i], contour[i + 1]);
+            pts.push(`${x}px ${y}px`);
+        }
+        return `polygon(${pts.join(', ')})`;
+    }
+    let d = '';
+    for (let c = 0; c < entry.contours.length; c++) {
+        const contour = entry.contours[c];
+        for (let i = 0; i < contour.length; i += 2) {
+            const [x, y] = mapPointToElement(contour[i], contour[i + 1]);
+            d += `${i === 0 ? 'M' : 'L'}${x} ${y} `;
+        }
+        d += 'Z ';
+    }
+    const rule = entry.winding === 'evenOdd' ? 'evenodd' : 'nonzero';
+    return `path('${rule}', '${d.trim()}')`;
+}
+export function pushDomClipContours(stack, contours, winding, transform) {
+    const staged = [];
+    for (let c = 0; c < contours.length; c++) {
+        const src = contours[c];
+        const out = [];
+        for (let i = 0; i < src.length; i += 2) {
+            const x = src[i];
+            const y = src[i + 1];
+            out.push(transform.a * x + transform.c * y + transform.tx, transform.b * x + transform.d * y + transform.ty);
+        }
+        staged.push(out);
+    }
+    stack.push({ kind: 'contour', contours: staged, winding });
+}
+//# sourceMappingURL=domClipContours.js.map

package/dist/domClipContours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domClipContours.js","sourceRoot":"","sources":["../src/domClipContours.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,qGAAqG;AACrG,mGAAmG;AACnG,wEAAwE;AACxE,EAAE;AACF,qGAAqG;AACrG,wGAAwG;AACxG,sEAAsE;AAEtE,gGAAgG;AAChG,2FAA2F;AAC3F,2FAA2F;AAC3F,MAAM,UAAU,uBAAuB,CACrC,KAA0B,EAC1B,iBAAsE;IAEtE,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC7D,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO,WAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IACtC,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;IACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC7D,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,CAAC;QACD,CAAC,IAAI,IAAI,CAAC;IACZ,CAAC;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,OAAO,SAAS,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,KAAiD,EACjD,QAAwC,EACxC,OAAoB,EACpB,SAA2B;IAE3B,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YACvC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;YACjB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACrB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;QAC/G,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7D,CAAC"}

package/dist/domClipRectangle.d.ts

@@ -0,0 +1,6 @@
+import type { DomClipEntry, DomRenderState, DomStageRectangle, MatrixLike, RectangleLike, RenderProxy2D } from '@flighthq/types';
+export declare function applyDomClipRectangles(state: DomRenderState, data: RenderProxy2D, entries: readonly DomClipEntry[]): void;
+export declare function createDomStageRectangle(rect: Readonly<RectangleLike>, transform: Readonly<MatrixLike>): DomStageRectangle;
+export declare function pushDomClipRectangle(stack: DomClipEntry[], rect: Readonly<RectangleLike>, transform: Readonly<MatrixLike>): void;
+export declare function setDomClipHooks(state: DomRenderState): void;
+//# sourceMappingURL=domClipRectangle.d.ts.map

package/dist/domClipRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domClipRectangle.d.ts","sourceRoot":"","sources":["../src/domClipRectangle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,YAAY,EAEZ,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAKzB,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,SAAS,YAAY,EAAE,GAC/B,IAAI,CAwCN;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAC7B,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,GAC9B,iBAAiB,CAgBnB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,YAAY,EAAE,EACrB,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAC7B,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,GAC9B,IAAI,CAEN;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAG3D"}

package/dist/domClipRectangle.js

@@ -0,0 +1,148 @@
+import { buildDomContourClipPath } from './domClipContours';
+import { getDomRenderStateRuntime } from './domRenderState';
+export function applyDomClipRectangles(state, data, entries) {
+    const element = getDomRenderStateRuntime(state).domElementMap.get(data);
+    if (element === undefined)
+        return;
+    // CSS cannot intersect a path clip with other clips in one property. When a contour clip is active,
+    // apply the deepest contour as the element's clip-path and ignore stacked rects for this element
+    // (documented v1 limitation). Discriminate by the contour entry's `kind` tag; rects have none.
+    let contour = null;
+    for (let i = entries.length - 1; i >= 0; i--) {
+        const entry = entries[i];
+        if ('kind' in entry) {
+            contour = entry;
+            break;
+        }
+    }
+    if (contour !== null) {
+        const mapPoint = createStageToElementPointMapper(element);
+        const clipPath = buildDomContourClipPath(contour, mapPoint);
+        element.style.clipPath = clipPath;
+        element.style.webkitClipPath = clipPath;
+        return;
+    }
+    const rect = intersectDomStageRectangles(entries);
+    if (rect === null) {
+        element.style.clipPath = '';
+        element.style.webkitClipPath = '';
+        return;
+    }
+    if (rect.right <= rect.left || rect.bottom <= rect.top) {
+        element.style.clipPath = EMPTY_CLIP_PATH;
+        element.style.webkitClipPath = EMPTY_CLIP_PATH;
+        return;
+    }
+    const local = mapStageRectangleToElement(rect, element);
+    const clipPath = `polygon(${local.left}px ${local.top}px, ${local.right}px ${local.top}px, ${local.right}px ${local.bottom}px, ${local.left}px ${local.bottom}px)`;
+    element.style.clipPath = clipPath;
+    element.style.webkitClipPath = clipPath;
+}
+export function createDomStageRectangle(rect, transform) {
+    const x0 = transform.a * rect.x + transform.c * rect.y + transform.tx;
+    const y0 = transform.b * rect.x + transform.d * rect.y + transform.ty;
+    const x1 = transform.a * (rect.x + rect.width) + transform.c * rect.y + transform.tx;
+    const y1 = transform.b * (rect.x + rect.width) + transform.d * rect.y + transform.ty;
+    const x2 = transform.a * rect.x + transform.c * (rect.y + rect.height) + transform.tx;
+    const y2 = transform.b * rect.x + transform.d * (rect.y + rect.height) + transform.ty;
+    const x3 = transform.a * (rect.x + rect.width) + transform.c * (rect.y + rect.height) + transform.tx;
+    const y3 = transform.b * (rect.x + rect.width) + transform.d * (rect.y + rect.height) + transform.ty;
+    return {
+        bottom: Math.max(y0, y1, y2, y3),
+        left: Math.min(x0, x1, x2, x3),
+        right: Math.max(x0, x1, x2, x3),
+        top: Math.min(y0, y1, y2, y3),
+    };
+}
+export function pushDomClipRectangle(stack, rect, transform) {
+    stack.push(createDomStageRectangle(rect, transform));
+}
+export function setDomClipHooks(state) {
+    const runtime = getDomRenderStateRuntime(state);
+    if (runtime.domClipHooks === null)
+        runtime.domClipHooks = domClipHooksImpl;
+}
+// Returns a closure mapping a stage-space point into `element`'s local space (the inverse of the
+// element's CSS matrix), for placing contour clip-path points. Mirrors mapStageRectangleToElement's
+// inverse but per-point, which contour clips need.
+function createStageToElementPointMapper(element) {
+    const matrix = getElementMatrix(element);
+    const det = matrix.a * matrix.d - matrix.b * matrix.c;
+    if (det === 0)
+        return () => [0, 0];
+    const invA = matrix.d / det;
+    const invB = -matrix.b / det;
+    const invC = -matrix.c / det;
+    const invD = matrix.a / det;
+    const invTx = (matrix.c * matrix.ty - matrix.d * matrix.tx) / det;
+    const invTy = (matrix.b * matrix.tx - matrix.a * matrix.ty) / det;
+    return (x, y) => [invA * x + invC * y + invTx, invB * x + invD * y + invTy];
+}
+function getElementMatrix(element) {
+    const transform = element.style.transform;
+    const match = /^matrix\(([^)]+)\)$/.exec(transform);
+    if (match === null) {
+        return { a: 1, b: 0, c: 0, d: 1, tx: 0, ty: 0 };
+    }
+    const parts = match[1].split(',').map((value) => Number(value.trim()));
+    return {
+        a: parts[0] ?? 1,
+        b: parts[1] ?? 0,
+        c: parts[2] ?? 0,
+        d: parts[3] ?? 1,
+        tx: parts[4] ?? 0,
+        ty: parts[5] ?? 0,
+    };
+}
+function intersectDomStageRectangles(rectangles) {
+    if (rectangles.length === 0)
+        return null;
+    let left = -Infinity;
+    let top = -Infinity;
+    let right = Infinity;
+    let bottom = Infinity;
+    for (const rect of rectangles) {
+        if (rect.left > left)
+            left = rect.left;
+        if (rect.top > top)
+            top = rect.top;
+        if (rect.right < right)
+            right = rect.right;
+        if (rect.bottom < bottom)
+            bottom = rect.bottom;
+    }
+    return { bottom, left, right, top };
+}
+function mapStageRectangleToElement(rect, element) {
+    const matrix = getElementMatrix(element);
+    const det = matrix.a * matrix.d - matrix.b * matrix.c;
+    if (det === 0)
+        return { bottom: 0, left: 0, right: 0, top: 0 };
+    const invA = matrix.d / det;
+    const invB = -matrix.b / det;
+    const invC = -matrix.c / det;
+    const invD = matrix.a / det;
+    const invTx = (matrix.c * matrix.ty - matrix.d * matrix.tx) / det;
+    const invTy = (matrix.b * matrix.tx - matrix.a * matrix.ty) / det;
+    const x0 = invA * rect.left + invC * rect.top + invTx;
+    const y0 = invB * rect.left + invD * rect.top + invTy;
+    const x1 = invA * rect.right + invC * rect.top + invTx;
+    const y1 = invB * rect.right + invD * rect.top + invTy;
+    const x2 = invA * rect.left + invC * rect.bottom + invTx;
+    const y2 = invB * rect.left + invD * rect.bottom + invTy;
+    const x3 = invA * rect.right + invC * rect.bottom + invTx;
+    const y3 = invB * rect.right + invD * rect.bottom + invTy;
+    return {
+        bottom: Math.max(y0, y1, y2, y3),
+        left: Math.min(x0, x1, x2, x3),
+        right: Math.max(x0, x1, x2, x3),
+        top: Math.min(y0, y1, y2, y3),
+    };
+}
+const EMPTY_CLIP_PATH = 'inset(0 100% 100% 0)';
+const domClipHooksImpl = {
+    apply(state, data) {
+        applyDomClipRectangles(state, data, getDomRenderStateRuntime(state).domClipStack);
+    },
+};
+//# sourceMappingURL=domClipRectangle.js.map

package/dist/domClipRectangle.js.map

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

package/dist/domDisplayObject.d.ts

@@ -0,0 +1,5 @@
+import type { DisplayObject, DisplayObjectRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomDisplayObject(_state: DomRenderState, _renderProxy: RenderProxy2D): void;
+export declare const defaultDomDisplayObjectRenderer: DisplayObjectRenderer;
+export declare function renderDomDisplayObject(state: DomRenderState, source: DisplayObject): void;
+//# sourceMappingURL=domDisplayObject.d.ts.map

package/dist/domDisplayObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domDisplayObject.d.ts","sourceRoot":"","sources":["../src/domDisplayObject.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAS3G,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI,CAE9F;AAED,eAAO,MAAM,+BAA+B,EAAE,qBAG7C,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,CAiDzF"}