@pixi-ui-editor/runtime-pixi 0.1.0

package/dist/views/ParticleEmitterNodeView.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleEmitterNodeView.test.d.ts","sourceRoot":"","sources":["../../src/views/ParticleEmitterNodeView.test.ts"],"names":[],"mappings":""}

package/dist/views/ParticleEmitterNodeView.test.js

@@ -0,0 +1,148 @@
+import { describe, expect, it } from "vitest";
+import { Texture } from "pixi.js";
+import { ParticleEmitterNodeView } from "./ParticleEmitterNodeView.js";
+const assetIds = { a: "10000000-0000-4000-8000-000000000001", b: "10000000-0000-4000-8000-000000000002" };
+const textures = new Map([[assetIds.a, Texture.WHITE], [assetIds.b, Texture.EMPTY]]);
+function effect(overrides = {}) {
+    return {
+        id: "effect-1", name: "Effect", type: "particles", maxParticles: 30, seed: 7,
+        emission: { delay: 0, duration: 10, loop: true, rate: 0, bursts: [{ time: 0, count: 24 }] },
+        particle: {
+            lifetime: { min: 100, max: 100 },
+            spawnShape: { type: "point" },
+            movement: { speed: { min: 0, max: 0 }, directionDegrees: 0, spreadDegrees: 0, accelerationX: 0, accelerationY: 0, drag: 0 },
+            visual: {
+                source: { type: "single", assetId: assetIds.a },
+                alpha: { start: 1, end: 0 },
+                scale: { start: { min: 2, max: 2 }, end: { min: 0.5, max: 0.5 } },
+                tint: { start: "#FFFFFF", end: "#FFFFFF" },
+                rotation: { initialDegrees: { min: 0, max: 0 }, angularVelocityDegrees: { min: 0, max: 0 } },
+                blendMode: "normal",
+            },
+        },
+        ...overrides,
+    };
+}
+function emitterNode(overrides = {}) {
+    return {
+        id: "node-1", name: "Emitter", parentId: null, children: [], visible: true,
+        transform: { x: 0, y: 0, width: 100, height: 60, scaleX: 1, scaleY: 1, rotation: 0 },
+        type: "particle-emitter", effectId: "effect-1", autoplay: true, simulationSpace: "local",
+        ...overrides,
+    };
+}
+function spawnedSprites(view) {
+    const contentRoot = view.children[0];
+    return contentRoot.children.filter((sprite) => sprite.visible);
+}
+function build(def, node, size = { width: 1000, height: 1000 }) {
+    const view = new ParticleEmitterNodeView(def, textures);
+    view.update(node, "desktop", size);
+    return view;
+}
+describe("ParticleEmitterNodeView spawn shapes and appearance", () => {
+    it("samples rectangle spawn points inside the node's logical rect", () => {
+        const view = build(effect({ particle: { ...effect().particle, spawnShape: { type: "rectangle" } } }), emitterNode());
+        view.step();
+        const sprites = spawnedSprites(view);
+        expect(sprites).toHaveLength(24);
+        for (const sprite of sprites) {
+            expect(sprite.position.x).toBeGreaterThanOrEqual(0);
+            expect(sprite.position.x).toBeLessThanOrEqual(100);
+            expect(sprite.position.y).toBeGreaterThanOrEqual(0);
+            expect(sprite.position.y).toBeLessThanOrEqual(60);
+        }
+    });
+    it("samples circle spawn points inside the ellipse inscribed in the rect", () => {
+        const view = build(effect({ particle: { ...effect().particle, spawnShape: { type: "circle" } } }), emitterNode());
+        view.step();
+        for (const sprite of spawnedSprites(view)) {
+            const nx = (sprite.position.x - 50) / 50, ny = (sprite.position.y - 30) / 30;
+            expect(nx * nx + ny * ny).toBeLessThanOrEqual(1 + 1e-9);
+        }
+    });
+    it("picks among random source assets and interpolates alpha/scale toward their end values by the particle's last frame", () => {
+        const random = effect({
+            particle: { ...effect().particle, lifetime: { min: 1, max: 1 }, visual: { ...effect().particle.visual, source: { type: "random", assetIds: [assetIds.a, assetIds.b] } } },
+        });
+        const view = build(random, emitterNode());
+        view.step();
+        const seen = new Set(spawnedSprites(view).map((sprite) => sprite.texture));
+        expect(seen.has(Texture.WHITE)).toBe(true);
+        expect(seen.has(Texture.EMPTY)).toBe(true);
+        // Advance by fixed steps (update()'s per-call catch-up cap would otherwise clip a large single
+        // delta) to 60% through the 1s lifetime, and check the interpolated end values from above.
+        for (let i = 0; i < 36; i++)
+            view.step();
+        const [sprite] = spawnedSprites(view);
+        expect(sprite.alpha).toBeCloseTo(0.4, 5); // 60% through life: lerp(1, 0, 0.6) = 0.4
+        expect(sprite.scale.x).toBeCloseTo(1.1, 5); // lerp(2, 0.5, 0.6) = 1.1
+    });
+    it("keeps a non-loop sequence on its last frame once the sequence has fully played", () => {
+        const sequence = effect({
+            emission: { delay: 0, duration: 10, loop: true, rate: 0, bursts: [{ time: 0, count: 1 }] },
+            particle: { ...effect().particle, visual: { ...effect().particle.visual, source: { type: "sequence", assetIds: [assetIds.a, assetIds.b], fps: 10, loop: false, randomStartFrame: false } } },
+        });
+        const view = build(sequence, emitterNode());
+        view.step();
+        for (let i = 0; i < 30; i++)
+            view.updateParticles(1 / 10); // far more than 2 frames at 10fps
+        const [sprite] = spawnedSprites(view);
+        expect(sprite.texture).toBe(Texture.EMPTY); // stays on the last frame (assetIds[1])
+    });
+});
+describe("ParticleEmitterNodeView local/world space", () => {
+    it("keeps a local particle following the emitter, while a world particle keeps its world trajectory", () => {
+        const def = effect({ emission: { delay: 0, duration: 10, loop: true, rate: 0, bursts: [{ time: 0, count: 1 }] } });
+        const localView = build(def, emitterNode({ simulationSpace: "local" }));
+        localView.step();
+        const worldView = build(def, emitterNode({ simulationSpace: "world" }));
+        worldView.step();
+        const worldPositionOf = (view) => {
+            const [sprite] = spawnedSprites(view);
+            return view.worldTransform.apply({ x: sprite.position.x, y: sprite.position.y });
+        };
+        const localPositionOf = (view) => {
+            const [sprite] = spawnedSprites(view);
+            return { x: sprite.position.x, y: sprite.position.y };
+        };
+        const localBefore = localPositionOf(localView);
+        const worldBefore = worldPositionOf(worldView);
+        // Move both emitters, then resync render (a zero-delta tick just re-projects, it doesn't age).
+        localView.update(emitterNode({ simulationSpace: "local", transform: { x: 400, y: 250, width: 100, height: 60, scaleX: 1, scaleY: 1, rotation: 0 } }), "desktop", { width: 1000, height: 1000 });
+        worldView.update(emitterNode({ simulationSpace: "world", transform: { x: 400, y: 250, width: 100, height: 60, scaleX: 1, scaleY: 1, rotation: 0 } }), "desktop", { width: 1000, height: 1000 });
+        localView.updateParticles(0);
+        worldView.updateParticles(0);
+        // Local: the particle's own local coordinates are untouched by the emitter's move.
+        expect(localPositionOf(localView)).toEqual(localBefore);
+        // World: local coordinates are recomputed so the particle's world position stays put.
+        const worldAfter = worldPositionOf(worldView);
+        expect(worldAfter.x).toBeCloseTo(worldBefore.x, 5);
+        expect(worldAfter.y).toBeCloseTo(worldBefore.y, 5);
+    });
+});
+describe("ParticleEmitterNodeView incremental sync and disposal", () => {
+    it("does not restart on an unrelated definition clone and adopts a new maxParticles live", () => {
+        const def = effect({ maxParticles: 2, emission: { delay: 0, duration: 10, loop: true, rate: 0, bursts: [{ time: 0, count: 2 }] } });
+        const view = build(def, emitterNode());
+        view.step();
+        expect(spawnedSprites(view)).toHaveLength(2);
+        const renamed = structuredClone(def);
+        renamed.name = "Renamed";
+        view.syncEffect(renamed);
+        expect(spawnedSprites(view)).toHaveLength(2); // untouched by the sync
+        expect(view.getDiagnostics()).toMatchObject({ active: 2, dropped: 0 });
+    });
+    it("dispose() removes every prewarmed sprite from the render tree and is safe to call from destroy()", () => {
+        const def = effect({ maxParticles: 4 });
+        const view = build(def, emitterNode());
+        view.step();
+        expect(spawnedSprites(view)).toHaveLength(24 > 4 ? 4 : 24); // burst count clamps to maxParticles
+        const contentRoot = view.children[0];
+        expect(contentRoot.children.length).toBeGreaterThan(0);
+        view.destroy();
+        expect(contentRoot.children).toHaveLength(0);
+        expect(view.getDiagnostics()).toMatchObject({ active: 0, disposed: true });
+    });
+});
+//# sourceMappingURL=ParticleEmitterNodeView.test.js.map

