@pixi-ui-editor/runtime-pixi 0.7.1 → 0.9.0

package/dist/scrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollView.d.ts","sourceRoot":"","sources":["../src/scrollView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAIrG,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,SAAS;IAIpC,QAAQ,CAAC,QAAQ,EAAE,QAAQ;IAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAHpE,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;gBAEF,QAAQ,EAAE,QAAQ,EAAmB,SAAS,CAAC,GAAE,MAAM,IAAI,aAAA;IAKhF,IAAa,KAAK,IAAI,MAAM,CAA2B;IACvD,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAA6B;IAC7D,IAAa,MAAM,IAAI,MAAM,CAA4B;IACzD,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,EAA8B;IAE/D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;CAMrE"}
+{"version":3,"file":"scrollView.d.ts","sourceRoot":"","sources":["../src/scrollView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAIrG,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,SAAS;IAIpC,QAAQ,CAAC,QAAQ,EAAE,QAAQ;IAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAHpE,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IAEvB,YAAqB,QAAQ,EAAE,QAAQ,EAAmB,SAAS,CAAC,GAAE,MAAM,IAAI,aAAA,EAG/E;IAED,IAAa,KAAK,IAAI,MAAM,CAA2B;IACvD,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAA6B;IAC7D,IAAa,MAAM,IAAI,MAAM,CAA4B;IACzD,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,EAA8B;IAE/D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAKnE;CACF"}

package/dist/scrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollView.js","sourceRoot":"","sources":["../src/scrollView.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,kFAAkF;AAClF,MAAM,CAAC,MAAM,6BAA6B,GAAgE;IACxG,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,eAAe;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,OAAO,mBAAoB,SAAQ,SAAS;IAI3B;IAAqC;IAHlD,SAAS,GAAG,CAAC,CAAC;IACd,UAAU,GAAG,CAAC,CAAC;IAEvB,YAAqB,QAAkB,EAAmB,SAAsB;QAC9E,KAAK,EAAE,CAAC;QADW,aAAQ,GAAR,QAAQ,CAAU;QAAmB,cAAS,GAAT,SAAS,CAAa;QAE9E,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,IAAa,KAAK,KAAa,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAa,KAAK,CAAC,KAAa,IAAI,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;IAC7D,IAAa,MAAM,KAAa,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,IAAa,MAAM,CAAC,KAAa,IAAI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;IAE/D,IAAI,CAAC,IAAY,EAAE,OAAwB,EAAE,IAAgB;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import { type LayoutProfileId, type ScrollViewNode, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport type { ListType } from \"@pixi/ui\";\r\nimport { Container } from \"pixi.js\";\r\nimport type { LayoutSize } from \"./layout.js\";\r\nimport { NodeView } from \"./views/NodeView.js\";\r\n\r\n/** `@pixi/ui`'s `List` only knows \"vertical\" | \"horizontal\" | \"bidirectional\". */\r\nexport const SCROLL_DIRECTION_TO_LIST_TYPE: Record<ScrollViewNode[\"scrollView\"][\"direction\"], ListType> = {\r\n  vertical: \"vertical\",\r\n  horizontal: \"horizontal\",\r\n  both: \"bidirectional\",\r\n};\r\n\r\n/**\r\n * Runtime-only position owner for one direct scroll-view child. `@pixi/ui`'s `List` arranges items\r\n * by reading `Container.width`/`height` and writing `x`/`y` directly; a bare `NodeView` reports 0 for\r\n * both when it renders nothing (same issue the base grab-rectangle works around for hit testing), so\r\n * this wrapper reports the child's own logical rectangle instead. `List` owns only this wrapper's\r\n * position — the wrapped `NodeView` keeps its own pivot/rotation/scale/visibility contract via\r\n * `updateManaged`, exactly like a layout group's `LayoutItemContainer`.\r\n */\r\nexport class ScrollItemContainer extends Container {\r\n  private itemWidth = 0;\r\n  private itemHeight = 0;\r\n\r\n  constructor(readonly nodeView: NodeView, private readonly onResized?: () => void) {\r\n    super();\r\n    super.addChild(nodeView);\r\n  }\r\n\r\n  override get width(): number { return this.itemWidth; }\r\n  override set width(value: number) { this.itemWidth = value; }\r\n  override get height(): number { return this.itemHeight; }\r\n  override set height(value: number) { this.itemHeight = value; }\r\n\r\n  sync(node: UINode, profile: LayoutProfileId, size: LayoutSize): void {\r\n    this.itemWidth = size.width;\r\n    this.itemHeight = size.height;\r\n    this.nodeView.updateManaged(node, profile, size);\r\n    this.onResized?.();\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"scrollView.js","sourceRoot":"","sources":["../src/scrollView.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,kFAAkF;AAClF,MAAM,CAAC,MAAM,6BAA6B,GAAgE;IACxG,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,eAAe;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,OAAO,mBAAoB,SAAQ,SAAS;IAI3B,QAAQ;IAA6B,SAAS;IAH3D,SAAS,GAAG,CAAC,CAAC;IACd,UAAU,GAAG,CAAC,CAAC;IAEvB,YAAqB,QAAkB,EAAmB,SAAsB;QAC9E,KAAK,EAAE,CAAC;wBADW,QAAQ;yBAA6B,SAAS;QAEjE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,IAAa,KAAK,KAAa,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAa,KAAK,CAAC,KAAa,IAAI,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;IAC7D,IAAa,MAAM,KAAa,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,IAAa,MAAM,CAAC,KAAa,IAAI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;IAE/D,IAAI,CAAC,IAAY,EAAE,OAAwB,EAAE,IAAgB;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import { type LayoutProfileId, type ScrollViewNode, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport type { ListType } from \"@pixi/ui\";\r\nimport { Container } from \"pixi.js\";\r\nimport type { LayoutSize } from \"./layout.js\";\r\nimport { NodeView } from \"./views/NodeView.js\";\r\n\r\n/** `@pixi/ui`'s `List` only knows \"vertical\" | \"horizontal\" | \"bidirectional\". */\r\nexport const SCROLL_DIRECTION_TO_LIST_TYPE: Record<ScrollViewNode[\"scrollView\"][\"direction\"], ListType> = {\r\n  vertical: \"vertical\",\r\n  horizontal: \"horizontal\",\r\n  both: \"bidirectional\",\r\n};\r\n\r\n/**\r\n * Runtime-only position owner for one direct scroll-view child. `@pixi/ui`'s `List` arranges items\r\n * by reading `Container.width`/`height` and writing `x`/`y` directly; a bare `NodeView` reports 0 for\r\n * both when it renders nothing (same issue the base grab-rectangle works around for hit testing), so\r\n * this wrapper reports the child's own logical rectangle instead. `List` owns only this wrapper's\r\n * position — the wrapped `NodeView` keeps its own pivot/rotation/scale/visibility contract via\r\n * `updateManaged`, exactly like a layout group's `LayoutItemContainer`.\r\n */\r\nexport class ScrollItemContainer extends Container {\r\n  private itemWidth = 0;\r\n  private itemHeight = 0;\r\n\r\n  constructor(readonly nodeView: NodeView, private readonly onResized?: () => void) {\r\n    super();\r\n    super.addChild(nodeView);\r\n  }\r\n\r\n  override get width(): number { return this.itemWidth; }\r\n  override set width(value: number) { this.itemWidth = value; }\r\n  override get height(): number { return this.itemHeight; }\r\n  override set height(value: number) { this.itemHeight = value; }\r\n\r\n  sync(node: UINode, profile: LayoutProfileId, size: LayoutSize): void {\r\n    this.itemWidth = size.width;\r\n    this.itemHeight = size.height;\r\n    this.nodeView.updateManaged(node, profile, size);\r\n    this.onResized?.();\r\n  }\r\n}\r\n"]}

package/dist/views/ButtonNodeView.d.ts

@@ -23,11 +23,23 @@ export declare class ButtonNodeView extends NodeView {
     private soundAssetIds;
     private enabledState;
     constructor(node: ButtonNode, textures: ReadonlyMap<string, Texture> | undefined, interaction: SceneInteractionMode, sounds?: ReadonlyMap<string, Sound>);
+    /**
+     * Invisible (alpha 0) but still hit-testable: Pixi's `containsPoint` hit-tests the fill's geometry
+     * regardless of its alpha. Painted with a real size *before* the view ever reaches `FancyButton`:
+     * `FancyButton` reads `defaultView`'s bounds exactly once, synchronously during construction, to
+     * freeze its own `hitArea` — it never re-reads them afterwards. A `Graphics` still at its default
+     * (0, 0) size at that moment would freeze a zero-size, permanently unclickable hit area.
+     */
+    private static paintPlaceholder;
     private static createStateView;
     /**
      * (Re)builds `FancyButton` and its four state views. `FancyButton` has no API to replace a view
      * after construction, so any change to a view's *type* — nine-slice toggled, or an asset
      * finishing an async load — goes through here instead of `syncContent`'s cheap in-place path.
+     *
+     * `size` is the best size known *right now*: the resolved layout rectangle when called from
+     * `syncContent`, or the authored transform when called from the constructor (before any layout
+     * pass has run). Only feeds the initial placeholder paint above — see its doc comment for why.
      */
     private buildButton;
     /** In authoring mode `enabled` may only drive the visuals: `FancyButton` couples it to `eventMode`. */

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonNodeView.d.ts","sourceRoot":"","sources":["../../src/views/ButtonNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjH,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAgD,OAAO,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAK7D;;;;;;;;GAQG;AACH,qBAAa,cAAe,SAAQ,QAAQ;IAC1C,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAyC;IAChE,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,YAAY,CAAU;gBAElB,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC;IAUxJ,OAAO,CAAC,MAAM,CAAC,eAAe;IAO9B;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA6BnB,uGAAuG;IACvG,OAAO,CAAC,YAAY;IAMpB,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAoDzE,2FAA2F;IAC3F,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,IAAI;IAWhD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,KAAK,IAAI,cAAc,CAE1B;IAED,mGAAmG;IACnG,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAIrC,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,CAAC,CAAgC;IACrE,IAAI,MAAM,IAAI,WAAW,CAAC,QAAQ,CAAC,CAA+B;IAClE,IAAI,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,CAA6B;IAC5D,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,CAAC,CAAgC;IACrE,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAA8B;CAChE"}
+{"version":3,"file":"ButtonNodeView.d.ts","sourceRoot":"","sources":["../../src/views/ButtonNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjH,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAgD,OAAO,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAK7D;;;;;;;;GAQG;AACH,qBAAa,cAAe,SAAQ,QAAQ;IAC1C,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAyC;IAChE,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,YAAY,CAAU;IAE9B,YAAY,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,EAQvJ;IAED;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAI/B,OAAO,CAAC,MAAM,CAAC,eAAe;IAW9B;;;;;;;;OAQG;IACH,OAAO,CAAC,WAAW;IA8BnB,uGAAuG;IACvG,OAAO,CAAC,YAAY;IAMpB,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAkDxE;IAED,2FAA2F;IAC3F,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,IAAI,CAS/C;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,KAAK,IAAI,cAAc,CAE1B;IAED,mGAAmG;IACnG,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAEpC;IAED,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,CAAC,CAAgC;IACrE,IAAI,MAAM,IAAI,WAAW,CAAC,QAAQ,CAAC,CAA+B;IAClE,IAAI,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,CAA6B;IAC5D,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,CAAC,CAAgC;IACrE,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAA8B;CAChE"}

package/dist/views/ButtonNodeView.js

@@ -29,9 +29,22 @@ export class ButtonNodeView extends NodeView {
         this.buildButton(node);
         this.applyEnabled(node.enabled);
     }
-    static createStateView(texture, nineSlice) {
-        if (texture === undefined)
-            return new Graphics();
+    /**
+     * Invisible (alpha 0) but still hit-testable: Pixi's `containsPoint` hit-tests the fill's geometry
+     * regardless of its alpha. Painted with a real size *before* the view ever reaches `FancyButton`:
+     * `FancyButton` reads `defaultView`'s bounds exactly once, synchronously during construction, to
+     * freeze its own `hitArea` — it never re-reads them afterwards. A `Graphics` still at its default
+     * (0, 0) size at that moment would freeze a zero-size, permanently unclickable hit area.
+     */
+    static paintPlaceholder(graphics, width, height) {
+        graphics.clear().rect(0, 0, width, height).fill({ color: 0x000000, alpha: 0 });
+    }
+    static createStateView(texture, nineSlice, size) {
+        if (texture === undefined) {
+            const graphics = new Graphics();
+            ButtonNodeView.paintPlaceholder(graphics, size.width, size.height);
+            return graphics;
+        }
         return nineSlice === undefined
             ? new Sprite(texture)
             : new NineSliceSprite({ texture, leftWidth: nineSlice.left, topHeight: nineSlice.top, rightWidth: nineSlice.right, bottomHeight: nineSlice.bottom });
@@ -40,14 +53,19 @@ export class ButtonNodeView extends NodeView {
      * (Re)builds `FancyButton` and its four state views. `FancyButton` has no API to replace a view
      * after construction, so any change to a view's *type* — nine-slice toggled, or an asset
      * finishing an async load — goes through here instead of `syncContent`'s cheap in-place path.
+     *
+     * `size` is the best size known *right now*: the resolved layout rectangle when called from
+     * `syncContent`, or the authored transform when called from the constructor (before any layout
+     * pass has run). Only feeds the initial placeholder paint above — see its doc comment for why.
      */
-    buildButton(node) {
+    buildButton(node, size) {
         const nineSlice = node.nineSlice;
+        const resolvedSize = size ?? { width: node.transform.width, height: node.transform.height };
         const normalTexture = this.textureFor(node.states.normalAssetId);
         const stateViews = {};
         const viewFor = (state, assetId) => {
             const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;
-            const view = ButtonNodeView.createStateView(texture, nineSlice);
+            const view = ButtonNodeView.createStateView(texture, nineSlice, resolvedSize);
             stateViews[state] = view;
             return view;
         };
@@ -103,7 +121,7 @@ export class ButtonNodeView extends NodeView {
             }
         }
         if (needsRebuild) {
-            this.buildButton(node);
+            this.buildButton(node, transform);
         }
         else {
             for (const state of BUTTON_STATE_KEYS) {
@@ -129,7 +147,7 @@ export class ButtonNodeView extends NodeView {
                     view.setSize(transform.width, transform.height);
                 }
                 else if (view instanceof Graphics) {
-                    view.clear().rect(0, 0, transform.width, transform.height).fill(0x4a5568).stroke({ width: 1, color: 0x94a3b8 });
+                    ButtonNodeView.paintPlaceholder(view, transform.width, transform.height);
                 }
             }
         }

package/dist/views/ButtonNodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonNodeView.js","sourceRoot":"","sources":["../../src/views/ButtonNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { BUTTON_STATE_KEYS, type ButtonStateKey, type LayoutPadding, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { FancyButton } from \"@pixi/ui\";\r\nimport type { Sound } from \"@pixi/sound\";\r\nimport { Container, Graphics, NineSliceSprite, Sprite, Texture } from \"pixi.js\";\r\nimport { NodeView, type SceneInteractionMode } from \"./NodeView.js\";\r\n\r\nexport type ButtonNode = Extract<UINode, { type: \"button\" }>;\r\n\r\nconst FANCY_STATE_BY_KEY = { normal: \"default\", hover: \"hover\", pressed: \"pressed\", disabled: \"disabled\" } as const;\r\nconst KEY_BY_FANCY_STATE = { default: \"normal\", hover: \"hover\", pressed: \"pressed\", disabled: \"disabled\" } as const;\r\n\r\n/**\r\n * Adapts a button node to `@pixi/ui`'s `FancyButton`, which owns the pointer state machine —\r\n * this class never reimplements it. Optional states fall back to the normal image, and runtime\r\n * changes to `enabled` or the current state stay in the view: they never touch the document.\r\n *\r\n * `nineSlice`, when set, applies the same borders to all four state views (`NineSliceSprite`\r\n * instead of `Sprite`) — the button's frame shape is normally the same regardless of which state\r\n * image is currently shown.\r\n */\r\nexport class ButtonNodeView extends NodeView {\r\n  private button!: FancyButton;\r\n  private stateViews!: Record<ButtonStateKey, Container>;\r\n  private readonly interaction: SceneInteractionMode;\r\n  private readonly sounds: ReadonlyMap<string, Sound> | undefined;\r\n  private soundAssetIds: ButtonNode[\"sounds\"];\r\n  private enabledState: boolean;\r\n\r\n  constructor(node: ButtonNode, textures: ReadonlyMap<string, Texture> | undefined, interaction: SceneInteractionMode, sounds?: ReadonlyMap<string, Sound>) {\r\n    super(textures);\r\n    this.interaction = interaction;\r\n    this.sounds = sounds;\r\n    this.soundAssetIds = node.sounds;\r\n    this.enabledState = node.enabled;\r\n    this.buildButton(node);\r\n    this.applyEnabled(node.enabled);\r\n  }\r\n\r\n  private static createStateView(texture: Texture | undefined, nineSlice: LayoutPadding | undefined): Container {\r\n    if (texture === undefined) return new Graphics();\r\n    return nineSlice === undefined\r\n      ? new Sprite(texture)\r\n      : new NineSliceSprite({ texture, leftWidth: nineSlice.left, topHeight: nineSlice.top, rightWidth: nineSlice.right, bottomHeight: nineSlice.bottom });\r\n  }\r\n\r\n  /**\r\n   * (Re)builds `FancyButton` and its four state views. `FancyButton` has no API to replace a view\r\n   * after construction, so any change to a view's *type* — nine-slice toggled, or an asset\r\n   * finishing an async load — goes through here instead of `syncContent`'s cheap in-place path.\r\n   */\r\n  private buildButton(node: ButtonNode): void {\r\n    const nineSlice = node.nineSlice;\r\n    const normalTexture = this.textureFor(node.states.normalAssetId);\r\n    const stateViews = {} as Record<ButtonStateKey, Container>;\r\n    const viewFor = (state: ButtonStateKey, assetId: string | undefined): Container => {\r\n      const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n      const view = ButtonNodeView.createStateView(texture, nineSlice);\r\n      stateViews[state] = view;\r\n      return view;\r\n    };\r\n\r\n    const button = new FancyButton({\r\n      defaultView: viewFor(\"normal\", node.states.normalAssetId),\r\n      hoverView: viewFor(\"hover\", node.states.hoverAssetId),\r\n      pressedView: viewFor(\"pressed\", node.states.pressedAssetId),\r\n      disabledView: viewFor(\"disabled\", node.states.disabledAssetId),\r\n    });\r\n    // Authoring-сцена инертна: FancyButton уже включил себе eventMode \"static\", снимаем его до applyEnabled.\r\n    // Выделение и drag при этом не страдают: попадание ловит hitArea базового NodeView, а не это поддерево.\r\n    if (this.interaction === \"authoring\") button.eventMode = \"none\";\r\n    else if (this.sounds !== undefined) {\r\n      button.onPress.connect(() => { const result = this.soundAssetIds?.pressAssetId === undefined ? undefined : this.sounds?.get(this.soundAssetIds.pressAssetId)?.play(); if (result instanceof Promise) void result.catch(() => undefined); });\r\n      button.onHover.connect(() => { const result = this.soundAssetIds?.hoverAssetId === undefined ? undefined : this.sounds?.get(this.soundAssetIds.hoverAssetId)?.play(); if (result instanceof Promise) void result.catch(() => undefined); });\r\n    }\r\n    this.button = button;\r\n    this.stateViews = stateViews;\r\n    this.setContent(button);\r\n  }\r\n\r\n  /** In authoring mode `enabled` may only drive the visuals: `FancyButton` couples it to `eventMode`. */\r\n  private applyEnabled(enabled: boolean): void {\r\n    this.enabledState = enabled;\r\n    if (this.interaction === \"runtime\") this.button.enabled = enabled;\r\n    else this.button.setState(enabled ? \"default\" : \"disabled\");\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"]): void {\r\n    if (node.type !== \"button\") return;\r\n    this.soundAssetIds = node.sounds;\r\n    const nineSlice = node.nineSlice;\r\n    const normalTexture = this.textureFor(node.states.normalAssetId);\r\n\r\n    // A state view's required *type* (Graphics/Sprite/NineSliceSprite) may no longer match what's\r\n    // needed — nine-slice toggled, or a texture finished loading after this view had to fall back\r\n    // to Graphics. FancyButton can't swap a view after construction, so that goes through a full\r\n    // rebuild; everything else (texture identity, border values, size) updates the live views in\r\n    // place, which is the path a nine-slice gizmo drag runs every frame.\r\n    let needsRebuild = false;\r\n    for (const state of BUTTON_STATE_KEYS) {\r\n      const assetId = node.states[`${state}AssetId`];\r\n      const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n      const view = this.stateViews[state];\r\n      const wantsNineSlice = texture !== undefined && nineSlice !== undefined;\r\n      const matches = texture === undefined ? view instanceof Graphics : wantsNineSlice ? view instanceof NineSliceSprite : view instanceof Sprite && !(view instanceof NineSliceSprite);\r\n      if (!matches) { needsRebuild = true; break; }\r\n    }\r\n\r\n    if (needsRebuild) {\r\n      this.buildButton(node);\r\n    } else {\r\n      for (const state of BUTTON_STATE_KEYS) {\r\n        const view = this.stateViews[state];\r\n        const assetId = node.states[`${state}AssetId`];\r\n        const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n        // Set the texture before the layout size: Sprite/NineSliceSprite preserve scale when their\r\n        // texture changes, so sizing first would shift visual bounds for a differently-sized source.\r\n        if (view instanceof NineSliceSprite) {\r\n          if (texture !== undefined && view.texture !== texture) view.texture = texture;\r\n          if (nineSlice !== undefined) {\r\n            view.leftWidth = nineSlice.left;\r\n            view.topHeight = nineSlice.top;\r\n            view.rightWidth = nineSlice.right;\r\n            view.bottomHeight = nineSlice.bottom;\r\n          }\r\n          view.setSize(transform.width, transform.height);\r\n        } else if (view instanceof Sprite) {\r\n          if (texture !== undefined && view.texture !== texture) view.texture = texture;\r\n          view.setSize(transform.width, transform.height);\r\n        } else if (view instanceof Graphics) {\r\n          view.clear().rect(0, 0, transform.width, transform.height).fill(0x4a5568).stroke({ width: 1, color: 0x94a3b8 });\r\n        }\r\n      }\r\n    }\r\n\r\n    // Только на изменение документа: иначе любой пересчёт layout сбрасывал бы transient preview state.\r\n    if (node.enabled !== this.enabledState) this.applyEnabled(node.enabled);\r\n  }\r\n\r\n  /** Editor-only live preview of nine-slice border edits while dragging the canvas gizmo. */\r\n  previewNineSlice(nineSlice: LayoutPadding): void {\r\n    for (const state of BUTTON_STATE_KEYS) {\r\n      const view = this.stateViews[state];\r\n      if (!(view instanceof NineSliceSprite)) continue;\r\n      view.leftWidth = nineSlice.left;\r\n      view.topHeight = nineSlice.top;\r\n      view.rightWidth = nineSlice.right;\r\n      view.bottomHeight = nineSlice.bottom;\r\n    }\r\n  }\r\n\r\n  get enabled(): boolean {\r\n    return this.enabledState;\r\n  }\r\n\r\n  set enabled(value: boolean) {\r\n    this.applyEnabled(value);\r\n  }\r\n\r\n  get state(): ButtonStateKey {\r\n    return KEY_BY_FANCY_STATE[this.button.state];\r\n  }\r\n\r\n  /** Forces a visual state without changing `enabled`, so a disabled button still emits no press. */\r\n  setState(state: ButtonStateKey): void {\r\n    this.button.setState(FANCY_STATE_BY_KEY[state]);\r\n  }\r\n\r\n  get onPress(): FancyButton[\"onPress\"] { return this.button.onPress; }\r\n  get onDown(): FancyButton[\"onDown\"] { return this.button.onDown; }\r\n  get onUp(): FancyButton[\"onUp\"] { return this.button.onUp; }\r\n  get onHover(): FancyButton[\"onHover\"] { return this.button.onHover; }\r\n  get onOut(): FancyButton[\"onOut\"] { return this.button.onOut; }\r\n}\r\n"]}
+{"version":3,"file":"ButtonNodeView.js","sourceRoot":"","sources":["../../src/views/ButtonNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { BUTTON_STATE_KEYS, type ButtonStateKey, type LayoutPadding, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { FancyButton } from \"@pixi/ui\";\r\nimport type { Sound } from \"@pixi/sound\";\r\nimport { Container, Graphics, NineSliceSprite, Sprite, Texture } from \"pixi.js\";\r\nimport { NodeView, type SceneInteractionMode } from \"./NodeView.js\";\r\n\r\nexport type ButtonNode = Extract<UINode, { type: \"button\" }>;\r\n\r\nconst FANCY_STATE_BY_KEY = { normal: \"default\", hover: \"hover\", pressed: \"pressed\", disabled: \"disabled\" } as const;\r\nconst KEY_BY_FANCY_STATE = { default: \"normal\", hover: \"hover\", pressed: \"pressed\", disabled: \"disabled\" } as const;\r\n\r\n/**\r\n * Adapts a button node to `@pixi/ui`'s `FancyButton`, which owns the pointer state machine —\r\n * this class never reimplements it. Optional states fall back to the normal image, and runtime\r\n * changes to `enabled` or the current state stay in the view: they never touch the document.\r\n *\r\n * `nineSlice`, when set, applies the same borders to all four state views (`NineSliceSprite`\r\n * instead of `Sprite`) — the button's frame shape is normally the same regardless of which state\r\n * image is currently shown.\r\n */\r\nexport class ButtonNodeView extends NodeView {\r\n  private button!: FancyButton;\r\n  private stateViews!: Record<ButtonStateKey, Container>;\r\n  private readonly interaction: SceneInteractionMode;\r\n  private readonly sounds: ReadonlyMap<string, Sound> | undefined;\r\n  private soundAssetIds: ButtonNode[\"sounds\"];\r\n  private enabledState: boolean;\r\n\r\n  constructor(node: ButtonNode, textures: ReadonlyMap<string, Texture> | undefined, interaction: SceneInteractionMode, sounds?: ReadonlyMap<string, Sound>) {\r\n    super(textures);\r\n    this.interaction = interaction;\r\n    this.sounds = sounds;\r\n    this.soundAssetIds = node.sounds;\r\n    this.enabledState = node.enabled;\r\n    this.buildButton(node);\r\n    this.applyEnabled(node.enabled);\r\n  }\r\n\r\n  /**\r\n   * Invisible (alpha 0) but still hit-testable: Pixi's `containsPoint` hit-tests the fill's geometry\r\n   * regardless of its alpha. Painted with a real size *before* the view ever reaches `FancyButton`:\r\n   * `FancyButton` reads `defaultView`'s bounds exactly once, synchronously during construction, to\r\n   * freeze its own `hitArea` — it never re-reads them afterwards. A `Graphics` still at its default\r\n   * (0, 0) size at that moment would freeze a zero-size, permanently unclickable hit area.\r\n   */\r\n  private static paintPlaceholder(graphics: Graphics, width: number, height: number): void {\r\n    graphics.clear().rect(0, 0, width, height).fill({ color: 0x000000, alpha: 0 });\r\n  }\r\n\r\n  private static createStateView(texture: Texture | undefined, nineSlice: LayoutPadding | undefined, size: { width: number; height: number }): Container {\r\n    if (texture === undefined) {\r\n      const graphics = new Graphics();\r\n      ButtonNodeView.paintPlaceholder(graphics, size.width, size.height);\r\n      return graphics;\r\n    }\r\n    return nineSlice === undefined\r\n      ? new Sprite(texture)\r\n      : new NineSliceSprite({ texture, leftWidth: nineSlice.left, topHeight: nineSlice.top, rightWidth: nineSlice.right, bottomHeight: nineSlice.bottom });\r\n  }\r\n\r\n  /**\r\n   * (Re)builds `FancyButton` and its four state views. `FancyButton` has no API to replace a view\r\n   * after construction, so any change to a view's *type* — nine-slice toggled, or an asset\r\n   * finishing an async load — goes through here instead of `syncContent`'s cheap in-place path.\r\n   *\r\n   * `size` is the best size known *right now*: the resolved layout rectangle when called from\r\n   * `syncContent`, or the authored transform when called from the constructor (before any layout\r\n   * pass has run). Only feeds the initial placeholder paint above — see its doc comment for why.\r\n   */\r\n  private buildButton(node: ButtonNode, size?: { width: number; height: number }): void {\r\n    const nineSlice = node.nineSlice;\r\n    const resolvedSize = size ?? { width: node.transform.width, height: node.transform.height };\r\n    const normalTexture = this.textureFor(node.states.normalAssetId);\r\n    const stateViews = {} as Record<ButtonStateKey, Container>;\r\n    const viewFor = (state: ButtonStateKey, assetId: string | undefined): Container => {\r\n      const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n      const view = ButtonNodeView.createStateView(texture, nineSlice, resolvedSize);\r\n      stateViews[state] = view;\r\n      return view;\r\n    };\r\n\r\n    const button = new FancyButton({\r\n      defaultView: viewFor(\"normal\", node.states.normalAssetId),\r\n      hoverView: viewFor(\"hover\", node.states.hoverAssetId),\r\n      pressedView: viewFor(\"pressed\", node.states.pressedAssetId),\r\n      disabledView: viewFor(\"disabled\", node.states.disabledAssetId),\r\n    });\r\n    // Authoring-сцена инертна: FancyButton уже включил себе eventMode \"static\", снимаем его до applyEnabled.\r\n    // Выделение и drag при этом не страдают: попадание ловит hitArea базового NodeView, а не это поддерево.\r\n    if (this.interaction === \"authoring\") button.eventMode = \"none\";\r\n    else if (this.sounds !== undefined) {\r\n      button.onPress.connect(() => { const result = this.soundAssetIds?.pressAssetId === undefined ? undefined : this.sounds?.get(this.soundAssetIds.pressAssetId)?.play(); if (result instanceof Promise) void result.catch(() => undefined); });\r\n      button.onHover.connect(() => { const result = this.soundAssetIds?.hoverAssetId === undefined ? undefined : this.sounds?.get(this.soundAssetIds.hoverAssetId)?.play(); if (result instanceof Promise) void result.catch(() => undefined); });\r\n    }\r\n    this.button = button;\r\n    this.stateViews = stateViews;\r\n    this.setContent(button);\r\n  }\r\n\r\n  /** In authoring mode `enabled` may only drive the visuals: `FancyButton` couples it to `eventMode`. */\r\n  private applyEnabled(enabled: boolean): void {\r\n    this.enabledState = enabled;\r\n    if (this.interaction === \"runtime\") this.button.enabled = enabled;\r\n    else this.button.setState(enabled ? \"default\" : \"disabled\");\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"]): void {\r\n    if (node.type !== \"button\") return;\r\n    this.soundAssetIds = node.sounds;\r\n    const nineSlice = node.nineSlice;\r\n    const normalTexture = this.textureFor(node.states.normalAssetId);\r\n\r\n    // A state view's required *type* (Graphics/Sprite/NineSliceSprite) may no longer match what's\r\n    // needed — nine-slice toggled, or a texture finished loading after this view had to fall back\r\n    // to Graphics. FancyButton can't swap a view after construction, so that goes through a full\r\n    // rebuild; everything else (texture identity, border values, size) updates the live views in\r\n    // place, which is the path a nine-slice gizmo drag runs every frame.\r\n    let needsRebuild = false;\r\n    for (const state of BUTTON_STATE_KEYS) {\r\n      const assetId = node.states[`${state}AssetId`];\r\n      const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n      const view = this.stateViews[state];\r\n      const wantsNineSlice = texture !== undefined && nineSlice !== undefined;\r\n      const matches = texture === undefined ? view instanceof Graphics : wantsNineSlice ? view instanceof NineSliceSprite : view instanceof Sprite && !(view instanceof NineSliceSprite);\r\n      if (!matches) { needsRebuild = true; break; }\r\n    }\r\n\r\n    if (needsRebuild) {\r\n      this.buildButton(node, transform);\r\n    } else {\r\n      for (const state of BUTTON_STATE_KEYS) {\r\n        const view = this.stateViews[state];\r\n        const assetId = node.states[`${state}AssetId`];\r\n        const texture = (assetId === undefined ? undefined : this.textureFor(assetId)) ?? normalTexture;\r\n        // Set the texture before the layout size: Sprite/NineSliceSprite preserve scale when their\r\n        // texture changes, so sizing first would shift visual bounds for a differently-sized source.\r\n        if (view instanceof NineSliceSprite) {\r\n          if (texture !== undefined && view.texture !== texture) view.texture = texture;\r\n          if (nineSlice !== undefined) {\r\n            view.leftWidth = nineSlice.left;\r\n            view.topHeight = nineSlice.top;\r\n            view.rightWidth = nineSlice.right;\r\n            view.bottomHeight = nineSlice.bottom;\r\n          }\r\n          view.setSize(transform.width, transform.height);\r\n        } else if (view instanceof Sprite) {\r\n          if (texture !== undefined && view.texture !== texture) view.texture = texture;\r\n          view.setSize(transform.width, transform.height);\r\n        } else if (view instanceof Graphics) {\r\n          ButtonNodeView.paintPlaceholder(view, transform.width, transform.height);\r\n        }\r\n      }\r\n    }\r\n\r\n    // Только на изменение документа: иначе любой пересчёт layout сбрасывал бы transient preview state.\r\n    if (node.enabled !== this.enabledState) this.applyEnabled(node.enabled);\r\n  }\r\n\r\n  /** Editor-only live preview of nine-slice border edits while dragging the canvas gizmo. */\r\n  previewNineSlice(nineSlice: LayoutPadding): void {\r\n    for (const state of BUTTON_STATE_KEYS) {\r\n      const view = this.stateViews[state];\r\n      if (!(view instanceof NineSliceSprite)) continue;\r\n      view.leftWidth = nineSlice.left;\r\n      view.topHeight = nineSlice.top;\r\n      view.rightWidth = nineSlice.right;\r\n      view.bottomHeight = nineSlice.bottom;\r\n    }\r\n  }\r\n\r\n  get enabled(): boolean {\r\n    return this.enabledState;\r\n  }\r\n\r\n  set enabled(value: boolean) {\r\n    this.applyEnabled(value);\r\n  }\r\n\r\n  get state(): ButtonStateKey {\r\n    return KEY_BY_FANCY_STATE[this.button.state];\r\n  }\r\n\r\n  /** Forces a visual state without changing `enabled`, so a disabled button still emits no press. */\r\n  setState(state: ButtonStateKey): void {\r\n    this.button.setState(FANCY_STATE_BY_KEY[state]);\r\n  }\r\n\r\n  get onPress(): FancyButton[\"onPress\"] { return this.button.onPress; }\r\n  get onDown(): FancyButton[\"onDown\"] { return this.button.onDown; }\r\n  get onUp(): FancyButton[\"onUp\"] { return this.button.onUp; }\r\n  get onHover(): FancyButton[\"onHover\"] { return this.button.onHover; }\r\n  get onOut(): FancyButton[\"onOut\"] { return this.button.onOut; }\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxNodeView.d.ts","sourceRoot":"","sources":["../../src/views/CheckboxNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAU,OAAO,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAEjE;;;;;;;;;;GAUG;AACH,qBAAa,gBAAiB,SAAQ,QAAQ;IAC5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAW;IACpC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAyC;IAChE,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,qBAAqB,CAAU;IACvC,OAAO,CAAC,mBAAmB,CAAU;IACrC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,QAAQ,CAAS;gBAEb,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC;IAmC1J,OAAO,CAAC,eAAe;IAIvB,iHAAiH;IACjH,OAAO,CAAC,aAAa;IAMrB,4GAA4G;IAC5G,OAAO,CAAC,YAAY;IAMpB,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAwBzE,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,uGAAuG;IACvG,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC,IAAI,KAAK,IAAI,gBAAgB,CAE5B;IAED,IAAI,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAkC;CACrE"}
+{"version":3,"file":"CheckboxNodeView.d.ts","sourceRoot":"","sources":["../../src/views/CheckboxNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAU,OAAO,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAEjE;;;;;;;;;;GAUG;AACH,qBAAa,gBAAiB,SAAQ,QAAQ;IAC5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAW;IACpC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAyC;IAChE,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,qBAAqB,CAAU;IACvC,OAAO,CAAC,mBAAmB,CAAU;IACrC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,QAAQ,CAAS;IAEzB,YAAY,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,EAiCzJ;IAED,OAAO,CAAC,eAAe;IAIvB,iHAAiH;IACjH,OAAO,CAAC,aAAa;IAMrB,4GAA4G;IAC5G,OAAO,CAAC,YAAY;IAMpB,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAsBxE;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,uGAAuG;IACvG,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAEjC;IAED,IAAI,KAAK,IAAI,gBAAgB,CAE5B;IAED,IAAI,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAkC;CACrE"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputNodeView.d.ts","sourceRoot":"","sources":["../../src/views/InputNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAqB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAoB,OAAO,EAAyB,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAgF3D;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0C;IAChE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAkB;gBAEzC,IAAI,EAAE,SAAS,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;IA8BlK,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IA6BzE,0GAA0G;IAC1G,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,EAErB;IAED,4FAA4F;IAC5F,KAAK,IAAI,IAAI;IAIb,0EAA0E;IAC1E,IAAI,IAAI,IAAI;IAIZ,IAAI,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,CAEhC;IAED,IAAI,OAAO,IAAI,KAAK,CAAC,SAAS,CAAC,CAE9B;CACF"}
+{"version":3,"file":"InputNodeView.d.ts","sourceRoot":"","sources":["../../src/views/InputNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAqB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAoB,OAAO,EAAyB,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAgF3D;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0C;IAChE,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAkB;IAErD,YAAY,IAAI,EAAE,SAAS,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,EA4BjK;IAED,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CA2BxE;IAED,0GAA0G;IAC1G,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,EAErB;IAED,4FAA4F;IAC5F,KAAK,IAAI,IAAI,CAEZ;IAED,0EAA0E;IAC1E,IAAI,IAAI,IAAI,CAEX;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,CAEhC;IAED,IAAI,OAAO,IAAI,KAAK,CAAC,SAAS,CAAC,CAE9B;CACF"}

package/dist/views/ItemTableNodeView.d.ts

@@ -0,0 +1,57 @@
+import { type LayoutProfileId, type UINode } from "@pixi-ui-editor/schema";
+import { Container } from "pixi.js";
+import { NodeView } from "./NodeView.js";
+/**
+ * Узел фиксированной вместимости: держит авторский список узлов (`items`, ссылки по адресу — их
+ * разрешает `scene.ts`, тем же приёмом, что цели spine-коннекторов) и показывает только первые
+ * `visibleCount` из них — остальные скрыты всегда, а не «на этой странице». Автор раскладывает
+ * элементы под максимум, а сколько их реально помещается, задаётся на профиль: в разной ориентации
+ * экрана на экран влезает разное число строк.
+ *
+ * Список именно авторский, а не дети: элемент обычно уже лежит там, где его выравнивает layout-группа.
+ *
+ * Узел намеренно ничего больше не делает. Он не страницы (`PageGroupNodeView` показывает ровно
+ * одного ребёнка и растягивает его на себя), не раскладка (позицию элементы сохраняют свою) и ничего не
+ * знает ни про какие данные: чем наполнить видимые элементы и когда, решает игровой код через
+ * generic API из `controls.ts` (`getItemTableViewVisibleItems`, `getItemTableViewItem`,
+ * `setItemTableViewVisibleCount`, `setItemTableViewItemsVisible`). Связка «переключили страницу →
+ * перезаполнили элементы» тоже принадлежит игре: `PaginationNodeView.onPageChange` и эта таблица
+ * ничего друг о друге не знают.
+ *
+ * Видимость складывается с авторской: элемент, скрытый в документе, не станет видимым из-за
+ * вместимости, а скрытый вместимостью держится флагом `NodeView.hiddenByOwner` (см. `applyVisibility`).
+ */
+export declare class ItemTableNodeView extends NodeView {
+    private itemViews;
+    private authoredVisibleCount;
+    /** Транзиентное переопределение от игрового кода; `undefined` — авторское значение профиля. */
+    private runtimeVisibleCount?;
+    /** Транзиентный «скрыть/показать всё» поверх вместимости; `undefined` — вместимость решает сама. */
+    private forcedItemsVisible?;
+    /**
+     * Разрешённые views авторского списка `items`, позиционно выровненные с ним (`scene.ts`). Ссылка,
+     * которая ни во что не разрешилась, сохраняет свою дырку `undefined`, чтобы остальные элементы не
+     * сдвинулись; сама висячая ссылка — ошибка валидации документа, а не забота этого вида.
+     */
+    setItems(views: readonly (Container | undefined)[]): void;
+    /** Элементы в авторском порядке; нерезолвенные ссылки пропущены. */
+    get items(): Container[];
+    get visibleCount(): number;
+    /** Транзиентно меняет вместимость; `undefined` возвращает авторское значение профиля. */
+    set visibleCount(value: number | undefined);
+    /** Элементы, показанные прямо сейчас, в авторском порядке. */
+    get visibleItems(): Container[];
+    /** Индекс — позиция в авторском списке, а не среди показанных: адресация не «плавает». */
+    itemAt(index: number): Container | undefined;
+    /** Показывает или прячет все элементы разом; `undefined` возвращает управление вместимости. */
+    setItemsVisible(visible: boolean | undefined): void;
+    /**
+     * Проход по элементам: влезающие включены, остальные выключены. Помимо самого `visible` ставится
+     * `hiddenByOwner`, потому что `visible` узла пересчитывается из документа на каждом обновлении —
+     * в том числе из колбэка layout-движка, который для элемента внутри layout-группы срабатывает
+     * позже прохода таблицы и без флага вернул бы скрытый элемент обратно.
+     */
+    private applyVisibility;
+    protected syncContent(node: UINode, _transform: UINode["transform"], profile: LayoutProfileId): void;
+}
+//# sourceMappingURL=ItemTableNodeView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTableNodeView.d.ts","sourceRoot":"","sources":["../../src/views/ItemTableNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,oBAAoB,CAAK;IACjC,+FAA+F;IAC/F,OAAO,CAAC,mBAAmB,CAAC,CAAS;IACrC,oGAAoG;IACpG,OAAO,CAAC,kBAAkB,CAAC,CAAU;IAErC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CASxD;IAED,oEAAoE;IACpE,IAAI,KAAK,IAAI,SAAS,EAAE,CAEvB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,yFAAyF;IACzF,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGzC;IAED,8DAA8D;IAC9D,IAAI,YAAY,IAAI,SAAS,EAAE,CAE9B;IAED,0FAA0F;IAC1F,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAE3C;IAED,+FAA+F;IAC/F,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAGlD;IAED;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAcvB,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI,CAInG;CACF"}

package/dist/views/ItemTableNodeView.js

@@ -0,0 +1,100 @@
+import { resolveItemTableVisibleCount } from "@pixi-ui-editor/schema";
+import { NodeView } from "./NodeView.js";
+/**
+ * Узел фиксированной вместимости: держит авторский список узлов (`items`, ссылки по адресу — их
+ * разрешает `scene.ts`, тем же приёмом, что цели spine-коннекторов) и показывает только первые
+ * `visibleCount` из них — остальные скрыты всегда, а не «на этой странице». Автор раскладывает
+ * элементы под максимум, а сколько их реально помещается, задаётся на профиль: в разной ориентации
+ * экрана на экран влезает разное число строк.
+ *
+ * Список именно авторский, а не дети: элемент обычно уже лежит там, где его выравнивает layout-группа.
+ *
+ * Узел намеренно ничего больше не делает. Он не страницы (`PageGroupNodeView` показывает ровно
+ * одного ребёнка и растягивает его на себя), не раскладка (позицию элементы сохраняют свою) и ничего не
+ * знает ни про какие данные: чем наполнить видимые элементы и когда, решает игровой код через
+ * generic API из `controls.ts` (`getItemTableViewVisibleItems`, `getItemTableViewItem`,
+ * `setItemTableViewVisibleCount`, `setItemTableViewItemsVisible`). Связка «переключили страницу →
+ * перезаполнили элементы» тоже принадлежит игре: `PaginationNodeView.onPageChange` и эта таблица
+ * ничего друг о друге не знают.
+ *
+ * Видимость складывается с авторской: элемент, скрытый в документе, не станет видимым из-за
+ * вместимости, а скрытый вместимостью держится флагом `NodeView.hiddenByOwner` (см. `applyVisibility`).
+ */
+export class ItemTableNodeView extends NodeView {
+    itemViews = [];
+    authoredVisibleCount = 0;
+    /** Транзиентное переопределение от игрового кода; `undefined` — авторское значение профиля. */
+    runtimeVisibleCount;
+    /** Транзиентный «скрыть/показать всё» поверх вместимости; `undefined` — вместимость решает сама. */
+    forcedItemsVisible;
+    /**
+     * Разрешённые views авторского списка `items`, позиционно выровненные с ним (`scene.ts`). Ссылка,
+     * которая ни во что не разрешилась, сохраняет свою дырку `undefined`, чтобы остальные элементы не
+     * сдвинулись; сама висячая ссылка — ошибка валидации документа, а не забота этого вида.
+     */
+    setItems(views) {
+        // Выбывшие из списка возвращаются под управление документа: иначе узел, убранный из таблицы,
+        // остался бы скрытым её прежней вместимостью навсегда.
+        const next = new Set(views);
+        for (const previous of this.itemViews) {
+            if (previous instanceof NodeView && !next.has(previous)) {
+                previous.hiddenByOwner = false;
+                previous.visible = previous.documentVisible;
+            }
+        }
+        this.itemViews = [...views];
+        this.applyVisibility();
+    }
+    /** Элементы в авторском порядке; нерезолвенные ссылки пропущены. */
+    get items() {
+        return this.itemViews.filter((item) => item !== undefined);
+    }
+    get visibleCount() {
+        return this.runtimeVisibleCount ?? this.authoredVisibleCount;
+    }
+    /** Транзиентно меняет вместимость; `undefined` возвращает авторское значение профиля. */
+    set visibleCount(value) {
+        this.runtimeVisibleCount = value === undefined ? undefined : Math.max(0, Math.round(value));
+        this.applyVisibility();
+    }
+    /** Элементы, показанные прямо сейчас, в авторском порядке. */
+    get visibleItems() {
+        return this.items.filter((item) => item.visible);
+    }
+    /** Индекс — позиция в авторском списке, а не среди показанных: адресация не «плавает». */
+    itemAt(index) {
+        return this.itemViews[index];
+    }
+    /** Показывает или прячет все элементы разом; `undefined` возвращает управление вместимости. */
+    setItemsVisible(visible) {
+        this.forcedItemsVisible = visible;
+        this.applyVisibility();
+    }
+    /**
+     * Проход по элементам: влезающие включены, остальные выключены. Помимо самого `visible` ставится
+     * `hiddenByOwner`, потому что `visible` узла пересчитывается из документа на каждом обновлении —
+     * в том числе из колбэка layout-движка, который для элемента внутри layout-группы срабатывает
+     * позже прохода таблицы и без флага вернул бы скрытый элемент обратно.
+     */
+    applyVisibility() {
+        const count = this.visibleCount;
+        this.itemViews.forEach((item, index) => {
+            if (item === undefined)
+                return;
+            const enabled = this.forcedItemsVisible ?? index < count;
+            if (item instanceof NodeView) {
+                item.hiddenByOwner = !enabled;
+                item.visible = enabled && item.documentVisible;
+                return;
+            }
+            item.visible = enabled;
+        });
+    }
+    syncContent(node, _transform, profile) {
+        if (node.type !== "item-table")
+            return;
+        this.authoredVisibleCount = resolveItemTableVisibleCount(node, profile);
+        this.applyVisibility();
+    }
+}
+//# sourceMappingURL=ItemTableNodeView.js.map

package/dist/views/ItemTableNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTableNodeView.js","sourceRoot":"","sources":["../../src/views/ItemTableNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolveItemTableVisibleCount, type LayoutProfileId, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container } from \"pixi.js\";\r\nimport { NodeView } from \"./NodeView.js\";\r\n\r\n/**\r\n * Узел фиксированной вместимости: держит авторский список узлов (`items`, ссылки по адресу — их\r\n * разрешает `scene.ts`, тем же приёмом, что цели spine-коннекторов) и показывает только первые\r\n * `visibleCount` из них — остальные скрыты всегда, а не «на этой странице». Автор раскладывает\r\n * элементы под максимум, а сколько их реально помещается, задаётся на профиль: в разной ориентации\r\n * экрана на экран влезает разное число строк.\r\n *\r\n * Список именно авторский, а не дети: элемент обычно уже лежит там, где его выравнивает layout-группа.\r\n *\r\n * Узел намеренно ничего больше не делает. Он не страницы (`PageGroupNodeView` показывает ровно\r\n * одного ребёнка и растягивает его на себя), не раскладка (позицию элементы сохраняют свою) и ничего не\r\n * знает ни про какие данные: чем наполнить видимые элементы и когда, решает игровой код через\r\n * generic API из `controls.ts` (`getItemTableViewVisibleItems`, `getItemTableViewItem`,\r\n * `setItemTableViewVisibleCount`, `setItemTableViewItemsVisible`). Связка «переключили страницу →\r\n * перезаполнили элементы» тоже принадлежит игре: `PaginationNodeView.onPageChange` и эта таблица\r\n * ничего друг о друге не знают.\r\n *\r\n * Видимость складывается с авторской: элемент, скрытый в документе, не станет видимым из-за\r\n * вместимости, а скрытый вместимостью держится флагом `NodeView.hiddenByOwner` (см. `applyVisibility`).\r\n */\r\nexport class ItemTableNodeView extends NodeView {\r\n  private itemViews: (Container | undefined)[] = [];\r\n  private authoredVisibleCount = 0;\r\n  /** Транзиентное переопределение от игрового кода; `undefined` — авторское значение профиля. */\r\n  private runtimeVisibleCount?: number;\r\n  /** Транзиентный «скрыть/показать всё» поверх вместимости; `undefined` — вместимость решает сама. */\r\n  private forcedItemsVisible?: boolean;\r\n\r\n  /**\r\n   * Разрешённые views авторского списка `items`, позиционно выровненные с ним (`scene.ts`). Ссылка,\r\n   * которая ни во что не разрешилась, сохраняет свою дырку `undefined`, чтобы остальные элементы не\r\n   * сдвинулись; сама висячая ссылка — ошибка валидации документа, а не забота этого вида.\r\n   */\r\n  setItems(views: readonly (Container | undefined)[]): void {\r\n    // Выбывшие из списка возвращаются под управление документа: иначе узел, убранный из таблицы,\r\n    // остался бы скрытым её прежней вместимостью навсегда.\r\n    const next = new Set(views);\r\n    for (const previous of this.itemViews) {\r\n      if (previous instanceof NodeView && !next.has(previous)) { previous.hiddenByOwner = false; previous.visible = previous.documentVisible; }\r\n    }\r\n    this.itemViews = [...views];\r\n    this.applyVisibility();\r\n  }\r\n\r\n  /** Элементы в авторском порядке; нерезолвенные ссылки пропущены. */\r\n  get items(): Container[] {\r\n    return this.itemViews.filter((item): item is Container => item !== undefined);\r\n  }\r\n\r\n  get visibleCount(): number {\r\n    return this.runtimeVisibleCount ?? this.authoredVisibleCount;\r\n  }\r\n\r\n  /** Транзиентно меняет вместимость; `undefined` возвращает авторское значение профиля. */\r\n  set visibleCount(value: number | undefined) {\r\n    this.runtimeVisibleCount = value === undefined ? undefined : Math.max(0, Math.round(value));\r\n    this.applyVisibility();\r\n  }\r\n\r\n  /** Элементы, показанные прямо сейчас, в авторском порядке. */\r\n  get visibleItems(): Container[] {\r\n    return this.items.filter((item) => item.visible);\r\n  }\r\n\r\n  /** Индекс — позиция в авторском списке, а не среди показанных: адресация не «плавает». */\r\n  itemAt(index: number): Container | undefined {\r\n    return this.itemViews[index];\r\n  }\r\n\r\n  /** Показывает или прячет все элементы разом; `undefined` возвращает управление вместимости. */\r\n  setItemsVisible(visible: boolean | undefined): void {\r\n    this.forcedItemsVisible = visible;\r\n    this.applyVisibility();\r\n  }\r\n\r\n  /**\r\n   * Проход по элементам: влезающие включены, остальные выключены. Помимо самого `visible` ставится\r\n   * `hiddenByOwner`, потому что `visible` узла пересчитывается из документа на каждом обновлении —\r\n   * в том числе из колбэка layout-движка, который для элемента внутри layout-группы срабатывает\r\n   * позже прохода таблицы и без флага вернул бы скрытый элемент обратно.\r\n   */\r\n  private applyVisibility(): void {\r\n    const count = this.visibleCount;\r\n    this.itemViews.forEach((item, index) => {\r\n      if (item === undefined) return;\r\n      const enabled = this.forcedItemsVisible ?? index < count;\r\n      if (item instanceof NodeView) {\r\n        item.hiddenByOwner = !enabled;\r\n        item.visible = enabled && item.documentVisible;\r\n        return;\r\n      }\r\n      item.visible = enabled;\r\n    });\r\n  }\r\n\r\n  protected syncContent(node: UINode, _transform: UINode[\"transform\"], profile: LayoutProfileId): void {\r\n    if (node.type !== \"item-table\") return;\r\n    this.authoredVisibleCount = resolveItemTableVisibleCount(node, profile);\r\n    this.applyVisibility();\r\n  }\r\n}\r\n"]}

package/dist/views/NodeView.d.ts

@@ -22,8 +22,20 @@ export declare abstract class NodeView extends Container {
     /** Authored/computed RectTransform-like rectangle; unlike Pixi bounds it also exists without content. */
     protected layoutWidth: number;
     protected layoutHeight: number;
+    /**
+     * Скрыт ли узел владельцем-вместимостью (`ItemTableNodeView`) поверх авторской видимости.
+     *
+     * Флаг живёт здесь, а не только в самом владельце, потому что `visible` заново выводится из
+     * документа на каждом обновлении — в том числе в `updateManaged`, который для элемента внутри
+     * layout-группы дёргает сам layout-движок своим колбэком `onLayout` (см. `LayoutItemContainer`),
+     * то есть уже после того, как владелец закончил свой проход. Одно присваивание `visible` снаружи
+     * пережило бы ровно до следующего пересчёта раскладки; сложение с этим флагом переживает любой.
+     */
+    hiddenByOwner: boolean;
+    /** Visibility last resolved from the document, before `hiddenByOwner` is applied on top. */
+    private authoredVisible;
     constructor(textures?: ReadonlyMap<string, Texture>);
-    protected textureFor(assetId: string): Texture | undefined;
+    protected textureFor(assetId: string | undefined): Texture | undefined;
     /**
      * Makes every node selectable and draggable by its layout rectangle, whatever it renders.
      *
@@ -49,6 +61,8 @@ export declare abstract class NodeView extends Container {
     /** Applies the rectangle owned by a direct parent's layout solver. */
     updateManaged(node: UINode, profile: LayoutProfileId, size: LayoutSize): void;
     get layoutRectangle(): LayoutSize;
+    /** Авторская видимость узла отдельно от `visible`, поверх которой применяется `hiddenByOwner`. */
+    get documentVisible(): boolean;
     getSpine(): Spine | undefined;
     /**
      * Rasterizes canvas-based content (`TextNodeView`) at a higher pixel density than the renderer's

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

@@ -1 +1 @@
-{"version":3,"file":"NodeView.d.ts","sourceRoot":"","sources":["../../src/views/NodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAa,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAqD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAElG;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3D;;;;GAIG;AACH,8BAAsB,QAAS,SAAQ,SAAS;IAC9C,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC9B,4FAA4F;IAC5F,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACtE,6FAA6F;IAC7F,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;IAC5C,yGAAyG;IACzG,SAAS,CAAC,WAAW,SAAK;IAC1B,SAAS,CAAC,YAAY,SAAK;gBAEf,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC;IAKnD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAI1D;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO;IAIxC,mGAAmG;IACnG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI;IAM9C,kGAAkG;IAClG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAE5G,OAAO,CAAC,sBAAsB;IAuB9B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI;IAK7E,mGAAmG;IACnG,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,UAAO,EAAE,OAAO,GAAE,eAA2B,GAAG,IAAI;IAIjH,sEAAsE;IACtE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAK7E,IAAI,eAAe,IAAI,UAAU,CAEhC;IAED,QAAQ,IAAI,KAAK,GAAG,SAAS;IAI7B;;;;;;OAMG;IACH,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAChD"}
+{"version":3,"file":"NodeView.d.ts","sourceRoot":"","sources":["../../src/views/NodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAa,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAqD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAElG;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3D;;;;GAIG;AACH,8BAAsB,QAAS,SAAQ,SAAS;IAC9C,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC9B,4FAA4F;IAC5F,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACtE,6FAA6F;IAC7F,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;IAC5C,yGAAyG;IACzG,SAAS,CAAC,WAAW,SAAK;IAC1B,SAAS,CAAC,YAAY,SAAK;IAC3B;;;;;;;;OAQG;IACH,aAAa,UAAS;IACtB,4FAA4F;IAC5F,OAAO,CAAC,eAAe,CAAQ;IAE/B,YAAY,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,EAGlD;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAErE;IAED;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAEvC;IAED,mGAAmG;IACnG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,CAI7C;IAED,kGAAkG;IAClG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAE7G,OAAO,CAAC,sBAAsB;IAwB9B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAG5E;IAED,mGAAmG;IACnG,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,UAAO,EAAE,OAAO,GAAE,eAA2B,GAAG,IAAI,CAEhH;IAED,sEAAsE;IACtE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAG5E;IAED,IAAI,eAAe,IAAI,UAAU,CAEhC;IAED,kGAAkG;IAClG,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,QAAQ,IAAI,KAAK,GAAG,SAAS,CAE5B;IAED;;;;;;OAMG;IACH,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAG;CACnD"}

package/dist/views/NodeView.js

@@ -15,12 +15,24 @@ export class NodeView extends Container {
     /** Authored/computed RectTransform-like rectangle; unlike Pixi bounds it also exists without content. */
     layoutWidth = 0;
     layoutHeight = 0;
+    /**
+     * Скрыт ли узел владельцем-вместимостью (`ItemTableNodeView`) поверх авторской видимости.
+     *
+     * Флаг живёт здесь, а не только в самом владельце, потому что `visible` заново выводится из
+     * документа на каждом обновлении — в том числе в `updateManaged`, который для элемента внутри
+     * layout-группы дёргает сам layout-движок своим колбэком `onLayout` (см. `LayoutItemContainer`),
+     * то есть уже после того, как владелец закончил свой проход. Одно присваивание `visible` снаружи
+     * пережило бы ровно до следующего пересчёта раскладки; сложение с этим флагом переживает любой.
+     */
+    hiddenByOwner = false;
+    /** Visibility last resolved from the document, before `hiddenByOwner` is applied on top. */
+    authoredVisible = true;
     constructor(textures) {
         super();
         this.textures = textures;
     }
     textureFor(assetId) {
-        return this.textures?.get(assetId);
+        return assetId === undefined ? undefined : this.textures?.get(assetId);
     }
     /**
      * Makes every node selectable and draggable by its layout rectangle, whatever it renders.
@@ -59,7 +71,8 @@ export class NodeView extends Container {
         this.position.set(managedByLayout ? pivotX : transform.x, managedByLayout ? pivotY : transform.y);
         this.rotation = transform.rotation;
         this.scale.set(transform.scaleX, transform.scaleY);
-        this.visible = visible;
+        this.authoredVisible = visible;
+        this.visible = visible && !this.hiddenByOwner;
         this.layoutWidth = transform.width;
         this.layoutHeight = transform.height;
         // Тот же прямоугольник, что видит пользователь: grab-зона не зависит от содержимого ноды.
@@ -84,6 +97,10 @@ export class NodeView extends Container {
     get layoutRectangle() {
         return { width: this.layoutWidth, height: this.layoutHeight };
     }
+    /** Авторская видимость узла отдельно от `visible`, поверх которой применяется `hiddenByOwner`. */
+    get documentVisible() {
+        return this.authoredVisible;
+    }
     getSpine() {
         return this.content instanceof Spine ? this.content : undefined;
     }

package/dist/views/NodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeView.js","sourceRoot":"","sources":["../../src/views/NodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { Spine } from \"@esotericsoftware/spine-pixi-v8\";\r\nimport { type LayoutProfileId, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container, Rectangle, Texture, type PointData } from \"pixi.js\";\r\nimport { resolveAnchoredTransform, resolveProfileTransform, type LayoutSize } from \"../layout.js\";\r\n\r\n/**\r\n * Whether a built scene is an inert authoring surface or a live one.\r\n * The editor canvas builds `authoring` scenes so controls never swallow selection and drag\r\n * gestures; Preview and the consuming app build `runtime` scenes with real pointer handling.\r\n */\r\nexport type SceneInteractionMode = \"authoring\" | \"runtime\";\r\n\r\n/**\r\n * Base display object for every schema node type. The whole layout contract — profile overrides,\r\n * anchors, pivot, position, scale, visibility — lives here once; subclasses only synchronize their\r\n * type-specific content against the resolved layout rectangle.\r\n */\r\nexport abstract class NodeView extends Container {\r\n  protected content?: Container;\r\n  /** A mutable scene texture map: assets may be loaded after this stable view was created. */\r\n  protected readonly textures: ReadonlyMap<string, Texture> | undefined;\r\n  /** Node's own grab rectangle in local space, kept equal to its resolved layout rectangle. */\r\n  private readonly grabRect = new Rectangle();\r\n  /** Authored/computed RectTransform-like rectangle; unlike Pixi bounds it also exists without content. */\r\n  protected layoutWidth = 0;\r\n  protected layoutHeight = 0;\r\n\r\n  constructor(textures?: ReadonlyMap<string, Texture>) {\r\n    super();\r\n    this.textures = textures;\r\n  }\r\n\r\n  protected textureFor(assetId: string): Texture | undefined {\r\n    return this.textures?.get(assetId);\r\n  }\r\n\r\n  /**\r\n   * Makes every node selectable and draggable by its layout rectangle, whatever it renders.\r\n   *\r\n   * Lives here rather than in a subclass because a bare `Container` has no `containsPoint` of its\r\n   * own: without this, Pixi could only find a node through whatever content the subclass happens to\r\n   * draw, so nodes that draw nothing (container) or keep their content out of hit testing (button,\r\n   * whose `@pixi/ui` view is inert while authoring) would silently stop being selectable.\r\n   *\r\n   * Deliberately `containsPoint` and NOT `hitArea`: Pixi's `hitPruneFn` drops a container together\r\n   * with its whole subtree once the point falls outside its `hitArea`, which would make any child\r\n   * reaching past its parent's rectangle visible but unclickable. `containsPoint` never clips\r\n   * children — they are hit-tested first and independently, so a child always stays grabbable.\r\n   */\r\n  containsPoint(point: PointData): boolean {\r\n    return this.grabRect.contains(point.x, point.y);\r\n  }\r\n\r\n  /** Заменяет содержимое ноды: прежнее снимается со сцены и уничтожается, чтобы не копить сироты. */\r\n  protected setContent(content: Container): void {\r\n    if (this.content !== undefined) { this.removeChild(this.content); this.content.destroy(); }\r\n    this.content = content;\r\n    this.addChild(content);\r\n  }\r\n\r\n  /** Syncs type-specific content to the resolved layout rectangle; layout math itself is shared. */\r\n  protected abstract syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void;\r\n\r\n  private applyResolvedTransform(node: UINode, transform: UINode[\"transform\"], visible: boolean, managedByLayout: boolean, profile: LayoutProfileId): void {\r\n    this.syncContent(node, transform, profile);\r\n\r\n    const pivotX = (transform.pivotX ?? 0) * transform.width;\r\n    const pivotY = (transform.pivotY ?? 0) * transform.height;\r\n    this.pivot.set(pivotX, pivotY);\r\n    // x/y are the pivot offset from the resolved anchor.  Thus a centred anchor and pivot at\r\n    // zero offsets place the visual centre exactly at the parent's centre.\r\n    // A managed child is positioned by its technical Yoga item. Its own NodeView keeps only the\r\n    // pivot offset inside that computed rectangle; authored x/y and anchors do not participate.\r\n    this.position.set(managedByLayout ? pivotX : transform.x, managedByLayout ? pivotY : transform.y);\r\n    this.rotation = transform.rotation;\r\n    this.scale.set(transform.scaleX, transform.scaleY);\r\n    this.visible = visible;\r\n    this.layoutWidth = transform.width;\r\n    this.layoutHeight = transform.height;\r\n    // Тот же прямоугольник, что видит пользователь: grab-зона не зависит от содержимого ноды.\r\n    this.grabRect.x = 0;\r\n    this.grabRect.y = 0;\r\n    this.grabRect.width = transform.width;\r\n    this.grabRect.height = transform.height;\r\n  }\r\n\r\n  update(node: UINode, profile: LayoutProfileId, parentSize?: LayoutSize): void {\r\n    const resolved = resolveProfileTransform(node, profile);\r\n    this.applyResolvedTransform(node, resolveAnchoredTransform(resolved.transform, parentSize), resolved.visible, false, profile);\r\n  }\r\n\r\n  /** Applies a transient editor rectangle without deriving it from content-dependent Pixi bounds. */\r\n  preview(node: UINode, transform: UINode[\"transform\"], visible = true, profile: LayoutProfileId = \"desktop\"): void {\r\n    this.applyResolvedTransform(node, transform, visible, false, profile);\r\n  }\r\n\r\n  /** Applies the rectangle owned by a direct parent's layout solver. */\r\n  updateManaged(node: UINode, profile: LayoutProfileId, size: LayoutSize): void {\r\n    const resolved = resolveProfileTransform(node, profile);\r\n    this.applyResolvedTransform(node, { ...resolved.transform, x: 0, y: 0, width: size.width, height: size.height }, resolved.visible, true, profile);\r\n  }\r\n\r\n  get layoutRectangle(): LayoutSize {\r\n    return { width: this.layoutWidth, height: this.layoutHeight };\r\n  }\r\n\r\n  getSpine(): Spine | undefined {\r\n    return this.content instanceof Spine ? this.content : undefined;\r\n  }\r\n\r\n  /**\r\n   * Rasterizes canvas-based content (`TextNodeView`) at a higher pixel density than the renderer's\r\n   * own backing resolution, so an authoring camera zoomed in doesn't magnify an already-rasterized\r\n   * bitmap past its source resolution and read as blurred. A no-op base implementation: sprite/\r\n   * graphics/bitmap-text content is either GPU-native (always crisp under zoom) or, for bitmap-text,\r\n   * has its resolution fixed by the installed `BitmapFont` and can't be changed per instance.\r\n   */\r\n  setContentResolution(_resolution: number): void {}\r\n}\r\n"]}
+{"version":3,"file":"NodeView.js","sourceRoot":"","sources":["../../src/views/NodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { Spine } from \"@esotericsoftware/spine-pixi-v8\";\r\nimport { type LayoutProfileId, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container, Rectangle, Texture, type PointData } from \"pixi.js\";\r\nimport { resolveAnchoredTransform, resolveProfileTransform, type LayoutSize } from \"../layout.js\";\r\n\r\n/**\r\n * Whether a built scene is an inert authoring surface or a live one.\r\n * The editor canvas builds `authoring` scenes so controls never swallow selection and drag\r\n * gestures; Preview and the consuming app build `runtime` scenes with real pointer handling.\r\n */\r\nexport type SceneInteractionMode = \"authoring\" | \"runtime\";\r\n\r\n/**\r\n * Base display object for every schema node type. The whole layout contract — profile overrides,\r\n * anchors, pivot, position, scale, visibility — lives here once; subclasses only synchronize their\r\n * type-specific content against the resolved layout rectangle.\r\n */\r\nexport abstract class NodeView extends Container {\r\n  protected content?: Container;\r\n  /** A mutable scene texture map: assets may be loaded after this stable view was created. */\r\n  protected readonly textures: ReadonlyMap<string, Texture> | undefined;\r\n  /** Node's own grab rectangle in local space, kept equal to its resolved layout rectangle. */\r\n  private readonly grabRect = new Rectangle();\r\n  /** Authored/computed RectTransform-like rectangle; unlike Pixi bounds it also exists without content. */\r\n  protected layoutWidth = 0;\r\n  protected layoutHeight = 0;\r\n  /**\r\n   * Скрыт ли узел владельцем-вместимостью (`ItemTableNodeView`) поверх авторской видимости.\r\n   *\r\n   * Флаг живёт здесь, а не только в самом владельце, потому что `visible` заново выводится из\r\n   * документа на каждом обновлении — в том числе в `updateManaged`, который для элемента внутри\r\n   * layout-группы дёргает сам layout-движок своим колбэком `onLayout` (см. `LayoutItemContainer`),\r\n   * то есть уже после того, как владелец закончил свой проход. Одно присваивание `visible` снаружи\r\n   * пережило бы ровно до следующего пересчёта раскладки; сложение с этим флагом переживает любой.\r\n   */\r\n  hiddenByOwner = false;\r\n  /** Visibility last resolved from the document, before `hiddenByOwner` is applied on top. */\r\n  private authoredVisible = true;\r\n\r\n  constructor(textures?: ReadonlyMap<string, Texture>) {\r\n    super();\r\n    this.textures = textures;\r\n  }\r\n\r\n  protected textureFor(assetId: string | undefined): Texture | undefined {\r\n    return assetId === undefined ? undefined : this.textures?.get(assetId);\r\n  }\r\n\r\n  /**\r\n   * Makes every node selectable and draggable by its layout rectangle, whatever it renders.\r\n   *\r\n   * Lives here rather than in a subclass because a bare `Container` has no `containsPoint` of its\r\n   * own: without this, Pixi could only find a node through whatever content the subclass happens to\r\n   * draw, so nodes that draw nothing (container) or keep their content out of hit testing (button,\r\n   * whose `@pixi/ui` view is inert while authoring) would silently stop being selectable.\r\n   *\r\n   * Deliberately `containsPoint` and NOT `hitArea`: Pixi's `hitPruneFn` drops a container together\r\n   * with its whole subtree once the point falls outside its `hitArea`, which would make any child\r\n   * reaching past its parent's rectangle visible but unclickable. `containsPoint` never clips\r\n   * children — they are hit-tested first and independently, so a child always stays grabbable.\r\n   */\r\n  containsPoint(point: PointData): boolean {\r\n    return this.grabRect.contains(point.x, point.y);\r\n  }\r\n\r\n  /** Заменяет содержимое ноды: прежнее снимается со сцены и уничтожается, чтобы не копить сироты. */\r\n  protected setContent(content: Container): void {\r\n    if (this.content !== undefined) { this.removeChild(this.content); this.content.destroy(); }\r\n    this.content = content;\r\n    this.addChild(content);\r\n  }\r\n\r\n  /** Syncs type-specific content to the resolved layout rectangle; layout math itself is shared. */\r\n  protected abstract syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void;\r\n\r\n  private applyResolvedTransform(node: UINode, transform: UINode[\"transform\"], visible: boolean, managedByLayout: boolean, profile: LayoutProfileId): void {\r\n    this.syncContent(node, transform, profile);\r\n\r\n    const pivotX = (transform.pivotX ?? 0) * transform.width;\r\n    const pivotY = (transform.pivotY ?? 0) * transform.height;\r\n    this.pivot.set(pivotX, pivotY);\r\n    // x/y are the pivot offset from the resolved anchor.  Thus a centred anchor and pivot at\r\n    // zero offsets place the visual centre exactly at the parent's centre.\r\n    // A managed child is positioned by its technical Yoga item. Its own NodeView keeps only the\r\n    // pivot offset inside that computed rectangle; authored x/y and anchors do not participate.\r\n    this.position.set(managedByLayout ? pivotX : transform.x, managedByLayout ? pivotY : transform.y);\r\n    this.rotation = transform.rotation;\r\n    this.scale.set(transform.scaleX, transform.scaleY);\r\n    this.authoredVisible = visible;\r\n    this.visible = visible && !this.hiddenByOwner;\r\n    this.layoutWidth = transform.width;\r\n    this.layoutHeight = transform.height;\r\n    // Тот же прямоугольник, что видит пользователь: grab-зона не зависит от содержимого ноды.\r\n    this.grabRect.x = 0;\r\n    this.grabRect.y = 0;\r\n    this.grabRect.width = transform.width;\r\n    this.grabRect.height = transform.height;\r\n  }\r\n\r\n  update(node: UINode, profile: LayoutProfileId, parentSize?: LayoutSize): void {\r\n    const resolved = resolveProfileTransform(node, profile);\r\n    this.applyResolvedTransform(node, resolveAnchoredTransform(resolved.transform, parentSize), resolved.visible, false, profile);\r\n  }\r\n\r\n  /** Applies a transient editor rectangle without deriving it from content-dependent Pixi bounds. */\r\n  preview(node: UINode, transform: UINode[\"transform\"], visible = true, profile: LayoutProfileId = \"desktop\"): void {\r\n    this.applyResolvedTransform(node, transform, visible, false, profile);\r\n  }\r\n\r\n  /** Applies the rectangle owned by a direct parent's layout solver. */\r\n  updateManaged(node: UINode, profile: LayoutProfileId, size: LayoutSize): void {\r\n    const resolved = resolveProfileTransform(node, profile);\r\n    this.applyResolvedTransform(node, { ...resolved.transform, x: 0, y: 0, width: size.width, height: size.height }, resolved.visible, true, profile);\r\n  }\r\n\r\n  get layoutRectangle(): LayoutSize {\r\n    return { width: this.layoutWidth, height: this.layoutHeight };\r\n  }\r\n\r\n  /** Авторская видимость узла отдельно от `visible`, поверх которой применяется `hiddenByOwner`. */\r\n  get documentVisible(): boolean {\r\n    return this.authoredVisible;\r\n  }\r\n\r\n  getSpine(): Spine | undefined {\r\n    return this.content instanceof Spine ? this.content : undefined;\r\n  }\r\n\r\n  /**\r\n   * Rasterizes canvas-based content (`TextNodeView`) at a higher pixel density than the renderer's\r\n   * own backing resolution, so an authoring camera zoomed in doesn't magnify an already-rasterized\r\n   * bitmap past its source resolution and read as blurred. A no-op base implementation: sprite/\r\n   * graphics/bitmap-text content is either GPU-native (always crisp under zoom) or, for bitmap-text,\r\n   * has its resolution fixed by the installed `BitmapFont` and can't be changed per instance.\r\n   */\r\n  setContentResolution(_resolution: number): void {}\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PageGroupNodeView.d.ts","sourceRoot":"","sources":["../../src/views/PageGroupNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,WAAW,CAAS;gBAEhB,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IAKnF,mHAAmH;IACnH,WAAW,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAO1C;;;;;;OAMG;IACH,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM;IAYhC,SAAS,CAAC,WAAW,IAAI,IAAI;IAI7B,OAAO,CAAC,eAAe;IAIvB,IAAI,SAAS,IAAI,MAAM,CAA8B;IAErD,IAAI,IAAI,IAAI,MAAM,CAA6B;IAE/C,2GAA2G;IAC3G,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;CACF"}
+{"version":3,"file":"PageGroupNodeView.d.ts","sourceRoot":"","sources":["../../src/views/PageGroupNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IACzC,OAAO,CAAC,WAAW,CAAS;IAE5B,YAAY,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAGlF;IAED,mHAAmH;IACnH,WAAW,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAKzC;IAED;;;;;;OAMG;IACH,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAU/B;IAED,SAAS,CAAC,WAAW,IAAI,IAAI,CAE5B;IAED,OAAO,CAAC,eAAe;IAIvB,IAAI,SAAS,IAAI,MAAM,CAA8B;IAErD,IAAI,IAAI,IAAI,MAAM,CAA6B;IAE/C,2GAA2G;IAC3G,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;CACF"}