motion-script 1.0.0

package/dist/nodes/base/node.js

@@ -0,0 +1,107 @@
+/**
+ * Utility used by layout code. Existing logic from runner.ts has been
+ * preserved here since it is referenced by both the base implementation
+ * and the Flex node.
+ */
+export function resolveSizeValue(size, parentSize, hugSize) {
+    if (typeof size === "number")
+        return size;
+    if (size === "fill")
+        return parentSize;
+    if (size === "hug")
+        return hugSize;
+    return parentSize;
+}
+export class BaseNode {
+    id;
+    parentId;
+    type;
+    rect;
+    constraints;
+    children = [];
+    constructor(id, type, parentId) {
+        this.id = id;
+        this.type = type;
+        this.parentId = parentId;
+    }
+    setTo(props) {
+        const signalMap = this.getSignalMap();
+        for (const key in props) {
+            const value = props[key];
+            if (value === undefined)
+                continue;
+            const signal = signalMap[key];
+            if (!signal)
+                continue;
+            this.onBeforePropUpdate(key, value);
+            signal.set(value);
+            this.animationStartValues.delete(key);
+        }
+    }
+    animateTo(props, progress) {
+        const signalMap = this.getSignalMap();
+        for (const key in props) {
+            const toValue = props[key];
+            if (toValue === undefined)
+                continue;
+            const signal = signalMap[key];
+            if (!signal)
+                continue;
+            this.onBeforePropUpdate(key, toValue);
+            if (progress === 0 || !this.animationStartValues.has(key)) {
+                this.animationStartValues.set(key, signal.get());
+            }
+            const fromValue = this.animationStartValues.get(key);
+            const nextValue = this.interpolatePropValue(key, fromValue, toValue, progress);
+            signal.set(nextValue);
+            if (progress >= 1) {
+                this.animationStartValues.delete(key);
+            }
+        }
+    }
+    animationStartValues = new Map();
+    signalMap = null;
+    onBeforePropUpdate(_key, _value) {
+        // Subclasses can track metadata when a prop is explicitly updated.
+    }
+    interpolatePropValue(_key, fromValue, toValue, progress) {
+        if (typeof fromValue === "number" && typeof toValue === "number") {
+            return fromValue + (toValue - fromValue) * progress;
+        }
+        if (progress >= 1) {
+            return toValue;
+        }
+        return fromValue;
+    }
+    getSignalMap() {
+        if (!this.signalMap) {
+            this.signalMap = this.createSignalMap();
+        }
+        return this.signalMap;
+    }
+    measure(constraints) {
+        this.constraints = constraints;
+        return {};
+    }
+    layout(rect) {
+        this.rect = rect;
+    }
+    addChild(child) {
+        this.children.push(child);
+    }
+    addChildAt(child, index) {
+        this.children.splice(index, 0, child);
+    }
+    addChildren(children) {
+        this.children.push(...children);
+    }
+    clearChildren() {
+        this.children.length = 0;
+    }
+    draw(ctx) {
+        ctx.withNode(this.id, this.parentId, () => {
+            this.drawSelf(ctx);
+        });
+    }
+}
+//# sourceMappingURL=node.js.map

package/dist/nodes/base/node.js.map

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

package/dist/nodes/flex/node.d.ts

@@ -0,0 +1,35 @@
+import { SizeConstraints } from "@/attributes/size/constraints";
+import { Size2D } from "@/attributes/size/size";
+import { DrawContext } from "@/rendering/contexts/draw-context";
+import { Signal } from "@/signal/type";
+import { TransformNode } from "../transform/node";
+import { FlexDirection, FlexProps } from "./props";
+import { BoxBounds } from "@/attributes/bounds/bounds";
+export declare class FlexNode extends TransformNode {
+    readonly type: FlexDirection;
+    private readonly widthModeSignal;
+    private readonly heightModeSignal;
+    private readonly gapSignal;
+    private readonly leftPaddingSignal;
+    private readonly rightPaddingSignal;
+    private readonly topPaddingSignal;
+    private readonly bottomPaddingSignal;
+    private readonly alignmentSignal;
+    constructor(id: string, type: FlexDirection, parentId: string | undefined, props: Partial<FlexProps>);
+    createSignalMap(): Record<string, Signal<any>>;
+    protected interpolatePropValue(key: string, fromValue: any, toValue: any, progress: number): any;
+    measure(constraints: SizeConstraints): Partial<Size2D>;
+    layout(rect: BoxBounds): void;
+    private measureChildren;
+    private getSizeMode;
+    private getPadding;
+    private get widthMode();
+    private set widthMode(value);
+    private get heightMode();
+    private set heightMode(value);
+    private get gap();
+    private get alignment();
+    private createSizeModeSignal;
+    protected drawSelf(_ctx: DrawContext): void;
+}
+//# sourceMappingURL=node.d.ts.map

