@number10/jsx-phaser 5.0.0

package/dist/components/appliers/applyGestures.js

@@ -0,0 +1,68 @@
+import * as Phaser from "phaser";
+import { getGestureManager } from "../../gestures/gesture-manager.js";
+function applyGesturesProps(scene, container, prev, next) {
+  if (!scene || !scene.sys || !scene.data) {
+    console.warn("applyGesturesProps: Invalid scene or scene not initialized");
+    return;
+  }
+  if (scene.sys.game === null) {
+    return;
+  }
+  const hasAnyGesture = !!(next.onTouch || next.onTouchOutside || next.onTouchMove || next.onDoubleTap || next.onLongPress || next.onHoverStart || next.onHoverEnd || next.onWheel);
+  const hadAnyGesture = !!(prev.onTouch || prev.onTouchOutside || prev.onTouchMove || prev.onDoubleTap || prev.onLongPress || prev.onHoverStart || prev.onHoverEnd || prev.onWheel);
+  const prevEnabled = hadAnyGesture && prev.enableGestures !== false;
+  const nextEnabled = hasAnyGesture && next.enableGestures !== false;
+  const manager = getGestureManager(scene);
+  if (!prevEnabled && nextEnabled && hasAnyGesture) {
+    const containerWithLayout = container;
+    const { width, height } = containerWithLayout.__getLayoutSize ? containerWithLayout.__getLayoutSize() : (() => {
+      const bounds = container.getBounds();
+      return { width: bounds.width || 100, height: bounds.height || 100 };
+    })();
+    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height);
+    const callbacks = {};
+    if (next.onTouch) callbacks.onTouch = next.onTouch;
+    if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside;
+    if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove;
+    if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap;
+    if (next.onLongPress) callbacks.onLongPress = next.onLongPress;
+    if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart;
+    if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd;
+    if (next.onWheel) callbacks.onWheel = next.onWheel;
+    const config = {};
+    if (next.longPressDuration !== void 0) config.longPressDuration = next.longPressDuration;
+    if (next.doubleTapDelay !== void 0) config.doubleTapDelay = next.doubleTapDelay;
+    manager.registerContainer(container, callbacks, hitArea, config);
+    return;
+  }
+  if (prevEnabled && (!nextEnabled || !hasAnyGesture)) {
+    manager.unregisterContainer(container);
+    return;
+  }
+  if (nextEnabled && hasAnyGesture) {
+    const callbacksChanged = prev.onTouch !== next.onTouch || prev.onTouchOutside !== next.onTouchOutside || prev.onTouchMove !== next.onTouchMove || prev.onDoubleTap !== next.onDoubleTap || prev.onLongPress !== next.onLongPress || prev.onHoverStart !== next.onHoverStart || prev.onHoverEnd !== next.onHoverEnd || prev.onWheel !== next.onWheel;
+    if (callbacksChanged) {
+      const callbacks = {};
+      if (next.onTouch) callbacks.onTouch = next.onTouch;
+      if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside;
+      if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove;
+      if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap;
+      if (next.onLongPress) callbacks.onLongPress = next.onLongPress;
+      if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart;
+      if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd;
+      if (next.onWheel) callbacks.onWheel = next.onWheel;
+      manager.updateCallbacks(container, callbacks);
+    }
+    const containerWithLayout = container;
+    const { width, height } = containerWithLayout.__getLayoutSize ? containerWithLayout.__getLayoutSize() : (() => {
+      const bounds = container.getBounds();
+      return { width: bounds.width || 100, height: bounds.height || 100 };
+    })();
+    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height);
+    manager.updateHitArea(container, hitArea);
+  }
+}
+export {
+  applyGesturesProps
+};
+//# sourceMappingURL=applyGestures.js.map