package/dist/views/ParticleEmitterNodeView.test.js.map

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

package/dist/views/ScrollViewNodeView.d.ts

@@ -0,0 +1,29 @@
+import { type ScrollViewNode, type UINode } from "@pixi-ui-editor/schema";
+import { ScrollBox } from "@pixi/ui";
+import { Container, Texture } from "pixi.js";
+import { NodeView, type SceneInteractionMode } from "./NodeView.js";
+/**
+ * Adapts a scroll-view node to `@pixi/ui`'s `ScrollBox`, which already implements the
+ * viewport/content/mask contract on its own: `scrollBox.list` is the content container that moves,
+ * and its own mask clips overflow — this class never reimplements clipping or drag/wheel scrolling.
+ * `direction`, `cornerRadius`, `easingEnabled` and `shiftWheelHorizontal` have no safe public API for
+ * live updates in `@pixi/ui` 2.3.2 (they live on a protected `options` field, and `easingEnabled` is
+ * captured once into an internal `Trackpad`), so changing them rebuilds the scene like Spine's
+ * `animation`/`loop` do; padding, item spacing, background color and the view's own size stay
+ * incremental through `syncContent`.
+ */
+export declare class ScrollViewNodeView extends NodeView {
+    private readonly scrollBox;
+    constructor(node: ScrollViewNode, textures: ReadonlyMap<string, Texture> | undefined, interaction: SceneInteractionMode);
+    addScrollItem<T extends Container[]>(...children: T): T[0];
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+    get scrollX(): number;
+    set scrollX(value: number);
+    get scrollY(): number;
+    set scrollY(value: number);
+    scrollTo(elementId: number): void;
+    scrollTop(): void;
+    scrollBottom(): void;
+    get onScroll(): ScrollBox["onScroll"];
+}
+//# sourceMappingURL=ScrollViewNodeView.d.ts.map