package/dist/nodes/flex/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/nodes/flex/node.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAa,SAAS,EAAY,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,qBAAa,QAAS,SAAQ,aAAa;IACvC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+B;IAC/D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA+B;IAChE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiB;IAC3C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiB;IACnD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiB;IACpD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAiB;IAClD,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAiB;IACrD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkB;gBAEtC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;IAiB3F,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;cAepC,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG;IAahG,OAAO,CAAC,WAAW,EAAE,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC;IAwCtD,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI;IA2EtC,OAAO,CAAC,eAAe;IA4FvB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IASlB,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,QAEpB;IAED,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,UAAU,QAErB;IAED,OAAO,KAAK,GAAG,GAEd;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,oBAAoB;cA0CT,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAGvD"}

package/dist/nodes/flex/node.js

@@ -0,0 +1,318 @@
+import createSignal from "@/signal/signal";
+import { resolveSizeValue } from "../base/node";
+import { TransformNode } from "../transform/node";
+export class FlexNode extends TransformNode {
+    type;
+    widthModeSignal;
+    heightModeSignal;
+    gapSignal;
+    leftPaddingSignal;
+    rightPaddingSignal;
+    topPaddingSignal;
+    bottomPaddingSignal;
+    alignmentSignal;
+    constructor(id, type, parentId, props) {
+        super(id, type, parentId, {
+            ...props,
+            width: typeof props.width === "number" ? props.width : 0,
+            height: typeof props.height === "number" ? props.height : 0,
+        });
+        this.type = type;
+        this.widthModeSignal = createSignal(props.width);
+        this.heightModeSignal = createSignal(props.height);
+        this.gapSignal = createSignal(props.gap ?? 0);
+        this.leftPaddingSignal = createSignal(props.leftPadding ?? 0);
+        this.rightPaddingSignal = createSignal(props.rightPadding ?? 0);
+        this.topPaddingSignal = createSignal(props.topPadding ?? 0);
+        this.bottomPaddingSignal = createSignal(props.bottomPadding ?? 0);
+        this.alignmentSignal = createSignal(props.alignment ?? { x: 0, y: 0 });
+    }
+    createSignalMap() {
+        const baseMap = super.createSignalMap();
+        return {
+            ...baseMap,
+            width: this.createSizeModeSignal("width", baseMap.width),
+            height: this.createSizeModeSignal("height", baseMap.height),
+            gap: this.gapSignal,
+            leftPadding: this.leftPaddingSignal,
+            rightPadding: this.rightPaddingSignal,
+            topPadding: this.topPaddingSignal,
+            bottomPadding: this.bottomPaddingSignal,
+            alignment: this.alignmentSignal,
+        };
+    }
+    interpolatePropValue(key, fromValue, toValue, progress) {
+        if ((key === "width" || key === "height") && typeof toValue === "number") {
+            const fromNumeric = typeof fromValue === "number"
+                ? fromValue
+                : key === "width"
+                    ? this.width
+                    : this.height;
+            return fromNumeric + (toValue - fromNumeric) * progress;
+        }
+        return super.interpolatePropValue(key, fromValue, toValue, progress);
+    }
+    measure(constraints) {
+        const padding = this.getPadding();
+        const maxWidth = constraints.maxWidth ?? 0;
+        const maxHeight = constraints.maxHeight ?? 0;
+        const widthMode = this.widthMode;
+        const heightMode = this.heightMode;
+        const availableWidth = typeof widthMode === "number"
+            ? widthMode
+            : widthMode === "fill"
+                ? maxWidth
+                : maxWidth;
+        const availableHeight = typeof heightMode === "number"
+            ? heightMode
+            : heightMode === "fill"
+                ? maxHeight
+                : maxHeight;
+        const innerWidth = Math.max(0, availableWidth - padding.left - padding.right);
+        const innerHeight = Math.max(0, availableHeight - padding.top - padding.bottom);
+        const measuredChildren = this.measureChildren(innerWidth, innerHeight);
+        const hugWidth = measuredChildren.hugWidth + padding.left + padding.right;
+        const hugHeight = measuredChildren.hugHeight + padding.top + padding.bottom;
+        const resolvedWidth = typeof widthMode === "number"
+            ? widthMode
+            : resolveSizeValue(widthMode, maxWidth, hugWidth);
+        const resolvedHeight = typeof heightMode === "number"
+            ? heightMode
+            : resolveSizeValue(heightMode, maxHeight, hugHeight);
+        return {
+            width: resolvedWidth,
+            height: resolvedHeight,
+        };
+    }
+    layout(rect) {
+        this.rect = rect;
+        super.setTo({ width: rect.width, height: rect.height });
+        const direction = this.type;
+        const padding = this.getPadding();
+        const gap = this.gap;
+        const alignment = this.alignment;
+        const innerWidth = Math.max(0, rect.width - padding.left - padding.right);
+        const innerHeight = Math.max(0, rect.height - padding.top - padding.bottom);
+        const { entries } = this.measureChildren(innerWidth, innerHeight);
+        const totalMain = entries.reduce((sum, entry) => sum + (direction === "row" ? entry.width : entry.height), 0) + gap * Math.max(0, entries.length - 1);
+        const mainDim = direction === "row" ? rect.width : rect.height;
+        const crossDim = direction === "row" ? rect.height : rect.width;
+        const justify = direction === "column"
+            ? (alignment.y === 1 ? "start" : alignment.y === 0 ? "center" : "end")
+            : (alignment.x === -1 ? "start" : alignment.x === 0 ? "center" : "end");
+        const align = direction === "column"
+            ? (alignment.x === -1 ? "start" : alignment.x === 0 ? "center" : "end")
+            : (alignment.y === 1 ? "start" : alignment.y === 0 ? "center" : "end");
+        let mainPos;
+        if (direction === "row") {
+            if (justify === "start")
+                mainPos = -mainDim / 2 + padding.left;
+            else if (justify === "center")
+                mainPos = -totalMain / 2;
+            else
+                mainPos = mainDim / 2 - totalMain - padding.right;
+        }
+        else {
+            if (justify === "start")
+                mainPos = -mainDim / 2 + padding.top;
+            else if (justify === "center")
+                mainPos = -totalMain / 2;
+            else
+                mainPos = mainDim / 2 - totalMain - padding.bottom;
+        }
+        for (const entry of entries) {
+            const childMain = direction === "row" ? entry.width : entry.height;
+            const childCross = direction === "row" ? entry.height : entry.width;
+            let crossPos;
+            if (direction === "row") {
+                if (align === "start")
+                    crossPos = -crossDim / 2 + childCross / 2 + padding.top;
+                else if (align === "center")
+                    crossPos = 0;
+                else
+                    crossPos = crossDim / 2 - childCross / 2 - padding.bottom;
+            }
+            else {
+                if (align === "start")
+                    crossPos = -crossDim / 2 + childCross / 2 + padding.left;
+                else if (align === "center")
+                    crossPos = 0;
+                else
+                    crossPos = crossDim / 2 - childCross / 2 - padding.right;
+            }
+            const localX = direction === "row" ? mainPos + childMain / 2 : crossPos;
+            const localY = direction === "row" ? crossPos : mainPos + childMain / 2;
+            entry.child.setLayoutAnchor(localX, localY);
+            entry.child.setLayoutTransform({
+                width: entry.width,
+                height: entry.height,
+            });
+            entry.child.layout({
+                x: localX,
+                y: localY,
+                width: entry.width,
+                height: entry.height,
+            });
+            mainPos += childMain + gap;
+        }
+    }
+    measureChildren(innerWidth, innerHeight) {
+        const direction = this.type;
+        const gap = this.gap;
+        const mainKey = direction === "row" ? "width" : "height";
+        const crossKey = direction === "row" ? "height" : "width";
+        const entries = this.children
+            .filter((child) => child instanceof TransformNode)
+            .map((child) => {
+            const mainMode = this.getSizeMode(child, mainKey);
+            return {
+                child,
+                width: 0,
+                height: 0,
+                isFlexibleMain: mainMode === "fill",
+            };
+        });
+        const innerMain = direction === "row" ? innerWidth : innerHeight;
+        const innerCross = direction === "row" ? innerHeight : innerWidth;
+        let fixedMain = 0;
+        for (const entry of entries) {
+            if (entry.isFlexibleMain)
+                continue;
+            const size = entry.child.measure({ maxWidth: innerWidth, maxHeight: innerHeight });
+            const measuredWidth = size.width ?? 0;
+            const measuredHeight = size.height ?? 0;
+            const crossMode = this.getSizeMode(entry.child, crossKey);
+            if (direction === "row") {
+                entry.width = measuredWidth;
+                entry.height = crossMode === "fill" ? innerCross : measuredHeight;
+                fixedMain += entry.width;
+            }
+            else {
+                entry.width = crossMode === "fill" ? innerCross : measuredWidth;
+                entry.height = measuredHeight;
+                fixedMain += entry.height;
+            }
+        }
+        const totalGap = gap * Math.max(0, entries.length - 1);
+        const remainingMain = Math.max(0, innerMain - totalGap - fixedMain);
+        const flexibleCount = entries.filter((entry) => entry.isFlexibleMain).length;
+        const distributedMain = flexibleCount > 0 ? remainingMain / flexibleCount : 0;
+        for (const entry of entries) {
+            if (!entry.isFlexibleMain)
+                continue;
+            const measured = entry.child.measure(direction === "row"
+                ? { maxWidth: distributedMain, maxHeight: innerHeight }
+                : { maxWidth: innerWidth, maxHeight: distributedMain });
+            const measuredWidth = measured.width ?? 0;
+            const measuredHeight = measured.height ?? 0;
+            const crossMode = this.getSizeMode(entry.child, crossKey);
+            if (direction === "row") {
+                entry.width = distributedMain;
+                entry.height = crossMode === "fill" ? innerCross : measuredHeight;
+            }
+            else {
+                entry.width = crossMode === "fill" ? innerCross : measuredWidth;
+                entry.height = distributedMain;
+            }
+        }
+        let totalMain = 0;
+        let maxCross = 0;
+        for (const entry of entries) {
+            const childMain = direction === "row" ? entry.width : entry.height;
+            const childCross = direction === "row" ? entry.height : entry.width;
+            totalMain += childMain;
+            maxCross = Math.max(maxCross, childCross);
+        }
+        return direction === "row"
+            ? {
+                entries,
+                hugWidth: totalMain + totalGap,
+                hugHeight: maxCross,
+            }
+            : {
+                entries,
+                hugWidth: maxCross,
+                hugHeight: totalMain + totalGap,
+            };
+    }
+    getSizeMode(child, axis) {
+        if (child instanceof FlexNode) {
+            return axis === "width" ? child.widthMode : child.heightMode;
+        }
+        if (child.isAutoSize(axis)) {
+            return "fill";
+        }
+        return undefined;
+    }
+    getPadding() {
+        return {
+            left: this.leftPaddingSignal.get(),
+            right: this.rightPaddingSignal.get(),
+            top: this.topPaddingSignal.get(),
+            bottom: this.bottomPaddingSignal.get(),
+        };
+    }
+    get widthMode() {
+        return this.widthModeSignal.get();
+    }
+    set widthMode(value) {
+        this.widthModeSignal.set(value);
+    }
+    get heightMode() {
+        return this.heightModeSignal.get();
+    }
+    set heightMode(value) {
+        this.heightModeSignal.set(value);
+    }
+    get gap() {
+        return this.gapSignal.get();
+    }
+    get alignment() {
+        return this.alignmentSignal.get();
+    }
+    createSizeModeSignal(axis, numericSignal) {
+        const mapped = function (arg, duration, easing, lerp) {
+            if (arguments.length === 0)
+                return mapped.get();
+            if (arguments.length >= 2 && typeof duration === "number") {
+                return mapped.tween(arg, duration, easing, lerp);
+            }
+            return mapped.set(arg);
+        };
+        mapped.get = () => (axis === "width" ? this.widthMode : this.heightMode);
+        mapped.set = (next) => {
+            if (axis === "width")
+                this.widthMode = next;
+            else
+                this.heightMode = next;
+            if (typeof next === "number") {
+                numericSignal.set(next);
+            }
+        };
+        mapped.subscribe = (subscriber) => {
+            subscriber(mapped.get());
+            return () => { };
+        };
+        mapped.tween = (next, duration, easing, lerp) => {
+            if (typeof next !== "number") {
+                if (axis === "width")
+                    this.widthMode = next;
+                else
+                    this.heightMode = next;
+                return (function* () {
+                    return;
+                })();
+            }
+            if (axis === "width")
+                this.widthMode = next;
+            else
+                this.heightMode = next;
+            return numericSignal.tween(next, duration, easing, lerp);
+        };
+        return mapped;
+    }
+    drawSelf(_ctx) {
+        // Layout containers only emit a transform container layer.
+    }
+}
+//# sourceMappingURL=node.js.map

