@flighthq/displayobject-dom 0.1.0

package/dist/domRichText.js

@@ -0,0 +1,183 @@
+import { createEntity } from '@flighthq/entity';
+import { computeRgbHexString } from '@flighthq/materials';
+import { computeTextFormatFontString } from '@flighthq/text';
+import { getRichTextPasswordCharacter, getRichTextRuntime } from '@flighthq/text';
+import { computeRichTextContent, computeTextBoundsHeight, computeTextBoundsWidth, computeTextLayout, getRichTextContent, getRichTextScrollYOffset, getRichTextSelectionRectangles, getTextLayoutResult, } from '@flighthq/textlayout';
+import { getDomFontAscentCached, setDomFontAscentCached } from './domFontSource';
+import { applyDomStyle, prepareDomElement, setDomRendererElement } from './domStyle';
+import { escapeDomHtmlString } from './domTextHelpers';
+function createDomRichTextData(_state, _source) {
+    return createEntity({ div: null });
+}
+let _measureCtx = null;
+function getMeasureCtx() {
+    if (_measureCtx === null) {
+        _measureCtx = document.createElement('canvas').getContext('2d');
+    }
+    return _measureCtx;
+}
+export function drawDomRichText(state, renderProxy) {
+    drawDomRichTextField(state, renderProxy);
+    // The editable-input overlay (caret/selection) appends into the field div and must run even when the
+    // text is empty, so it is invoked after the field, keyed off the input slot. registerDomTextInputOverlay
+    // (enableDomTextInput) installs it; a static RichText leaves the slot null and pulls no text-input code.
+    if (_domTextInputOverlay !== null && getRichTextRuntime(renderProxy.source).input !== null) {
+        _domTextInputOverlay(state, renderProxy);
+    }
+}
+export function drawDomRichTextMask(state, renderProxy) {
+    drawDomRichText(state, renderProxy);
+}
+function drawDomRichTextField(state, renderProxy) {
+    const data = renderProxy.rendererData;
+    if (data === null)
+        return;
+    const source = renderProxy.source;
+    const { background, backgroundColor, border, borderColor, wordWrap, multiline, scrollH, scrollV } = source.data;
+    if (data.div === null) {
+        data.div = document.createElement('div');
+        prepareDomElement(data.div);
+        data.div.style.overflow = 'hidden';
+    }
+    const richTextRuntime = getRichTextRuntime(source);
+    const content = getRichTextContent(richTextRuntime);
+    computeRichTextContent(content, source.data, getRichTextPasswordCharacter(source));
+    const { text } = content;
+    const ctx = getMeasureCtx();
+    if (ctx === null)
+        return;
+    const measure = (t, fmt) => {
+        ctx.font = computeTextFormatFontString(fmt);
+        return ctx.measureText(t).width;
+    };
+    const result = getTextLayoutResult(richTextRuntime);
+    computeTextLayout(result, {
+        text,
+        formatRanges: content.formatRanges,
+        width: wordWrap ? source.data.width : 10000,
+        height: source.data.height,
+        measure,
+        multiline,
+        wordWrap,
+    });
+    const fieldW = computeTextBoundsWidth(source.data, result);
+    const fieldH = computeTextBoundsHeight(source.data, result);
+    const div = data.div;
+    div.style.width = `${fieldW}px`;
+    div.style.height = `${fieldH}px`;
+    div.style.backgroundColor = background ? computeRgbHexString(backgroundColor) : '';
+    div.style.border = border ? `1px solid ${computeRgbHexString(borderColor)}` : '';
+    if (text.length === 0) {
+        div.innerHTML = '';
+        applyDomStyle(state, div, renderProxy);
+        setDomRendererElement(state, div);
+        return;
+    }
+    const firstVisibleLine = scrollV - 1;
+    const scrollYOffset = firstVisibleLine > 0 ? getRichTextScrollYOffset(result.lineHeights, firstVisibleLine) : 0;
+    const scrollXOffset = scrollH;
+    let html = '';
+    if (source.data.selectable && richTextRuntime.selectionBeginIndex !== richTextRuntime.selectionEndIndex) {
+        getRichTextSelectionRectangles(_richTextSelectionRectangles, richTextRuntime.selectionBeginIndex, richTextRuntime.selectionEndIndex, result);
+        for (const rectangle of _richTextSelectionRectangles) {
+            html += `<div style="position:absolute;left:${rectangle.x - scrollXOffset}px;top:${rectangle.y - scrollYOffset}px;width:${rectangle.width}px;height:${rectangle.height}px;background:${DOM_SELECTION_COLOR};opacity:${DOM_SELECTION_ALPHA};pointer-events:none;"></div>`;
+        }
+    }
+    const bulletLines = new Set();
+    for (const group of result.groups) {
+        if (group.lineIndex < firstVisibleLine)
+            continue;
+        const fmt = group.format;
+        const slice = escapeDomHtmlString(text.substring(group.startIndex, group.endIndex));
+        const x = group.offsetX - scrollXOffset;
+        const fontStr = computeTextFormatFontString(fmt);
+        // Align the CSS alphabetic baseline with canvas: canvas draws at offsetY + group.ascent
+        // (alphabetic baseline). CSS places the baseline at top + fontBoundingBoxAscent, so we
+        // shift the div top so the two positions coincide.
+        const fontAscent = getDomFontAscent(ctx, fontStr);
+        const y = group.offsetY + group.ascent - fontAscent - scrollYOffset;
+        if (fmt.bullet && !bulletLines.has(group.lineIndex)) {
+            bulletLines.add(group.lineIndex);
+            const bulletSize = fmt.size ?? 12;
+            const bulletX = x - bulletSize * 0.7 - DOM_BULLET_GAP;
+            const bulletStyle = `position:absolute;left:${bulletX}px;top:${y}px;font:${fontStr};line-height:1;color:${computeRgbHexString(fmt.color ?? source.data.textColor)};white-space:nowrap;`;
+            html += `<div style="${bulletStyle}">•</div>`;
+        }
+        let style = `position:absolute;left:${x}px;top:${y}px;font:${fontStr};line-height:1;`;
+        style += `color:${computeRgbHexString(fmt.color ?? source.data.textColor)};white-space:nowrap;`;
+        if (fmt.underline || fmt.strikethrough) {
+            const decorations = [];
+            if (fmt.underline)
+                decorations.push('underline');
+            if (fmt.strikethrough)
+                decorations.push('line-through');
+            style += `text-decoration:${decorations.join(' ')};`;
+        }
+        switch (fmt.align) {
+            case 'center':
+                style += 'text-align:center;';
+                break;
+            case 'right':
+                style += 'text-align:right;';
+                break;
+            case 'justify':
+                style += 'text-align:justify;';
+                break;
+        }
+        if (fmt.leftMargin != null)
+            style += `padding-left:${fmt.leftMargin}px;`;
+        if (fmt.rightMargin != null)
+            style += `padding-right:${fmt.rightMargin}px;`;
+        if (fmt.indent != null)
+            style += `text-indent:${fmt.indent}px;`;
+        html += `<div style="${style}">${slice}</div>`;
+    }
+    div.innerHTML = html;
+    applyDomStyle(state, div, renderProxy);
+    setDomRendererElement(state, div);
+}
+const DOM_BULLET_GAP = 4;
+function getDomFontAscent(ctx, font) {
+    const cached = getDomFontAscentCached(font);
+    if (cached !== undefined)
+        return cached;
+    // Measure the CSS alphabetic baseline directly: a zero-height inline-block with
+    // vertical-align:baseline sits with its top edge exactly on the line's baseline.
+    // getBoundingClientRect() gives the exact pixel distance CSS uses, with no
+    // inference from canvas metrics. Falls back to canvas measurement in non-browser env.
+    const ascent = typeof document !== 'undefined' && document.body ? probeCssFontAscent(font) : canvasFontAscentFallback(ctx, font);
+    setDomFontAscentCached(font, ascent);
+    return ascent;
+}
+function probeCssFontAscent(font) {
+    const container = document.createElement('div');
+    container.style.cssText = `font:${font};line-height:1;position:fixed;top:0;left:0;visibility:hidden;pointer-events:none;white-space:nowrap`;
+    const probe = document.createElement('span');
+    probe.style.cssText = 'display:inline-block;height:0;vertical-align:baseline';
+    container.appendChild(document.createTextNode('H'));
+    container.appendChild(probe);
+    document.body.appendChild(container);
+    const containerTop = container.getBoundingClientRect().top;
+    const probeTop = probe.getBoundingClientRect().top;
+    document.body.removeChild(container);
+    return probeTop - containerTop;
+}
+function canvasFontAscentFallback(ctx, font) {
+    ctx.font = font;
+    const metrics = ctx.measureText('H');
+    const sizeMatch = /(\d+(?:\.\d+)?)px/.exec(font);
+    const size = sizeMatch ? parseFloat(sizeMatch[1]) : 12;
+    return metrics.fontBoundingBoxAscent ?? size * 0.85;
+}
+const DOM_SELECTION_ALPHA = 0.35;
+const DOM_SELECTION_COLOR = '#0078d7';
+const _richTextSelectionRectangles = [];
+let _domTextInputOverlay = null;
+export function registerDomTextInputOverlay(overlay) {
+    _domTextInputOverlay = overlay;
+}
+export const defaultDomRichTextRenderer = {
+    createData: createDomRichTextData,
+    submit: drawDomRichText,
+};
+//# sourceMappingURL=domRichText.js.map