package/dist/views/ScrollViewNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewNodeView.d.ts","sourceRoot":"","sources":["../../src/views/ScrollViewNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,QAAQ;IAC9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;gBAE1B,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB;IAwBvH,aAAa,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAI1D,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAezE,IAAI,OAAO,IAAI,MAAM,CAAmC;IACxD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAqC;IAC9D,IAAI,OAAO,IAAI,MAAM,CAAmC;IACxD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAqC;IAC9D,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IACjC,SAAS,IAAI,IAAI;IACjB,YAAY,IAAI,IAAI;IACpB,IAAI,QAAQ,IAAI,SAAS,CAAC,UAAU,CAAC,CAAoC;CAC1E"}

package/dist/views/ScrollViewNodeView.js

@@ -0,0 +1,67 @@
+import { ScrollBox } from "@pixi/ui";
+import { SCROLL_DIRECTION_TO_LIST_TYPE } from "../scrollView.js";
+import { NodeView } from "./NodeView.js";
+/**
+ * Adapts a scroll-view node to `@pixi/ui`'s `ScrollBox`, which already implements the
+ * viewport/content/mask contract on its own: `scrollBox.list` is the content container that moves,
+ * and its own mask clips overflow — this class never reimplements clipping or drag/wheel scrolling.
+ * `direction`, `cornerRadius`, `easingEnabled` and `shiftWheelHorizontal` have no safe public API for
+ * live updates in `@pixi/ui` 2.3.2 (they live on a protected `options` field, and `easingEnabled` is
+ * captured once into an internal `Trackpad`), so changing them rebuilds the scene like Spine's
+ * `animation`/`loop` do; padding, item spacing, background color and the view's own size stay
+ * incremental through `syncContent`.
+ */
+export class ScrollViewNodeView extends NodeView {
+    scrollBox;
+    constructor(node, textures, interaction) {
+        super(textures);
+        const settings = node.scrollView;
+        this.scrollBox = new ScrollBox({
+            width: node.transform.width,
+            height: node.transform.height,
+            type: SCROLL_DIRECTION_TO_LIST_TYPE[settings.direction],
+            background: settings.backgroundColor,
+            radius: settings.cornerRadius,
+            disableEasing: !settings.easingEnabled,
+            // Зафиксировано решением: скролл никогда не перехватывает wheel вне компонента.
+            globalScroll: false,
+            shiftScroll: settings.shiftWheelHorizontal ?? false,
+            leftPadding: settings.padding.left,
+            rightPadding: settings.padding.right,
+            topPadding: settings.padding.top,
+            bottomPadding: settings.padding.bottom,
+            elementsMargin: settings.itemSpacing,
+        });
+        // Authoring-канвас инертен: selection и drag идут через grab-прямоугольник базового NodeView.
+        if (interaction === "authoring")
+            this.scrollBox.eventMode = "none";
+        this.setContent(this.scrollBox);
+    }
+    addScrollItem(...children) {
+        return this.scrollBox.addItem(...children);
+    }
+    syncContent(node, transform) {
+        if (node.type !== "scroll-view")
+            return;
+        this.scrollBox.setSize(transform.width, transform.height);
+        this.scrollBox.setBackground(node.scrollView.backgroundColor);
+        const list = this.scrollBox.list;
+        if (list !== undefined) {
+            list.leftPadding = node.scrollView.padding.left;
+            list.rightPadding = node.scrollView.padding.right;
+            list.topPadding = node.scrollView.padding.top;
+            list.bottomPadding = node.scrollView.padding.bottom;
+            list.elementsMargin = node.scrollView.itemSpacing;
+        }
+        this.scrollBox.resize(true);
+    }
+    get scrollX() { return this.scrollBox.scrollX; }
+    set scrollX(value) { this.scrollBox.scrollX = value; }
+    get scrollY() { return this.scrollBox.scrollY; }
+    set scrollY(value) { this.scrollBox.scrollY = value; }
+    scrollTo(elementId) { this.scrollBox.scrollTo(elementId); }
+    scrollTop() { this.scrollBox.scrollTop(); }
+    scrollBottom() { this.scrollBox.scrollBottom(); }
+    get onScroll() { return this.scrollBox.onScroll; }
+}
+//# sourceMappingURL=ScrollViewNodeView.js.map

