@flighthq/displayobject-dom 0.1.0

package/dist/domDisplayObject.js

@@ -0,0 +1,60 @@
+import { getDisplayObjectRuntime } from '@flighthq/displayobject';
+import { getRenderProxy2D, isRenderProxyVisible, noopRendererData } from '@flighthq/render';
+import { hasDomStructureChanged, processDomNode, reconcileDomContainer, swapDomOrderLists } from './domReconcile';
+import { getDomRenderStateRuntime } from './domRenderState';
+// Plain display objects (containers, stages) have no visual geometry of their own.
+// Registering this renderer for DisplayObjectKind ensures cross-backend symmetry with
+// defaultCanvasDisplayObjectRenderer and allows the DOM traversal to correctly process
+// display-object containers when their kind is registered.
+export function drawDomDisplayObject(_state, _renderProxy) {
+    // No-op: containers are rendered implicitly by the traversal in renderDomDisplayObject.
+}
+export const defaultDomDisplayObjectRenderer = {
+    createData: noopRendererData,
+    submit: drawDomDisplayObject,
+};
+export function renderDomDisplayObject(state, source) {
+    const runtime = getDomRenderStateRuntime(state);
+    const container = state.element;
+    const clipHooks = state.displayObjectClipHooks;
+    const applyClip = runtime.domClipHooks;
+    const frameId = runtime.currentFrameId;
+    const tempStack = runtime.tempStack;
+    let stackLength = 1;
+    tempStack[0] = source;
+    let newLength = 0;
+    let needsReconcile = false;
+    while (stackLength > 0) {
+        const current = tempStack[--stackLength];
+        if (!current.enabled)
+            continue;
+        const data = getRenderProxy2D(state, current);
+        if (data === undefined)
+            continue;
+        clipHooks?.popClip(state, data, current);
+        if (!isRenderProxyVisible(data))
+            continue;
+        clipHooks?.pushClip(state, data, current);
+        if (data.renderer !== null) {
+            const result = processDomNode(runtime, data, frameId, () => data.renderer.submit(state, data), newLength);
+            newLength = result.newLength;
+            if (result.needsReconcile)
+                needsReconcile = true;
+            applyClip?.apply(state, data);
+        }
+        if (data.traverseChildren) {
+            const children = getDisplayObjectRuntime(current).children;
+            if (children !== null) {
+                for (let i = children.length - 1; i >= 0; i--) {
+                    tempStack[stackLength++] = children[i];
+                }
+            }
+        }
+    }
+    clipHooks?.finalize(state);
+    if (hasDomStructureChanged(runtime, newLength, needsReconcile)) {
+        reconcileDomContainer(container, runtime, newLength);
+    }
+    swapDomOrderLists(runtime, newLength);
+}
+//# sourceMappingURL=domDisplayObject.js.map

package/dist/domDisplayObject.js.map

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

package/dist/domFontSource.d.ts

@@ -0,0 +1,5 @@
+import type { FontResource } from '@flighthq/types';
+export declare function getDomFontAscentCached(font: string): number | undefined;
+export declare function invalidateDomFontResource(source: FontResource): void;
+export declare function setDomFontAscentCached(font: string, ascent: number): void;
+//# sourceMappingURL=domFontSource.d.ts.map

package/dist/domFontSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domFontSource.d.ts","sourceRoot":"","sources":["../src/domFontSource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEvE;AAID,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAOpE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAEzE"}

package/dist/domFontSource.js

@@ -0,0 +1,18 @@
+const _domFontAscentCache = new Map();
+export function getDomFontAscentCached(font) {
+    return _domFontAscentCache.get(font);
+}
+// Clear ascent cache entries for this font family so the next render re-probes
+// with the newly loaded face rather than the fallback that was measured before.
+export function invalidateDomFontResource(source) {
+    const family = source.family;
+    for (const key of _domFontAscentCache.keys()) {
+        if (key.includes(`'${family}'`) || key.includes(`"${family}"`)) {
+            _domFontAscentCache.delete(key);
+        }
+    }
+}
+export function setDomFontAscentCached(font, ascent) {
+    _domFontAscentCache.set(font, ascent);
+}
+//# sourceMappingURL=domFontSource.js.map