package/dist/nodes/flex/node.js.map

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

package/dist/nodes/flex/props.d.ts

@@ -0,0 +1,27 @@
+import { Vector2 } from "../../attributes/position/vector2";
+import { TransformNode } from "../transform/node";
+export interface FlexProps {
+    x?: number;
+    y?: number;
+    width?: FlexSize;
+    height?: FlexSize;
+    scale?: number;
+    rotate?: number;
+    opacity?: number;
+    blur?: number;
+    gap?: number;
+    leftPadding?: number;
+    rightPadding?: number;
+    topPadding?: number;
+    bottomPadding?: number;
+    alignment?: Vector2;
+}
+export type FlexDirection = "row" | "column";
+export type FlexSize = number | "fill" | "hug";
+export interface FlexEntry {
+    child: TransformNode;
+    width: number;
+    height: number;
+    isFlexibleMain: boolean;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/nodes/flex/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/nodes/flex/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,SAAS;IACtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAK/C,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;CAC3B"}

package/dist/nodes/flex/props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=props.js.map

package/dist/nodes/flex/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../src/nodes/flex/props.ts"],"names":[],"mappings":""}

package/dist/nodes/index.d.ts

@@ -0,0 +1,13 @@
+export * from './base/node';
+export * from './flex/node';
+export * from './flex/props';
+export * from './rect/node';
+export * from './rect/props';
+export * from './shape/node';
+export * from './shape/props';
+export * from './text/node';
+export * from './text/props';
+export * from './transform/node';
+export * from './transform/props';
+export * from './registry';
+//# sourceMappingURL=index.d.ts.map

package/dist/nodes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/nodes/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAE9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,YAAY,CAAC"}

package/dist/nodes/index.js

@@ -0,0 +1,13 @@
+export * from './base/node';
+export * from './flex/node';
+export * from './flex/props';
+export * from './rect/node';
+export * from './rect/props';
+export * from './shape/node';
+export * from './shape/props';
+export * from './text/node';
+export * from './text/props';
+export * from './transform/node';
+export * from './transform/props';
+export * from './registry';
+//# sourceMappingURL=index.js.map

package/dist/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/nodes/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAE9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,YAAY,CAAC"}

package/dist/nodes/rect/node.d.ts

@@ -0,0 +1,14 @@
+import { Signal } from "@/signal/type";
+import type { RectProps } from "./props";
+import { ShapeNode } from "../shape/node";
+import { DrawContext } from "@/rendering/contexts/draw-context";
+export declare class RRectNode extends ShapeNode {
+    private readonly topLeftRadiusSignal;
+    private readonly topRightRadiusSignal;
+    private readonly bottomLeftRadiusSignal;
+    private readonly bottomRightRadiusSignal;
+    constructor(id: string, parentId: string | undefined, props: Partial<RectProps>);
+    createSignalMap(): Record<string, Signal<any>>;
+    protected drawSelf(draw: DrawContext): void;
+}
+//# sourceMappingURL=node.d.ts.map

package/dist/nodes/rect/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/nodes/rect/node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,qBAAa,SAAU,SAAQ,SAAS;IACpC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAiB;IACrD,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IACtD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IACxD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAiB;gBAE7C,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;IAQtE,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAUvD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAgC9C"}

package/dist/nodes/rect/node.js

@@ -0,0 +1,55 @@
+import createSignal from "@/signal/signal";
+import { ShapeNode } from "../shape/node";
+export class RRectNode extends ShapeNode {
+    topLeftRadiusSignal;
+    topRightRadiusSignal;
+    bottomLeftRadiusSignal;
+    bottomRightRadiusSignal;
+    constructor(id, parentId, props) {
+        super(id, "rect", parentId, props);
+        this.topLeftRadiusSignal = createSignal(props.topLeftRadius ?? 0);
+        this.topRightRadiusSignal = createSignal(props.topRightRadius ?? 0);
+        this.bottomLeftRadiusSignal = createSignal(props.bottomLeftRadius ?? 0);
+        this.bottomRightRadiusSignal = createSignal(props.bottomRightRadius ?? 0);
+    }
+    createSignalMap() {
+        return {
+            ...super.createSignalMap(),
+            topLeftRadius: this.topLeftRadiusSignal,
+            topRightRadius: this.topRightRadiusSignal,
+            bottomLeftRadius: this.bottomLeftRadiusSignal,
+            bottomRightRadius: this.bottomRightRadiusSignal,
+        };
+    }
+    drawSelf(draw) {
+        const fills = this.fill;
+        const borderRadius = {
+            topLeftRadius: this.topLeftRadiusSignal.get(),
+            topRightRadius: this.topRightRadiusSignal.get(),
+            bottomLeftRadius: this.bottomLeftRadiusSignal.get(),
+            bottomRightRadius: this.bottomRightRadiusSignal.get(),
+        };
+        for (let i = 0; i < fills.length; i++) {
+            draw.rect(`fill_${i}`, {
+                width: this.rect.width,
+                height: this.rect.height,
+                ...borderRadius,
+                fill: [fills[i]],
+                paintStyle: "fill",
+            });
+        }
+        const strokes = this.stroke;
+        for (let i = 0; i < strokes.length; i++) {
+            const stroke = strokes[i];
+            draw.rect(`stroke_${i}`, {
+                width: this.rect.width,
+                height: this.rect.height,
+                ...borderRadius,
+                fill: [stroke.fill],
+                strokeWidth: stroke.weight,
+                paintStyle: "stroke",
+            });
+        }
+    }
+}
+//# sourceMappingURL=node.js.map

package/dist/nodes/rect/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/nodes/rect/node.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,MAAM,OAAO,SAAU,SAAQ,SAAS;IACnB,mBAAmB,CAAiB;IACpC,oBAAoB,CAAiB;IACrC,sBAAsB,CAAiB;IACvC,uBAAuB,CAAiB;IAEzD,YAAY,EAAU,EAAE,QAA4B,EAAE,KAAyB;QAC3E,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,oBAAoB,GAAG,YAAY,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC;QACpE,IAAI,CAAC,sBAAsB,GAAG,YAAY,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,uBAAuB,GAAG,YAAY,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEQ,eAAe;QACpB,OAAO;YACH,GAAG,KAAK,CAAC,eAAe,EAAE;YAC1B,aAAa,EAAE,IAAI,CAAC,mBAAmB;YACvC,cAAc,EAAE,IAAI,CAAC,oBAAoB;YACzC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB;YAC7C,iBAAiB,EAAE,IAAI,CAAC,uBAAuB;SAClD,CAAC;IACN,CAAC;IAES,QAAQ,CAAC,IAAiB;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;QACxB,MAAM,YAAY,GAAG;YACjB,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE;YAC7C,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE;YAC/C,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE;YACnD,iBAAiB,EAAE,IAAI,CAAC,uBAAuB,CAAC,GAAG,EAAE;SACxD,CAAC;QAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;gBACnB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;gBACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;gBACxB,GAAG,YAAY;gBACf,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAChB,UAAU,EAAE,MAAM;aACrB,CAAC,CAAC;QACP,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE;gBACrB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;gBACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;gBACxB,GAAG,YAAY;gBACf,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;gBACnB,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,UAAU,EAAE,QAAQ;aACvB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;CACJ"}