package/dist/components/appliers/applyGestures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGestures.js","sources":["../../../src/components/appliers/applyGestures.ts"],"sourcesContent":["/**\n * Gesture property appliers for component patching\n * Updates gesture registration when props change\n */\nimport type { LayoutSize } from '@number10/jsx-core'\nimport * as Phaser from 'phaser'\nimport type { GestureProps, LayoutProps } from '../../core-props'\nimport { getGestureManager } from '../../gestures/gesture-manager'\nimport type { GestureCallbacks } from '../../gestures/gesture-types'\n\n/**\n * Applies gesture properties when props change\n * Handles enabling/disabling gestures, updating callbacks, and hit area changes\n * @param scene - Scene containing the gesture manager\n * @param container - Phaser Container to update gestures on\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyGesturesProps(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container,\n  prev: Partial<GestureProps & LayoutProps>,\n  next: Partial<GestureProps & LayoutProps>\n): void {\n  // Safety check: ensure scene is valid and not destroyed\n  // Note: We skip isActive() check because multiple scenes can coexist (e.g., in docs-site)\n  // where only one is \"active\" at a time, but all need functional gesture management\n  if (!scene || !scene.sys || !scene.data) {\n    console.warn('applyGesturesProps: Invalid scene or scene not initialized')\n    return\n  }\n\n  // Only skip if scene's game instance is null (scene being destroyed)\n  if (scene.sys.game === null) {\n    return\n  }\n\n  const hasAnyGesture = !!(\n    next.onTouch ||\n    next.onTouchOutside ||\n    next.onTouchMove ||\n    next.onDoubleTap ||\n    next.onLongPress ||\n    next.onHoverStart ||\n    next.onHoverEnd ||\n    next.onWheel\n  )\n  const hadAnyGesture = !!(\n    prev.onTouch ||\n    prev.onTouchOutside ||\n    prev.onTouchMove ||\n    prev.onDoubleTap ||\n    prev.onLongPress ||\n    prev.onHoverStart ||\n    prev.onHoverEnd ||\n    prev.onWheel\n  )\n\n  // Auto-enable if callbacks present, unless explicitly disabled\n  const prevEnabled = hadAnyGesture && prev.enableGestures !== false\n  const nextEnabled = hasAnyGesture && next.enableGestures !== false\n\n  const manager = getGestureManager(scene)\n\n  // Case 1: Gestures newly enabled\n  if (!prevEnabled && nextEnabled && hasAnyGesture) {\n    // Register for the first time\n    // Use __getLayoutSize for actual calculated dimensions\n    const containerWithLayout = container as typeof container & {\n      __getLayoutSize?: () => LayoutSize\n    }\n\n    const { width, height } = containerWithLayout.__getLayoutSize\n      ? containerWithLayout.__getLayoutSize()\n      : (() => {\n          const bounds = container.getBounds()\n          return { width: bounds.width || 100, height: bounds.height || 100 }\n        })()\n\n    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height)\n\n    const callbacks: GestureCallbacks = {}\n    if (next.onTouch) callbacks.onTouch = next.onTouch\n    if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside\n    if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove\n    if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap\n    if (next.onLongPress) callbacks.onLongPress = next.onLongPress\n    if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart\n    if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd\n    if (next.onWheel) callbacks.onWheel = next.onWheel\n\n    const config: { longPressDuration?: number; doubleTapDelay?: number } = {}\n    if (next.longPressDuration !== undefined) config.longPressDuration = next.longPressDuration\n    if (next.doubleTapDelay !== undefined) config.doubleTapDelay = next.doubleTapDelay\n\n    manager.registerContainer(container, callbacks, hitArea, config)\n    return\n  }\n\n  // Case 2: Gestures disabled or no callbacks\n  if (prevEnabled && (!nextEnabled || !hasAnyGesture)) {\n    manager.unregisterContainer(container)\n    return\n  }\n\n  // Case 3: Gestures still enabled, update callbacks/hit area\n  if (nextEnabled && hasAnyGesture) {\n    // Update callbacks if any changed\n    const callbacksChanged =\n      prev.onTouch !== next.onTouch ||\n      prev.onTouchOutside !== next.onTouchOutside ||\n      prev.onTouchMove !== next.onTouchMove ||\n      prev.onDoubleTap !== next.onDoubleTap ||\n      prev.onLongPress !== next.onLongPress ||\n      prev.onHoverStart !== next.onHoverStart ||\n      prev.onHoverEnd !== next.onHoverEnd ||\n      prev.onWheel !== next.onWheel\n\n    if (callbacksChanged) {\n      const callbacks: GestureCallbacks = {}\n      if (next.onTouch) callbacks.onTouch = next.onTouch\n      if (next.onTouchOutside) callbacks.onTouchOutside = next.onTouchOutside\n      if (next.onTouchMove) callbacks.onTouchMove = next.onTouchMove\n      if (next.onDoubleTap) callbacks.onDoubleTap = next.onDoubleTap\n      if (next.onLongPress) callbacks.onLongPress = next.onLongPress\n      if (next.onHoverStart) callbacks.onHoverStart = next.onHoverStart\n      if (next.onHoverEnd) callbacks.onHoverEnd = next.onHoverEnd\n      if (next.onWheel) callbacks.onWheel = next.onWheel\n\n      manager.updateCallbacks(container, callbacks)\n    }\n\n    // Always update hit area when gestures are enabled\n    // This ensures animated size changes (overlayHeight.value) are reflected\n    // Use __getLayoutSize for actual calculated dimensions\n    const containerWithLayout = container as typeof container & {\n      __getLayoutSize?: () => LayoutSize\n    }\n\n    const { width, height } = containerWithLayout.__getLayoutSize\n      ? containerWithLayout.__getLayoutSize()\n      : (() => {\n          const bounds = container.getBounds()\n          return { width: bounds.width || 100, height: bounds.height || 100 }\n        })()\n\n    const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height)\n\n    manager.updateHitArea(container, hitArea)\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/appliers/applyGraphics.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function shallowEqual(a, b) {
+  if (!a || !b) return a === b;
+  if (a.length !== b.length) return false;
+  return a.every((val, i) => val === b[i]);
+}
+function applyGraphicsProps(node, _prev, next) {
+  const prevDeps = node.__drawDependencies;
+  const nextDeps = next.dependencies;
+  const depsChanged = !shallowEqual(prevDeps, nextDeps);
+  if (depsChanged && next.onDraw) {
+    if (next.autoClear !== false) {
+      node.clear();
+    }
+    next.onDraw(node, next);
+    node.__drawDependencies = nextDeps;
+  }
+}
+exports.applyGraphicsProps = applyGraphicsProps;
+//# sourceMappingURL=applyGraphics.cjs.map

package/dist/components/appliers/applyGraphics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphics.cjs","sources":["../../../src/components/appliers/applyGraphics.ts"],"sourcesContent":["/**\n * Graphics-specific property appliers\n */\nimport type * as Phaser from 'phaser'\nimport type { GameObjectWithLayout } from '../../layout/types'\nimport type { GraphicsBaseProps } from '../primitives/graphics'\n\n/**\n * Graphics node with draw dependencies tracking\n */\ntype GraphicsWithDrawDeps = Phaser.GameObjects.Graphics &\n  GameObjectWithLayout & {\n    __drawDependencies?: unknown[] | undefined\n  }\n\n/**\n * Shallow comparison of dependency arrays\n * @param a - First array\n * @param b - Second array\n * @returns True if arrays are equal\n */\nfunction shallowEqual(a?: unknown[], b?: unknown[]): boolean {\n  if (!a || !b) return a === b\n  if (a.length !== b.length) return false\n  return a.every((val, i) => val === b[i])\n}\n\n/**\n * Apply Graphics-specific props (onDraw, autoClear, dependencies)\n * @param node - Graphics node\n * @param _prev - Previous props (unused, dependencies stored on node)\n * @param next - New props\n */\nexport function applyGraphicsProps(\n  node: Phaser.GameObjects.Graphics,\n  _prev: Partial<GraphicsBaseProps>,\n  next: Partial<GraphicsBaseProps>\n): void {\n  // Check if dependencies changed (shallow compare)\n  const prevDeps = (node as GraphicsWithDrawDeps).__drawDependencies\n  const nextDeps = next.dependencies\n  const depsChanged = !shallowEqual(prevDeps, nextDeps)\n\n  // Redraw if dependencies changed and onDraw callback exists\n  if (depsChanged && next.onDraw) {\n    // Clear graphics if autoClear is enabled (default: true)\n    if (next.autoClear !== false) {\n      node.clear()\n    }\n\n    // Execute draw callback\n    next.onDraw(node, next)\n\n    // Update stored dependencies\n    ;(node as GraphicsWithDrawDeps).__drawDependencies = nextDeps\n  }\n}\n"],"names":[],"mappings":";;AAqBA,SAAS,aAAa,GAAe,GAAwB;AAC3D,MAAI,CAAC,KAAK,CAAC,UAAU,MAAM;AAC3B,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,SAAO,EAAE,MAAM,CAAC,KAAK,MAAM,QAAQ,EAAE,CAAC,CAAC;AACzC;AAQO,SAAS,mBACd,MACA,OACA,MACM;AAEN,QAAM,WAAY,KAA8B;AAChD,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,CAAC,aAAa,UAAU,QAAQ;AAGpD,MAAI,eAAe,KAAK,QAAQ;AAE9B,QAAI,KAAK,cAAc,OAAO;AAC5B,WAAK,MAAA;AAAA,IACP;AAGA,SAAK,OAAO,MAAM,IAAI;AAGpB,SAA8B,qBAAqB;AAAA,EACvD;AACF;;"}

package/dist/components/appliers/applyGraphics.d.ts

@@ -0,0 +1,13 @@
+import { GraphicsBaseProps } from '../primitives/graphics';
+/**
+ * Graphics-specific property appliers
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Apply Graphics-specific props (onDraw, autoClear, dependencies)
+ * @param node - Graphics node
+ * @param _prev - Previous props (unused, dependencies stored on node)
+ * @param next - New props
+ */
+export declare function applyGraphicsProps(node: Phaser.GameObjects.Graphics, _prev: Partial<GraphicsBaseProps>, next: Partial<GraphicsBaseProps>): void;
+//# sourceMappingURL=applyGraphics.d.ts.map

package/dist/components/appliers/applyGraphics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphics.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyGraphics.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAErC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAsB/D;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EACjC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAC/B,IAAI,CAmBN"}

package/dist/components/appliers/applyGraphics.js

@@ -0,0 +1,21 @@
+function shallowEqual(a, b) {
+  if (!a || !b) return a === b;
+  if (a.length !== b.length) return false;
+  return a.every((val, i) => val === b[i]);
+}
+function applyGraphicsProps(node, _prev, next) {
+  const prevDeps = node.__drawDependencies;
+  const nextDeps = next.dependencies;
+  const depsChanged = !shallowEqual(prevDeps, nextDeps);
+  if (depsChanged && next.onDraw) {
+    if (next.autoClear !== false) {
+      node.clear();
+    }
+    next.onDraw(node, next);
+    node.__drawDependencies = nextDeps;
+  }
+}
+export {
+  applyGraphicsProps
+};
+//# sourceMappingURL=applyGraphics.js.map

package/dist/components/appliers/applyGraphics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphics.js","sources":["../../../src/components/appliers/applyGraphics.ts"],"sourcesContent":["/**\n * Graphics-specific property appliers\n */\nimport type * as Phaser from 'phaser'\nimport type { GameObjectWithLayout } from '../../layout/types'\nimport type { GraphicsBaseProps } from '../primitives/graphics'\n\n/**\n * Graphics node with draw dependencies tracking\n */\ntype GraphicsWithDrawDeps = Phaser.GameObjects.Graphics &\n  GameObjectWithLayout & {\n    __drawDependencies?: unknown[] | undefined\n  }\n\n/**\n * Shallow comparison of dependency arrays\n * @param a - First array\n * @param b - Second array\n * @returns True if arrays are equal\n */\nfunction shallowEqual(a?: unknown[], b?: unknown[]): boolean {\n  if (!a || !b) return a === b\n  if (a.length !== b.length) return false\n  return a.every((val, i) => val === b[i])\n}\n\n/**\n * Apply Graphics-specific props (onDraw, autoClear, dependencies)\n * @param node - Graphics node\n * @param _prev - Previous props (unused, dependencies stored on node)\n * @param next - New props\n */\nexport function applyGraphicsProps(\n  node: Phaser.GameObjects.Graphics,\n  _prev: Partial<GraphicsBaseProps>,\n  next: Partial<GraphicsBaseProps>\n): void {\n  // Check if dependencies changed (shallow compare)\n  const prevDeps = (node as GraphicsWithDrawDeps).__drawDependencies\n  const nextDeps = next.dependencies\n  const depsChanged = !shallowEqual(prevDeps, nextDeps)\n\n  // Redraw if dependencies changed and onDraw callback exists\n  if (depsChanged && next.onDraw) {\n    // Clear graphics if autoClear is enabled (default: true)\n    if (next.autoClear !== false) {\n      node.clear()\n    }\n\n    // Execute draw callback\n    next.onDraw(node, next)\n\n    // Update stored dependencies\n    ;(node as GraphicsWithDrawDeps).__drawDependencies = nextDeps\n  }\n}\n"],"names":[],"mappings":"AAqBA,SAAS,aAAa,GAAe,GAAwB;AAC3D,MAAI,CAAC,KAAK,CAAC,UAAU,MAAM;AAC3B,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,SAAO,EAAE,MAAM,CAAC,KAAK,MAAM,QAAQ,EAAE,CAAC,CAAC;AACzC;AAQO,SAAS,mBACd,MACA,OACA,MACM;AAEN,QAAM,WAAY,KAA8B;AAChD,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,CAAC,aAAa,UAAU,QAAQ;AAGpD,MAAI,eAAe,KAAK,QAAQ;AAE9B,QAAI,KAAK,cAAc,OAAO;AAC5B,WAAK,MAAA;AAAA,IACP;AAGA,SAAK,OAAO,MAAM,IAAI;AAGpB,SAA8B,qBAAqB;AAAA,EACvD;AACF;"}

package/dist/components/appliers/applyGraphicsLayout.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyGraphicsLayout(node, prev, next) {
+  node.__layoutProps = next;
+  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {
+    node.__getLayoutSize = () => {
+      if (next.headless ?? true) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: typeof next.width === "number" ? next.width : 0,
+        height: typeof next.height === "number" ? next.height : 0
+      };
+    };
+  }
+}
+exports.applyGraphicsLayout = applyGraphicsLayout;
+//# sourceMappingURL=applyGraphicsLayout.cjs.map

package/dist/components/appliers/applyGraphicsLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphicsLayout.cjs","sources":["../../../src/components/appliers/applyGraphicsLayout.ts"],"sourcesContent":["/**\n * Graphics layout property appliers\n */\nimport type * as Phaser from 'phaser'\nimport type { GameObjectWithLayout } from '../../layout/types'\nimport type { GraphicsBaseProps } from '../primitives/graphics'\n\n/**\n * Apply layout updates for Graphics (width/height changes)\n * @param node - Graphics node\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyGraphicsLayout(\n  node: Phaser.GameObjects.Graphics,\n  prev: Partial<GraphicsBaseProps>,\n  next: Partial<GraphicsBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation (like Text does)\n  ;(node as GameObjectWithLayout).__layoutProps = next as GraphicsBaseProps\n\n  // Update size provider if dimensions or headless changed\n  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {\n    ;(node as GameObjectWithLayout).__getLayoutSize = () => {\n      if (next.headless ?? true) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: typeof next.width === 'number' ? next.width : 0,\n        height: typeof next.height === 'number' ? next.height : 0,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":";;AAaO,SAAS,oBACd,MACA,MACA,MACM;AAEJ,OAA8B,gBAAgB;AAGhD,MAAI,KAAK,UAAU,KAAK,SAAS,KAAK,WAAW,KAAK,UAAU,KAAK,aAAa,KAAK,UAAU;AAC7F,SAA8B,kBAAkB,MAAM;AACtD,UAAI,KAAK,YAAY,MAAM;AACzB,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,QACrD,QAAQ,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS;AAAA,MAAA;AAAA,IAE5D;AAAA,EACF;AACF;;"}

package/dist/components/appliers/applyGraphicsLayout.d.ts

@@ -0,0 +1,13 @@
+import { GraphicsBaseProps } from '../primitives/graphics';
+/**
+ * Graphics layout property appliers
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Apply layout updates for Graphics (width/height changes)
+ * @param node - Graphics node
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyGraphicsLayout(node: Phaser.GameObjects.Graphics, prev: Partial<GraphicsBaseProps>, next: Partial<GraphicsBaseProps>): void;
+//# sourceMappingURL=applyGraphicsLayout.d.ts.map

package/dist/components/appliers/applyGraphicsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphicsLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyGraphicsLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAErC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EACjC,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAChC,IAAI,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAC/B,IAAI,CAgBN"}

package/dist/components/appliers/applyGraphicsLayout.js

@@ -0,0 +1,18 @@
+function applyGraphicsLayout(node, prev, next) {
+  node.__layoutProps = next;
+  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {
+    node.__getLayoutSize = () => {
+      if (next.headless ?? true) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: typeof next.width === "number" ? next.width : 0,
+        height: typeof next.height === "number" ? next.height : 0
+      };
+    };
+  }
+}
+export {
+  applyGraphicsLayout
+};
+//# sourceMappingURL=applyGraphicsLayout.js.map

package/dist/components/appliers/applyGraphicsLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyGraphicsLayout.js","sources":["../../../src/components/appliers/applyGraphicsLayout.ts"],"sourcesContent":["/**\n * Graphics layout property appliers\n */\nimport type * as Phaser from 'phaser'\nimport type { GameObjectWithLayout } from '../../layout/types'\nimport type { GraphicsBaseProps } from '../primitives/graphics'\n\n/**\n * Apply layout updates for Graphics (width/height changes)\n * @param node - Graphics node\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyGraphicsLayout(\n  node: Phaser.GameObjects.Graphics,\n  prev: Partial<GraphicsBaseProps>,\n  next: Partial<GraphicsBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation (like Text does)\n  ;(node as GameObjectWithLayout).__layoutProps = next as GraphicsBaseProps\n\n  // Update size provider if dimensions or headless changed\n  if (prev.width !== next.width || prev.height !== next.height || prev.headless !== next.headless) {\n    ;(node as GameObjectWithLayout).__getLayoutSize = () => {\n      if (next.headless ?? true) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: typeof next.width === 'number' ? next.width : 0,\n        height: typeof next.height === 'number' ? next.height : 0,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAaO,SAAS,oBACd,MACA,MACA,MACM;AAEJ,OAA8B,gBAAgB;AAGhD,MAAI,KAAK,UAAU,KAAK,SAAS,KAAK,WAAW,KAAK,UAAU,KAAK,aAAa,KAAK,UAAU;AAC7F,SAA8B,kBAAkB,MAAM;AACtD,UAAI,KAAK,YAAY,MAAM;AACzB,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,QACrD,QAAQ,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS;AAAA,MAAA;AAAA,IAE5D;AAAA,EACF;AACF;"}

package/dist/components/appliers/applyImage.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const imageSubtextureRegistry = require("../../utils/image-subtexture-registry.cjs");
+function getImageSourceDimensions(image, sourceRect) {
+  if (sourceRect) {
+    return {
+      width: Math.max(0, sourceRect.w),
+      height: Math.max(0, sourceRect.h)
+    };
+  }
+  return {
+    width: image.frame.width,
+    height: image.frame.height
+  };
+}
+function calculateImageFitScale(image, targetWidth, targetHeight, fit = "fill", sourceRect) {
+  const { width: textureWidth, height: textureHeight } = getImageSourceDimensions(image, sourceRect);
+  if (textureWidth === 0 || textureHeight === 0) {
+    return { scaleX: 1, scaleY: 1 };
+  }
+  if (fit === "fill") {
+    return {
+      scaleX: targetWidth / textureWidth,
+      scaleY: targetHeight / textureHeight
+    };
+  }
+  const targetAspect = targetWidth / targetHeight;
+  const textureAspect = textureWidth / textureHeight;
+  if (fit === "contain") {
+    const scale = targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
+    return { scaleX: scale, scaleY: scale };
+  }
+  if (fit === "cover") {
+    const scale = targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
+    return { scaleX: scale, scaleY: scale };
+  }
+  return { scaleX: 1, scaleY: 1 };
+}
+function applyImageProps(image, prev, next) {
+  const derivedImage = image;
+  const prevSR = prev.sourceRect;
+  const nextSR = next.sourceRect;
+  const sourceRectChanged = prevSR?.x !== nextSR?.x || prevSR?.y !== nextSR?.y || prevSR?.w !== nextSR?.w || prevSR?.h !== nextSR?.h;
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if ((textureChanged || sourceRectChanged) && next.texture) {
+    const nextSource = imageSubtextureRegistry.retainImageSubTexture(image.scene, next.texture, next.frame, nextSR);
+    image.setTexture(nextSource.texture, nextSource.frame);
+    imageSubtextureRegistry.releaseImageSubTexture(image.scene, derivedImage.__subTextureCacheKey);
+    derivedImage.__subTextureCacheKey = nextSource.cacheKey;
+  }
+  if (prev.tint !== next.tint) {
+    if (typeof next.tint === "number") {
+      image.setTint(next.tint);
+    } else {
+      image.clearTint();
+    }
+  }
+  if (prev.originX !== next.originX || prev.originY !== next.originY) {
+    const originX = next.originX ?? image.originX;
+    const originY = next.originY ?? image.originY;
+    image.setOrigin(originX, originY);
+  }
+  const displayWidthChanged = prev.displayWidth !== next.displayWidth;
+  const displayHeightChanged = prev.displayHeight !== next.displayHeight;
+  const fitChanged = prev.fit !== next.fit;
+  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged || sourceRectChanged) {
+    if (typeof next.displayWidth === "number" && typeof next.displayHeight === "number") {
+      const { scaleX, scaleY } = calculateImageFitScale(
+        image,
+        next.displayWidth,
+        next.displayHeight,
+        next.fit,
+        nextSR
+      );
+      image.setScale(scaleX, scaleY);
+    } else if (typeof next.displayWidth === "number") {
+      const { width } = getImageSourceDimensions(image, nextSR);
+      const scale = width > 0 ? next.displayWidth / width : 1;
+      image.setScale(scale);
+    } else if (typeof next.displayHeight === "number") {
+      const { height } = getImageSourceDimensions(image, nextSR);
+      const scale = height > 0 ? next.displayHeight / height : 1;
+      image.setScale(scale, scale);
+    } else {
+      image.setScale(1, 1);
+    }
+  }
+}
+exports.applyImageProps = applyImageProps;
+exports.calculateImageFitScale = calculateImageFitScale;
+exports.getImageSourceDimensions = getImageSourceDimensions;
+//# sourceMappingURL=applyImage.cjs.map

package/dist/components/appliers/applyImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImage.cjs","sources":["../../../src/components/appliers/applyImage.ts"],"sourcesContent":["/**\n * Applier for Image-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport {\n  releaseImageSubTexture,\n  retainImageSubTexture,\n} from '../../utils/image-subtexture-registry'\nimport type { ImageBaseProps } from '../primitives/image'\n\ntype DerivedTextureImage = Phaser.GameObjects.Image & {\n  __subTextureCacheKey?: string | undefined\n}\n\n/**\n * Gets the effective source dimensions for scaling.\n * Cropped images must scale against the crop size, not the full frame size.\n * @param image - Phaser Image object\n * @param sourceRect - Optional crop rectangle relative to the frame origin\n * @returns Original source width and height\n */\nexport function getImageSourceDimensions(\n  image: Phaser.GameObjects.Image,\n  sourceRect?: { x: number; y: number; w: number; h: number }\n): { width: number; height: number } {\n  if (sourceRect) {\n    return {\n      width: Math.max(0, sourceRect.w),\n      height: Math.max(0, sourceRect.h),\n    }\n  }\n\n  return {\n    width: image.frame.width,\n    height: image.frame.height,\n  }\n}\n\n/**\n * Calculates scale factors for fit modes\n * @param image - Phaser Image object\n * @param targetWidth - Desired width\n * @param targetHeight - Desired height\n * @param fit - Fit mode\n * @param sourceRect - Optional crop rectangle relative to the frame origin\n * @returns Scale factors for x and y\n */\nexport function calculateImageFitScale(\n  image: Phaser.GameObjects.Image,\n  targetWidth: number,\n  targetHeight: number,\n  fit: 'fill' | 'contain' | 'cover' = 'fill',\n  sourceRect?: { x: number; y: number; w: number; h: number }\n): { scaleX: number; scaleY: number } {\n  const { width: textureWidth, height: textureHeight } = getImageSourceDimensions(image, sourceRect)\n\n  if (textureWidth === 0 || textureHeight === 0) {\n    return { scaleX: 1, scaleY: 1 }\n  }\n\n  if (fit === 'fill') {\n    // Stretch to fill (may distort aspect ratio)\n    return {\n      scaleX: targetWidth / textureWidth,\n      scaleY: targetHeight / textureHeight,\n    }\n  }\n\n  const targetAspect = targetWidth / targetHeight\n  const textureAspect = textureWidth / textureHeight\n\n  if (fit === 'contain') {\n    // Scale to fit within bounds, preserve aspect ratio\n    const scale =\n      targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  if (fit === 'cover') {\n    // Scale to cover bounds, preserve aspect ratio (may crop)\n    const scale =\n      targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  return { scaleX: 1, scaleY: 1 }\n}\n\n/**\n * Applies Image-specific properties (texture, frame, tint, displaySize, fit)\n * @param image - Phaser Image object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyImageProps(\n  image: Phaser.GameObjects.Image,\n  prev: Partial<ImageBaseProps>,\n  next: Partial<ImageBaseProps>\n): void {\n  const derivedImage = image as DerivedTextureImage\n  const prevSR = prev.sourceRect\n  const nextSR = next.sourceRect\n  const sourceRectChanged =\n    prevSR?.x !== nextSR?.x ||\n    prevSR?.y !== nextSR?.y ||\n    prevSR?.w !== nextSR?.w ||\n    prevSR?.h !== nextSR?.h\n\n  // Check if the underlying source changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if ((textureChanged || sourceRectChanged) && next.texture) {\n    const nextSource = retainImageSubTexture(image.scene, next.texture, next.frame, nextSR)\n    image.setTexture(nextSource.texture, nextSource.frame)\n    releaseImageSubTexture(image.scene, derivedImage.__subTextureCacheKey)\n    derivedImage.__subTextureCacheKey = nextSource.cacheKey\n  }\n\n  // Apply tint\n  if (prev.tint !== next.tint) {\n    if (typeof next.tint === 'number') {\n      image.setTint(next.tint)\n    } else {\n      image.clearTint()\n    }\n  }\n\n  // Apply origin if specified\n  if (prev.originX !== next.originX || prev.originY !== next.originY) {\n    const originX = next.originX ?? image.originX\n    const originY = next.originY ?? image.originY\n    image.setOrigin(originX, originY)\n  }\n\n  // Apply displayWidth/displayHeight with fit mode\n  const displayWidthChanged = prev.displayWidth !== next.displayWidth\n  const displayHeightChanged = prev.displayHeight !== next.displayHeight\n  const fitChanged = prev.fit !== next.fit\n\n  if (\n    displayWidthChanged ||\n    displayHeightChanged ||\n    fitChanged ||\n    textureChanged ||\n    sourceRectChanged\n  ) {\n    if (typeof next.displayWidth === 'number' && typeof next.displayHeight === 'number') {\n      const { scaleX, scaleY } = calculateImageFitScale(\n        image,\n        next.displayWidth,\n        next.displayHeight,\n        next.fit,\n        nextSR\n      )\n      image.setScale(scaleX, scaleY)\n    } else if (typeof next.displayWidth === 'number') {\n      // Only width specified - preserve aspect ratio\n      const { width } = getImageSourceDimensions(image, nextSR)\n      const scale = width > 0 ? next.displayWidth / width : 1\n      image.setScale(scale)\n    } else if (typeof next.displayHeight === 'number') {\n      // Only height specified - preserve aspect ratio\n      const { height } = getImageSourceDimensions(image, nextSR)\n      const scale = height > 0 ? next.displayHeight / height : 1\n      image.setScale(scale, scale)\n    } else {\n      image.setScale(1, 1)\n    }\n  }\n}\n"],"names":["retainImageSubTexture","releaseImageSubTexture"],"mappings":";;;AAqBO,SAAS,yBACd,OACA,YACmC;AACnC,MAAI,YAAY;AACd,WAAO;AAAA,MACL,OAAO,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA,MAC/B,QAAQ,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA,IAAA;AAAA,EAEpC;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,MAAM;AAAA,IACnB,QAAQ,MAAM,MAAM;AAAA,EAAA;AAExB;AAWO,SAAS,uBACd,OACA,aACA,cACA,MAAoC,QACpC,YACoC;AACpC,QAAM,EAAE,OAAO,cAAc,QAAQ,kBAAkB,yBAAyB,OAAO,UAAU;AAEjG,MAAI,iBAAiB,KAAK,kBAAkB,GAAG;AAC7C,WAAO,EAAE,QAAQ,GAAG,QAAQ,EAAA;AAAA,EAC9B;AAEA,MAAI,QAAQ,QAAQ;AAElB,WAAO;AAAA,MACL,QAAQ,cAAc;AAAA,MACtB,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,cAAc;AACnC,QAAM,gBAAgB,eAAe;AAErC,MAAI,QAAQ,WAAW;AAErB,UAAM,QACJ,eAAe,gBAAgB,eAAe,gBAAgB,cAAc;AAC9E,WAAO,EAAE,QAAQ,OAAO,QAAQ,MAAA;AAAA,EAClC;AAEA,MAAI,QAAQ,SAAS;AAEnB,UAAM,QACJ,eAAe,gBAAgB,eAAe,gBAAgB,cAAc;AAC9E,WAAO,EAAE,QAAQ,OAAO,QAAQ,MAAA;AAAA,EAClC;AAEA,SAAO,EAAE,QAAQ,GAAG,QAAQ,EAAA;AAC9B;AAQO,SAAS,gBACd,OACA,MACA,MACM;AACN,QAAM,eAAe;AACrB,QAAM,SAAS,KAAK;AACpB,QAAM,SAAS,KAAK;AACpB,QAAM,oBACJ,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ;AAGxB,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,OAAK,kBAAkB,sBAAsB,KAAK,SAAS;AACzD,UAAM,aAAaA,8CAAsB,MAAM,OAAO,KAAK,SAAS,KAAK,OAAO,MAAM;AACtF,UAAM,WAAW,WAAW,SAAS,WAAW,KAAK;AACrDC,4BAAAA,uBAAuB,MAAM,OAAO,aAAa,oBAAoB;AACrE,iBAAa,uBAAuB,WAAW;AAAA,EACjD;AAGA,MAAI,KAAK,SAAS,KAAK,MAAM;AAC3B,QAAI,OAAO,KAAK,SAAS,UAAU;AACjC,YAAM,QAAQ,KAAK,IAAI;AAAA,IACzB,OAAO;AACL,YAAM,UAAA;AAAA,IACR;AAAA,EACF;AAGA,MAAI,KAAK,YAAY,KAAK,WAAW,KAAK,YAAY,KAAK,SAAS;AAClE,UAAM,UAAU,KAAK,WAAW,MAAM;AACtC,UAAM,UAAU,KAAK,WAAW,MAAM;AACtC,UAAM,UAAU,SAAS,OAAO;AAAA,EAClC;AAGA,QAAM,sBAAsB,KAAK,iBAAiB,KAAK;AACvD,QAAM,uBAAuB,KAAK,kBAAkB,KAAK;AACzD,QAAM,aAAa,KAAK,QAAQ,KAAK;AAErC,MACE,uBACA,wBACA,cACA,kBACA,mBACA;AACA,QAAI,OAAO,KAAK,iBAAiB,YAAY,OAAO,KAAK,kBAAkB,UAAU;AACnF,YAAM,EAAE,QAAQ,OAAA,IAAW;AAAA,QACzB;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,MAAA;AAEF,YAAM,SAAS,QAAQ,MAAM;AAAA,IAC/B,WAAW,OAAO,KAAK,iBAAiB,UAAU;AAEhD,YAAM,EAAE,MAAA,IAAU,yBAAyB,OAAO,MAAM;AACxD,YAAM,QAAQ,QAAQ,IAAI,KAAK,eAAe,QAAQ;AACtD,YAAM,SAAS,KAAK;AAAA,IACtB,WAAW,OAAO,KAAK,kBAAkB,UAAU;AAEjD,YAAM,EAAE,OAAA,IAAW,yBAAyB,OAAO,MAAM;AACzD,YAAM,QAAQ,SAAS,IAAI,KAAK,gBAAgB,SAAS;AACzD,YAAM,SAAS,OAAO,KAAK;AAAA,IAC7B,OAAO;AACL,YAAM,SAAS,GAAG,CAAC;AAAA,IACrB;AAAA,EACF;AACF;;;;"}

package/dist/components/appliers/applyImage.d.ts

@@ -0,0 +1,47 @@
+import { ImageBaseProps } from '../primitives/image';
+/**
+ * Applier for Image-specific properties
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Gets the effective source dimensions for scaling.
+ * Cropped images must scale against the crop size, not the full frame size.
+ * @param image - Phaser Image object
+ * @param sourceRect - Optional crop rectangle relative to the frame origin
+ * @returns Original source width and height
+ */
+export declare function getImageSourceDimensions(image: Phaser.GameObjects.Image, sourceRect?: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}): {
+    width: number;
+    height: number;
+};
+/**
+ * Calculates scale factors for fit modes
+ * @param image - Phaser Image object
+ * @param targetWidth - Desired width
+ * @param targetHeight - Desired height
+ * @param fit - Fit mode
+ * @param sourceRect - Optional crop rectangle relative to the frame origin
+ * @returns Scale factors for x and y
+ */
+export declare function calculateImageFitScale(image: Phaser.GameObjects.Image, targetWidth: number, targetHeight: number, fit?: 'fill' | 'contain' | 'cover', sourceRect?: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}): {
+    scaleX: number;
+    scaleY: number;
+};
+/**
+ * Applies Image-specific properties (texture, frame, tint, displaySize, fit)
+ * @param image - Phaser Image object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyImageProps(image: Phaser.GameObjects.Image, prev: Partial<ImageBaseProps>, next: Partial<ImageBaseProps>): void;
+//# sourceMappingURL=applyImage.d.ts.map

package/dist/components/appliers/applyImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImage.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyImage.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAKrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMzD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,EAC/B,UAAU,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1D;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAYnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,EAC/B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,GAAG,GAAE,MAAM,GAAG,SAAS,GAAG,OAAgB,EAC1C,UAAU,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1D;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAiCpC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,EAC/B,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,GAC5B,IAAI,CAsEN"}

package/dist/components/appliers/applyImage.js

@@ -0,0 +1,92 @@
+import { retainImageSubTexture, releaseImageSubTexture } from "../../utils/image-subtexture-registry.js";
+function getImageSourceDimensions(image, sourceRect) {
+  if (sourceRect) {
+    return {
+      width: Math.max(0, sourceRect.w),
+      height: Math.max(0, sourceRect.h)
+    };
+  }
+  return {
+    width: image.frame.width,
+    height: image.frame.height
+  };
+}
+function calculateImageFitScale(image, targetWidth, targetHeight, fit = "fill", sourceRect) {
+  const { width: textureWidth, height: textureHeight } = getImageSourceDimensions(image, sourceRect);
+  if (textureWidth === 0 || textureHeight === 0) {
+    return { scaleX: 1, scaleY: 1 };
+  }
+  if (fit === "fill") {
+    return {
+      scaleX: targetWidth / textureWidth,
+      scaleY: targetHeight / textureHeight
+    };
+  }
+  const targetAspect = targetWidth / targetHeight;
+  const textureAspect = textureWidth / textureHeight;
+  if (fit === "contain") {
+    const scale = targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
+    return { scaleX: scale, scaleY: scale };
+  }
+  if (fit === "cover") {
+    const scale = targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth;
+    return { scaleX: scale, scaleY: scale };
+  }
+  return { scaleX: 1, scaleY: 1 };
+}
+function applyImageProps(image, prev, next) {
+  const derivedImage = image;
+  const prevSR = prev.sourceRect;
+  const nextSR = next.sourceRect;
+  const sourceRectChanged = prevSR?.x !== nextSR?.x || prevSR?.y !== nextSR?.y || prevSR?.w !== nextSR?.w || prevSR?.h !== nextSR?.h;
+  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame;
+  if ((textureChanged || sourceRectChanged) && next.texture) {
+    const nextSource = retainImageSubTexture(image.scene, next.texture, next.frame, nextSR);
+    image.setTexture(nextSource.texture, nextSource.frame);
+    releaseImageSubTexture(image.scene, derivedImage.__subTextureCacheKey);
+    derivedImage.__subTextureCacheKey = nextSource.cacheKey;
+  }
+  if (prev.tint !== next.tint) {
+    if (typeof next.tint === "number") {
+      image.setTint(next.tint);
+    } else {
+      image.clearTint();
+    }
+  }
+  if (prev.originX !== next.originX || prev.originY !== next.originY) {
+    const originX = next.originX ?? image.originX;
+    const originY = next.originY ?? image.originY;
+    image.setOrigin(originX, originY);
+  }
+  const displayWidthChanged = prev.displayWidth !== next.displayWidth;
+  const displayHeightChanged = prev.displayHeight !== next.displayHeight;
+  const fitChanged = prev.fit !== next.fit;
+  if (displayWidthChanged || displayHeightChanged || fitChanged || textureChanged || sourceRectChanged) {
+    if (typeof next.displayWidth === "number" && typeof next.displayHeight === "number") {
+      const { scaleX, scaleY } = calculateImageFitScale(
+        image,
+        next.displayWidth,
+        next.displayHeight,
+        next.fit,
+        nextSR
+      );
+      image.setScale(scaleX, scaleY);
+    } else if (typeof next.displayWidth === "number") {
+      const { width } = getImageSourceDimensions(image, nextSR);
+      const scale = width > 0 ? next.displayWidth / width : 1;
+      image.setScale(scale);
+    } else if (typeof next.displayHeight === "number") {
+      const { height } = getImageSourceDimensions(image, nextSR);
+      const scale = height > 0 ? next.displayHeight / height : 1;
+      image.setScale(scale, scale);
+    } else {
+      image.setScale(1, 1);
+    }
+  }
+}
+export {
+  applyImageProps,
+  calculateImageFitScale,
+  getImageSourceDimensions
+};
+//# sourceMappingURL=applyImage.js.map

package/dist/components/appliers/applyImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImage.js","sources":["../../../src/components/appliers/applyImage.ts"],"sourcesContent":["/**\n * Applier for Image-specific properties\n */\nimport type * as Phaser from 'phaser'\nimport {\n  releaseImageSubTexture,\n  retainImageSubTexture,\n} from '../../utils/image-subtexture-registry'\nimport type { ImageBaseProps } from '../primitives/image'\n\ntype DerivedTextureImage = Phaser.GameObjects.Image & {\n  __subTextureCacheKey?: string | undefined\n}\n\n/**\n * Gets the effective source dimensions for scaling.\n * Cropped images must scale against the crop size, not the full frame size.\n * @param image - Phaser Image object\n * @param sourceRect - Optional crop rectangle relative to the frame origin\n * @returns Original source width and height\n */\nexport function getImageSourceDimensions(\n  image: Phaser.GameObjects.Image,\n  sourceRect?: { x: number; y: number; w: number; h: number }\n): { width: number; height: number } {\n  if (sourceRect) {\n    return {\n      width: Math.max(0, sourceRect.w),\n      height: Math.max(0, sourceRect.h),\n    }\n  }\n\n  return {\n    width: image.frame.width,\n    height: image.frame.height,\n  }\n}\n\n/**\n * Calculates scale factors for fit modes\n * @param image - Phaser Image object\n * @param targetWidth - Desired width\n * @param targetHeight - Desired height\n * @param fit - Fit mode\n * @param sourceRect - Optional crop rectangle relative to the frame origin\n * @returns Scale factors for x and y\n */\nexport function calculateImageFitScale(\n  image: Phaser.GameObjects.Image,\n  targetWidth: number,\n  targetHeight: number,\n  fit: 'fill' | 'contain' | 'cover' = 'fill',\n  sourceRect?: { x: number; y: number; w: number; h: number }\n): { scaleX: number; scaleY: number } {\n  const { width: textureWidth, height: textureHeight } = getImageSourceDimensions(image, sourceRect)\n\n  if (textureWidth === 0 || textureHeight === 0) {\n    return { scaleX: 1, scaleY: 1 }\n  }\n\n  if (fit === 'fill') {\n    // Stretch to fill (may distort aspect ratio)\n    return {\n      scaleX: targetWidth / textureWidth,\n      scaleY: targetHeight / textureHeight,\n    }\n  }\n\n  const targetAspect = targetWidth / targetHeight\n  const textureAspect = textureWidth / textureHeight\n\n  if (fit === 'contain') {\n    // Scale to fit within bounds, preserve aspect ratio\n    const scale =\n      targetAspect > textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  if (fit === 'cover') {\n    // Scale to cover bounds, preserve aspect ratio (may crop)\n    const scale =\n      targetAspect < textureAspect ? targetHeight / textureHeight : targetWidth / textureWidth\n    return { scaleX: scale, scaleY: scale }\n  }\n\n  return { scaleX: 1, scaleY: 1 }\n}\n\n/**\n * Applies Image-specific properties (texture, frame, tint, displaySize, fit)\n * @param image - Phaser Image object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyImageProps(\n  image: Phaser.GameObjects.Image,\n  prev: Partial<ImageBaseProps>,\n  next: Partial<ImageBaseProps>\n): void {\n  const derivedImage = image as DerivedTextureImage\n  const prevSR = prev.sourceRect\n  const nextSR = next.sourceRect\n  const sourceRectChanged =\n    prevSR?.x !== nextSR?.x ||\n    prevSR?.y !== nextSR?.y ||\n    prevSR?.w !== nextSR?.w ||\n    prevSR?.h !== nextSR?.h\n\n  // Check if the underlying source changed\n  const textureChanged = prev.texture !== next.texture || prev.frame !== next.frame\n  if ((textureChanged || sourceRectChanged) && next.texture) {\n    const nextSource = retainImageSubTexture(image.scene, next.texture, next.frame, nextSR)\n    image.setTexture(nextSource.texture, nextSource.frame)\n    releaseImageSubTexture(image.scene, derivedImage.__subTextureCacheKey)\n    derivedImage.__subTextureCacheKey = nextSource.cacheKey\n  }\n\n  // Apply tint\n  if (prev.tint !== next.tint) {\n    if (typeof next.tint === 'number') {\n      image.setTint(next.tint)\n    } else {\n      image.clearTint()\n    }\n  }\n\n  // Apply origin if specified\n  if (prev.originX !== next.originX || prev.originY !== next.originY) {\n    const originX = next.originX ?? image.originX\n    const originY = next.originY ?? image.originY\n    image.setOrigin(originX, originY)\n  }\n\n  // Apply displayWidth/displayHeight with fit mode\n  const displayWidthChanged = prev.displayWidth !== next.displayWidth\n  const displayHeightChanged = prev.displayHeight !== next.displayHeight\n  const fitChanged = prev.fit !== next.fit\n\n  if (\n    displayWidthChanged ||\n    displayHeightChanged ||\n    fitChanged ||\n    textureChanged ||\n    sourceRectChanged\n  ) {\n    if (typeof next.displayWidth === 'number' && typeof next.displayHeight === 'number') {\n      const { scaleX, scaleY } = calculateImageFitScale(\n        image,\n        next.displayWidth,\n        next.displayHeight,\n        next.fit,\n        nextSR\n      )\n      image.setScale(scaleX, scaleY)\n    } else if (typeof next.displayWidth === 'number') {\n      // Only width specified - preserve aspect ratio\n      const { width } = getImageSourceDimensions(image, nextSR)\n      const scale = width > 0 ? next.displayWidth / width : 1\n      image.setScale(scale)\n    } else if (typeof next.displayHeight === 'number') {\n      // Only height specified - preserve aspect ratio\n      const { height } = getImageSourceDimensions(image, nextSR)\n      const scale = height > 0 ? next.displayHeight / height : 1\n      image.setScale(scale, scale)\n    } else {\n      image.setScale(1, 1)\n    }\n  }\n}\n"],"names":[],"mappings":";AAqBO,SAAS,yBACd,OACA,YACmC;AACnC,MAAI,YAAY;AACd,WAAO;AAAA,MACL,OAAO,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA,MAC/B,QAAQ,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA,IAAA;AAAA,EAEpC;AAEA,SAAO;AAAA,IACL,OAAO,MAAM,MAAM;AAAA,IACnB,QAAQ,MAAM,MAAM;AAAA,EAAA;AAExB;AAWO,SAAS,uBACd,OACA,aACA,cACA,MAAoC,QACpC,YACoC;AACpC,QAAM,EAAE,OAAO,cAAc,QAAQ,kBAAkB,yBAAyB,OAAO,UAAU;AAEjG,MAAI,iBAAiB,KAAK,kBAAkB,GAAG;AAC7C,WAAO,EAAE,QAAQ,GAAG,QAAQ,EAAA;AAAA,EAC9B;AAEA,MAAI,QAAQ,QAAQ;AAElB,WAAO;AAAA,MACL,QAAQ,cAAc;AAAA,MACtB,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,cAAc;AACnC,QAAM,gBAAgB,eAAe;AAErC,MAAI,QAAQ,WAAW;AAErB,UAAM,QACJ,eAAe,gBAAgB,eAAe,gBAAgB,cAAc;AAC9E,WAAO,EAAE,QAAQ,OAAO,QAAQ,MAAA;AAAA,EAClC;AAEA,MAAI,QAAQ,SAAS;AAEnB,UAAM,QACJ,eAAe,gBAAgB,eAAe,gBAAgB,cAAc;AAC9E,WAAO,EAAE,QAAQ,OAAO,QAAQ,MAAA;AAAA,EAClC;AAEA,SAAO,EAAE,QAAQ,GAAG,QAAQ,EAAA;AAC9B;AAQO,SAAS,gBACd,OACA,MACA,MACM;AACN,QAAM,eAAe;AACrB,QAAM,SAAS,KAAK;AACpB,QAAM,SAAS,KAAK;AACpB,QAAM,oBACJ,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ,KACtB,QAAQ,MAAM,QAAQ;AAGxB,QAAM,iBAAiB,KAAK,YAAY,KAAK,WAAW,KAAK,UAAU,KAAK;AAC5E,OAAK,kBAAkB,sBAAsB,KAAK,SAAS;AACzD,UAAM,aAAa,sBAAsB,MAAM,OAAO,KAAK,SAAS,KAAK,OAAO,MAAM;AACtF,UAAM,WAAW,WAAW,SAAS,WAAW,KAAK;AACrD,2BAAuB,MAAM,OAAO,aAAa,oBAAoB;AACrE,iBAAa,uBAAuB,WAAW;AAAA,EACjD;AAGA,MAAI,KAAK,SAAS,KAAK,MAAM;AAC3B,QAAI,OAAO,KAAK,SAAS,UAAU;AACjC,YAAM,QAAQ,KAAK,IAAI;AAAA,IACzB,OAAO;AACL,YAAM,UAAA;AAAA,IACR;AAAA,EACF;AAGA,MAAI,KAAK,YAAY,KAAK,WAAW,KAAK,YAAY,KAAK,SAAS;AAClE,UAAM,UAAU,KAAK,WAAW,MAAM;AACtC,UAAM,UAAU,KAAK,WAAW,MAAM;AACtC,UAAM,UAAU,SAAS,OAAO;AAAA,EAClC;AAGA,QAAM,sBAAsB,KAAK,iBAAiB,KAAK;AACvD,QAAM,uBAAuB,KAAK,kBAAkB,KAAK;AACzD,QAAM,aAAa,KAAK,QAAQ,KAAK;AAErC,MACE,uBACA,wBACA,cACA,kBACA,mBACA;AACA,QAAI,OAAO,KAAK,iBAAiB,YAAY,OAAO,KAAK,kBAAkB,UAAU;AACnF,YAAM,EAAE,QAAQ,OAAA,IAAW;AAAA,QACzB;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,MAAA;AAEF,YAAM,SAAS,QAAQ,MAAM;AAAA,IAC/B,WAAW,OAAO,KAAK,iBAAiB,UAAU;AAEhD,YAAM,EAAE,MAAA,IAAU,yBAAyB,OAAO,MAAM;AACxD,YAAM,QAAQ,QAAQ,IAAI,KAAK,eAAe,QAAQ;AACtD,YAAM,SAAS,KAAK;AAAA,IACtB,WAAW,OAAO,KAAK,kBAAkB,UAAU;AAEjD,YAAM,EAAE,OAAA,IAAW,yBAAyB,OAAO,MAAM;AACzD,YAAM,QAAQ,SAAS,IAAI,KAAK,gBAAgB,SAAS;AACzD,YAAM,SAAS,OAAO,KAAK;AAAA,IAC7B,OAAO;AACL,YAAM,SAAS,GAAG,CAAC;AAAA,IACrB;AAAA,EACF;AACF;"}

package/dist/components/appliers/applyImageLayout.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyImageLayout(image, prev, next) {
+  image.__layoutProps = next;
+  if (prev.headless !== next.headless) {
+    image.__getLayoutSize = () => {
+      if (image.__layoutProps?.headless) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: image.displayWidth,
+        height: image.displayHeight
+      };
+    };
+  }
+}
+exports.applyImageLayout = applyImageLayout;
+//# sourceMappingURL=applyImageLayout.cjs.map

package/dist/components/appliers/applyImageLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImageLayout.cjs","sources":["../../../src/components/appliers/applyImageLayout.ts"],"sourcesContent":["/**\n * Layout applier for Image components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { LayoutSize } from '../../layout/index'\nimport type { ImageBaseProps } from '../primitives/image'\n\n/**\n * Applies layout props and updates layout size provider\n * @param image - Phaser Image object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyImageLayout(\n  image: Phaser.GameObjects.Image & {\n    __layoutProps?: ImageBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  prev: Partial<ImageBaseProps & LayoutProps>,\n  next: Partial<ImageBaseProps & LayoutProps>\n): void {\n  // Update layout props reference\n  image.__layoutProps = next as ImageBaseProps\n\n  // Update size provider if headless flag changed\n  if (prev.headless !== next.headless) {\n    image.__getLayoutSize = () => {\n      if (image.__layoutProps?.headless) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: image.displayWidth,\n        height: image.displayHeight,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":";;AAcO,SAAS,iBACd,OAIA,MACA,MACM;AAEN,QAAM,gBAAgB;AAGtB,MAAI,KAAK,aAAa,KAAK,UAAU;AACnC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,MAAM,eAAe,UAAU;AACjC,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MAAA;AAAA,IAElB;AAAA,EACF;AACF;;"}

package/dist/components/appliers/applyImageLayout.d.ts

@@ -0,0 +1,18 @@
+import { LayoutProps } from '../../core-props';
+import { LayoutSize } from '../../layout/index';
+import { ImageBaseProps } from '../primitives/image';
+/**
+ * Layout applier for Image components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies layout props and updates layout size provider
+ * @param image - Phaser Image object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyImageLayout(image: Phaser.GameObjects.Image & {
+    __layoutProps?: ImageBaseProps;
+    __getLayoutSize?: () => LayoutSize;
+}, prev: Partial<ImageBaseProps & LayoutProps>, next: Partial<ImageBaseProps & LayoutProps>): void;
+//# sourceMappingURL=applyImageLayout.d.ts.map

package/dist/components/appliers/applyImageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImageLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyImageLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,GAAG;IAChC,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,UAAU,CAAA;CACnC,EACD,IAAI,EAAE,OAAO,CAAC,cAAc,GAAG,WAAW,CAAC,EAC3C,IAAI,EAAE,OAAO,CAAC,cAAc,GAAG,WAAW,CAAC,GAC1C,IAAI,CAgBN"}

package/dist/components/appliers/applyImageLayout.js

@@ -0,0 +1,18 @@
+function applyImageLayout(image, prev, next) {
+  image.__layoutProps = next;
+  if (prev.headless !== next.headless) {
+    image.__getLayoutSize = () => {
+      if (image.__layoutProps?.headless) {
+        return { width: 0.01, height: 0.01 };
+      }
+      return {
+        width: image.displayWidth,
+        height: image.displayHeight
+      };
+    };
+  }
+}
+export {
+  applyImageLayout
+};
+//# sourceMappingURL=applyImageLayout.js.map

package/dist/components/appliers/applyImageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyImageLayout.js","sources":["../../../src/components/appliers/applyImageLayout.ts"],"sourcesContent":["/**\n * Layout applier for Image components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutProps } from '../../core-props'\nimport type { LayoutSize } from '../../layout/index'\nimport type { ImageBaseProps } from '../primitives/image'\n\n/**\n * Applies layout props and updates layout size provider\n * @param image - Phaser Image object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyImageLayout(\n  image: Phaser.GameObjects.Image & {\n    __layoutProps?: ImageBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  prev: Partial<ImageBaseProps & LayoutProps>,\n  next: Partial<ImageBaseProps & LayoutProps>\n): void {\n  // Update layout props reference\n  image.__layoutProps = next as ImageBaseProps\n\n  // Update size provider if headless flag changed\n  if (prev.headless !== next.headless) {\n    image.__getLayoutSize = () => {\n      if (image.__layoutProps?.headless) {\n        return { width: 0.01, height: 0.01 }\n      }\n      return {\n        width: image.displayWidth,\n        height: image.displayHeight,\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAcO,SAAS,iBACd,OAIA,MACA,MACM;AAEN,QAAM,gBAAgB;AAGtB,MAAI,KAAK,aAAa,KAAK,UAAU;AACnC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,MAAM,eAAe,UAAU;AACjC,eAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,MAChC;AACA,aAAO;AAAA,QACL,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,MAAA;AAAA,IAElB;AAAA,EACF;AACF;"}