@number10/jsx-phaser 5.0.0

package/dist/components/backgroundImage.js

@@ -0,0 +1,411 @@
+import { isAnimatedSignal, resolveBorderSides, resolveCornerRadii, isUniformBorder, drawBorderGeometry, hasAnyCornerRadius } from "@number10/jsx-core";
+import "phaser";
+import { PhaserVectorDrawContext } from "../vector/PhaserVectorDrawContext.js";
+const sceneBackgroundTextureCaches = /* @__PURE__ */ new WeakMap();
+class OffsetVectorDrawContext {
+  constructor(base, dx, dy) {
+    this.base = base;
+    this.dx = dx;
+    this.dy = dy;
+  }
+  base;
+  dx;
+  dy;
+  clear() {
+    this.base.clear();
+    return this;
+  }
+  fillStyle(color, alpha) {
+    this.base.fillStyle(color, alpha);
+    return this;
+  }
+  lineStyle(width, color, alpha) {
+    this.base.lineStyle(width, color, alpha);
+    return this;
+  }
+  arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+    this.base.arc(x + this.dx, y + this.dy, radius, startAngle, endAngle, anticlockwise);
+    return this;
+  }
+  fillCircle(x, y, radius) {
+    this.base.fillCircle(x + this.dx, y + this.dy, radius);
+    return this;
+  }
+  strokeCircle(x, y, radius) {
+    this.base.strokeCircle(x + this.dx, y + this.dy, radius);
+    return this;
+  }
+  fillCircleStyled(x, y, radius, color, alpha) {
+    this.base.fillCircleStyled(x + this.dx, y + this.dy, radius, color, alpha);
+    return this;
+  }
+  fillRect(x, y, width, height) {
+    this.base.fillRect(x + this.dx, y + this.dy, width, height);
+    return this;
+  }
+  strokeRect(x, y, width, height) {
+    this.base.strokeRect(x + this.dx, y + this.dy, width, height);
+    return this;
+  }
+  fillRoundedRect(x, y, width, height, radius) {
+    this.base.fillRoundedRect(x + this.dx, y + this.dy, width, height, radius);
+    return this;
+  }
+  strokeRoundedRect(x, y, width, height, radius) {
+    this.base.strokeRoundedRect(x + this.dx, y + this.dy, width, height, radius);
+    return this;
+  }
+  beginPath() {
+    this.base.beginPath();
+    return this;
+  }
+  moveTo(x, y) {
+    this.base.moveTo(x + this.dx, y + this.dy);
+    return this;
+  }
+  lineTo(x, y) {
+    this.base.lineTo(x + this.dx, y + this.dy);
+    return this;
+  }
+  closePath() {
+    this.base.closePath();
+    return this;
+  }
+  fillPath() {
+    this.base.fillPath();
+    return this;
+  }
+  strokePath() {
+    this.base.strokePath();
+    return this;
+  }
+  lineBetween(x1, y1, x2, y2) {
+    this.base.lineBetween(x1 + this.dx, y1 + this.dy, x2 + this.dx, y2 + this.dy);
+    return this;
+  }
+  strokeLine(x1, y1, x2, y2, width, color, alpha) {
+    this.base.strokeLine(
+      x1 + this.dx,
+      y1 + this.dy,
+      x2 + this.dx,
+      y2 + this.dy,
+      width,
+      color,
+      alpha
+    );
+    return this;
+  }
+  fillArc(cx, cy, r, startAngle, endAngle, color, alpha) {
+    this.base.fillArc(cx + this.dx, cy + this.dy, r, startAngle, endAngle, color, alpha);
+    return this;
+  }
+}
+function hasAdvancedBorder(props) {
+  const border = props.border;
+  if (!border) return false;
+  const w = resolveBorderSides(border.width);
+  return w.top > 0 || w.right > 0 || w.bottom > 0 || w.left > 0;
+}
+function normalizeBorderForCache(border) {
+  const width = border.width;
+  const widthStr = typeof width === "number" ? String(width) : `${width?.top ?? 0},${width?.right ?? 0},${width?.bottom ?? 0},${width?.left ?? 0}`;
+  return [
+    border.color ?? "none",
+    widthStr,
+    border.style ?? "solid",
+    border.dash?.join(",") ?? "",
+    border.dashOffset ?? 0,
+    border.cap ?? "",
+    border.join ?? "",
+    border.align ?? "center"
+  ].join("|");
+}
+function hasRenderableBackground(props) {
+  const hasBackground = props.backgroundColor !== void 0;
+  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== void 0;
+  const hasAdvanced = hasAdvancedBorder(props);
+  return hasBackground || hasBorder || hasAdvanced;
+}
+function hasRoundedCorners(radius) {
+  if (typeof radius === "number") {
+    return radius !== 0;
+  }
+  return (radius.tl ?? 0) !== 0 || (radius.tr ?? 0) !== 0 || (radius.bl ?? 0) !== 0 || (radius.br ?? 0) !== 0;
+}
+function insetCornerRadius(radius, inset) {
+  const insetSingleRadius = (value) => {
+    const resolved = value ?? 0;
+    const sign = resolved < 0 ? -1 : 1;
+    return sign * Math.max(0, Math.abs(resolved) - inset);
+  };
+  if (typeof radius === "number") {
+    return insetSingleRadius(radius);
+  }
+  return {
+    tl: insetSingleRadius(radius.tl),
+    tr: insetSingleRadius(radius.tr),
+    bl: insetSingleRadius(radius.bl),
+    br: insetSingleRadius(radius.br)
+  };
+}
+function offsetCornerRadius(radius, offset) {
+  const shiftSingleRadius = (value) => Math.max(0, (value ?? 0) - offset);
+  if (typeof radius === "number") {
+    return shiftSingleRadius(radius);
+  }
+  return {
+    tl: shiftSingleRadius(radius.tl),
+    tr: shiftSingleRadius(radius.tr),
+    bl: shiftSingleRadius(radius.bl),
+    br: shiftSingleRadius(radius.br)
+  };
+}
+function resolveBackgroundPadding(props) {
+  const border = props.border;
+  if (!border) return { left: 0, top: 0, right: 0, bottom: 0 };
+  const sides = resolveBorderSides(border.width);
+  const align = border.align ?? "center";
+  const dotDiameterOverride = border.style === "dotted" ? border.dash?.[1] : void 0;
+  const resolveSidePadding = (sideWidth) => {
+    const dotRadius = dotDiameterOverride !== void 0 ? dotDiameterOverride / 2 : sideWidth / 2;
+    if (align === "inside") {
+      return Math.max(0, dotRadius - sideWidth / 2);
+    }
+    if (align === "outside") {
+      return sideWidth / 2 + dotRadius;
+    }
+    return dotRadius;
+  };
+  return {
+    left: resolveSidePadding(sides.left),
+    top: resolveSidePadding(sides.top),
+    right: resolveSidePadding(sides.right),
+    bottom: resolveSidePadding(sides.bottom)
+  };
+}
+function drawAdvancedBorder(graphics, w, h, cornerRadius, border, offsetX = 0, offsetY = 0) {
+  const sides = resolveBorderSides(border.width);
+  const corners = resolveCornerRadii(cornerRadius);
+  const maxSw = Math.max(sides.top, sides.right, sides.bottom, sides.left);
+  if (maxSw <= 0) return;
+  const isSolidUniform = isUniformBorder(sides) && (border.style ?? "solid") === "solid";
+  if (!isSolidUniform) {
+    const ctx = new OffsetVectorDrawContext(new PhaserVectorDrawContext(graphics), offsetX, offsetY);
+    drawBorderGeometry(ctx, { box: { x: 0, y: 0, w, h }, sides, corners }, border);
+    return;
+  }
+  const color = border.color ?? 16777215;
+  const alpha = typeof border.alpha === "number" ? border.alpha : 1;
+  const lineWidth = sides.top;
+  const rounded = hasAnyCornerRadius(corners);
+  const alignOff = (lw) => {
+    if (border.align === "inside") return lw / 2;
+    if (border.align === "outside") return -lw / 2;
+    return 0;
+  };
+  const offset = alignOff(lineWidth);
+  graphics.lineStyle(lineWidth, color, alpha);
+  if (rounded) {
+    graphics.strokeRoundedRect(
+      offsetX + offset,
+      offsetY + offset,
+      Math.max(0, w - offset * 2),
+      Math.max(0, h - offset * 2),
+      offsetCornerRadius(cornerRadius, offset)
+    );
+  } else {
+    graphics.strokeRect(
+      offsetX + offset,
+      offsetY + offset,
+      Math.max(0, w - offset * 2),
+      Math.max(0, h - offset * 2)
+    );
+  }
+}
+function drawBackground(graphics, props, width, height, offsetX = 0, offsetY = 0) {
+  if (width <= 0 || height <= 0) return;
+  const unwrap = (v, fallback) => v !== void 0 && isAnimatedSignal(v) ? v.value : v ?? fallback;
+  const bgColor = props.backgroundColor;
+  const bgAlpha = unwrap(props.backgroundAlpha, 1);
+  const cornerRadius = props.cornerRadius ?? 0;
+  const advancedBorder = hasAdvancedBorder(props);
+  const borderWidth = advancedBorder ? resolveBorderSides(props.border?.width).top : props.borderWidth ?? 0;
+  const borderAlpha = advancedBorder ? unwrap(props.border?.alpha, 1) : unwrap(props.borderAlpha, 1);
+  const hasLegacyBorder = !advancedBorder && borderWidth > 0 && props.borderColor !== void 0;
+  const resolvedBorderColor = hasLegacyBorder ? props.borderColor : void 0;
+  const rounded = hasRoundedCorners(cornerRadius);
+  if (bgColor !== void 0) {
+    graphics.fillStyle(bgColor, bgAlpha);
+  }
+  if (hasLegacyBorder) {
+    graphics.lineStyle(borderWidth, resolvedBorderColor ?? 42, borderAlpha);
+  }
+  if (rounded) {
+    if (bgColor !== void 0) {
+      graphics.fillRoundedRect(offsetX, offsetY, width, height, cornerRadius);
+    }
+    if (hasLegacyBorder) {
+      const inset = borderWidth / 2;
+      graphics.strokeRoundedRect(
+        offsetX + inset,
+        offsetY + inset,
+        Math.max(0, width - borderWidth),
+        Math.max(0, height - borderWidth),
+        insetCornerRadius(cornerRadius, inset)
+      );
+    }
+  } else {
+    if (bgColor !== void 0) {
+      graphics.fillRect(offsetX, offsetY, width, height);
+    }
+    if (hasLegacyBorder) {
+      const inset = borderWidth / 2;
+      graphics.strokeRect(
+        offsetX + inset,
+        offsetY + inset,
+        Math.max(0, width - borderWidth),
+        Math.max(0, height - borderWidth)
+      );
+    }
+  }
+  if (advancedBorder && props.border) {
+    drawAdvancedBorder(graphics, width, height, cornerRadius, props.border, offsetX, offsetY);
+  }
+}
+function getSceneBackgroundTextureCache(scene) {
+  let cache = sceneBackgroundTextureCaches.get(scene);
+  if (!cache) {
+    cache = /* @__PURE__ */ new Map();
+    sceneBackgroundTextureCaches.set(scene, cache);
+  }
+  return cache;
+}
+function hashCacheKey(value) {
+  let hash = 2166136261;
+  for (let i = 0; i < value.length; i++) {
+    hash ^= value.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0).toString(36);
+}
+function normalizeCornerRadius(radius) {
+  if (typeof radius === "number") {
+    return String(radius);
+  }
+  if (!radius) {
+    return "0";
+  }
+  return `${radius.tl ?? 0},${radius.tr ?? 0},${radius.bl ?? 0},${radius.br ?? 0}`;
+}
+function clearExistingCanvasTexture(scene, textureKey) {
+  if (!scene.textures.exists(textureKey)) {
+    return;
+  }
+  const texture = scene.textures.get(textureKey);
+  const source = texture?.getSourceImage?.();
+  if (!source || typeof source.getContext !== "function") {
+    return;
+  }
+  const canvas = source;
+  const ctx = canvas.getContext("2d", { willReadFrequently: true });
+  if (!ctx) {
+    return;
+  }
+  ctx.clearRect(0, 0, canvas.width ?? 0, canvas.height ?? 0);
+}
+function getBackgroundImageCacheKey(props, width, height) {
+  const padding = resolveBackgroundPadding(props);
+  const textureWidth = Math.max(1, Math.ceil(width + padding.left + padding.right));
+  const textureHeight = Math.max(1, Math.ceil(height + padding.top + padding.bottom));
+  const advanced = hasAdvancedBorder(props) && props.border;
+  const borderSuffix = advanced ? normalizeBorderForCache(props.border ?? {}) : "";
+  return [
+    textureWidth,
+    textureHeight,
+    props.backgroundColor ?? "none",
+    1,
+    // backgroundAlpha — handled via Image.alpha
+    normalizeCornerRadius(props.cornerRadius),
+    props.borderWidth ?? 0,
+    props.borderColor ?? "none",
+    1,
+    // borderAlpha — handled via Image.alpha
+    advanced ? `adv:${borderSuffix}` : ""
+  ].join("|");
+}
+function createBackgroundImage(scene, props, width, height) {
+  if (!hasRenderableBackground(props)) {
+    return void 0;
+  }
+  const padding = resolveBackgroundPadding(props);
+  const textureWidth = Math.max(1, Math.ceil(width + padding.left + padding.right));
+  const textureHeight = Math.max(1, Math.ceil(height + padding.top + padding.bottom));
+  const cacheKey = getBackgroundImageCacheKey(props, width, height);
+  const textureKey = `__phaserjsx_bg_${hashCacheKey(cacheKey)}`;
+  const cache = getSceneBackgroundTextureCache(scene);
+  let entry = cache.get(cacheKey);
+  if (!entry || !scene.textures.exists(entry.textureKey)) {
+    const graphics = scene.add.graphics();
+    clearExistingCanvasTexture(scene, textureKey);
+    drawBackground(
+      graphics,
+      { ...props, backgroundAlpha: 1, borderAlpha: 1 },
+      width,
+      height,
+      padding.left,
+      padding.top
+    );
+    graphics.generateTexture(textureKey, textureWidth, textureHeight);
+    graphics.destroy();
+    entry = { textureKey, refs: 0 };
+    cache.set(cacheKey, entry);
+  }
+  entry.refs++;
+  const bgAlpha = Math.max(
+    0,
+    Math.min(
+      1,
+      props.backgroundAlpha !== void 0 && isAnimatedSignal(props.backgroundAlpha) ? props.backgroundAlpha.value : props.backgroundAlpha ?? 1
+    )
+  );
+  const background = scene.add.image(0, 0, entry.textureKey);
+  background.setOrigin(0, 0);
+  background.setPosition(-padding.left, -padding.top);
+  background.alpha = bgAlpha;
+  background.__isBackground = true;
+  background.__backgroundCacheKey = cacheKey;
+  background.__backgroundTextureKey = entry.textureKey;
+  background.__backgroundOffsetX = -padding.left;
+  background.__backgroundOffsetY = -padding.top;
+  background.once("destroy", () => releaseBackgroundImageTexture(background));
+  return background;
+}
+function releaseBackgroundImageTexture(background) {
+  if (background.__backgroundTextureReleased) {
+    return;
+  }
+  const scene = background.scene;
+  const cacheKey = background.__backgroundCacheKey;
+  background.__backgroundTextureReleased = true;
+  if (!scene || !cacheKey) {
+    return;
+  }
+  const cache = sceneBackgroundTextureCaches.get(scene);
+  const entry = cache?.get(cacheKey);
+  if (!cache || !entry) {
+    return;
+  }
+  entry.refs--;
+  if (entry.refs <= 0) {
+    cache.delete(cacheKey);
+  }
+}
+function destroyBackgroundImage(background) {
+  background.destroy();
+}
+export {
+  createBackgroundImage,
+  destroyBackgroundImage,
+  getBackgroundImageCacheKey
+};
+//# sourceMappingURL=backgroundImage.js.map