package/dist/views/ScrollViewNodeView.js.map

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

package/dist/views/SpineNodeView.d.ts

@@ -0,0 +1,8 @@
+import { type SkeletonData } from "@esotericsoftware/spine-pixi-v8";
+import { type UINode } from "@pixi-ui-editor/schema";
+import { NodeView } from "./NodeView.js";
+export declare class SpineNodeView extends NodeView {
+    constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, loop: boolean);
+    protected syncContent(_node: UINode, transform: UINode["transform"]): void;
+}
+//# sourceMappingURL=SpineNodeView.d.ts.map

package/dist/views/SpineNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpineNodeView.d.ts","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,qBAAa,aAAc,SAAQ,QAAQ;gBAC7B,YAAY,EAAE,YAAY,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO;IAWhG,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAW3E"}

package/dist/views/SpineNodeView.js

@@ -0,0 +1,30 @@
+import { Spine } from "@esotericsoftware/spine-pixi-v8";
+import { Graphics } from "pixi.js";
+import { fitSpineToTransform } from "../layout.js";
+import { NodeView } from "./NodeView.js";
+export class SpineNodeView extends NodeView {
+    constructor(skeletonData, animation, loop) {
+        super();
+        if (skeletonData === undefined) {
+            this.setContent(new Graphics());
+            return;
+        }
+        const spine = new Spine(skeletonData);
+        if (animation !== undefined && skeletonData.findAnimation(animation) !== null)
+            spine.state.setAnimation(0, animation, loop);
+        this.setContent(spine);
+    }
+    syncContent(_node, transform) {
+        if (this.content instanceof Spine) {
+            const fit = fitSpineToTransform(this.content.skeleton.data, transform);
+            if (fit !== undefined) {
+                this.content.scale.set(fit.scaleX, fit.scaleY);
+                this.content.position.set(fit.x, fit.y);
+            }
+        }
+        else if (this.content instanceof Graphics) {
+            this.content.clear().rect(0, 0, transform.width, transform.height).fill(0xff00ff);
+        }
+    }
+}
+//# sourceMappingURL=SpineNodeView.js.map