package/dist/domFontSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domFontSource.js","sourceRoot":"","sources":["../src/domFontSource.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAkB,CAAC;AAEtD,MAAM,UAAU,sBAAsB,CAAC,IAAY;IACjD,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACvC,CAAC;AAED,+EAA+E;AAC/E,gFAAgF;AAChF,MAAM,UAAU,yBAAyB,CAAC,MAAoB;IAC5D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,MAAM,GAAG,IAAI,mBAAmB,CAAC,IAAI,EAAE,EAAE,CAAC;QAC7C,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/D,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAY,EAAE,MAAc;IACjE,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACxC,CAAC"}

package/dist/domMaterials.d.ts

@@ -0,0 +1,15 @@
+import type { DomBlendModeFidelity, DomRenderState } from '@flighthq/types';
+import { BlendMode } from '@flighthq/types';
+export declare function applyDomBlendMode(element: HTMLElement, value: BlendMode | null): void;
+export declare function enableDomBlendModeSupport(state: DomRenderState): void;
+/**
+ * Returns the fidelity of the DOM backend's realization of the given blend mode via CSS
+ * mix-blend-mode. Use this to detect lossy or unsupported modes before committing to a DOM
+ * render path for blend-sensitive content.
+ *
+ * - 'exact'       — CSS result is perceptually identical to the OpenFL/Flash mode.
+ * - 'approximate' — closest CSS mode is used; may differ for extreme or mid-range colors.
+ * - 'unsupported' — no CSS equivalent; the DOM backend renders as BlendMode.Normal.
+ */
+export declare function getDomBlendModeFidelity(blendMode: BlendMode): DomBlendModeFidelity;
+//# sourceMappingURL=domMaterials.d.ts.map

package/dist/domMaterials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domMaterials.d.ts","sourceRoot":"","sources":["../src/domMaterials.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AA8C5C,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAErF;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAErE;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB,CAElF"}

package/dist/domMaterials.js

