@number10/jsx-phaser 5.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyText.cjs","sources":["../../../src/components/appliers/applyText.ts"],"sourcesContent":["/**\n * Shared property appliers for component patching\n * These functions avoid code duplication when updating node properties\n */\nimport { numberToRgb, parseSize, resolveSize, alpha as withAlpha } from '@number10/jsx-core'\nimport type { TextSpecificProps } from '../../core-props'\nimport equal from '../../utils/fast-deep-equal'\n\n/**\n * Generic node type with text capabilities\n */\ntype TextNode = {\n  setText: (text: string) => void\n  setStyle: (style: Phaser.Types.GameObjects.Text.TextStyle) => void\n  setWordWrapWidth: (width: number, useAdvancedWrap: boolean) => void\n  updateText?: () => void // Force Phaser to recalculate text metrics immediately\n  active?: boolean // Check if GameObject is still active\n  scene?: Phaser.Scene // Access to scene for texture checks\n  __surfaceContext?: {\n    viewport?: { width: number; height: number }\n  }\n}\n\ntype TextStyle = Phaser.Types.GameObjects.Text.TextStyle\ntype TextProps = Partial<TextSpecificProps & { alpha?: number; style?: TextStyle | undefined }>\ntype ResettableTextStyleKey = 'fontStyle' | 'fontWeight'\n\n/**\n * TextStyle with phaserjsx extensions (fontWeight maps to fontStyle at runtime)\n */\ntype TextStyleResettable = TextStyle & Record<ResettableTextStyleKey, string | undefined>\n\nconst RESETTABLE_TEXT_STYLE_DEFAULTS: Record<ResettableTextStyleKey, string> = {\n  fontStyle: 'normal',\n  fontWeight: 'normal',\n}\n\nfunction clampAlpha(value: number): number {\n  if (!Number.isFinite(value)) return 1\n  return Math.max(0, Math.min(1, value))\n}\n\nfunction parseTextBackgroundColor(\n  value: string | number\n): { red: number; green: number; blue: number; alpha: number } | null {\n  if (typeof value === 'number') {\n    const rgb = numberToRgb(value)\n    return { red: rgb.r, green: rgb.g, blue: rgb.b, alpha: 1 }\n  }\n\n  const normalized = value.trim()\n  if (normalized.length === 0) {\n    return null\n  }\n\n  if (normalized.startsWith('#')) {\n    const hex = normalized.slice(1)\n    if (hex.length === 3 || hex.length === 4) {\n      const r = hex[0] ?? '0'\n      const g = hex[1] ?? '0'\n      const b = hex[2] ?? '0'\n      const a = hex[3] ?? 'f'\n      return {\n        red: parseInt(r + r, 16),\n        green: parseInt(g + g, 16),\n        blue: parseInt(b + b, 16),\n        alpha: parseInt(a + a, 16) / 255,\n      }\n    }\n\n    if (hex.length === 6 || hex.length === 8) {\n      return {\n        red: parseInt(hex.slice(0, 2), 16),\n        green: parseInt(hex.slice(2, 4), 16),\n        blue: parseInt(hex.slice(4, 6), 16),\n        alpha: hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1,\n      }\n    }\n  }\n\n  const rgbaMatch = normalized.match(\n    /^rgba?\\(\\s*([0-9.]+)\\s*,\\s*([0-9.]+)\\s*,\\s*([0-9.]+)\\s*(?:,\\s*([0-9.]+)\\s*)?\\)$/i\n  )\n  if (rgbaMatch) {\n    return {\n      red: Math.max(0, Math.min(255, Number(rgbaMatch[1]))),\n      green: Math.max(0, Math.min(255, Number(rgbaMatch[2]))),\n      blue: Math.max(0, Math.min(255, Number(rgbaMatch[3]))),\n      alpha: clampAlpha(Number(rgbaMatch[4] ?? 1)),\n    }\n  }\n\n  return null\n}\n\nfunction normalizeTextStyleBackground(\n  style: TextStyle | undefined,\n  alphaValue: number | undefined\n) {\n  if (style === undefined || alphaValue === undefined || style.backgroundColor === undefined) {\n    return style\n  }\n\n  const parsed = parseTextBackgroundColor(style.backgroundColor as string | number)\n  if (!parsed) {\n    return style\n  }\n\n  const effectiveAlpha = clampAlpha(parsed.alpha * clampAlpha(alphaValue))\n  const colorNumber = (parsed.red << 16) | (parsed.green << 8) | parsed.blue\n\n  return {\n    ...style,\n    backgroundColor: withAlpha(colorNumber, effectiveAlpha),\n  } satisfies TextStyle\n}\n\nfunction getTextViewport(node: TextNode): { width: number; height: number } {\n  const surfaceViewport = node.__surfaceContext?.viewport\n  if (typeof surfaceViewport?.width === 'number' && typeof surfaceViewport?.height === 'number') {\n    return surfaceViewport\n  }\n\n  const width = node.scene?.scale?.width\n  const height = node.scene?.scale?.height\n\n  return {\n    width: typeof width === 'number' ? width : 800,\n    height: typeof height === 'number' ? height : 600,\n  }\n}\n\nfunction normalizeResettableTextStyle(\n  nextStyle: TextStyle | undefined,\n  prevStyle: TextStyle | undefined\n): TextStyle | undefined {\n  if (nextStyle === undefined) {\n    return undefined\n  }\n\n  let resolvedStyle = nextStyle as TextStyleResettable\n\n  for (const key of Object.keys(RESETTABLE_TEXT_STYLE_DEFAULTS) as ResettableTextStyleKey[]) {\n    if (\n      (nextStyle as TextStyleResettable)[key] !== undefined ||\n      (prevStyle as TextStyleResettable | undefined)?.[key] === undefined\n    ) {\n      continue\n    }\n\n    if (resolvedStyle === (nextStyle as TextStyleResettable)) {\n      resolvedStyle = { ...nextStyle } as TextStyleResettable\n    }\n\n    resolvedStyle[key] = RESETTABLE_TEXT_STYLE_DEFAULTS[key]\n  }\n\n  return resolvedStyle as TextStyle\n}\n\n/**\n * Applies text-specific properties (text content, color, font, alignment)\n * @param node - Phaser Text GameObject\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyTextProps<T extends TextNode>(\n  node: T,\n  prev: TextProps,\n  next: TextProps\n): void {\n  // Safety check: Ensure node is still active and scene is available\n  if (node.active === false || (node.scene && !node.scene.sys.game)) {\n    return\n  }\n\n  let needsUpdate = false\n\n  // Text content\n  if (prev.text !== next.text && typeof next.text === 'string') {\n    node.setText(next.text)\n    needsUpdate = true\n  }\n\n  const styleChanged = next.style !== undefined && !equal(next.style, prev.style || {})\n  const alphaChanged =\n    next.style?.backgroundColor !== undefined &&\n    clampAlpha(next.alpha ?? 1) !== clampAlpha(prev.alpha ?? 1)\n\n  if (styleChanged || alphaChanged) {\n    // Guard against Phaser canvas context errors during theme updates\n    try {\n      const resettableStyle = normalizeResettableTextStyle(next.style, prev.style)\n      const resolvedStyle = normalizeTextStyleBackground(resettableStyle, next.alpha)\n      if (resolvedStyle !== undefined) {\n        node.setStyle(resolvedStyle)\n        needsUpdate = true\n      }\n    } catch (error) {\n      console.warn('Failed to apply text style (scene may be transitioning):', error)\n    }\n  }\n\n  // Word wrap width - resolve SizeValue to pixels\n  if (next.maxWidth !== prev.maxWidth && next.maxWidth !== undefined) {\n    const viewport = getTextViewport(node)\n    const parsedMaxWidth = parseSize(next.maxWidth)\n    const resolvedMaxWidth = resolveSize(\n      parsedMaxWidth,\n      viewport.width,\n      undefined,\n      undefined,\n      viewport\n    )\n    node.setWordWrapWidth(resolvedMaxWidth, true)\n    needsUpdate = true\n  }\n\n  // Force Phaser to recalculate text metrics immediately\n  // This ensures getBounds() returns updated dimensions for layout calculations\n  if (needsUpdate && node.updateText) {\n    node.updateText()\n  }\n}\n"],"names":["numberToRgb","withAlpha","equal","parseSize","resolveSize"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import { TextSpecificProps } from '../../core-props';
+/**
+ * Generic node type with text capabilities
+ */
+type TextNode = {
+    setText: (text: string) => void;
+    setStyle: (style: Phaser.Types.GameObjects.Text.TextStyle) => void;
+    setWordWrapWidth: (width: number, useAdvancedWrap: boolean) => void;
+    updateText?: () => void;
+    active?: boolean;
+    scene?: Phaser.Scene;
+    __surfaceContext?: {
+        viewport?: {
+            width: number;
+            height: number;
+        };
+    };
+};
+type TextStyle = Phaser.Types.GameObjects.Text.TextStyle;
+type TextProps = Partial<TextSpecificProps & {
+    alpha?: number;
+    style?: TextStyle | undefined;
+}>;
+/**
+ * Applies text-specific properties (text content, color, font, alignment)
+ * @param node - Phaser Text GameObject
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyTextProps<T extends TextNode>(node: T, prev: TextProps, next: TextProps): void;
+export {};
+//# sourceMappingURL=applyText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyText.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyText.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGzD;;GAEG;AACH,KAAK,QAAQ,GAAG;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAA;IAClE,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAA;IACnE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAA;IACpB,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7C,CAAA;CACF,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAA;AACxD,KAAK,SAAS,GAAG,OAAO,CAAC,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAE,CAAC,CAAA;AAwI/F;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAC/C,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,GACd,IAAI,CAqDN"}

package/dist/components/appliers/applyText.js

@@ -0,0 +1,142 @@
+import { parseSize, resolveSize, alpha, numberToRgb } from "@number10/jsx-core";
+import equal from "../../utils/fast-deep-equal.js";
+const RESETTABLE_TEXT_STYLE_DEFAULTS = {
+  fontStyle: "normal",
+  fontWeight: "normal"
+};
+function clampAlpha(value) {
+  if (!Number.isFinite(value)) return 1;
+  return Math.max(0, Math.min(1, value));
+}
+function parseTextBackgroundColor(value) {
+  if (typeof value === "number") {
+    const rgb = numberToRgb(value);
+    return { red: rgb.r, green: rgb.g, blue: rgb.b, alpha: 1 };
+  }
+  const normalized = value.trim();
+  if (normalized.length === 0) {
+    return null;
+  }
+  if (normalized.startsWith("#")) {
+    const hex = normalized.slice(1);
+    if (hex.length === 3 || hex.length === 4) {
+      const r = hex[0] ?? "0";
+      const g = hex[1] ?? "0";
+      const b = hex[2] ?? "0";
+      const a = hex[3] ?? "f";
+      return {
+        red: parseInt(r + r, 16),
+        green: parseInt(g + g, 16),
+        blue: parseInt(b + b, 16),
+        alpha: parseInt(a + a, 16) / 255
+      };
+    }
+    if (hex.length === 6 || hex.length === 8) {
+      return {
+        red: parseInt(hex.slice(0, 2), 16),
+        green: parseInt(hex.slice(2, 4), 16),
+        blue: parseInt(hex.slice(4, 6), 16),
+        alpha: hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1
+      };
+    }
+  }
+  const rgbaMatch = normalized.match(
+    /^rgba?\(\s*([0-9.]+)\s*,\s*([0-9.]+)\s*,\s*([0-9.]+)\s*(?:,\s*([0-9.]+)\s*)?\)$/i
+  );
+  if (rgbaMatch) {
+    return {
+      red: Math.max(0, Math.min(255, Number(rgbaMatch[1]))),
+      green: Math.max(0, Math.min(255, Number(rgbaMatch[2]))),
+      blue: Math.max(0, Math.min(255, Number(rgbaMatch[3]))),
+      alpha: clampAlpha(Number(rgbaMatch[4] ?? 1))
+    };
+  }
+  return null;
+}
+function normalizeTextStyleBackground(style, alphaValue) {
+  if (style === void 0 || alphaValue === void 0 || style.backgroundColor === void 0) {
+    return style;
+  }
+  const parsed = parseTextBackgroundColor(style.backgroundColor);
+  if (!parsed) {
+    return style;
+  }
+  const effectiveAlpha = clampAlpha(parsed.alpha * clampAlpha(alphaValue));
+  const colorNumber = parsed.red << 16 | parsed.green << 8 | parsed.blue;
+  return {
+    ...style,
+    backgroundColor: alpha(colorNumber, effectiveAlpha)
+  };
+}
+function getTextViewport(node) {
+  const surfaceViewport = node.__surfaceContext?.viewport;
+  if (typeof surfaceViewport?.width === "number" && typeof surfaceViewport?.height === "number") {
+    return surfaceViewport;
+  }
+  const width = node.scene?.scale?.width;
+  const height = node.scene?.scale?.height;
+  return {
+    width: typeof width === "number" ? width : 800,
+    height: typeof height === "number" ? height : 600
+  };
+}
+function normalizeResettableTextStyle(nextStyle, prevStyle) {
+  if (nextStyle === void 0) {
+    return void 0;
+  }
+  let resolvedStyle = nextStyle;
+  for (const key of Object.keys(RESETTABLE_TEXT_STYLE_DEFAULTS)) {
+    if (nextStyle[key] !== void 0 || prevStyle?.[key] === void 0) {
+      continue;
+    }
+    if (resolvedStyle === nextStyle) {
+      resolvedStyle = { ...nextStyle };
+    }
+    resolvedStyle[key] = RESETTABLE_TEXT_STYLE_DEFAULTS[key];
+  }
+  return resolvedStyle;
+}
+function applyTextProps(node, prev, next) {
+  if (node.active === false || node.scene && !node.scene.sys.game) {
+    return;
+  }
+  let needsUpdate = false;
+  if (prev.text !== next.text && typeof next.text === "string") {
+    node.setText(next.text);
+    needsUpdate = true;
+  }
+  const styleChanged = next.style !== void 0 && !equal(next.style, prev.style || {});
+  const alphaChanged = next.style?.backgroundColor !== void 0 && clampAlpha(next.alpha ?? 1) !== clampAlpha(prev.alpha ?? 1);
+  if (styleChanged || alphaChanged) {
+    try {
+      const resettableStyle = normalizeResettableTextStyle(next.style, prev.style);
+      const resolvedStyle = normalizeTextStyleBackground(resettableStyle, next.alpha);
+      if (resolvedStyle !== void 0) {
+        node.setStyle(resolvedStyle);
+        needsUpdate = true;
+      }
+    } catch (error) {
+      console.warn("Failed to apply text style (scene may be transitioning):", error);
+    }
+  }
+  if (next.maxWidth !== prev.maxWidth && next.maxWidth !== void 0) {
+    const viewport = getTextViewport(node);
+    const parsedMaxWidth = parseSize(next.maxWidth);
+    const resolvedMaxWidth = resolveSize(
+      parsedMaxWidth,
+      viewport.width,
+      void 0,
+      void 0,
+      viewport
+    );
+    node.setWordWrapWidth(resolvedMaxWidth, true);
+    needsUpdate = true;
+  }
+  if (needsUpdate && node.updateText) {
+    node.updateText();
+  }
+}
+export {
+  applyTextProps
+};
+//# sourceMappingURL=applyText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyText.js","sources":["../../../src/components/appliers/applyText.ts"],"sourcesContent":["/**\n * Shared property appliers for component patching\n * These functions avoid code duplication when updating node properties\n */\nimport { numberToRgb, parseSize, resolveSize, alpha as withAlpha } from '@number10/jsx-core'\nimport type { TextSpecificProps } from '../../core-props'\nimport equal from '../../utils/fast-deep-equal'\n\n/**\n * Generic node type with text capabilities\n */\ntype TextNode = {\n  setText: (text: string) => void\n  setStyle: (style: Phaser.Types.GameObjects.Text.TextStyle) => void\n  setWordWrapWidth: (width: number, useAdvancedWrap: boolean) => void\n  updateText?: () => void // Force Phaser to recalculate text metrics immediately\n  active?: boolean // Check if GameObject is still active\n  scene?: Phaser.Scene // Access to scene for texture checks\n  __surfaceContext?: {\n    viewport?: { width: number; height: number }\n  }\n}\n\ntype TextStyle = Phaser.Types.GameObjects.Text.TextStyle\ntype TextProps = Partial<TextSpecificProps & { alpha?: number; style?: TextStyle | undefined }>\ntype ResettableTextStyleKey = 'fontStyle' | 'fontWeight'\n\n/**\n * TextStyle with phaserjsx extensions (fontWeight maps to fontStyle at runtime)\n */\ntype TextStyleResettable = TextStyle & Record<ResettableTextStyleKey, string | undefined>\n\nconst RESETTABLE_TEXT_STYLE_DEFAULTS: Record<ResettableTextStyleKey, string> = {\n  fontStyle: 'normal',\n  fontWeight: 'normal',\n}\n\nfunction clampAlpha(value: number): number {\n  if (!Number.isFinite(value)) return 1\n  return Math.max(0, Math.min(1, value))\n}\n\nfunction parseTextBackgroundColor(\n  value: string | number\n): { red: number; green: number; blue: number; alpha: number } | null {\n  if (typeof value === 'number') {\n    const rgb = numberToRgb(value)\n    return { red: rgb.r, green: rgb.g, blue: rgb.b, alpha: 1 }\n  }\n\n  const normalized = value.trim()\n  if (normalized.length === 0) {\n    return null\n  }\n\n  if (normalized.startsWith('#')) {\n    const hex = normalized.slice(1)\n    if (hex.length === 3 || hex.length === 4) {\n      const r = hex[0] ?? '0'\n      const g = hex[1] ?? '0'\n      const b = hex[2] ?? '0'\n      const a = hex[3] ?? 'f'\n      return {\n        red: parseInt(r + r, 16),\n        green: parseInt(g + g, 16),\n        blue: parseInt(b + b, 16),\n        alpha: parseInt(a + a, 16) / 255,\n      }\n    }\n\n    if (hex.length === 6 || hex.length === 8) {\n      return {\n        red: parseInt(hex.slice(0, 2), 16),\n        green: parseInt(hex.slice(2, 4), 16),\n        blue: parseInt(hex.slice(4, 6), 16),\n        alpha: hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1,\n      }\n    }\n  }\n\n  const rgbaMatch = normalized.match(\n    /^rgba?\\(\\s*([0-9.]+)\\s*,\\s*([0-9.]+)\\s*,\\s*([0-9.]+)\\s*(?:,\\s*([0-9.]+)\\s*)?\\)$/i\n  )\n  if (rgbaMatch) {\n    return {\n      red: Math.max(0, Math.min(255, Number(rgbaMatch[1]))),\n      green: Math.max(0, Math.min(255, Number(rgbaMatch[2]))),\n      blue: Math.max(0, Math.min(255, Number(rgbaMatch[3]))),\n      alpha: clampAlpha(Number(rgbaMatch[4] ?? 1)),\n    }\n  }\n\n  return null\n}\n\nfunction normalizeTextStyleBackground(\n  style: TextStyle | undefined,\n  alphaValue: number | undefined\n) {\n  if (style === undefined || alphaValue === undefined || style.backgroundColor === undefined) {\n    return style\n  }\n\n  const parsed = parseTextBackgroundColor(style.backgroundColor as string | number)\n  if (!parsed) {\n    return style\n  }\n\n  const effectiveAlpha = clampAlpha(parsed.alpha * clampAlpha(alphaValue))\n  const colorNumber = (parsed.red << 16) | (parsed.green << 8) | parsed.blue\n\n  return {\n    ...style,\n    backgroundColor: withAlpha(colorNumber, effectiveAlpha),\n  } satisfies TextStyle\n}\n\nfunction getTextViewport(node: TextNode): { width: number; height: number } {\n  const surfaceViewport = node.__surfaceContext?.viewport\n  if (typeof surfaceViewport?.width === 'number' && typeof surfaceViewport?.height === 'number') {\n    return surfaceViewport\n  }\n\n  const width = node.scene?.scale?.width\n  const height = node.scene?.scale?.height\n\n  return {\n    width: typeof width === 'number' ? width : 800,\n    height: typeof height === 'number' ? height : 600,\n  }\n}\n\nfunction normalizeResettableTextStyle(\n  nextStyle: TextStyle | undefined,\n  prevStyle: TextStyle | undefined\n): TextStyle | undefined {\n  if (nextStyle === undefined) {\n    return undefined\n  }\n\n  let resolvedStyle = nextStyle as TextStyleResettable\n\n  for (const key of Object.keys(RESETTABLE_TEXT_STYLE_DEFAULTS) as ResettableTextStyleKey[]) {\n    if (\n      (nextStyle as TextStyleResettable)[key] !== undefined ||\n      (prevStyle as TextStyleResettable | undefined)?.[key] === undefined\n    ) {\n      continue\n    }\n\n    if (resolvedStyle === (nextStyle as TextStyleResettable)) {\n      resolvedStyle = { ...nextStyle } as TextStyleResettable\n    }\n\n    resolvedStyle[key] = RESETTABLE_TEXT_STYLE_DEFAULTS[key]\n  }\n\n  return resolvedStyle as TextStyle\n}\n\n/**\n * Applies text-specific properties (text content, color, font, alignment)\n * @param node - Phaser Text GameObject\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyTextProps<T extends TextNode>(\n  node: T,\n  prev: TextProps,\n  next: TextProps\n): void {\n  // Safety check: Ensure node is still active and scene is available\n  if (node.active === false || (node.scene && !node.scene.sys.game)) {\n    return\n  }\n\n  let needsUpdate = false\n\n  // Text content\n  if (prev.text !== next.text && typeof next.text === 'string') {\n    node.setText(next.text)\n    needsUpdate = true\n  }\n\n  const styleChanged = next.style !== undefined && !equal(next.style, prev.style || {})\n  const alphaChanged =\n    next.style?.backgroundColor !== undefined &&\n    clampAlpha(next.alpha ?? 1) !== clampAlpha(prev.alpha ?? 1)\n\n  if (styleChanged || alphaChanged) {\n    // Guard against Phaser canvas context errors during theme updates\n    try {\n      const resettableStyle = normalizeResettableTextStyle(next.style, prev.style)\n      const resolvedStyle = normalizeTextStyleBackground(resettableStyle, next.alpha)\n      if (resolvedStyle !== undefined) {\n        node.setStyle(resolvedStyle)\n        needsUpdate = true\n      }\n    } catch (error) {\n      console.warn('Failed to apply text style (scene may be transitioning):', error)\n    }\n  }\n\n  // Word wrap width - resolve SizeValue to pixels\n  if (next.maxWidth !== prev.maxWidth && next.maxWidth !== undefined) {\n    const viewport = getTextViewport(node)\n    const parsedMaxWidth = parseSize(next.maxWidth)\n    const resolvedMaxWidth = resolveSize(\n      parsedMaxWidth,\n      viewport.width,\n      undefined,\n      undefined,\n      viewport\n    )\n    node.setWordWrapWidth(resolvedMaxWidth, true)\n    needsUpdate = true\n  }\n\n  // Force Phaser to recalculate text metrics immediately\n  // This ensures getBounds() returns updated dimensions for layout calculations\n  if (needsUpdate && node.updateText) {\n    node.updateText()\n  }\n}\n"],"names":["withAlpha"],"mappings":"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"}

package/dist/components/appliers/applyTextLayout.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function applyTextLayout(text, _prev, next) {
+  text.__layoutProps = next;
+  text.__getLayoutSize = () => {
+    if (text.__layoutProps?.headless) {
+      return { width: 0.01, height: 0.01 };
+    }
+    return {
+      width: text.width,
+      height: text.height
+    };
+  };
+}
+exports.applyTextLayout = applyTextLayout;
+//# sourceMappingURL=applyTextLayout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTextLayout.cjs","sources":["../../../src/components/appliers/applyTextLayout.ts"],"sourcesContent":["/**\n * Layout applier for text components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { TextBaseProps } from '../primitives/text'\n\n/**\n * Applies layout properties for text components\n * Updates layout props and size provider when text or style changes\n * @param text - Phaser text object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyTextLayout(\n  text: Phaser.GameObjects.Text & {\n    __layoutProps?: TextBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  _prev: Partial<TextBaseProps>,\n  next: Partial<TextBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation\n  text.__layoutProps = next as TextBaseProps\n\n  // ALWAYS recreate size provider to ensure VDOM detects size changes\n  // Even if function reference changes, VDOM needs to know dimensions might have changed\n  // Previously: Only updated if text/style changed - this caused layout not to recalculate\n  // when text dimensions changed (e.g., \"9 times\" -> \"10 times\")\n  text.__getLayoutSize = () => {\n    if (text.__layoutProps?.headless) {\n      return { width: 0.01, height: 0.01 }\n    }\n    return {\n      width: text.width,\n      height: text.height,\n    }\n  }\n}\n"],"names":[],"mappings":";;AAcO,SAAS,gBACd,MAIA,OACA,MACM;AAEN,OAAK,gBAAgB;AAMrB,OAAK,kBAAkB,MAAM;AAC3B,QAAI,KAAK,eAAe,UAAU;AAChC,aAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,IAChC;AACA,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK;AAAA,IAAA;AAAA,EAEjB;AACF;;"}

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

@@ -0,0 +1,18 @@
+import { LayoutSize } from '../../layout/index';
+import { TextBaseProps } from '../primitives/text';
+/**
+ * Layout applier for text components
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Applies layout properties for text components
+ * Updates layout props and size provider when text or style changes
+ * @param text - Phaser text object
+ * @param prev - Previous props
+ * @param next - New props
+ */
+export declare function applyTextLayout(text: Phaser.GameObjects.Text & {
+    __layoutProps?: TextBaseProps;
+    __getLayoutSize?: () => LayoutSize;
+}, _prev: Partial<TextBaseProps>, next: Partial<TextBaseProps>): void;
+//# sourceMappingURL=applyTextLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTextLayout.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyTextLayout.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,GAAG;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,UAAU,CAAA;CACnC,EACD,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,EAC7B,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,GAC3B,IAAI,CAiBN"}

package/dist/components/appliers/applyTextLayout.js

@@ -0,0 +1,16 @@
+function applyTextLayout(text, _prev, next) {
+  text.__layoutProps = next;
+  text.__getLayoutSize = () => {
+    if (text.__layoutProps?.headless) {
+      return { width: 0.01, height: 0.01 };
+    }
+    return {
+      width: text.width,
+      height: text.height
+    };
+  };
+}
+export {
+  applyTextLayout
+};
+//# sourceMappingURL=applyTextLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTextLayout.js","sources":["../../../src/components/appliers/applyTextLayout.ts"],"sourcesContent":["/**\n * Layout applier for text components\n */\nimport type * as Phaser from 'phaser'\nimport type { LayoutSize } from '../../layout/index'\nimport type { TextBaseProps } from '../primitives/text'\n\n/**\n * Applies layout properties for text components\n * Updates layout props and size provider when text or style changes\n * @param text - Phaser text object\n * @param prev - Previous props\n * @param next - New props\n */\nexport function applyTextLayout(\n  text: Phaser.GameObjects.Text & {\n    __layoutProps?: TextBaseProps\n    __getLayoutSize?: () => LayoutSize\n  },\n  _prev: Partial<TextBaseProps>,\n  next: Partial<TextBaseProps>\n): void {\n  // Update layout props to trigger parent layout recalculation\n  text.__layoutProps = next as TextBaseProps\n\n  // ALWAYS recreate size provider to ensure VDOM detects size changes\n  // Even if function reference changes, VDOM needs to know dimensions might have changed\n  // Previously: Only updated if text/style changed - this caused layout not to recalculate\n  // when text dimensions changed (e.g., \"9 times\" -> \"10 times\")\n  text.__getLayoutSize = () => {\n    if (text.__layoutProps?.headless) {\n      return { width: 0.01, height: 0.01 }\n    }\n    return {\n      width: text.width,\n      height: text.height,\n    }\n  }\n}\n"],"names":[],"mappings":"AAcO,SAAS,gBACd,MAIA,OACA,MACM;AAEN,OAAK,gBAAgB;AAMrB,OAAK,kBAAkB,MAAM;AAC3B,QAAI,KAAK,eAAe,UAAU;AAChC,aAAO,EAAE,OAAO,MAAM,QAAQ,KAAA;AAAA,IAChC;AACA,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK;AAAA,IAAA;AAAA,EAEjB;AACF;"}

package/dist/components/appliers/applyTooltip.cjs

@@ -0,0 +1,247 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("phaser");
+const theme = require("../../theme.cjs");
+const backgroundImage = require("../backgroundImage.cjs");
+function getTooltipTheme() {
+  return theme.themeRegistry.getComponentTheme("Tooltip");
+}
+const tooltipStates = /* @__PURE__ */ new Map();
+function calculateTooltipPosition(targetBounds, position, offset, tooltipWidth, tooltipHeight) {
+  const viewport = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  let x = 0;
+  let y = 0;
+  switch (position) {
+    case "top":
+      x = targetBounds.centerX - tooltipWidth / 2;
+      y = targetBounds.top - tooltipHeight - offset;
+      break;
+    case "bottom":
+      x = targetBounds.centerX - tooltipWidth / 2;
+      y = targetBounds.bottom + offset;
+      break;
+    case "left":
+      x = targetBounds.left - tooltipWidth - offset;
+      y = targetBounds.centerY - tooltipHeight / 2;
+      break;
+    case "right":
+      x = targetBounds.right + offset;
+      y = targetBounds.centerY - tooltipHeight / 2;
+      break;
+  }
+  x = Math.max(8, Math.min(x, viewport.width - tooltipWidth - 8));
+  y = Math.max(8, Math.min(y, viewport.height - tooltipHeight - 8));
+  return { x, y };
+}
+function showTooltip(scene, container, config) {
+  const state = tooltipStates.get(container);
+  if (!state || state.isVisible) return;
+  state.isVisible = true;
+  state.currentConfig = config;
+  const tooltipTheme = getTooltipTheme();
+  const position = config.position ?? tooltipTheme.position ?? "top";
+  const offset = config.offset ?? tooltipTheme.offset ?? 8;
+  const content = config.content;
+  const targetBounds = container.getBounds();
+  const textStyle = tooltipTheme.textStyle ?? {
+    fontSize: "14px",
+    fontFamily: "Arial",
+    color: "#ffffff",
+    padding: { x: 8, y: 4 }
+  };
+  const { backgroundColor: bgColor, ...styleWithoutBg } = textStyle;
+  const text = scene.add.text(
+    0,
+    0,
+    content,
+    styleWithoutBg
+  );
+  text.setOrigin(0.5);
+  const padding = textStyle.padding ?? { x: 8, y: 4 };
+  const paddingX = typeof padding === "number" ? padding : padding.x ?? 8;
+  const paddingY = typeof padding === "number" ? padding : padding.y ?? 4;
+  const textWidth = text.width;
+  const textHeight = text.height;
+  const bgWidth = textWidth + paddingX * 2;
+  const bgHeight = textHeight + paddingY * 2;
+  const bg = bgColor ?? "#000000dd";
+  let fillColor = 0;
+  let fillAlpha = 0.87;
+  if (typeof bg === "string") {
+    if (bg.startsWith("#")) {
+      const hex = bg.slice(1);
+      if (hex.length === 8) {
+        fillColor = parseInt(hex.slice(0, 6), 16);
+        fillAlpha = parseInt(hex.slice(6, 8), 16) / 255;
+      } else if (hex.length === 6) {
+        fillColor = parseInt(hex, 16);
+        fillAlpha = 1;
+      }
+    }
+  }
+  const background = backgroundImage.createBackgroundImage(
+    scene,
+    {
+      backgroundColor: fillColor,
+      backgroundAlpha: fillAlpha,
+      cornerRadius: tooltipTheme.cornerRadius ?? 6
+    },
+    bgWidth,
+    bgHeight
+  );
+  if (!background) {
+    text.destroy();
+    return;
+  }
+  background.setOrigin(0.5, 0.5);
+  const tooltipContainer = scene.add.container(0, 0, [background, text]);
+  tooltipContainer.setDepth(1e4);
+  const textBounds = tooltipContainer.getBounds();
+  const pos = calculateTooltipPosition(
+    targetBounds,
+    position,
+    offset,
+    textBounds.width,
+    textBounds.height
+  );
+  const themeAnim = tooltipTheme.animation || {};
+  const anim = config.animation || {};
+  const fadeInDuration = anim.fadeIn ?? themeAnim.fadeIn ?? 200;
+  const moveOffset = {
+    dx: anim.move?.dx ?? themeAnim.move?.dx ?? 0,
+    dy: anim.move?.dy ?? themeAnim.move?.dy ?? 0
+  };
+  const pulse = anim.pulse ?? themeAnim.pulse ?? false;
+  const pulseScale = anim.pulseScale ?? [0.75, 1.25];
+  tooltipContainer.setPosition(
+    pos.x + textBounds.width / 2 - moveOffset.dx,
+    pos.y + textBounds.height / 2 - moveOffset.dy
+  );
+  tooltipContainer.setAlpha(0);
+  state.tooltip = tooltipContainer;
+  const fadeTween = scene.tweens.add({
+    targets: tooltipContainer,
+    alpha: 1,
+    x: pos.x + textBounds.width / 2,
+    y: pos.y + textBounds.height / 2,
+    duration: fadeInDuration,
+    ease: "Cubic.Out"
+  });
+  state.activeTweens.push(fadeTween);
+  if (pulse) {
+    const pulseTween = scene.tweens.add({
+      targets: tooltipContainer,
+      scale: { from: pulseScale[0], to: pulseScale[1] },
+      duration: 600,
+      yoyo: true,
+      repeat: -1,
+      ease: "Sine.InOut"
+    });
+    state.activeTweens.push(pulseTween);
+  }
+  if (config.autoDismiss && config.autoDismiss > 0) {
+    state.autoDismissTimer = setTimeout(() => {
+      hideTooltip(container);
+    }, config.autoDismiss);
+  }
+}
+function hideTooltip(container) {
+  const state = tooltipStates.get(container);
+  if (!state || !state.isVisible) return;
+  state.isVisible = false;
+  const config = state.currentConfig;
+  state.currentConfig = null;
+  if (state.autoDismissTimer) {
+    clearTimeout(state.autoDismissTimer);
+    state.autoDismissTimer = null;
+  }
+  if (!state.tooltip) return;
+  const tooltip = state.tooltip;
+  const scene = tooltip.scene;
+  const tooltipTheme = getTooltipTheme();
+  const themeAnim = tooltipTheme.animation || {};
+  const anim = config?.animation || {};
+  const fadeOutDuration = anim.fadeOut ?? themeAnim.fadeOut ?? 200;
+  state.activeTweens.forEach((tween) => tween.stop());
+  state.activeTweens = [];
+  scene.tweens.add({
+    targets: tooltip,
+    alpha: 0,
+    duration: fadeOutDuration,
+    ease: "Cubic.In",
+    onComplete: () => {
+      tooltip.destroy();
+    }
+  });
+  state.tooltip = null;
+}
+function applyTooltip(scene, container, nextCallback, existingOnHoverStart, existingOnHoverEnd) {
+  if (!tooltipStates.has(container)) {
+    tooltipStates.set(container, {
+      isVisible: false,
+      tooltip: null,
+      activeTweens: [],
+      showTimer: null,
+      hideTimer: null,
+      autoDismissTimer: null,
+      currentConfig: null
+    });
+    container.once("destroy", () => {
+      const state2 = tooltipStates.get(container);
+      if (state2) {
+        if (state2.showTimer) clearTimeout(state2.showTimer);
+        if (state2.hideTimer) clearTimeout(state2.hideTimer);
+        if (state2.autoDismissTimer) clearTimeout(state2.autoDismissTimer);
+        state2.activeTweens.forEach((tween) => tween.stop());
+        hideTooltip(container);
+        tooltipStates.delete(container);
+      }
+    });
+  }
+  const state = tooltipStates.get(container);
+  if (!state) {
+    throw new Error("applyTooltip: state not initialized");
+  }
+  const tooltipTheme = getTooltipTheme();
+  const onHoverStart = (data) => {
+    if (existingOnHoverStart) existingOnHoverStart(data);
+    if (!nextCallback) return;
+    const result = nextCallback();
+    if (!result) return;
+    const config = typeof result === "string" ? { content: result } : result;
+    if (config.disabled) return;
+    if (state.hideTimer) {
+      clearTimeout(state.hideTimer);
+      state.hideTimer = null;
+    }
+    if (state.autoDismissTimer) {
+      clearTimeout(state.autoDismissTimer);
+      state.autoDismissTimer = null;
+    }
+    const showDelay = config.showDelay ?? tooltipTheme.showDelay ?? 500;
+    state.showTimer = setTimeout(() => {
+      showTooltip(scene, container, config);
+    }, showDelay);
+  };
+  const onHoverEnd = (data) => {
+    if (existingOnHoverEnd) existingOnHoverEnd(data);
+    if (state.showTimer) {
+      clearTimeout(state.showTimer);
+      state.showTimer = null;
+    }
+    const hideDelay = state.currentConfig?.hideDelay ?? tooltipTheme.hideDelay ?? 0;
+    if (hideDelay > 0) {
+      state.hideTimer = setTimeout(() => {
+        hideTooltip(container);
+      }, hideDelay);
+    } else {
+      hideTooltip(container);
+    }
+  };
+  return { onHoverStart, onHoverEnd };
+}
+exports.applyTooltip = applyTooltip;
+//# sourceMappingURL=applyTooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTooltip.cjs","sources":["../../../src/components/appliers/applyTooltip.ts"],"sourcesContent":["/**\n * Tooltip applier for component patching\n * Manages native Phaser text tooltip rendering with animations\n */\nimport * as Phaser from 'phaser'\nimport type { HoverEventData } from '../../gestures/gesture-types'\nimport { themeRegistry, type Theme } from '../../theme'\nimport type { TooltipCallback, TooltipConfig } from '../../tooltip/tooltip-types'\nimport { createBackgroundImage } from '../backgroundImage'\n\ntype TooltipTheme = NonNullable<Theme['Tooltip']>\n\nfunction getTooltipTheme(): TooltipTheme {\n  return themeRegistry.getComponentTheme<TooltipTheme>('Tooltip')\n}\n\n/**\n * Internal state for tooltip management per container\n */\ninterface TooltipState {\n  isVisible: boolean\n  tooltip: Phaser.GameObjects.Container | null\n  activeTweens: Phaser.Tweens.Tween[]\n  showTimer: ReturnType<typeof setTimeout> | null\n  hideTimer: ReturnType<typeof setTimeout> | null\n  autoDismissTimer: ReturnType<typeof setTimeout> | null\n  currentConfig: TooltipConfig | null\n}\n\n// Map to store tooltip state for each container\nconst tooltipStates = new Map<Phaser.GameObjects.Container, TooltipState>()\n\n/**\n * Calculate tooltip position based on target bounds and preferred position\n * Auto-adjusts if tooltip would go out of viewport bounds\n */\nfunction calculateTooltipPosition(\n  targetBounds: Phaser.Geom.Rectangle,\n  position: 'top' | 'bottom' | 'left' | 'right',\n  offset: number,\n  tooltipWidth: number,\n  tooltipHeight: number\n): { x: number; y: number } {\n  const viewport = {\n    width: window.innerWidth,\n    height: window.innerHeight,\n  }\n\n  let x = 0\n  let y = 0\n\n  switch (position) {\n    case 'top':\n      x = targetBounds.centerX - tooltipWidth / 2\n      y = targetBounds.top - tooltipHeight - offset\n      break\n    case 'bottom':\n      x = targetBounds.centerX - tooltipWidth / 2\n      y = targetBounds.bottom + offset\n      break\n    case 'left':\n      x = targetBounds.left - tooltipWidth - offset\n      y = targetBounds.centerY - tooltipHeight / 2\n      break\n    case 'right':\n      x = targetBounds.right + offset\n      y = targetBounds.centerY - tooltipHeight / 2\n      break\n  }\n\n  // Clamp to viewport bounds (with small padding)\n  x = Math.max(8, Math.min(x, viewport.width - tooltipWidth - 8))\n  y = Math.max(8, Math.min(y, viewport.height - tooltipHeight - 8))\n\n  return { x, y }\n}\n\n/**\n * Show native Phaser text tooltip with animations\n */\nfunction showTooltip(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container,\n  config: TooltipConfig\n): void {\n  const state = tooltipStates.get(container)\n  if (!state || state.isVisible) return\n\n  state.isVisible = true\n  state.currentConfig = config\n\n  const tooltipTheme = getTooltipTheme()\n\n  const position = config.position ?? tooltipTheme.position ?? 'top'\n  const offset = config.offset ?? tooltipTheme.offset ?? 8\n\n  const content = config.content\n\n  // Get target bounds\n  const targetBounds = container.getBounds()\n\n  // Create text without background first to measure\n  const textStyle = tooltipTheme.textStyle ?? {\n    fontSize: '14px',\n    fontFamily: 'Arial',\n    color: '#ffffff',\n    padding: { x: 8, y: 4 },\n  }\n\n  // Remove backgroundColor from textStyle, we'll draw it manually\n  const { backgroundColor: bgColor, ...styleWithoutBg } = textStyle\n\n  const text = scene.add.text(\n    0,\n    0,\n    content,\n    styleWithoutBg as Phaser.Types.GameObjects.Text.TextStyle\n  )\n  text.setOrigin(0.5)\n\n  // Measure text with padding\n  const padding = textStyle.padding ?? { x: 8, y: 4 }\n  const paddingX = typeof padding === 'number' ? padding : (padding.x ?? 8)\n  const paddingY = typeof padding === 'number' ? padding : (padding.y ?? 4)\n  const textWidth = text.width\n  const textHeight = text.height\n  const bgWidth = textWidth + paddingX * 2\n  const bgHeight = textHeight + paddingY * 2\n\n  // Parse background color\n  const bg = bgColor ?? '#000000dd'\n  let fillColor = 0x000000\n  let fillAlpha = 0.87\n\n  if (typeof bg === 'string') {\n    if (bg.startsWith('#')) {\n      // Handle hex with optional alpha\n      const hex = bg.slice(1)\n      if (hex.length === 8) {\n        fillColor = parseInt(hex.slice(0, 6), 16)\n        fillAlpha = parseInt(hex.slice(6, 8), 16) / 255\n      } else if (hex.length === 6) {\n        fillColor = parseInt(hex, 16)\n        fillAlpha = 1\n      }\n    }\n  }\n\n  const background = createBackgroundImage(\n    scene,\n    {\n      backgroundColor: fillColor,\n      backgroundAlpha: fillAlpha,\n      cornerRadius: tooltipTheme.cornerRadius ?? 6,\n    },\n    bgWidth,\n    bgHeight\n  )\n\n  if (!background) {\n    text.destroy()\n    return\n  }\n\n  background.setOrigin(0.5, 0.5)\n\n  // Create container for background + text\n  const tooltipContainer = scene.add.container(0, 0, [background, text])\n  tooltipContainer.setDepth(10000)\n\n  // Measure container bounds\n  const textBounds = tooltipContainer.getBounds()\n\n  // Calculate position\n  const pos = calculateTooltipPosition(\n    targetBounds,\n    position,\n    offset,\n    textBounds.width,\n    textBounds.height\n  )\n\n  // Animation config - merge config with theme defaults\n  const themeAnim = tooltipTheme.animation || {}\n  const anim = config.animation || {}\n  const fadeInDuration = anim.fadeIn ?? themeAnim.fadeIn ?? 200\n  const moveOffset = {\n    dx: anim.move?.dx ?? themeAnim.move?.dx ?? 0,\n    dy: anim.move?.dy ?? themeAnim.move?.dy ?? 0,\n  }\n  const pulse = anim.pulse ?? themeAnim.pulse ?? false\n  const pulseScale = anim.pulseScale ?? [0.75, 1.25]\n\n  // Set initial position (with move offset if enabled)\n  tooltipContainer.setPosition(\n    pos.x + textBounds.width / 2 - moveOffset.dx,\n    pos.y + textBounds.height / 2 - moveOffset.dy\n  )\n  tooltipContainer.setAlpha(0)\n\n  state.tooltip = tooltipContainer\n\n  // Fade in animation\n  const fadeTween = scene.tweens.add({\n    targets: tooltipContainer,\n    alpha: 1,\n    x: pos.x + textBounds.width / 2,\n    y: pos.y + textBounds.height / 2,\n    duration: fadeInDuration,\n    ease: 'Cubic.Out',\n  })\n  state.activeTweens.push(fadeTween)\n\n  // Pulse animation\n  if (pulse) {\n    const pulseTween = scene.tweens.add({\n      targets: tooltipContainer,\n      scale: { from: pulseScale[0], to: pulseScale[1] },\n      duration: 600,\n      yoyo: true,\n      repeat: -1,\n      ease: 'Sine.InOut',\n    })\n    state.activeTweens.push(pulseTween)\n  }\n\n  // Auto-dismiss timer if configured\n  if (config.autoDismiss && config.autoDismiss > 0) {\n    state.autoDismissTimer = setTimeout(() => {\n      hideTooltip(container)\n    }, config.autoDismiss)\n  }\n}\n\n/**\n * Hide tooltip for a container\n */\nfunction hideTooltip(container: Phaser.GameObjects.Container): void {\n  const state = tooltipStates.get(container)\n  if (!state || !state.isVisible) return\n\n  state.isVisible = false\n  const config = state.currentConfig\n  state.currentConfig = null\n\n  // Clear auto-dismiss timer\n  if (state.autoDismissTimer) {\n    clearTimeout(state.autoDismissTimer)\n    state.autoDismissTimer = null\n  }\n\n  if (!state.tooltip) return\n\n  const tooltip = state.tooltip\n  const scene = tooltip.scene\n\n  // Get theme defaults for fade out\n  const tooltipTheme = getTooltipTheme()\n  const themeAnim = tooltipTheme.animation || {}\n  const anim = config?.animation || {}\n  const fadeOutDuration = anim.fadeOut ?? themeAnim.fadeOut ?? 200\n\n  // Stop all existing tweens\n  state.activeTweens.forEach((tween) => tween.stop())\n  state.activeTweens = []\n\n  // Fade out animation\n  scene.tweens.add({\n    targets: tooltip,\n    alpha: 0,\n    duration: fadeOutDuration,\n    ease: 'Cubic.In',\n    onComplete: () => {\n      tooltip.destroy()\n    },\n  })\n\n  state.tooltip = null\n}\n\n/**\n * Apply tooltip functionality to a container\n * Sets up hover handlers and manages tooltip lifecycle\n */\nexport function applyTooltip(\n  scene: Phaser.Scene,\n  container: Phaser.GameObjects.Container,\n  nextCallback: TooltipCallback | undefined,\n  existingOnHoverStart?: (data: HoverEventData) => void,\n  existingOnHoverEnd?: (data: HoverEventData) => void\n): {\n  onHoverStart: (data: HoverEventData) => void\n  onHoverEnd: (data: HoverEventData) => void\n} {\n  // Initialize state if needed\n  if (!tooltipStates.has(container)) {\n    tooltipStates.set(container, {\n      isVisible: false,\n      tooltip: null,\n      activeTweens: [],\n      showTimer: null,\n      hideTimer: null,\n      autoDismissTimer: null,\n      currentConfig: null,\n    })\n\n    // Cleanup on container destroy\n    container.once('destroy', () => {\n      const state = tooltipStates.get(container)\n      if (state) {\n        if (state.showTimer) clearTimeout(state.showTimer)\n        if (state.hideTimer) clearTimeout(state.hideTimer)\n        if (state.autoDismissTimer) clearTimeout(state.autoDismissTimer)\n        state.activeTweens.forEach((tween) => tween.stop())\n        hideTooltip(container)\n        tooltipStates.delete(container)\n      }\n    })\n  }\n\n  const state = tooltipStates.get(container)\n  if (!state) {\n    throw new Error('applyTooltip: state not initialized')\n  }\n\n  const tooltipTheme = getTooltipTheme()\n\n  // Create hover handlers\n  const onHoverStart = (data: HoverEventData) => {\n    // Call existing handler if present\n    if (existingOnHoverStart) existingOnHoverStart(data)\n\n    // Get tooltip config\n    if (!nextCallback) return\n\n    const result = nextCallback()\n    if (!result) return // null/undefined = no tooltip\n\n    const config: TooltipConfig = typeof result === 'string' ? { content: result } : result\n\n    if (config.disabled) return\n\n    // Clear any pending hide/auto-dismiss timers\n    if (state.hideTimer) {\n      clearTimeout(state.hideTimer)\n      state.hideTimer = null\n    }\n    if (state.autoDismissTimer) {\n      clearTimeout(state.autoDismissTimer)\n      state.autoDismissTimer = null\n    }\n\n    // Start show timer\n    const showDelay = config.showDelay ?? tooltipTheme.showDelay ?? 500\n    state.showTimer = setTimeout(() => {\n      showTooltip(scene, container, config)\n    }, showDelay)\n  }\n\n  const onHoverEnd = (data: HoverEventData) => {\n    // Call existing handler if present\n    if (existingOnHoverEnd) existingOnHoverEnd(data)\n\n    // Clear any pending show timer\n    if (state.showTimer) {\n      clearTimeout(state.showTimer)\n      state.showTimer = null\n    }\n\n    // Start hide timer\n    const hideDelay = state.currentConfig?.hideDelay ?? tooltipTheme.hideDelay ?? 0\n    if (hideDelay > 0) {\n      state.hideTimer = setTimeout(() => {\n        hideTooltip(container)\n      }, hideDelay)\n    } else {\n      hideTooltip(container)\n    }\n  }\n\n  return { onHoverStart, onHoverEnd }\n}\n"],"names":["themeRegistry","createBackgroundImage","state"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { HoverEventData } from '../../gestures/gesture-types';
+import { TooltipCallback } from '../../tooltip/tooltip-types';
+/**
+ * Tooltip applier for component patching
+ * Manages native Phaser text tooltip rendering with animations
+ */
+import * as Phaser from 'phaser';
+/**
+ * Apply tooltip functionality to a container
+ * Sets up hover handlers and manages tooltip lifecycle
+ */
+export declare function applyTooltip(scene: Phaser.Scene, container: Phaser.GameObjects.Container, nextCallback: TooltipCallback | undefined, existingOnHoverStart?: (data: HoverEventData) => void, existingOnHoverEnd?: (data: HoverEventData) => void): {
+    onHoverStart: (data: HoverEventData) => void;
+    onHoverEnd: (data: HoverEventData) => void;
+};
+//# sourceMappingURL=applyTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/appliers/applyTooltip.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAElE,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,6BAA6B,CAAA;AAiRjF;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,EACvC,YAAY,EAAE,eAAe,GAAG,SAAS,EACzC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,EACrD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,GAClD;IACD,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C,CAwFA"}