package/dist/views/SpineNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpineNodeView.js","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAqB,MAAM,iCAAiC,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,OAAO,aAAc,SAAQ,QAAQ;IACzC,YAAY,YAAsC,EAAE,SAA6B,EAAE,IAAa;QAC9F,KAAK,EAAE,CAAC;QACR,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;QACtC,IAAI,SAAS,KAAK,SAAS,IAAI,YAAY,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,IAAI;YAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QAC5H,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAES,WAAW,CAAC,KAAa,EAAE,SAA8B;QACjE,IAAI,IAAI,CAAC,OAAO,YAAY,KAAK,EAAE,CAAC;YAClC,MAAM,GAAG,GAAG,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YACvE,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBACtB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;gBAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,YAAY,QAAQ,EAAE,CAAC;YAC5C,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpF,CAAC;IACH,CAAC;CACF"}

package/dist/views/ValueControlNodeViews.d.ts

@@ -0,0 +1,37 @@
+import { type ProgressBarNode, type SliderNode, type UINode } from "@pixi-ui-editor/schema";
+import { Slider } from "@pixi/ui";
+import { Texture } from "pixi.js";
+import { NodeView, type SceneInteractionMode } from "./NodeView.js";
+/** Horizontal live-value control backed by `@pixi/ui` Slider. */
+export declare class SliderNodeView extends NodeView {
+    private readonly control;
+    private readonly fonts;
+    private backgroundTexture;
+    private fillTexture;
+    private handleTexture;
+    private paddingKey;
+    constructor(node: SliderNode, textures: ReadonlyMap<string, Texture> | undefined, interaction: SceneInteractionMode, fonts: ReadonlyMap<string, string> | undefined);
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+    get value(): number;
+    set value(value: number);
+    get min(): number;
+    set min(value: number);
+    get max(): number;
+    set max(value: number);
+    get step(): number;
+    set step(value: number);
+    get onUpdate(): Slider["onUpdate"];
+    get onChange(): Slider["onChange"];
+}
+/** Left-to-right runtime progress backed by `@pixi/ui` ProgressBar. */
+export declare class ProgressBarNodeView extends NodeView {
+    private readonly control;
+    private backgroundTexture;
+    private fillTexture;
+    private paddingKey;
+    constructor(node: ProgressBarNode, textures: ReadonlyMap<string, Texture> | undefined);
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+    get progress(): number;
+    set progress(value: number);
+}
+//# sourceMappingURL=ValueControlNodeViews.d.ts.map