@@ -0,0 +1,62 @@
+import { BlendMode } from '@flighthq/types';
+// Auditable map from a blend-mode intent to the CSS mix-blend-mode value that realizes
+// it. `null` means there is no faithful CSS equivalent, so the mode degrades to normal
+// compositing (the empty string, i.e. mix-blend-mode: normal).
+const DOM_BLEND_MODE = {
+    [BlendMode.Add]: 'screen',
+    [BlendMode.Alpha]: null,
+    [BlendMode.Darken]: 'darken',
+    [BlendMode.Difference]: 'difference',
+    [BlendMode.Erase]: null,
+    [BlendMode.Hardlight]: 'hard-light',
+    [BlendMode.Invert]: null,
+    [BlendMode.Layer]: '',
+    [BlendMode.Lighten]: 'lighten',
+    [BlendMode.Multiply]: 'multiply',
+    [BlendMode.Normal]: '',
+    [BlendMode.Overlay]: 'overlay',
+    [BlendMode.Screen]: 'screen',
+    [BlendMode.Shader]: null,
+    [BlendMode.Subtract]: null,
+};
+// Fidelity classification for each blend mode in the DOM backend.
+// 'exact'       — CSS mix-blend-mode maps faithfully to the OpenFL/Flash mode.
+// 'approximate' — the closest CSS mode is used; results differ in edge cases
+//                 (e.g. Add → screen: similar luminosity behavior but not additive-clipped-to-1).
+// 'unsupported' — no CSS equivalent; falls back to normal compositing.
+const DOM_BLEND_MODE_FIDELITY = {
+    [BlendMode.Add]: 'approximate', // screen ≈ add for moderate values; clamps differently
+    [BlendMode.Alpha]: 'unsupported',
+    [BlendMode.Darken]: 'exact',
+    [BlendMode.Difference]: 'exact',
+    [BlendMode.Erase]: 'unsupported',
+    [BlendMode.Hardlight]: 'exact',
+    [BlendMode.Invert]: 'unsupported',
+    [BlendMode.Layer]: 'exact', // normal compositing within a stacking context
+    [BlendMode.Lighten]: 'exact',
+    [BlendMode.Multiply]: 'exact',
+    [BlendMode.Normal]: 'exact',
+    [BlendMode.Overlay]: 'exact',
+    [BlendMode.Screen]: 'exact',
+    [BlendMode.Shader]: 'unsupported',
+    [BlendMode.Subtract]: 'unsupported',
+};
+export function applyDomBlendMode(element, value) {
+    element.style.mixBlendMode = (value !== null ? DOM_BLEND_MODE[value] : null) ?? '';
+}
+export function enableDomBlendModeSupport(state) {
+    state.applyBlendMode = applyDomBlendMode;
+}
+/**
+ * Returns the fidelity of the DOM backend's realization of the given blend mode via CSS
+ * mix-blend-mode. Use this to detect lossy or unsupported modes before committing to a DOM
+ * render path for blend-sensitive content.
+ *
+ * - 'exact'       — CSS result is perceptually identical to the OpenFL/Flash mode.
+ * - 'approximate' — closest CSS mode is used; may differ for extreme or mid-range colors.
+ * - 'unsupported' — no CSS equivalent; the DOM backend renders as BlendMode.Normal.
+ */
+export function getDomBlendModeFidelity(blendMode) {
+    return DOM_BLEND_MODE_FIDELITY[blendMode];
+}
+//# sourceMappingURL=domMaterials.js.map

package/dist/domMaterials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domMaterials.js","sourceRoot":"","sources":["../src/domMaterials.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,uFAAuF;AACvF,uFAAuF;AACvF,+DAA+D;AAC/D,MAAM,cAAc,GAAqC;IACvD,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,QAAQ;IACzB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI;IACvB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,QAAQ;IAC5B,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,YAAY;IACpC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI;IACvB,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,YAAY;IACnC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI;IACxB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE;IACrB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS;IAC9B,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,UAAU;IAChC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAE;IACtB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS;IAC9B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,QAAQ;IAC5B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI;IACxB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI;CAC3B,CAAC;AAEF,kEAAkE;AAClE,+EAA+E;AAC/E,6EAA6E;AAC7E,kGAAkG;AAClG,uEAAuE;AACvE,MAAM,uBAAuB,GAA4C;IACvE,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,uDAAuD;IACvF,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa;IAChC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO;IAC3B,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,OAAO;IAC/B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa;IAChC,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO;IAC9B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,aAAa;IACjC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,+CAA+C;IAC3E,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;IAC5B,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,OAAO;IAC7B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO;IAC3B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;IAC5B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO;IAC3B,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,aAAa;IACjC,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,aAAa;CACpC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,OAAoB,EAAE,KAAuB;IAC7E,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACrF,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAqB;IAC7D,KAAK,CAAC,cAAc,GAAG,iBAAiB,CAAC;AAC3C,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,uBAAuB,CAAC,SAAoB;IAC1D,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAC;AAC5C,CAAC"}

package/dist/domNativeText.d.ts

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

package/dist/domNativeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domNativeText.d.ts","sourceRoot":"","sources":["../src/domNativeText.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EAMd,aAAa,EAEd,MAAM,iBAAiB,CAAC;AAczB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAoCzF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAE7F;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAC"}

package/dist/domNativeText.js