package/dist/domRichText.js.map

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

package/dist/domScale9Mapper.d.ts

@@ -0,0 +1,3 @@
+import type { RectangleLike, Scale9Mapper } from '@flighthq/types';
+export declare function buildDomScale9Mapper(bounds: Readonly<RectangleLike>, scale9Grid: Readonly<RectangleLike>, scaleX: number, scaleY: number): Scale9Mapper | null;
+//# sourceMappingURL=domScale9Mapper.d.ts.map

package/dist/domScale9Mapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domScale9Mapper.d.ts","sourceRoot":"","sources":["../src/domScale9Mapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnE,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,EAC/B,UAAU,EAAE,QAAQ,CAAC,aAAa,CAAC,EACnC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,YAAY,GAAG,IAAI,CAcrB"}

package/dist/domScale9Mapper.js

@@ -0,0 +1,37 @@
+export function buildDomScale9Mapper(bounds, scale9Grid, scaleX, scaleY) {
+    if (scaleX <= 0 || scaleY <= 0 || bounds.width <= 0 || bounds.height <= 0)
+        return null;
+    const gx = scale9Grid.x;
+    const gy = scale9Grid.y;
+    const gw = scale9Grid.width;
+    const gh = scale9Grid.height;
+    const bw = bounds.width;
+    const bh = bounds.height;
+    return {
+        mapX: (x) => toScale9Position(x, gx, gw, bw, scaleX),
+        mapY: (y) => toScale9Position(y, gy, gh, bh, scaleY),
+    };
+}
+function toScale9Position(pos, scale9Start, scale9Center, unscaledSize, scale) {
+    const scale9End = unscaledSize - scale9Center - scale9Start;
+    const size = unscaledSize * scale;
+    const center = size - scale9Start - scale9End;
+    if (pos <= scale9Start) {
+        if (center < 0) {
+            return (pos * (scale9Start + scale9End + center)) / (scale9Start + scale9End);
+        }
+        return pos;
+    }
+    if (pos >= scale9Start + scale9Center) {
+        if (center < 0) {
+            return (((scale9Start + (pos - scale9Start - scale9Center)) * (scale9Start + scale9End + center)) /
+                (scale9Start + scale9End));
+        }
+        return scale9Start + center + (pos - scale9Start - scale9Center);
+    }
+    if (center < 0) {
+        return (scale9Start * (scale9Start + scale9End + center)) / (scale9Start + scale9End);
+    }
+    return scale9Start + (center * (pos - scale9Start)) / scale9Center;
+}
+//# sourceMappingURL=domScale9Mapper.js.map