package/dist/components/backgroundImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundImage.js","sources":["../../src/components/backgroundImage.ts"],"sourcesContent":["import {\n  drawBorderGeometry,\n  hasAnyCornerRadius,\n  isAnimatedSignal,\n  isUniformBorder,\n  resolveBorderSides,\n  resolveCornerRadii,\n  type BorderPropsV2,\n  type VectorDrawContext,\n} from '@number10/jsx-core'\nimport * as Phaser from 'phaser'\nimport type { BackgroundProps } from '../core-props'\nimport { PhaserVectorDrawContext } from '../vector/PhaserVectorDrawContext'\n\nexport type BackgroundImage = Phaser.GameObjects.Image & {\n  __isBackground?: boolean\n  __backgroundCacheKey?: string\n  __backgroundTextureKey?: string\n  __backgroundTextureReleased?: boolean\n  __backgroundOffsetX?: number\n  __backgroundOffsetY?: number\n}\n\ntype BackgroundTextureCacheEntry = {\n  textureKey: string\n  refs: number\n}\n\nconst sceneBackgroundTextureCaches = new WeakMap<\n  Phaser.Scene,\n  Map<string, BackgroundTextureCacheEntry>\n>()\n\ntype CornerRadius = NonNullable<BackgroundProps['cornerRadius']>\ntype RenderPadding = { left: number; top: number; right: number; bottom: number }\n\nclass OffsetVectorDrawContext implements VectorDrawContext {\n  constructor(\n    private readonly base: VectorDrawContext,\n    private readonly dx: number,\n    private readonly dy: number\n  ) {}\n\n  clear(): this {\n    this.base.clear()\n    return this\n  }\n\n  fillStyle(color: number, alpha?: number): this {\n    this.base.fillStyle(color, alpha)\n    return this\n  }\n\n  lineStyle(width: number, color: number, alpha?: number): this {\n    this.base.lineStyle(width, color, alpha)\n    return this\n  }\n\n  arc(\n    x: number,\n    y: number,\n    radius: number,\n    startAngle: number,\n    endAngle: number,\n    anticlockwise?: boolean\n  ): this {\n    this.base.arc(x + this.dx, y + this.dy, radius, startAngle, endAngle, anticlockwise)\n    return this\n  }\n\n  fillCircle(x: number, y: number, radius: number): this {\n    this.base.fillCircle(x + this.dx, y + this.dy, radius)\n    return this\n  }\n\n  strokeCircle(x: number, y: number, radius: number): this {\n    this.base.strokeCircle(x + this.dx, y + this.dy, radius)\n    return this\n  }\n\n  fillCircleStyled(x: number, y: number, radius: number, color: number, alpha: number): this {\n    this.base.fillCircleStyled(x + this.dx, y + this.dy, radius, color, alpha)\n    return this\n  }\n\n  fillRect(x: number, y: number, width: number, height: number): this {\n    this.base.fillRect(x + this.dx, y + this.dy, width, height)\n    return this\n  }\n\n  strokeRect(x: number, y: number, width: number, height: number): this {\n    this.base.strokeRect(x + this.dx, y + this.dy, width, height)\n    return this\n  }\n\n  fillRoundedRect(x: number, y: number, width: number, height: number, radius: number): this {\n    this.base.fillRoundedRect(x + this.dx, y + this.dy, width, height, radius)\n    return this\n  }\n\n  strokeRoundedRect(x: number, y: number, width: number, height: number, radius: number): this {\n    this.base.strokeRoundedRect(x + this.dx, y + this.dy, width, height, radius)\n    return this\n  }\n\n  beginPath(): this {\n    this.base.beginPath()\n    return this\n  }\n\n  moveTo(x: number, y: number): this {\n    this.base.moveTo(x + this.dx, y + this.dy)\n    return this\n  }\n\n  lineTo(x: number, y: number): this {\n    this.base.lineTo(x + this.dx, y + this.dy)\n    return this\n  }\n\n  closePath(): this {\n    this.base.closePath()\n    return this\n  }\n\n  fillPath(): this {\n    this.base.fillPath()\n    return this\n  }\n\n  strokePath(): this {\n    this.base.strokePath()\n    return this\n  }\n\n  lineBetween(x1: number, y1: number, x2: number, y2: number): this {\n    this.base.lineBetween(x1 + this.dx, y1 + this.dy, x2 + this.dx, y2 + this.dy)\n    return this\n  }\n\n  strokeLine(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number,\n    width: number,\n    color: number,\n    alpha: number\n  ): this {\n    this.base.strokeLine(\n      x1 + this.dx,\n      y1 + this.dy,\n      x2 + this.dx,\n      y2 + this.dy,\n      width,\n      color,\n      alpha\n    )\n    return this\n  }\n\n  fillArc(\n    cx: number,\n    cy: number,\n    r: number,\n    startAngle: number,\n    endAngle: number,\n    color: number,\n    alpha: number\n  ): this {\n    this.base.fillArc(cx + this.dx, cy + this.dy, r, startAngle, endAngle, color, alpha)\n    return this\n  }\n}\n\n/**\n * Check whether the props contain a BorderPropsV2 with renderable width.\n */\nfunction hasAdvancedBorder(props: Partial<BackgroundProps>): boolean {\n  const border = props.border\n  if (!border) return false\n  const w = resolveBorderSides(border.width)\n  return w.top > 0 || w.right > 0 || w.bottom > 0 || w.left > 0\n}\n\n/**\n * Normalize a BorderPropsV2 for cache key purposes (strip animated alpha).\n */\nfunction normalizeBorderForCache(border: BorderPropsV2): string {\n  const width = border.width\n  const widthStr =\n    typeof width === 'number'\n      ? String(width)\n      : `${width?.top ?? 0},${width?.right ?? 0},${width?.bottom ?? 0},${width?.left ?? 0}`\n  return [\n    border.color ?? 'none',\n    widthStr,\n    border.style ?? 'solid',\n    border.dash?.join(',') ?? '',\n    border.dashOffset ?? 0,\n    border.cap ?? '',\n    border.join ?? '',\n    border.align ?? 'center',\n  ].join('|')\n}\n\nfunction hasRenderableBackground(props: Partial<BackgroundProps>): boolean {\n  const hasBackground = props.backgroundColor !== undefined\n  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== undefined\n  const hasAdvanced = hasAdvancedBorder(props)\n  return hasBackground || hasBorder || hasAdvanced\n}\n\nfunction hasRoundedCorners(radius: CornerRadius): boolean {\n  if (typeof radius === 'number') {\n    return radius !== 0\n  }\n\n  return (\n    (radius.tl ?? 0) !== 0 ||\n    (radius.tr ?? 0) !== 0 ||\n    (radius.bl ?? 0) !== 0 ||\n    (radius.br ?? 0) !== 0\n  )\n}\n\nfunction insetCornerRadius(radius: CornerRadius, inset: number): CornerRadius {\n  const insetSingleRadius = (value: number | undefined): number => {\n    const resolved = value ?? 0\n    const sign = resolved < 0 ? -1 : 1\n    return sign * Math.max(0, Math.abs(resolved) - inset)\n  }\n\n  if (typeof radius === 'number') {\n    return insetSingleRadius(radius)\n  }\n\n  return {\n    tl: insetSingleRadius(radius.tl),\n    tr: insetSingleRadius(radius.tr),\n    bl: insetSingleRadius(radius.bl),\n    br: insetSingleRadius(radius.br),\n  }\n}\n\nfunction offsetCornerRadius(radius: CornerRadius, offset: number): CornerRadius {\n  const shiftSingleRadius = (value: number | undefined): number =>\n    Math.max(0, (value ?? 0) - offset)\n\n  if (typeof radius === 'number') {\n    return shiftSingleRadius(radius)\n  }\n\n  return {\n    tl: shiftSingleRadius(radius.tl),\n    tr: shiftSingleRadius(radius.tr),\n    bl: shiftSingleRadius(radius.bl),\n    br: shiftSingleRadius(radius.br),\n  }\n}\n\nfunction resolveBackgroundPadding(props: Partial<BackgroundProps>): RenderPadding {\n  const border = props.border\n  if (!border) return { left: 0, top: 0, right: 0, bottom: 0 }\n\n  const sides = resolveBorderSides(border.width)\n  const align = border.align ?? 'center'\n  const dotDiameterOverride = border.style === 'dotted' ? border.dash?.[1] : undefined\n\n  const resolveSidePadding = (sideWidth: number): number => {\n    const dotRadius = dotDiameterOverride !== undefined ? dotDiameterOverride / 2 : sideWidth / 2\n    if (align === 'inside') {\n      return Math.max(0, dotRadius - sideWidth / 2)\n    }\n    if (align === 'outside') {\n      return sideWidth / 2 + dotRadius\n    }\n    return dotRadius\n  }\n\n  return {\n    left: resolveSidePadding(sides.left),\n    top: resolveSidePadding(sides.top),\n    right: resolveSidePadding(sides.right),\n    bottom: resolveSidePadding(sides.bottom),\n  }\n}\n\n/**\n * Draw an advanced border using either the core geometry fallback (for\n * asymmetric, dashed, dotted, and other problematic cases) or native\n * Phaser stroke (for simple symmetric solid borders).\n *\n * ## Core Fallback\n *\n * All asymmetric, dashed, and dotted borders are routed through\n * {@link drawBorderGeometry} from `@number10/jsx-core`. This ensures:\n * - Single source of truth for border geometry\n * - Consistent dotted rendering (real round circles)\n * - Proper dashed arc-following on rounded corners\n *\n * ## Native Path\n *\n * Only symmetric solid borders use the native Phaser `strokeRect` /\n * `strokeRoundedRect` for optimal performance.\n */\nfunction drawAdvancedBorder(\n  graphics: Phaser.GameObjects.Graphics,\n  w: number,\n  h: number,\n  cornerRadius: CornerRadius,\n  border: BorderPropsV2,\n  offsetX = 0,\n  offsetY = 0\n): void {\n  const sides = resolveBorderSides(border.width)\n  const corners = resolveCornerRadii(cornerRadius)\n  const maxSw = Math.max(sides.top, sides.right, sides.bottom, sides.left)\n  if (maxSw <= 0) return\n\n  const isSolidUniform = isUniformBorder(sides) && (border.style ?? 'solid') === 'solid'\n\n  if (!isSolidUniform) {\n    // Route through core: asymmetric, dashed, dotted, rounded-complex\n    const ctx = new OffsetVectorDrawContext(new PhaserVectorDrawContext(graphics), offsetX, offsetY)\n    drawBorderGeometry(ctx, { box: { x: 0, y: 0, w, h }, sides, corners }, border)\n    return\n  }\n\n  // --- Native path: symmetric solid only ---\n  const color = border.color ?? 0xffffff\n  const alpha = typeof border.alpha === 'number' ? border.alpha : 1\n  const lineWidth = sides.top\n  const rounded = hasAnyCornerRadius(corners)\n\n  const alignOff = (lw: number): number => {\n    if (border.align === 'inside') return lw / 2\n    if (border.align === 'outside') return -lw / 2\n    return 0\n  }\n  const offset = alignOff(lineWidth)\n  graphics.lineStyle(lineWidth, color, alpha)\n  if (rounded) {\n    graphics.strokeRoundedRect(\n      offsetX + offset,\n      offsetY + offset,\n      Math.max(0, w - offset * 2),\n      Math.max(0, h - offset * 2),\n      offsetCornerRadius(cornerRadius, offset)\n    )\n  } else {\n    graphics.strokeRect(\n      offsetX + offset,\n      offsetY + offset,\n      Math.max(0, w - offset * 2),\n      Math.max(0, h - offset * 2)\n    )\n  }\n}\n\nfunction drawBackground(\n  graphics: Phaser.GameObjects.Graphics,\n  props: Partial<BackgroundProps>,\n  width: number,\n  height: number,\n  offsetX = 0,\n  offsetY = 0\n): void {\n  if (width <= 0 || height <= 0) return\n\n  const unwrap = (v: unknown, fallback: number): number =>\n    v !== undefined && isAnimatedSignal(v) ? v.value : ((v as number) ?? fallback)\n  const bgColor = props.backgroundColor\n  const bgAlpha = unwrap(props.backgroundAlpha, 1)\n  const cornerRadius = props.cornerRadius ?? 0\n  const advancedBorder = hasAdvancedBorder(props)\n  const borderWidth = advancedBorder\n    ? resolveBorderSides(props.border?.width).top\n    : (props.borderWidth ?? 0)\n  const borderAlpha = advancedBorder ? unwrap(props.border?.alpha, 1) : unwrap(props.borderAlpha, 1)\n  const hasLegacyBorder = !advancedBorder && borderWidth > 0 && props.borderColor !== undefined\n  const resolvedBorderColor = hasLegacyBorder ? (props.borderColor as number) : undefined\n  const rounded = hasRoundedCorners(cornerRadius)\n\n  if (bgColor !== undefined) {\n    graphics.fillStyle(bgColor, bgAlpha)\n  }\n\n  if (hasLegacyBorder) {\n    graphics.lineStyle(borderWidth, resolvedBorderColor ?? 42, borderAlpha)\n  }\n\n  if (rounded) {\n    if (bgColor !== undefined) {\n      graphics.fillRoundedRect(offsetX, offsetY, width, height, cornerRadius)\n    }\n    if (hasLegacyBorder) {\n      const inset = borderWidth / 2\n      graphics.strokeRoundedRect(\n        offsetX + inset,\n        offsetY + inset,\n        Math.max(0, width - borderWidth),\n        Math.max(0, height - borderWidth),\n        insetCornerRadius(cornerRadius, inset)\n      )\n    }\n  } else {\n    if (bgColor !== undefined) {\n      graphics.fillRect(offsetX, offsetY, width, height)\n    }\n    if (hasLegacyBorder) {\n      const inset = borderWidth / 2\n      graphics.strokeRect(\n        offsetX + inset,\n        offsetY + inset,\n        Math.max(0, width - borderWidth),\n        Math.max(0, height - borderWidth)\n      )\n    }\n  }\n\n  // Draw advanced border on top of background fill\n  if (advancedBorder && props.border) {\n    drawAdvancedBorder(graphics, width, height, cornerRadius, props.border, offsetX, offsetY)\n  }\n}\n\nfunction getSceneBackgroundTextureCache(\n  scene: Phaser.Scene\n): Map<string, BackgroundTextureCacheEntry> {\n  let cache = sceneBackgroundTextureCaches.get(scene)\n\n  if (!cache) {\n    cache = new Map()\n    sceneBackgroundTextureCaches.set(scene, cache)\n  }\n\n  return cache\n}\n\nfunction hashCacheKey(value: string): string {\n  let hash = 2166136261\n\n  for (let i = 0; i < value.length; i++) {\n    hash ^= value.charCodeAt(i)\n    hash = Math.imul(hash, 16777619)\n  }\n\n  return (hash >>> 0).toString(36)\n}\n\nfunction normalizeCornerRadius(radius: BackgroundProps['cornerRadius']): string {\n  if (typeof radius === 'number') {\n    return String(radius)\n  }\n\n  if (!radius) {\n    return '0'\n  }\n\n  return `${radius.tl ?? 0},${radius.tr ?? 0},${radius.bl ?? 0},${radius.br ?? 0}`\n}\n\nfunction clearExistingCanvasTexture(scene: Phaser.Scene, textureKey: string): void {\n  if (!scene.textures.exists(textureKey)) {\n    return\n  }\n\n  const texture = scene.textures.get(textureKey)\n  const source = texture?.getSourceImage?.()\n\n  if (!source || typeof (source as { getContext?: unknown }).getContext !== 'function') {\n    return\n  }\n\n  const canvas = source as {\n    width?: number\n    height?: number\n    getContext: (\n      type: string,\n      options?: { willReadFrequently?: boolean }\n    ) => CanvasRenderingContext2D | null\n  }\n  const ctx = canvas.getContext('2d', { willReadFrequently: true })\n  if (!ctx) {\n    return\n  }\n\n  ctx.clearRect(0, 0, canvas.width ?? 0, canvas.height ?? 0)\n}\n\nexport function getBackgroundImageCacheKey(\n  props: Partial<BackgroundProps>,\n  width: number,\n  height: number\n): string {\n  // Alpha is applied via Image.alpha, not baked into the texture,\n  // so always use 1 for the cache key.\n  const padding = resolveBackgroundPadding(props)\n  const textureWidth = Math.max(1, Math.ceil(width + padding.left + padding.right))\n  const textureHeight = Math.max(1, Math.ceil(height + padding.top + padding.bottom))\n  const advanced = hasAdvancedBorder(props) && props.border\n  const borderSuffix = advanced ? normalizeBorderForCache(props.border ?? {}) : ''\n  return [\n    textureWidth,\n    textureHeight,\n    props.backgroundColor ?? 'none',\n    1, // backgroundAlpha — handled via Image.alpha\n    normalizeCornerRadius(props.cornerRadius),\n    props.borderWidth ?? 0,\n    props.borderColor ?? 'none',\n    1, // borderAlpha — handled via Image.alpha\n    advanced ? `adv:${borderSuffix}` : '',\n  ].join('|')\n}\n\nexport function createBackgroundImage(\n  scene: Phaser.Scene,\n  props: Partial<BackgroundProps>,\n  width: number,\n  height: number\n): BackgroundImage | undefined {\n  if (!hasRenderableBackground(props)) {\n    return undefined\n  }\n\n  const padding = resolveBackgroundPadding(props)\n  const textureWidth = Math.max(1, Math.ceil(width + padding.left + padding.right))\n  const textureHeight = Math.max(1, Math.ceil(height + padding.top + padding.bottom))\n  const cacheKey = getBackgroundImageCacheKey(props, width, height)\n  const textureKey = `__phaserjsx_bg_${hashCacheKey(cacheKey)}`\n  const cache = getSceneBackgroundTextureCache(scene)\n  let entry = cache.get(cacheKey)\n\n  if (!entry || !scene.textures.exists(entry.textureKey)) {\n    const graphics = scene.add.graphics()\n\n    clearExistingCanvasTexture(scene, textureKey)\n\n    // Draw texture with alpha=1 — the actual alpha is applied via Image.alpha\n    // so that animated signals can update it without recreating the texture.\n    drawBackground(\n      graphics,\n      { ...props, backgroundAlpha: 1, borderAlpha: 1 },\n      width,\n      height,\n      padding.left,\n      padding.top\n    )\n    graphics.generateTexture(textureKey, textureWidth, textureHeight)\n    graphics.destroy()\n\n    entry = { textureKey, refs: 0 }\n    cache.set(cacheKey, entry)\n  }\n\n  entry.refs++\n\n  const bgAlpha = Math.max(\n    0,\n    Math.min(\n      1,\n      props.backgroundAlpha !== undefined && isAnimatedSignal(props.backgroundAlpha)\n        ? props.backgroundAlpha.value\n        : (props.backgroundAlpha ?? 1)\n    )\n  )\n  const background = scene.add.image(0, 0, entry.textureKey) as BackgroundImage\n  background.setOrigin(0, 0)\n  background.setPosition(-padding.left, -padding.top)\n  background.alpha = bgAlpha as number\n  background.__isBackground = true\n  background.__backgroundCacheKey = cacheKey\n  background.__backgroundTextureKey = entry.textureKey\n  background.__backgroundOffsetX = -padding.left\n  background.__backgroundOffsetY = -padding.top\n  background.once('destroy', () => releaseBackgroundImageTexture(background))\n\n  return background\n}\n\nfunction releaseBackgroundImageTexture(background: BackgroundImage): void {\n  if (background.__backgroundTextureReleased) {\n    return\n  }\n\n  const scene = background.scene\n  const cacheKey = background.__backgroundCacheKey\n\n  background.__backgroundTextureReleased = true\n\n  if (!scene || !cacheKey) {\n    return\n  }\n\n  const cache = sceneBackgroundTextureCaches.get(scene)\n  const entry = cache?.get(cacheKey)\n\n  if (!cache || !entry) {\n    return\n  }\n\n  entry.refs--\n\n  if (entry.refs <= 0) {\n    // NOTE: Do NOT call scene.textures.remove() here.\n    // Removing a texture from Phaser's texture manager while live Image\n    // game objects still reference it causes a null-texture crash in\n    // Phaser's rendering pipeline (TexturerImage.run → resolution of null).\n    // This happens when multiple tabs share the same background cache key\n    // and the VDOM processes children in an order where one tab's old\n    // background is destroyed after another tab's new background was\n    // created with the same texture key. The eager removal nulls the\n    // texture on the newly created Image before it renders.\n    //\n    // Instead, we simply drop the cache entry and let Phaser manage the\n    // texture lifecycle. Background textures are typically small\n    // solid-color textures (a few KB), so the memory cost of keeping\n    // them in the texture manager is negligible.\n    cache.delete(cacheKey)\n  }\n}\n\nexport function destroyBackgroundImage(background: BackgroundImage): void {\n  background.destroy()\n}\n"],"names":[],"mappings":"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"}

package/dist/components/creators/createBackground.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const backgroundImage = require("../backgroundImage.cjs");
+function createBackground(scene, container, props) {
+  const hasBackground = props.backgroundColor !== void 0;
+  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== void 0;
+  const hasAdvanced = props.border !== void 0 && (typeof props.border.width === "number" ? props.border.width > 0 : true);
+  if (hasBackground || hasBorder || hasAdvanced) {
+    const width = typeof props.width === "number" ? props.width : 100;
+    const height = typeof props.height === "number" ? props.height : 100;
+    const background = backgroundImage.createBackgroundImage(scene, props, width, height);
+    if (!background) return;
+    container.addAt(background, 0);
+    container.__background = background;
+  }
+}
+exports.createBackground = createBackground;
+//# sourceMappingURL=createBackground.cjs.map

package/dist/components/creators/createBackground.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBackground.cjs","sources":["../../../src/components/creators/createBackground.ts"],"sourcesContent":["/**\n * Shared property creators for component initialization\n * These functions avoid code duplication when creating nodes with initial properties\n */\nimport type * as Phaser from 'phaser'\nimport type { BackgroundProps } from '../../core-props'\nimport { createBackgroundImage, type BackgroundImage } from '../backgroundImage'\n\n/**\n * Create background graphics for container-based components\n * @param scene - Phaser scene\n * @param container - Container to add background to\n * @param props - Props with background settings\n */\nexport function createBackground(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container & { __background?: BackgroundImage },\n  props: Partial<\n    BackgroundProps & { width?: number | string | undefined; height?: number | string | undefined }\n  >\n): void {\n  const hasBackground = props.backgroundColor !== undefined\n  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== undefined\n  const hasAdvanced =\n    props.border !== undefined &&\n    (typeof props.border.width === 'number' ? props.border.width > 0 : true)\n\n  if (hasBackground || hasBorder || hasAdvanced) {\n    const width = typeof props.width === 'number' ? props.width : 100\n    const height = typeof props.height === 'number' ? props.height : 100\n\n    const background = createBackgroundImage(scene, props, width, height)\n\n    if (!background) return\n\n    container.addAt(background, 0)\n    container.__background = background\n  }\n}\n"],"names":["createBackgroundImage"],"mappings":";;;AAcO,SAAS,iBACd,OACA,WACA,OAGM;AACN,QAAM,gBAAgB,MAAM,oBAAoB;AAChD,QAAM,aAAa,MAAM,eAAe,KAAK,KAAK,MAAM,gBAAgB;AACxE,QAAM,cACJ,MAAM,WAAW,WAChB,OAAO,MAAM,OAAO,UAAU,WAAW,MAAM,OAAO,QAAQ,IAAI;AAErE,MAAI,iBAAiB,aAAa,aAAa;AAC7C,UAAM,QAAQ,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAC9D,UAAM,SAAS,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS;AAEjE,UAAM,aAAaA,gBAAAA,sBAAsB,OAAO,OAAO,OAAO,MAAM;AAEpE,QAAI,CAAC,WAAY;AAEjB,cAAU,MAAM,YAAY,CAAC;AAC7B,cAAU,eAAe;AAAA,EAC3B;AACF;;"}

package/dist/components/creators/createBackground.d.ts

@@ -0,0 +1,20 @@
+import { BackgroundProps } from '../../core-props';
+import { BackgroundImage } from '../backgroundImage';
+/**
+ * Shared property creators for component initialization
+ * These functions avoid code duplication when creating nodes with initial properties
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Create background graphics for container-based components
+ * @param scene - Phaser scene
+ * @param container - Container to add background to
+ * @param props - Props with background settings
+ */
+export declare function createBackground(scene: Phaser.Scene, container: Phaser.GameObjects.Container & {
+    __background?: BackgroundImage;
+}, props: Partial<BackgroundProps & {
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+}>): void;
+//# sourceMappingURL=createBackground.d.ts.map

package/dist/components/creators/createBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBackground.d.ts","sourceRoot":"","sources":["../../../src/components/creators/createBackground.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEhF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG;IAAE,YAAY,CAAC,EAAE,eAAe,CAAA;CAAE,EAC5E,KAAK,EAAE,OAAO,CACZ,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAChG,GACA,IAAI,CAkBN"}

package/dist/components/creators/createBackground.js

@@ -0,0 +1,18 @@
+import { createBackgroundImage } from "../backgroundImage.js";
+function createBackground(scene, container, props) {
+  const hasBackground = props.backgroundColor !== void 0;
+  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== void 0;
+  const hasAdvanced = props.border !== void 0 && (typeof props.border.width === "number" ? props.border.width > 0 : true);
+  if (hasBackground || hasBorder || hasAdvanced) {
+    const width = typeof props.width === "number" ? props.width : 100;
+    const height = typeof props.height === "number" ? props.height : 100;
+    const background = createBackgroundImage(scene, props, width, height);
+    if (!background) return;
+    container.addAt(background, 0);
+    container.__background = background;
+  }
+}
+export {
+  createBackground
+};
+//# sourceMappingURL=createBackground.js.map

package/dist/components/creators/createBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBackground.js","sources":["../../../src/components/creators/createBackground.ts"],"sourcesContent":["/**\n * Shared property creators for component initialization\n * These functions avoid code duplication when creating nodes with initial properties\n */\nimport type * as Phaser from 'phaser'\nimport type { BackgroundProps } from '../../core-props'\nimport { createBackgroundImage, type BackgroundImage } from '../backgroundImage'\n\n/**\n * Create background graphics for container-based components\n * @param scene - Phaser scene\n * @param container - Container to add background to\n * @param props - Props with background settings\n */\nexport function createBackground(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container & { __background?: BackgroundImage },\n  props: Partial<\n    BackgroundProps & { width?: number | string | undefined; height?: number | string | undefined }\n  >\n): void {\n  const hasBackground = props.backgroundColor !== undefined\n  const hasBorder = (props.borderWidth ?? 0) > 0 && props.borderColor !== undefined\n  const hasAdvanced =\n    props.border !== undefined &&\n    (typeof props.border.width === 'number' ? props.border.width > 0 : true)\n\n  if (hasBackground || hasBorder || hasAdvanced) {\n    const width = typeof props.width === 'number' ? props.width : 100\n    const height = typeof props.height === 'number' ? props.height : 100\n\n    const background = createBackgroundImage(scene, props, width, height)\n\n    if (!background) return\n\n    container.addAt(background, 0)\n    container.__background = background\n  }\n}\n"],"names":[],"mappings":";AAcO,SAAS,iBACd,OACA,WACA,OAGM;AACN,QAAM,gBAAgB,MAAM,oBAAoB;AAChD,QAAM,aAAa,MAAM,eAAe,KAAK,KAAK,MAAM,gBAAgB;AACxE,QAAM,cACJ,MAAM,WAAW,WAChB,OAAO,MAAM,OAAO,UAAU,WAAW,MAAM,OAAO,QAAQ,IAAI;AAErE,MAAI,iBAAiB,aAAa,aAAa;AAC7C,UAAM,QAAQ,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;AAC9D,UAAM,SAAS,OAAO,MAAM,WAAW,WAAW,MAAM,SAAS;AAEjE,UAAM,aAAa,sBAAsB,OAAO,OAAO,OAAO,MAAM;AAEpE,QAAI,CAAC,WAAY;AAEjB,cAAU,MAAM,YAAY,CAAC;AAC7B,cAAU,eAAe;AAAA,EAC3B;AACF;"}

package/dist/components/creators/createGestures.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Phaser = require("phaser");
+const gestureManager = require("../../gestures/gesture-manager.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Phaser__namespace = /* @__PURE__ */ _interopNamespaceDefault(Phaser);
+function createGestures(scene, container, props) {
+  const hasAnyGesture = !!(props.onTouch || props.onTouchOutside || props.onTouchMove || props.onDoubleTap || props.onLongPress || props.onHoverStart || props.onHoverEnd || props.onWheel);
+  const shouldEnable = hasAnyGesture && props.enableGestures !== false;
+  if (!shouldEnable) {
+    return;
+  }
+  const manager = gestureManager.getGestureManager(scene);
+  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__namespace.Geom.Rectangle(0, 0, width, height);
+  const callbacks = {};
+  if (props.onTouch) callbacks.onTouch = props.onTouch;
+  if (props.onTouchOutside) callbacks.onTouchOutside = props.onTouchOutside;
+  if (props.onTouchMove) callbacks.onTouchMove = props.onTouchMove;
+  if (props.onDoubleTap) callbacks.onDoubleTap = props.onDoubleTap;
+  if (props.onLongPress) callbacks.onLongPress = props.onLongPress;
+  if (props.onHoverStart) callbacks.onHoverStart = props.onHoverStart;
+  if (props.onHoverEnd) callbacks.onHoverEnd = props.onHoverEnd;
+  if (props.onWheel) callbacks.onWheel = props.onWheel;
+  const config = {};
+  if (props.longPressDuration !== void 0) config.longPressDuration = props.longPressDuration;
+  if (props.doubleTapDelay !== void 0) config.doubleTapDelay = props.doubleTapDelay;
+  if (props.maxTouchDuration !== void 0) config.maxTouchDuration = props.maxTouchDuration;
+  manager.registerContainer(container, callbacks, hitArea, config);
+}
+exports.createGestures = createGestures;
+//# sourceMappingURL=createGestures.cjs.map

package/dist/components/creators/createGestures.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGestures.cjs","sources":["../../../src/components/creators/createGestures.ts"],"sourcesContent":["/**\n * Gesture setup for component initialization\n * Registers containers with the GestureManager for high-level gesture detection\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 * Setup gesture tracking for container-based components\n * Only registers if enableGestures is true and at least one gesture callback exists\n * @param scene - Scene containing the gesture manager\n * @param container - Container to make gesture-aware\n * @param props - Props with gesture settings\n */\nexport function createGestures(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container,\n  props: Partial<GestureProps & LayoutProps>\n): void {\n  // Check if any gesture callback is defined\n  const hasAnyGesture = !!(\n    props.onTouch ||\n    props.onTouchOutside ||\n    props.onTouchMove ||\n    props.onDoubleTap ||\n    props.onLongPress ||\n    props.onHoverStart ||\n    props.onHoverEnd ||\n    props.onWheel\n  )\n\n  // Auto-enable gestures if callbacks are provided, unless explicitly disabled\n  const shouldEnable = hasAnyGesture && props.enableGestures !== false\n\n  if (!shouldEnable) {\n    return\n  }\n\n  // Get scene's gesture manager\n  const manager = getGestureManager(scene)\n\n  // Get actual calculated container size from layout system\n  // Use __getLayoutSize if available (set by createLayout), otherwise fallback to getBounds\n  const containerWithLayout = container as typeof container & {\n    __getLayoutSize?: () => LayoutSize\n  }\n\n  const { width, height } = containerWithLayout.__getLayoutSize\n    ? containerWithLayout.__getLayoutSize()\n    : (() => {\n        // Fallback to getBounds if __getLayoutSize not available yet\n        const bounds = container.getBounds()\n        return { width: bounds.width || 100, height: bounds.height || 100 }\n      })()\n\n  // Create hit area with origin at (0,0) - matches our component system\n  const hitArea = new Phaser.Geom.Rectangle(0, 0, width, height)\n\n  // Build callbacks object\n  const callbacks: GestureCallbacks = {}\n  if (props.onTouch) callbacks.onTouch = props.onTouch\n  if (props.onTouchOutside) callbacks.onTouchOutside = props.onTouchOutside\n  if (props.onTouchMove) callbacks.onTouchMove = props.onTouchMove\n  if (props.onDoubleTap) callbacks.onDoubleTap = props.onDoubleTap\n  if (props.onLongPress) callbacks.onLongPress = props.onLongPress\n  if (props.onHoverStart) callbacks.onHoverStart = props.onHoverStart\n  if (props.onHoverEnd) callbacks.onHoverEnd = props.onHoverEnd\n  if (props.onWheel) callbacks.onWheel = props.onWheel\n\n  // Build config (only include defined values)\n  const config: { longPressDuration?: number; doubleTapDelay?: number; maxTouchDuration?: number } =\n    {}\n  if (props.longPressDuration !== undefined) config.longPressDuration = props.longPressDuration\n  if (props.doubleTapDelay !== undefined) config.doubleTapDelay = props.doubleTapDelay\n  if (props.maxTouchDuration !== undefined) config.maxTouchDuration = props.maxTouchDuration\n\n  // Register with manager\n  manager.registerContainer(container, callbacks, hitArea, config)\n}\n"],"names":["getGestureManager","Phaser"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBO,SAAS,eACd,OACA,WACA,OACM;AAEN,QAAM,gBAAgB,CAAC,EACrB,MAAM,WACN,MAAM,kBACN,MAAM,eACN,MAAM,eACN,MAAM,eACN,MAAM,gBACN,MAAM,cACN,MAAM;AAIR,QAAM,eAAe,iBAAiB,MAAM,mBAAmB;AAE/D,MAAI,CAAC,cAAc;AACjB;AAAA,EACF;AAGA,QAAM,UAAUA,eAAAA,kBAAkB,KAAK;AAIvC,QAAM,sBAAsB;AAI5B,QAAM,EAAE,OAAO,WAAW,oBAAoB,kBAC1C,oBAAoB,gBAAA,KACnB,MAAM;AAEL,UAAM,SAAS,UAAU,UAAA;AACzB,WAAO,EAAE,OAAO,OAAO,SAAS,KAAK,QAAQ,OAAO,UAAU,IAAA;AAAA,EAChE,GAAA;AAGJ,QAAM,UAAU,IAAIC,kBAAO,KAAK,UAAU,GAAG,GAAG,OAAO,MAAM;AAG7D,QAAM,YAA8B,CAAA;AACpC,MAAI,MAAM,QAAS,WAAU,UAAU,MAAM;AAC7C,MAAI,MAAM,eAAgB,WAAU,iBAAiB,MAAM;AAC3D,MAAI,MAAM,YAAa,WAAU,cAAc,MAAM;AACrD,MAAI,MAAM,YAAa,WAAU,cAAc,MAAM;AACrD,MAAI,MAAM,YAAa,WAAU,cAAc,MAAM;AACrD,MAAI,MAAM,aAAc,WAAU,eAAe,MAAM;AACvD,MAAI,MAAM,WAAY,WAAU,aAAa,MAAM;AACnD,MAAI,MAAM,QAAS,WAAU,UAAU,MAAM;AAG7C,QAAM,SACJ,CAAA;AACF,MAAI,MAAM,sBAAsB,OAAW,QAAO,oBAAoB,MAAM;AAC5E,MAAI,MAAM,mBAAmB,OAAW,QAAO,iBAAiB,MAAM;AACtE,MAAI,MAAM,qBAAqB,OAAW,QAAO,mBAAmB,MAAM;AAG1E,UAAQ,kBAAkB,WAAW,WAAW,SAAS,MAAM;AACjE;;"}

package/dist/components/creators/createGestures.d.ts

@@ -0,0 +1,11 @@
+import { GestureProps, LayoutProps } from '../../core-props';
+import * as Phaser from 'phaser';
+/**
+ * Setup gesture tracking for container-based components
+ * Only registers if enableGestures is true and at least one gesture callback exists
+ * @param scene - Scene containing the gesture manager
+ * @param container - Container to make gesture-aware
+ * @param props - Props with gesture settings
+ */
+export declare function createGestures(scene: Phaser.Scene, container: Phaser.GameObjects.Container, props: Partial<GestureProps & LayoutProps>): void;
+//# sourceMappingURL=createGestures.d.ts.map

package/dist/components/creators/createGestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGestures.d.ts","sourceRoot":"","sources":["../../../src/components/creators/createGestures.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAIjE;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EACvC,KAAK,EAAE,OAAO,CAAC,YAAY,GAAG,WAAW,CAAC,GACzC,IAAI,CA4DN"}