@@ -0,0 +1,65 @@
+import { computeRgbHexString } from '@flighthq/materials';
+import { getNativeTextRuntime } from '@flighthq/text';
+import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
+// DOM is the backend for which a native text element makes sense; other backends either no-op or
+// composite this element over their canvas (decide later). Register app-side with
+// registerRenderer(state, NativeTextKind, defaultDomNativeTextRenderer).
+// createData returns null: the backing element is held on the runtime (a renderer-owned slot), not on
+// per-node RendererData, because the measured size must be visible to displayobject's DOM-free bounds.
+function createDomNativeTextData(_state, _source) {
+    return null;
+}
+export function drawDomNativeText(state, renderProxy) {
+    const source = renderProxy.source;
+    // Cast away the read-only view to write the renderer-owned slots (element + measured size), the same
+    // mutable-runtime cast domTextLabel uses for its layout cache.
+    const runtime = getNativeTextRuntime(source);
+    const data = source.data;
+    let element = runtime.element;
+    if (element === null) {
+        element = document.createElement('div');
+        prepareDomElement(element);
+        runtime.element = element;
+    }
+    applyNativeTextStyle(element, data.style);
+    if (data.autoSize === 'none') {
+        element.style.whiteSpace = 'normal';
+        element.style.width = `${data.width}px`;
+        element.style.height = `${data.height}px`;
+        element.style.overflow = 'hidden';
+    }
+    else {
+        element.style.whiteSpace = 'nowrap';
+        element.style.width = '';
+        element.style.height = '';
+        element.style.overflow = '';
+    }
+    element.textContent = data.text;
+    // Write the platform measurement back so DOM-free bounds (computeNativeTextLocalBoundsRectangle) can
+    // read it without the DOM. Under autoSize the field box tracks the element's measured size.
+    const rect = element.getBoundingClientRect();
+    runtime.measuredWidth = rect.width;
+    runtime.measuredHeight = rect.height;
+    applyDomStyle(state, element, renderProxy);
+    setDomRendererElement(state, element);
+}
+export function drawDomNativeTextMask(state, renderProxy) {
+    drawDomNativeText(state, renderProxy);
+}
+export const defaultDomNativeTextRenderer = {
+    createData: createDomNativeTextData,
+    submit: drawDomNativeText,
+};
+function applyNativeTextStyle(element, style) {
+    const size = style.size ?? 12;
+    const family = style.font ?? 'sans-serif';
+    const weight = style.bold ? 'bold ' : '';
+    const slant = style.italic ? 'italic ' : '';
+    element.style.font = `${slant}${weight}${size}px ${family}`;
+    element.style.color = computeRgbHexString(style.color ?? 0);
+    if (style.align !== undefined)
+        element.style.textAlign = style.align;
+    if (style.leading !== undefined)
+        element.style.lineHeight = `${size + style.leading}px`;
+}
+//# sourceMappingURL=domNativeText.js.map

package/dist/domNativeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domNativeText.js","sourceRoot":"","sources":["../src/domNativeText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAatD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAErF,iGAAiG;AACjG,kFAAkF;AAClF,yEAAyE;AAEzE,sGAAsG;AACtG,uGAAuG;AACvG,SAAS,uBAAuB,CAAC,MAAmB,EAAE,OAAmB;IACvE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAqB,EAAE,WAA0B;IACjF,MAAM,MAAM,GAAG,WAAW,CAAC,MAAoB,CAAC;IAChD,qGAAqG;IACrG,+DAA+D;IAC/D,MAAM,OAAO,GAAG,oBAAoB,CAAC,MAAM,CAAsB,CAAC;IAClE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IAEzB,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC9B,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;IAC5B,CAAC;IAED,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;QACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACpC,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC;IAEhC,qGAAqG;IACrG,4FAA4F;IAC5F,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACnC,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IAErC,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAC3C,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAqB,EAAE,WAA0B;IACrF,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE,UAAU,EAAE,uBAAuB;IACnC,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,SAAS,oBAAoB,CAAC,OAAoB,EAAE,KAAgC;IAClF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,CAAC;IAC5D,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAC5D,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;QAAE,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;IACrE,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC;AAC1F,CAAC"}