package/dist/domScale9Mapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domScale9Mapper.js","sourceRoot":"","sources":["../src/domScale9Mapper.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAClC,MAA+B,EAC/B,UAAmC,EACnC,MAAc,EACd,MAAc;IAEd,IAAI,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,IAAI,CAAC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvF,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;IACxB,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC;IAEzB,OAAO;QACL,IAAI,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC;QAC5D,IAAI,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC;KAC7D,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,GAAW,EACX,WAAmB,EACnB,YAAoB,EACpB,YAAoB,EACpB,KAAa;IAEb,MAAM,SAAS,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5D,MAAM,IAAI,GAAG,YAAY,GAAG,KAAK,CAAC;IAClC,MAAM,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;IAE9C,IAAI,GAAG,IAAI,WAAW,EAAE,CAAC;QACvB,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,OAAO,CAAC,GAAG,GAAG,CAAC,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;QAChF,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IAED,IAAI,GAAG,IAAI,WAAW,GAAG,YAAY,EAAE,CAAC;QACtC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,OAAO,CACL,CAAC,CAAC,WAAW,GAAG,CAAC,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;gBACzF,CAAC,WAAW,GAAG,SAAS,CAAC,CAC1B,CAAC;QACJ,CAAC;QACD,OAAO,WAAW,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;QACf,OAAO,CAAC,WAAW,GAAG,CAAC,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACxF,CAAC;IACD,OAAO,WAAW,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,GAAG,YAAY,CAAC;AACrE,CAAC"}