package/dist/views/ValueControlNodeViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueControlNodeViews.d.ts","sourceRoot":"","sources":["../../src/views/ValueControlNodeViews.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,KAAK,UAAU,EAA4B,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC1I,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAU,OAAO,EAAqD,MAAM,SAAS,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAyEpE,iEAAiE;AACjE,qBAAa,cAAe,SAAQ,QAAQ;IAC1C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0C;IAChE,OAAO,CAAC,iBAAiB,CAAU;IACnC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,UAAU,CAAM;gBAEZ,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS;IAwBnK,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAkBzE,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAAiC;IACxD,IAAI,GAAG,IAAI,MAAM,CAA6B;IAC9C,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAAwE;IAC7F,IAAI,GAAG,IAAI,MAAM,CAA6B;IAC9C,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAAwE;IAC7F,IAAI,IAAI,IAAI,MAAM,CAA8B;IAChD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAyE;IAC/F,IAAI,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAC,CAAkC;IACpE,IAAI,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAC,CAAkC;CACrE;AAED,uEAAuE;AACvE,qBAAa,mBAAoB,SAAQ,QAAQ;IAC/C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkB;IAC1C,OAAO,CAAC,iBAAiB,CAAU;IACnC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,UAAU,CAAM;gBAEZ,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IAcrF,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAUzE,IAAI,QAAQ,IAAI,MAAM,CAAkC;IACxD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAoC;CAC/D"}

package/dist/views/ValueControlNodeViews.js