package/dist/domReconcile.d.ts

@@ -0,0 +1,9 @@
+import type { DomRenderStateRuntime, RenderProxy2D } from '@flighthq/types';
+export declare function hasDomStructureChanged(runtime: DomRenderStateRuntime, newLength: number, needsReconcile: boolean): boolean;
+export declare function processDomNode(runtime: DomRenderStateRuntime, data: RenderProxy2D, currentFrameId: number, drawFn: () => void, newLength: number, forceDraw?: boolean): {
+    newLength: number;
+    needsReconcile: boolean;
+};
+export declare function reconcileDomContainer(container: HTMLElement, runtime: DomRenderStateRuntime, newLength: number): void;
+export declare function swapDomOrderLists(runtime: DomRenderStateRuntime, newLength: number): void;
+//# sourceMappingURL=domReconcile.d.ts.map

package/dist/domReconcile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domReconcile.d.ts","sourceRoot":"","sources":["../src/domReconcile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE5E,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,OAAO,GACtB,OAAO,CAOT;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAE,aAAa,EACnB,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,IAAI,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,UAAQ,GAChB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAE,CA0BhD;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAuBrH;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAKzF"}

package/dist/domReconcile.js

@@ -0,0 +1,69 @@
+export function hasDomStructureChanged(runtime, newLength, needsReconcile) {
+    if (needsReconcile)
+        return true;
+    if (newLength !== runtime.domOrderLength)
+        return true;
+    for (let i = 0; i < newLength; i++) {
+        if (runtime.domNextOrderList[i] !== runtime.domOrderList[i])
+            return true;
+    }
+    return false;
+}
+export function processDomNode(runtime, data, currentFrameId, drawFn, newLength, forceDraw = false) {
+    const isNew = !runtime.domElementMap.has(data);
+    const appearanceDirty = data.appearanceFrameId === currentFrameId;
+    const transformDirty = data.transformFrameId === currentFrameId;
+    let needsReconcile = false;
+    if (isNew || appearanceDirty || transformDirty || forceDraw) {
+        const prevElement = isNew ? undefined : runtime.domElementMap.get(data);
+        runtime.domCurrentElement = null;
+        drawFn();
+        const newElement = runtime.domCurrentElement;
+        if (newElement !== null) {
+            runtime.domElementMap.set(data, newElement);
+            if (newElement !== prevElement)
+                needsReconcile = true;
+        }
+        else if (prevElement !== undefined) {
+            runtime.domElementMap.delete(data);
+            needsReconcile = true;
+        }
+    }
+    if (newLength >= runtime.domNextOrderList.length) {
+        runtime.domNextOrderList.length = newLength + 16;
+    }
+    runtime.domNextOrderList[newLength] = data;
+    return { newLength: newLength + 1, needsReconcile };
+}
+export function reconcileDomContainer(container, runtime, newLength) {
+    const keepSet = new Set();
+    for (let i = 0; i < newLength; i++) {
+        const el = runtime.domElementMap.get(runtime.domNextOrderList[i]);
+        if (el !== undefined)
+            keepSet.add(el);
+    }
+    let child = container.firstChild;
+    while (child !== null) {
+        const next = child.nextSibling;
+        if (!keepSet.has(child))
+            container.removeChild(child);
+        child = next;
+    }
+    let nextSibling = null;
+    for (let i = newLength - 1; i >= 0; i--) {
+        const el = runtime.domElementMap.get(runtime.domNextOrderList[i]);
+        if (el === undefined)
+            continue;
+        if (el.nextSibling !== nextSibling || el.parentNode !== container) {
+            container.insertBefore(el, nextSibling);
+        }
+        nextSibling = el;
+    }
+}
+export function swapDomOrderLists(runtime, newLength) {
+    const prevList = runtime.domOrderList;
+    runtime.domOrderList = runtime.domNextOrderList;
+    runtime.domOrderLength = newLength;
+    runtime.domNextOrderList = prevList;
+}
+//# sourceMappingURL=domReconcile.js.map