package/dist/domScale9Shape.d.ts

@@ -0,0 +1,10 @@
+import type { DisplayObjectRenderer, DomRenderState, Renderable, RendererData, RenderProxy2D, RenderState } from '@flighthq/types';
+interface DomScale9ShapeData extends RendererData {
+    canvas: HTMLCanvasElement | null;
+    context: CanvasRenderingContext2D | null;
+}
+export declare function createDomScale9ShapeData(_state: RenderState, _source: Renderable): DomScale9ShapeData;
+export declare function drawDomScale9Shape(state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare const defaultDomScale9ShapeRenderer: DisplayObjectRenderer;
+export {};
+//# sourceMappingURL=domScale9Shape.d.ts.map

package/dist/domScale9Shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domScale9Shape.d.ts","sourceRoot":"","sources":["../src/domScale9Shape.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EAEd,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAMzB,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAC1C;AAID,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,GAAG,kBAAkB,CAErG;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAuC1F;AAED,eAAO,MAAM,6BAA6B,EAAE,qBAG3C,CAAC"}

package/dist/domScale9Shape.js

@@ -0,0 +1,59 @@
+import { mapCanvasScale9ShapeCommands, renderCanvasShapeCommands } from '@flighthq/displayobject-canvas';
+import { createEntity } from '@flighthq/entity';
+import { getNodeLocalBoundsRectangle } from '@flighthq/node';
+import { buildDomScale9Mapper } from './domScale9Mapper';
+import { drawDomShape } from './domShape';
+import { prepareDomElement, setDomRendererElement } from './domStyle';
+const _remappedCommands = [];
+export function createDomScale9ShapeData(_state, _source) {
+    return createEntity({ canvas: null, context: null });
+}
+export function drawDomScale9Shape(state, renderProxy) {
+    const data = renderProxy.rendererData;
+    if (data === null)
+        return;
+    const source = renderProxy.source;
+    const { commands, scale9Grid } = source.data;
+    if (commands.length === 0)
+        return;
+    const bounds = getNodeLocalBoundsRectangle(source);
+    const mapper = buildDomScale9Mapper(bounds, scale9Grid, source.scaleX, source.scaleY);
+    if (mapper === null) {
+        drawDomShape(state, renderProxy);
+        return;
+    }
+    if (data.canvas === null) {
+        data.canvas = document.createElement('canvas');
+        data.context = data.canvas.getContext('2d');
+        prepareDomElement(data.canvas);
+    }
+    const w = Math.max(1, Math.ceil(bounds.width * source.scaleX));
+    const h = Math.max(1, Math.ceil(bounds.height * source.scaleY));
+    data.canvas.width = w;
+    data.canvas.height = h;
+    const ctx = data.context;
+    mapCanvasScale9ShapeCommands(_remappedCommands, commands, mapper);
+    if (bounds.x !== 0 || bounds.y !== 0) {
+        ctx.translate(-bounds.x, -bounds.y);
+    }
+    renderCanvasShapeCommands(ctx, _remappedCommands);
+    data.canvas.style.opacity = renderProxy.alpha < 1 ? String(renderProxy.alpha) : '';
+    data.canvas.style.imageRendering = state.allowSmoothing ? '' : 'pixelated';
+    state.applyBlendMode?.(data.canvas, renderProxy.blendMode);
+    setStrippedDomTransform(data.canvas, renderProxy.transform2D, source.scaleX, source.scaleY, state.roundPixels);
+    setDomRendererElement(state, data.canvas);
+}
+export const defaultDomScale9ShapeRenderer = {
+    createData: createDomScale9ShapeData,
+    submit: drawDomScale9Shape,
+};
+function setStrippedDomTransform(element, transform, scaleX, scaleY, roundPixels) {
+    const a = scaleX !== 0 ? transform.a / scaleX : transform.a;
+    const b = scaleX !== 0 ? transform.b / scaleX : transform.b;
+    const c = scaleY !== 0 ? transform.c / scaleY : transform.c;
+    const d = scaleY !== 0 ? transform.d / scaleY : transform.d;
+    const tx = roundPixels ? Math.fround(transform.tx) : transform.tx;
+    const ty = roundPixels ? Math.fround(transform.ty) : transform.ty;
+    element.style.transform = `matrix(${a},${b},${c},${d},${tx},${ty})`;
+}
+//# sourceMappingURL=domScale9Shape.js.map

package/dist/domScale9Shape.js.map

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

package/dist/domShape.d.ts

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

package/dist/domShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domShape.d.ts","sourceRoot":"","sources":["../src/domShape.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EAGd,aAAa,EAGd,MAAM,iBAAiB,CAAC;AAczB,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAqCpF;AAED,eAAO,MAAM,uBAAuB,EAAE,qBAGrC,CAAC"}

package/dist/domShape.js

@@ -0,0 +1,45 @@
+import { renderCanvasShapeCommands } from '@flighthq/displayobject-canvas';
+import { createEntity } from '@flighthq/entity';
+import { getNodeLocalBoundsRectangle } from '@flighthq/node';
+import { prepareDomElement, setDomRendererElement } from './domStyle';
+import { setDomTransformWithOffset } from './domTransform';
+function createDomShapeData(_state, _source) {
+    return createEntity({ canvas: null, context: null });
+}
+export function drawDomShape(state, renderProxy) {
+    const data = renderProxy.rendererData;
+    if (data === null)
+        return;
+    const source = renderProxy.source;
+    const { commands } = source.data;
+    if (commands.length === 0)
+        return;
+    if (data.canvas === null) {
+        data.canvas = document.createElement('canvas');
+        data.context = data.canvas.getContext('2d');
+        prepareDomElement(data.canvas);
+    }
+    const bounds = getNodeLocalBoundsRectangle(source);
+    const w = Math.max(1, Math.ceil(bounds.width));
+    const h = Math.max(1, Math.ceil(bounds.height));
+    // Resizing clears the canvas and resets context state
+    data.canvas.width = w;
+    data.canvas.height = h;
+    const ctx = data.context;
+    if (bounds.x !== 0 || bounds.y !== 0) {
+        ctx.translate(-bounds.x, -bounds.y);
+    }
+    renderCanvasShapeCommands(ctx, commands);
+    data.canvas.style.opacity = renderProxy.alpha < 1 ? String(renderProxy.alpha) : '';
+    if (state.domCssFilterResolver !== null) {
+        data.canvas.style.filter = state.domCssFilterResolver(renderProxy) ?? '';
+    }
+    state.applyBlendMode?.(data.canvas, renderProxy.blendMode);
+    setDomTransformWithOffset(data.canvas, renderProxy.transform2D, bounds.x, bounds.y, state.roundPixels);
+    setDomRendererElement(state, data.canvas);
+}
+export const defaultDomShapeRenderer = {
+    createData: createDomShapeData,
+    submit: drawDomShape,
+};
+//# sourceMappingURL=domShape.js.map

package/dist/domShape.js.map

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

package/dist/domStyle.d.ts

@@ -0,0 +1,9 @@
+import type { DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function applyDomStyle(state: DomRenderState, element: HTMLElement, node: RenderProxy2D): void;
+export declare function prepareDomElement(element: HTMLElement): void;
+/**
+ * Registers the element produced by a renderer for this draw call.
+ * Placement into the container is always handled by the render loop, never by individual draw functions.
+ */
+export declare function setDomRendererElement(state: DomRenderState, element: HTMLElement): void;
+//# sourceMappingURL=domStyle.d.ts.map

package/dist/domStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domStyle.d.ts","sourceRoot":"","sources":["../src/domStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKrE,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAMpG;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAM5D;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAEvF"}

package/dist/domStyle.js

@@ -0,0 +1,25 @@
+import { getDomRenderStateRuntime } from './domRenderState';
+import { setDomTransform } from './domTransform';
+export function applyDomStyle(state, element, node) {
+    setDomTransform(element, node.transform2D, state.roundPixels);
+    element.style.opacity = node.alpha < 1 ? String(node.alpha) : '';
+    element.style.imageRendering = state.allowSmoothing ? '' : 'pixelated';
+    if (state.domCssFilterResolver !== null)
+        element.style.filter = state.domCssFilterResolver(node) ?? '';
+    state.applyBlendMode?.(element, node.blendMode);
+}
+export function prepareDomElement(element) {
+    element.style.position = 'absolute';
+    element.style.left = '0';
+    element.style.top = '0';
+    element.style.transformOrigin = '0 0';
+    element.style.pointerEvents = 'none';
+}
+/**
+ * Registers the element produced by a renderer for this draw call.
+ * Placement into the container is always handled by the render loop, never by individual draw functions.
+ */
+export function setDomRendererElement(state, element) {
+    getDomRenderStateRuntime(state).domCurrentElement = element;
+}
+//# sourceMappingURL=domStyle.js.map

package/dist/domStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domStyle.js","sourceRoot":"","sources":["../src/domStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,UAAU,aAAa,CAAC,KAAqB,EAAE,OAAoB,EAAE,IAAmB;IAC5F,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9D,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;IACvE,IAAI,KAAK,CAAC,oBAAoB,KAAK,IAAI;QAAE,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvG,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,OAAoB;IACpD,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IACzB,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IACxB,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IACtC,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AACvC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAqB,EAAE,OAAoB;IAC/E,wBAAwB,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,OAAO,CAAC;AAC9D,CAAC"}

package/dist/domSvgFilter.d.ts

@@ -0,0 +1,27 @@
+import type { ColorMatrixFilter } from '@flighthq/types';
+/**
+ * Builds a CSS `filter: url(#id)` string for a ColorMatrixFilter by injecting an inline SVG
+ * `<feColorMatrix>` element into a shared hidden SVG container. Callers pass the returned
+ * CSS string directly to `setDomCssFilter`.
+ *
+ * The Flash/OpenFL 4×5 color matrix uses offsets in the 0–255 range; SVG `feColorMatrix`
+ * expects values in the 0–1 range. This function divides offset columns (indices 4, 9, 14, 19)
+ * by 255 before writing the `values` attribute.
+ *
+ * The returned CSS string references a `<filter>` element owned by this module. Call
+ * `releaseDomSvgColorMatrixFilter` with the id portion when the filter is no longer needed to
+ * remove the SVG element from the DOM; not doing so leaks `<filter>` nodes.
+ *
+ * Returns null if called outside a document context (SSR / headless without DOM).
+ */
+export declare function getDomSvgColorMatrixFilter(filter: Readonly<ColorMatrixFilter>): string | null;
+/**
+ * Removes the SVG `<filter>` element registered under the given id from the shared container.
+ * The `id` is the fragment portion of the string returned by `getDomSvgColorMatrixFilter`
+ * (strip the leading `url(#` and trailing `)`).
+ *
+ * Call this when the filter is no longer needed to avoid leaking `<filter>` DOM nodes.
+ * No-op if the id is not found or outside a document context.
+ */
+export declare function releaseDomSvgColorMatrixFilter(id: string): void;
+//# sourceMappingURL=domSvgFilter.d.ts.map

package/dist/domSvgFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domSvgFilter.d.ts","sourceRoot":"","sources":["../src/domSvgFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,MAAM,GAAG,IAAI,CAa7F;AAED;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAK/D"}

package/dist/domSvgFilter.js

@@ -0,0 +1,88 @@
+/**
+ * Builds a CSS `filter: url(#id)` string for a ColorMatrixFilter by injecting an inline SVG
+ * `<feColorMatrix>` element into a shared hidden SVG container. Callers pass the returned
+ * CSS string directly to `setDomCssFilter`.
+ *
+ * The Flash/OpenFL 4×5 color matrix uses offsets in the 0–255 range; SVG `feColorMatrix`
+ * expects values in the 0–1 range. This function divides offset columns (indices 4, 9, 14, 19)
+ * by 255 before writing the `values` attribute.
+ *
+ * The returned CSS string references a `<filter>` element owned by this module. Call
+ * `releaseDomSvgColorMatrixFilter` with the id portion when the filter is no longer needed to
+ * remove the SVG element from the DOM; not doing so leaks `<filter>` nodes.
+ *
+ * Returns null if called outside a document context (SSR / headless without DOM).
+ */
+export function getDomSvgColorMatrixFilter(filter) {
+    const container = ensureSvgContainer();
+    if (container === null)
+        return null;
+    const id = `flighthq-cm-${_nextFilterId++}`;
+    const svgFilter = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
+    svgFilter.id = id;
+    svgFilter.setAttribute('color-interpolation-filters', 'sRGB');
+    const feColorMatrix = document.createElementNS('http://www.w3.org/2000/svg', 'feColorMatrix');
+    feColorMatrix.setAttribute('type', 'matrix');
+    feColorMatrix.setAttribute('values', buildFeColorMatrixValues(filter.matrix));
+    svgFilter.appendChild(feColorMatrix);
+    container.appendChild(svgFilter);
+    return `url(#${id})`;
+}
+/**
+ * Removes the SVG `<filter>` element registered under the given id from the shared container.
+ * The `id` is the fragment portion of the string returned by `getDomSvgColorMatrixFilter`
+ * (strip the leading `url(#` and trailing `)`).
+ *
+ * Call this when the filter is no longer needed to avoid leaking `<filter>` DOM nodes.
+ * No-op if the id is not found or outside a document context.
+ */
+export function releaseDomSvgColorMatrixFilter(id) {
+    const container = _svgContainer;
+    if (container === null)
+        return;
+    const el = container.querySelector(`#${CSS.escape(id)}`);
+    if (el !== null)
+        container.removeChild(el);
+}
+// Builds the SVG feColorMatrix `values` attribute string from a Flash/OpenFL 4×5 color matrix.
+// SVG expects values in the 0–1 range; the offset column (every 5th value starting at index 4)
+// is divided by 255 to convert from Flash's 0–255 convention.
+function buildFeColorMatrixValues(matrix) {
+    const out = new Array(20);
+    for (let row = 0; row < 4; row++) {
+        const base = row * 5;
+        out[base + 0] = matrix[base + 0];
+        out[base + 1] = matrix[base + 1];
+        out[base + 2] = matrix[base + 2];
+        out[base + 3] = matrix[base + 3];
+        // Offset column: divide by 255 (Flash 0–255 → SVG 0–1).
+        out[base + 4] = matrix[base + 4] / 255;
+    }
+    return out.join(' ');
+}
+// Returns (or lazily creates) the shared hidden SVG container appended to document.body.
+// Returns null when no document is available (SSR context).
+function ensureSvgContainer() {
+    if (_svgContainer !== null)
+        return _svgContainer;
+    if (typeof document === 'undefined')
+        return null;
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.style.position = 'absolute';
+    svg.style.width = '0';
+    svg.style.height = '0';
+    svg.style.overflow = 'hidden';
+    svg.style.pointerEvents = 'none';
+    // The container lives outside the render root so clip-path / overflow:hidden cannot hide it.
+    document.body.appendChild(svg);
+    _svgContainer = svg;
+    return svg;
+}
+// SVG filter elements are appended to a shared hidden <svg> container at the document root so
+// every element with `filter: url(#id)` can reference them regardless of placement in the DOM.
+// Each filter gets a unique id derived from a monotonically incrementing counter so concurrent
+// filters do not collide.
+let _svgContainer = null;
+let _nextFilterId = 0;
+//# sourceMappingURL=domSvgFilter.js.map

package/dist/domSvgFilter.js.map

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

package/dist/domTextHelpers.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Escapes HTML special characters in a text string for safe embedding as DOM inner HTML.
+ * Used internally by the DOM text renderers (RichText, TextLabel) to render text via innerHTML.
+ */
+export declare function escapeDomHtmlString(str: string): string;
+//# sourceMappingURL=domTextHelpers.d.ts.map

package/dist/domTextHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domTextHelpers.d.ts","sourceRoot":"","sources":["../src/domTextHelpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEvD"}

package/dist/domTextHelpers.js

@@ -0,0 +1,8 @@
+/**
+ * Escapes HTML special characters in a text string for safe embedding as DOM inner HTML.
+ * Used internally by the DOM text renderers (RichText, TextLabel) to render text via innerHTML.
+ */
+export function escapeDomHtmlString(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/ /g, '&nbsp;');
+}
+//# sourceMappingURL=domTextHelpers.js.map

package/dist/domTextHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domTextHelpers.js","sourceRoot":"","sources":["../src/domTextHelpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,GAAW;IAC7C,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACxG,CAAC"}

package/dist/domTextInput.d.ts

@@ -0,0 +1,4 @@
+import type { DomRenderState, RenderProxy2D } from '@flighthq/types';
+export declare function drawDomTextInputOverlay(_state: DomRenderState, renderProxy: RenderProxy2D): void;
+export declare function enableDomTextInput(): void;
+//# sourceMappingURL=domTextInput.d.ts.map

package/dist/domTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domTextInput.d.ts","sourceRoot":"","sources":["../src/domTextInput.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAgB,aAAa,EAAoC,MAAM,iBAAiB,CAAC;AAYrH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,CAiChG;AAID,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}