@@ -0,0 +1,179 @@
+import { ProgressBar, Slider } from "@pixi/ui";
+import { Sprite, Texture } from "pixi.js";
+import { NodeView } from "./NodeView.js";
+const ZERO_NINE_SLICE = { bg: [0, 0, 0, 0], fill: [0, 0, 0, 0] };
+function textStyle(style, fonts) {
+    const resolved = style ?? { fontFamily: "Arial", fontSize: 18, fontWeight: "normal", fontStyle: "normal", fill: "#FFFFFF", align: "center", verticalAlign: "middle", wordWrap: false, breakWords: false, letterSpacing: 0 };
+    return {
+        fontFamily: resolved.fontAssetId === undefined ? resolved.fontFamily : fonts?.get(resolved.fontAssetId) ?? resolved.fontFamily,
+        fontSize: resolved.fontSize,
+        fontWeight: resolved.fontWeight,
+        fontStyle: resolved.fontStyle,
+        fill: resolved.fill,
+        align: resolved.align,
+        wordWrap: resolved.wordWrap,
+        breakWords: resolved.breakWords,
+        lineHeight: resolved.lineHeight,
+        letterSpacing: resolved.letterSpacing,
+        stroke: resolved.stroke === undefined ? undefined : { color: resolved.stroke.color, width: resolved.stroke.width },
+    };
+}
+class SliderControl extends Slider {
+    get value() { return super.value; }
+    set value(value) {
+        const clamped = Math.min(this.max, Math.max(this.min, value));
+        const steps = Math.round((clamped - this.min) / this.step);
+        const snapped = this.min + steps * this.step;
+        // Floating-point steps such as 0.1 should not leak 0.30000000000000004 to game code.
+        const precision = Math.max(0, (String(this.step).split(".")[1]?.length ?? 0));
+        super.value = Number(Math.min(this.max, Math.max(this.min, snapped)).toFixed(precision));
+    }
+    /** `@pixi/ui` snaps around zero; authored steps are anchored at min (min, min + step, ...). */
+    update(event) {
+        if (!this.dragging)
+            return;
+        const target = event.currentTarget;
+        if (target.parent === null)
+            return;
+        const localX = target.parent.worldTransform.applyInverse(event.global).x;
+        const ratio = localX / (this.bg?.width || 1);
+        this.value = this.min + ratio * (this.max - this.min);
+    }
+    setValueLabel(show, style) {
+        if (this.value1Text === undefined)
+            return;
+        this.value1Text.visible = show;
+        this.value1Text.style = style;
+        this.updateSlider();
+    }
+    setHandle(texture) {
+        this.slider = new Sprite(texture);
+    }
+    setFillConfig(texture, padding) {
+        this.options.fillPaddings = padding;
+        this.setFill(texture, padding);
+    }
+    sizeHandle(height) {
+        const handle = this.slider1?.children[0];
+        if (handle instanceof Sprite)
+            handle.setSize(height, height);
+        this.updateSlider();
+    }
+}
+class ProgressControl extends ProgressBar {
+    setFillConfig(texture, padding) {
+        this.options.fillPaddings = padding;
+        this.setFill(texture, padding);
+    }
+}
+/** Horizontal live-value control backed by `@pixi/ui` Slider. */
+export class SliderNodeView extends NodeView {
+    control;
+    fonts;
+    backgroundTexture;
+    fillTexture;
+    handleTexture;
+    paddingKey = "";
+    constructor(node, textures, interaction, fonts) {
+        super(textures);
+        this.fonts = fonts;
+        this.backgroundTexture = this.textureFor(node.backgroundAssetId) ?? Texture.WHITE;
+        this.fillTexture = this.textureFor(node.fillAssetId) ?? Texture.WHITE;
+        this.handleTexture = this.textureFor(node.handleAssetId) ?? Texture.WHITE;
+        this.control = new SliderControl({
+            bg: this.backgroundTexture,
+            fill: this.fillTexture,
+            slider: new Sprite(this.handleTexture),
+            fillPaddings: node.fillPadding,
+            nineSliceSprite: ZERO_NINE_SLICE,
+            min: node.min,
+            max: node.max,
+            step: node.step,
+            value: node.defaultValue,
+            // Keep the library label allocated so show/style can change incrementally.
+            showValue: true,
+            valueTextStyle: textStyle(node.valueTextStyle, fonts),
+        });
+        if (interaction === "authoring")
+            this.control.eventMode = "none";
+        this.setContent(this.control);
+    }
+    syncContent(node, transform) {
+        if (node.type !== "slider")
+            return;
+        const background = this.textureFor(node.backgroundAssetId) ?? Texture.WHITE;
+        const fill = this.textureFor(node.fillAssetId) ?? Texture.WHITE;
+        const handle = this.textureFor(node.handleAssetId) ?? Texture.WHITE;
+        const paddingKey = `${node.fillPadding.left}/${node.fillPadding.right}/${node.fillPadding.top}/${node.fillPadding.bottom}`;
+        if (background !== this.backgroundTexture) {
+            this.backgroundTexture = background;
+            this.control.setBackground(background);
+        }
+        if (fill !== this.fillTexture || paddingKey !== this.paddingKey) {
+            this.fillTexture = fill;
+            this.paddingKey = paddingKey;
+            this.control.setFillConfig(fill, node.fillPadding);
+        }
+        if (handle !== this.handleTexture) {
+            this.handleTexture = handle;
+            this.control.setHandle(handle);
+        }
+        this.control.min = node.min;
+        this.control.max = node.max;
+        this.control.step = node.step;
+        this.control.value = this.control.value;
+        this.control.setSize(transform.width, transform.height);
+        this.control.sizeHandle(transform.height);
+        this.control.setValueLabel(node.showValue ?? false, textStyle(node.valueTextStyle, this.fonts));
+    }
+    get value() { return this.control.value; }
+    set value(value) { this.control.value = value; }
+    get min() { return this.control.min; }
+    set min(value) { this.control.min = value; this.control.value = this.control.value; }
+    get max() { return this.control.max; }
+    set max(value) { this.control.max = value; this.control.value = this.control.value; }
+    get step() { return this.control.step; }
+    set step(value) { this.control.step = value; this.control.value = this.control.value; }
+    get onUpdate() { return this.control.onUpdate; }
+    get onChange() { return this.control.onChange; }
+}
+/** Left-to-right runtime progress backed by `@pixi/ui` ProgressBar. */
+export class ProgressBarNodeView extends NodeView {
+    control;
+    backgroundTexture;
+    fillTexture;
+    paddingKey = "";
+    constructor(node, textures) {
+        super(textures);
+        this.backgroundTexture = this.textureFor(node.backgroundAssetId) ?? Texture.WHITE;
+        this.fillTexture = this.textureFor(node.fillAssetId) ?? Texture.WHITE;
+        this.control = new ProgressControl({
+            bg: this.backgroundTexture,
+            fill: this.fillTexture,
+            fillPaddings: node.fillPadding,
+            nineSliceSprite: ZERO_NINE_SLICE,
+            progress: node.defaultProgress,
+        });
+        this.setContent(this.control);
+    }
+    syncContent(node, transform) {
+        if (node.type !== "progress-bar")
+            return;
+        const background = this.textureFor(node.backgroundAssetId) ?? Texture.WHITE;
+        const fill = this.textureFor(node.fillAssetId) ?? Texture.WHITE;
+        const paddingKey = `${node.fillPadding.left}/${node.fillPadding.right}/${node.fillPadding.top}/${node.fillPadding.bottom}`;
+        if (background !== this.backgroundTexture) {
+            this.backgroundTexture = background;
+            this.control.setBackground(background);
+        }
+        if (fill !== this.fillTexture || paddingKey !== this.paddingKey) {
+            this.fillTexture = fill;
+            this.paddingKey = paddingKey;
+            this.control.setFillConfig(fill, node.fillPadding);
+        }
+        this.control.setSize(transform.width, transform.height);
+    }
+    get progress() { return this.control.progress; }
+    set progress(value) { this.control.progress = value; }
+}
+//# sourceMappingURL=ValueControlNodeViews.js.map