package/dist/domReconcile.js.map

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

package/dist/domRenderState.d.ts

@@ -0,0 +1,5 @@
+import type { DomRenderOptions, DomRenderState, DomRenderStateRuntime } from '@flighthq/types';
+export declare function createDomRenderState(element: HTMLElement, options?: Partial<DomRenderOptions>): DomRenderState;
+export declare function createDomRenderStateRuntime(): DomRenderStateRuntime;
+export declare function getDomRenderStateRuntime(state: DomRenderState): DomRenderStateRuntime;
+//# sourceMappingURL=domRenderState.d.ts.map

package/dist/domRenderState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderState.d.ts","sourceRoot":"","sources":["../src/domRenderState.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAG/F,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,OAAO,CAAC,gBAAgB,CAAM,GAAG,cAAc,CA8BlH;AAMD,wBAAgB,2BAA2B,IAAI,qBAAqB,CAEnE;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,cAAc,GAAG,qBAAqB,CAErF"}

package/dist/domRenderState.js

@@ -0,0 +1,43 @@
+import { createMatrix } from '@flighthq/geometry';
+import { createRenderState as _createRenderState, createRenderStateRuntime, setRenderStateBackgroundColor, } from '@flighthq/render';
+import { EntityRuntimeKey } from '@flighthq/types';
+export function createDomRenderState(element, options = {}) {
+    const state = _createRenderState({
+        pixelRatio: options.pixelRatio ?? 1,
+        renderTransform2D: createMatrix(),
+        roundPixels: options.roundPixels ?? false,
+        sceneGraphSyncPolicy: options.sceneGraphSyncPolicy,
+    });
+    if (options.backgroundColor != null)
+        setRenderStateBackgroundColor(state, options.backgroundColor);
+    state.applyBlendMode = null;
+    state.domCssFilterResolver = null;
+    state.element = element;
+    state.allowSmoothing = options.imageSmoothingEnabled ?? true;
+    const runtime = createDomRenderStateRuntime();
+    state[EntityRuntimeKey] = runtime;
+    runtime.currentBlendMode = null;
+    runtime.domClipHooks = null;
+    runtime.domClipStack = [];
+    runtime.domCurrentElement = null;
+    runtime.domElementMap = new WeakMap();
+    runtime.domNextOrderList = [];
+    runtime.domOrderLength = -1; // -1 = never rendered; forces first-call reconciliation
+    runtime.domOrderList = [];
+    element.style.position = 'relative';
+    element.style.overflow = 'hidden';
+    return state;
+}
+// Allocates the package-private DOM runtime for a DomRenderState. createDomRenderState attaches one to
+// each state under EntityRuntimeKey and populates its fields; getDomRenderStateRuntime reads it back.
+// The render path writes the returned object every frame, so the return is intentionally mutable (not
+// Readonly).
+export function createDomRenderStateRuntime() {
+    return createRenderStateRuntime();
+}
+// Resolves the package-private DOM runtime attached to a DomRenderState. Mutable by design: the render
+// path writes its fields every frame.
+export function getDomRenderStateRuntime(state) {
+    return state[EntityRuntimeKey];
+}
+//# sourceMappingURL=domRenderState.js.map

package/dist/domRenderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderState.js","sourceRoot":"","sources":["../src/domRenderState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,iBAAiB,IAAI,kBAAkB,EACvC,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,UAAU,oBAAoB,CAAC,OAAoB,EAAE,UAAqC,EAAE;IAChG,MAAM,KAAK,GAAG,kBAAkB,CAAC;QAC/B,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,CAAC;QACnC,iBAAiB,EAAE,YAAY,EAAE;QACjC,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;QACzC,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;KACnD,CAAmB,CAAC;IAErB,IAAI,OAAO,CAAC,eAAe,IAAI,IAAI;QAAE,6BAA6B,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAEnG,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;IACjC,KAAkC,CAAC,OAAO,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC,qBAAqB,IAAI,IAAI,CAAC;IAE7D,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,KAAK,CAAC,gBAAgB,CAAC,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;IAC1B,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IACtC,OAAO,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC9B,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,wDAAwD;IACrF,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;IAE1B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAElC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,uGAAuG;AACvG,sGAAsG;AACtG,sGAAsG;AACtG,aAAa;AACb,MAAM,UAAU,2BAA2B;IACzC,OAAO,wBAAwB,EAA2B,CAAC;AAC7D,CAAC;AAED,uGAAuG;AACvG,sCAAsC;AACtC,MAAM,UAAU,wBAAwB,CAAC,KAAqB;IAC5D,OAAO,KAAK,CAAC,gBAAgB,CAA0B,CAAC;AAC1D,CAAC"}

package/dist/domRenderView.d.ts

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

package/dist/domRenderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderView.d.ts","sourceRoot":"","sources":["../src/domRenderView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,aAAa,EAAc,MAAM,iBAAiB,CAAC;AAIxG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAkBzF;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAC"}

package/dist/domRenderView.js

@@ -0,0 +1,24 @@
+import { noopRendererData } from '@flighthq/render';
+import { applyDomStyle, setDomRendererElement } from './domStyle';
+export function drawDomRenderView(state, renderProxy) {
+    const source = renderProxy.source;
+    const { renderer } = source.data;
+    if (renderer === null)
+        return;
+    renderer.render();
+    const canvas = renderer.canvas;
+    if (canvas.style.position !== 'absolute') {
+        canvas.style.left = '0';
+        canvas.style.position = 'absolute';
+        canvas.style.top = '0';
+        canvas.style.transformOrigin = '0 0';
+        canvas.style.pointerEvents = 'none';
+    }
+    applyDomStyle(state, canvas, renderProxy);
+    setDomRendererElement(state, canvas);
+}
+export const defaultDomRenderViewRenderer = {
+    createData: noopRendererData,
+    submit: drawDomRenderView,
+};
+//# sourceMappingURL=domRenderView.js.map

package/dist/domRenderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRenderView.js","sourceRoot":"","sources":["../src/domRenderView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAElE,MAAM,UAAU,iBAAiB,CAAC,KAAqB,EAAE,WAA0B;IACjF,MAAM,MAAM,GAAG,WAAW,CAAC,MAAoB,CAAC;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;IACjC,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO;IAE9B,QAAQ,CAAC,MAAM,EAAE,CAAC;IAElB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACvB,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACtC,CAAC;IAED,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IAC1C,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,iBAAiB;CAC1B,CAAC"}

package/dist/domRichText.d.ts

@@ -0,0 +1,7 @@
+import type { DisplayObjectRenderer, DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomRichText(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export type DomTextInputOverlay = (state: DomRenderState, renderProxy: RenderProxy2D) => void;
+export declare function drawDomRichTextMask(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare function registerDomTextInputOverlay(overlay: DomTextInputOverlay): void;
+export declare const defaultDomRichTextRenderer: DisplayObjectRenderer;
+//# sourceMappingURL=domRichText.d.ts.map

package/dist/domRichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domRichText.d.ts","sourceRoot":"","sources":["../src/domRichText.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EAGd,aAAa,EAMd,MAAM,iBAAiB,CAAC;AAuBzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAQvF;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,KAAK,IAAI,CAAC;AAE9F,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAE3F;AAwKD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAE9E;AAED,eAAO,MAAM,0BAA0B,EAAE,qBAGxC,CAAC"}