package/dist/views/ValueControlNodeViews.js.map

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

package/dist/views/basic.d.ts

@@ -0,0 +1,29 @@
+import { type UINode } from "@pixi-ui-editor/schema";
+import { Container, Texture } from "pixi.js";
+import { NodeView } from "./NodeView.js";
+export declare class ContainerNodeView extends NodeView {
+    protected syncContent(): void;
+}
+/** Layout groups may optionally paint one image behind their managed children. No asset means no content/view at all. */
+export declare class LayoutGroupNodeView extends NodeView {
+    private readonly layoutContent;
+    private background?;
+    constructor(textures: ReadonlyMap<string, Texture> | undefined);
+    get layoutTarget(): Container;
+    addLayoutChild<T extends Container[]>(...children: T): T[0];
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+}
+export declare class ImageNodeView extends NodeView {
+    constructor(assetId: string, textures: ReadonlyMap<string, Texture> | undefined);
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+}
+export declare class TextNodeView extends NodeView {
+    private readonly fonts?;
+    constructor(text: string, fonts?: ReadonlyMap<string, string> | undefined);
+    protected syncContent(node: UINode, transform: UINode["transform"]): void;
+}
+export declare class PrefabInstanceNodeView extends NodeView {
+    constructor(expanded: Container | undefined);
+    protected syncContent(_node: UINode, transform: UINode["transform"]): void;
+}
+//# sourceMappingURL=basic.d.ts.map

package/dist/views/basic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../src/views/basic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAA0B,OAAO,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,SAAS,CAAC,WAAW,IAAI,IAAI;CAC9B;AAED,yHAAyH;AACzH,qBAAa,mBAAoB,SAAQ,QAAQ;IAC/C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAmB;IACjD,OAAO,CAAC,UAAU,CAAC,CAAS;gBAEhB,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IAO9D,IAAI,YAAY,IAAI,SAAS,CAA+B;IAE5D,cAAc,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAI3D,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAW1E;AAED,qBAAa,aAAc,SAAQ,QAAQ;gBAC7B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IAM/E,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAQ1E;AAED,qBAAa,YAAa,SAAQ,QAAQ;IACd,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAArC,IAAI,EAAE,MAAM,EAAmB,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,YAAA;IAK9E,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAY1E;AAED,qBAAa,sBAAuB,SAAQ,QAAQ;gBACtC,QAAQ,EAAE,SAAS,GAAG,SAAS;IAK3C,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAG3E"}