@number10/jsx-phaser 5.0.0

package/dist/utils/dom-input-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-input-manager.js","sources":["../../src/utils/dom-input-manager.ts"],"sourcesContent":["/**\n * DOM input element manager for text input overlay\n * Handles creation, positioning, and lifecycle of DOM input elements\n */\nimport type * as Phaser from 'phaser'\n\n/**\n * Configuration for DOM input element\n */\nexport interface DOMInputConfig {\n  /** Input type (text, password, email, etc.) */\n  type?: string\n  /** Placeholder text */\n  placeholder?: string\n  /** Initial value */\n  value?: string\n  /** Whether input is disabled */\n  disabled?: boolean\n  /** Maximum length of input */\n  maxLength?: number\n  /** Autocomplete behavior */\n  autocomplete?: string\n  /** Autocorrect behavior (Safari) */\n  autocorrect?: string\n  /** Autocapitalize behavior (mobile) */\n  autocapitalize?: string\n  /** Spellcheck behavior */\n  spellcheck?: boolean\n  /** CSS styles to apply */\n  styles?: Partial<CSSStyleDeclaration>\n  /** Input event callback */\n  onInput?: (value: string, event: Event) => void\n  /** Keyboard event callbacks */\n  onKeyDown?: (event: KeyboardEvent) => void\n  onKeyUp?: (event: KeyboardEvent) => void\n  /** Focus event callbacks */\n  onFocus?: (event: FocusEvent) => void\n  onBlur?: (event: FocusEvent) => void\n}\n\n/**\n * DOM input element wrapper with automatic positioning\n */\nexport class DOMInputElement {\n  private input: HTMLInputElement\n  private container: Phaser.GameObjects.Container\n  private scene: Phaser.Scene\n  private scrollHandler: () => void\n  private resizeHandler: () => void\n  private throttledScrollHandler: () => void\n  private throttledResizeHandler: () => void\n  private intersectionObserver: IntersectionObserver | null = null\n  private isDestroyed = false\n  private lastValues = { left: 0, top: 0, width: 0, height: 0 }\n  private counter = 0\n  private scrollThrottleTimeout: number | null = null\n  private resizeThrottleTimeout: number | null = null\n\n  constructor(container: Phaser.GameObjects.Container, config: DOMInputConfig = {}) {\n    this.container = container\n    this.scene = container.scene\n\n    // Create input element\n    this.input = document.createElement('input')\n    this.input.type = config.type ?? 'text'\n    if (config.placeholder) this.input.placeholder = config.placeholder\n    if (config.value) this.input.value = config.value\n    if (config.disabled) this.input.disabled = config.disabled\n    if (config.maxLength) this.input.maxLength = config.maxLength\n    if (config.autocomplete) this.input.setAttribute('autocomplete', config.autocomplete)\n    if (config.autocorrect) this.input.setAttribute('autocorrect', config.autocorrect)\n    if (config.autocapitalize) this.input.setAttribute('autocapitalize', config.autocapitalize)\n    if (config.spellcheck !== undefined)\n      this.input.setAttribute('spellcheck', config.spellcheck.toString())\n\n    // Apply default styles\n    this.applyDefaultStyles()\n\n    // Apply custom styles\n    if (config.styles) {\n      Object.assign(this.input.style, config.styles)\n    }\n\n    // Add to DOM - use document.body for absolute positioning\n    document.body.appendChild(this.input)\n\n    // Setup event listeners\n    if (config.onInput) {\n      this.input.addEventListener('input', (e) => {\n        config.onInput?.(this.input.value, e)\n      })\n    }\n\n    if (config.onKeyDown) {\n      this.input.addEventListener('keydown', config.onKeyDown)\n    }\n\n    if (config.onKeyUp) {\n      this.input.addEventListener('keyup', config.onKeyUp)\n    }\n\n    if (config.onFocus) {\n      this.input.addEventListener('focus', (e) => {\n        config.onFocus?.(e)\n      })\n    }\n\n    if (config.onBlur) {\n      this.input.addEventListener('blur', (e) => {\n        config.onBlur?.(e)\n      })\n    }\n\n    // Initial position update\n    this.updatePosition()\n\n    // Bind handlers for page scrolling and resizing\n    this.scrollHandler = this.updatePosition.bind(this)\n    this.resizeHandler = this.updatePosition.bind(this)\n\n    // Throttled handlers to limit update frequency\n    this.throttledScrollHandler = this.throttle(this.scrollHandler, 20) // ~50fps max\n    this.throttledResizeHandler = this.throttle(this.resizeHandler, 20) // ~50fps max\n\n    // Setup event listeners immediately (always active)\n    // Use capture phase to catch scroll events from any scrollable ancestor\n    document.addEventListener('scroll', this.throttledScrollHandler, {\n      passive: true,\n      capture: true,\n    })\n    window.addEventListener('resize', this.throttledResizeHandler, { passive: true })\n\n    // Setup IntersectionObserver to detect when canvas moves in viewport\n    this.setupIntersectionObserver()\n\n    // Cleanup on container destroy\n    this.container.once('destroy', () => {\n      this.destroy()\n    })\n\n    // Cleanup on scene shutdown\n    this.scene.events.once('shutdown', () => {\n      this.destroy()\n    })\n  }\n\n  /**\n   * Setup IntersectionObserver to detect canvas position changes\n   */\n  private setupIntersectionObserver(): void {\n    const canvas = this.scene.game.canvas\n\n    this.intersectionObserver = new IntersectionObserver(\n      () => {\n        // Canvas moved in viewport, update position\n        this.updatePosition()\n      },\n      {\n        threshold: [0, 0.1, 0.5, 0.9, 1.0], // Trigger on various visibility changes\n      }\n    )\n\n    this.intersectionObserver.observe(canvas)\n  }\n\n  /**\n   * Throttle function to limit call frequency\n   * @param func - Function to throttle\n   * @param delay - Minimum delay between calls in ms\n   * @returns Throttled function\n   */\n  private throttle(func: () => void, delay: number): () => void {\n    let timeoutId: number | null = null\n    return () => {\n      if (timeoutId !== null) return\n      timeoutId = window.setTimeout(() => {\n        func()\n        timeoutId = null\n      }, delay)\n    }\n  }\n\n  /**\n   * Apply default styles to input element\n   */\n  private applyDefaultStyles(): void {\n    Object.assign(this.input.style, {\n      position: 'absolute',\n      pointerEvents: 'auto',\n      boxSizing: 'border-box',\n      fontFamily: 'Arial, sans-serif',\n      fontSize: '16px',\n      padding: '0px',\n      margin: '0px',\n      border: 'none',\n      borderRadius: '0px',\n      backgroundColor: 'transparent',\n      color: 'transparent',\n      outline: 'none',\n      caretColor: 'transparent',\n    } as Partial<CSSStyleDeclaration>)\n\n    // Inject CSS to disable selection highlighting\n    const styleId = 'phaserjsx-input-no-selection'\n    if (!document.getElementById(styleId)) {\n      const style = document.createElement('style')\n      style.id = styleId\n      style.textContent = `\n        input[type=\"text\"]::selection,\n        input[type=\"password\"]::selection,\n        input[type=\"email\"]::selection {\n          background: transparent !important;\n          color: transparent !important;\n        }\n      `\n      document.head.appendChild(style)\n    }\n  }\n\n  /**\n   * Update input element position to match Phaser container\n   */\n  private updatePosition(): void {\n    if (this.isDestroyed || !this.container.scene) return\n\n    const canvas = this.scene.game.canvas\n    const canvasRect = canvas.getBoundingClientRect()\n\n    // Get container world position\n    const worldTransform = this.container.getWorldTransformMatrix()\n    const worldX = worldTransform.tx\n    const worldY = worldTransform.ty\n\n    // Get container dimensions - prefer actual computed size over layoutProps\n    // This ensures minHeight, maxHeight, and other constraints are respected\n    const containerWidth = this.container.width ?? 200\n    const containerHeight = this.container.height ?? 40\n\n    // Calculate position relative to canvas\n    const scale = this.scene.game.scale\n    const zoom = this.scene.cameras.main.zoom\n\n    // Calculate position and size with proper scaling\n    const left = Math.round(canvasRect.left + worldX * zoom * scale.displayScale.x)\n    const top = Math.round(canvasRect.top + worldY * zoom * scale.displayScale.y)\n    const width = Math.round(containerWidth * zoom * scale.displayScale.x)\n    const height = Math.round(containerHeight * zoom * scale.displayScale.y)\n    this.counter++\n\n    // apply only if changed to minimize layout thrashing\n    if (\n      this.lastValues.left === left &&\n      this.lastValues.top === top &&\n      this.lastValues.width === width &&\n      this.lastValues.height === height\n    ) {\n      return\n    }\n    this.lastValues = { left, top, width, height }\n\n    /* // Debug output for testing purposes\n    console.log('[DOMInputElement] Updating position', {\n      counter: this.counter,\n      left,\n      top,\n      width,\n      height,\n    })\n    */\n\n    // Apply position and size\n    this.input.style.left = `${left}px`\n    this.input.style.top = `${top}px`\n    this.input.style.width = `${width}px`\n    this.input.style.height = `${height}px`\n  }\n\n  /**\n   * Get the DOM input element\n   */\n  getElement(): HTMLInputElement {\n    return this.input\n  }\n\n  /**\n   * Set input value\n   */\n  setValue(value: string): void {\n    if (!this.isDestroyed) {\n      this.input.value = value\n    }\n  }\n\n  /**\n   * Get input value\n   */\n  getValue(): string {\n    return this.isDestroyed ? '' : this.input.value\n  }\n\n  /**\n   * Focus the input\n   */\n  focus(): void {\n    if (!this.isDestroyed) {\n      this.input.focus()\n    }\n  }\n\n  /**\n   * Blur the input\n   */\n  blur(): void {\n    if (!this.isDestroyed) {\n      this.input.blur()\n    }\n  }\n\n  /**\n   * Set disabled state\n   */\n  setDisabled(disabled: boolean): void {\n    if (!this.isDestroyed) {\n      this.input.disabled = disabled\n    }\n  }\n\n  /**\n   * Set placeholder\n   */\n  setPlaceholder(placeholder: string): void {\n    if (!this.isDestroyed) {\n      this.input.placeholder = placeholder\n    }\n  }\n\n  /**\n   * Update styles\n   */\n  setStyles(styles: Partial<CSSStyleDeclaration>): void {\n    if (!this.isDestroyed) {\n      Object.assign(this.input.style, styles)\n    }\n  }\n\n  /**\n   * Destroy the input element and cleanup\n   */\n  destroy(): void {\n    if (this.isDestroyed) return\n    this.isDestroyed = true\n\n    // Clear any pending throttle timeouts\n    if (this.scrollThrottleTimeout !== null) {\n      clearTimeout(this.scrollThrottleTimeout)\n    }\n    if (this.resizeThrottleTimeout !== null) {\n      clearTimeout(this.resizeThrottleTimeout)\n    }\n\n    // Disconnect IntersectionObserver\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect()\n      this.intersectionObserver = null\n    }\n\n    // Remove event listeners\n    document.removeEventListener('scroll', this.throttledScrollHandler, { capture: true })\n    window.removeEventListener('resize', this.throttledResizeHandler)\n\n    // Remove from DOM\n    if (this.input.parentElement) {\n      this.input.parentElement.removeChild(this.input)\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/fast-deep-equal.cjs

@@ -0,0 +1,7 @@
+"use strict";
+const index = require("../_virtual/index.cjs");
+const _interopNamespaceDefaultOnly = (e) => Object.freeze(Object.defineProperty({ __proto__: null, default: e }, Symbol.toStringTag, { value: "Module" }));
+const index__namespace = /* @__PURE__ */ _interopNamespaceDefaultOnly(index);
+const equal = typeof index__namespace === "function" ? index__namespace : index;
+module.exports = equal;
+//# sourceMappingURL=fast-deep-equal.cjs.map

package/dist/utils/fast-deep-equal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-deep-equal.cjs","sources":["../../src/utils/fast-deep-equal.ts"],"sourcesContent":["import * as equalImport from 'fast-deep-equal'\n\ntype EqualFn = (a: unknown, b: unknown) => boolean\n\n// Normalize the CJS export shape for ESM usage.\nconst equal =\n  typeof equalImport === 'function'\n    ? (equalImport as unknown as EqualFn)\n    : (equalImport as { default: EqualFn }).default\n\nexport default equal\n"],"names":["equalImport","equalImport.default"],"mappings":";;;;AAKA,MAAM,QACJ,OAAOA,qBAAgB,aAClBA,mBACAC;;"}

package/dist/utils/fast-deep-equal.d.ts

@@ -0,0 +1,4 @@
+type EqualFn = (a: unknown, b: unknown) => boolean;
+declare const equal: EqualFn;
+export default equal;
+//# sourceMappingURL=fast-deep-equal.d.ts.map

package/dist/utils/fast-deep-equal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-deep-equal.d.ts","sourceRoot":"","sources":["../../src/utils/fast-deep-equal.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,KAAK,OAAO,CAAA;AAGlD,QAAA,MAAM,KAAK,SAGwC,CAAA;AAEnD,eAAe,KAAK,CAAA"}

package/dist/utils/fast-deep-equal.js

@@ -0,0 +1,7 @@
+import * as index from "../_virtual/index.js";
+import index$1 from "../_virtual/index.js";
+const equal = typeof index === "function" ? index : index$1;
+export {
+  equal as default
+};
+//# sourceMappingURL=fast-deep-equal.js.map

package/dist/utils/fast-deep-equal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-deep-equal.js","sources":["../../src/utils/fast-deep-equal.ts"],"sourcesContent":["import * as equalImport from 'fast-deep-equal'\n\ntype EqualFn = (a: unknown, b: unknown) => boolean\n\n// Normalize the CJS export shape for ESM usage.\nconst equal =\n  typeof equalImport === 'function'\n    ? (equalImport as unknown as EqualFn)\n    : (equalImport as { default: EqualFn }).default\n\nexport default equal\n"],"names":["equalImport","equalImport.default"],"mappings":";;AAKA,MAAM,QACJ,OAAOA,UAAgB,aAClBA,QACAC;"}

package/dist/utils/image-subtexture-registry.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sceneTextureEntries = /* @__PURE__ */ new WeakMap();
+let nextDerivedTextureId = 0;
+function getSceneEntries(scene) {
+  let entries = sceneTextureEntries.get(scene);
+  if (!entries) {
+    entries = /* @__PURE__ */ new Map();
+    sceneTextureEntries.set(scene, entries);
+  }
+  return entries;
+}
+function clampRectToFrame(frame, sourceRect) {
+  const x = Math.max(0, sourceRect.x);
+  const y = Math.max(0, sourceRect.y);
+  const w = Math.max(0, Math.min(sourceRect.w, frame.cutWidth - x));
+  const h = Math.max(0, Math.min(sourceRect.h, frame.cutHeight - y));
+  return {
+    sx: frame.cutX + x,
+    sy: frame.cutY + y,
+    sw: w,
+    sh: h
+  };
+}
+function resolveFrame(scene, texture, frame) {
+  return scene.textures.getFrame(texture, frame);
+}
+function createDerivedTexture(scene, textureKey, frame, sourceRect) {
+  const { sx, sy, sw, sh } = clampRectToFrame(frame, sourceRect);
+  if (sw <= 0 || sh <= 0) {
+    return false;
+  }
+  const sourceImage = frame.texture.source?.[frame.sourceIndex ?? 0]?.image ?? frame.texture.source?.[0]?.image;
+  if (!sourceImage) {
+    return false;
+  }
+  const canvas = document.createElement("canvas");
+  canvas.width = sw;
+  canvas.height = sh;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    return false;
+  }
+  ctx.clearRect(0, 0, sw, sh);
+  ctx.drawImage(sourceImage, sx, sy, sw, sh, 0, 0, sw, sh);
+  if (scene.textures.exists(textureKey)) {
+    scene.textures.remove(textureKey);
+  }
+  scene.textures.addCanvas(textureKey, canvas);
+  const texture = scene.textures.get(textureKey);
+  texture?.source?.[0]?.update();
+  return true;
+}
+function getImageSubTextureCacheKey(texture, frame, sourceRect) {
+  return `${texture}::${frame ?? "__BASE"}::${sourceRect.x},${sourceRect.y},${sourceRect.w},${sourceRect.h}`;
+}
+function retainImageSubTexture(scene, texture, frame, sourceRect) {
+  if (!sourceRect) {
+    return { texture, frame };
+  }
+  const resolvedFrame = resolveFrame(scene, texture, frame);
+  if (!resolvedFrame) {
+    return { texture, frame };
+  }
+  const cacheKey = getImageSubTextureCacheKey(texture, frame, sourceRect);
+  const entries = getSceneEntries(scene);
+  const existing = entries.get(cacheKey);
+  if (existing) {
+    existing.refCount += 1;
+    return { texture: existing.textureKey, cacheKey };
+  }
+  const textureKey = `__phaserjsx_img_subtex_${nextDerivedTextureId++}`;
+  const created = createDerivedTexture(scene, textureKey, resolvedFrame, sourceRect);
+  if (!created) {
+    return { texture, frame };
+  }
+  entries.set(cacheKey, { textureKey, refCount: 1 });
+  return { texture: textureKey, cacheKey };
+}
+function releaseImageSubTexture(scene, cacheKey) {
+  if (!cacheKey) return;
+  const entries = sceneTextureEntries.get(scene);
+  if (!entries) return;
+  const entry = entries.get(cacheKey);
+  if (!entry) return;
+  entry.refCount -= 1;
+  if (entry.refCount > 0) {
+    return;
+  }
+  if (scene.textures.exists(entry.textureKey)) {
+    scene.textures.remove(entry.textureKey);
+  }
+  entries.delete(cacheKey);
+}
+exports.getImageSubTextureCacheKey = getImageSubTextureCacheKey;
+exports.releaseImageSubTexture = releaseImageSubTexture;
+exports.retainImageSubTexture = retainImageSubTexture;
+//# sourceMappingURL=image-subtexture-registry.cjs.map

package/dist/utils/image-subtexture-registry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-subtexture-registry.cjs","sources":["../../src/utils/image-subtexture-registry.ts"],"sourcesContent":["import type * as Phaser from 'phaser'\n\ninterface SourceRect {\n  x: number\n  y: number\n  w: number\n  h: number\n}\n\ninterface DerivedTextureEntry {\n  textureKey: string\n  refCount: number\n}\n\ninterface DerivedTextureSource {\n  texture: string\n  frame?: string | number | undefined\n  cacheKey?: string | undefined\n}\n\nconst sceneTextureEntries = new WeakMap<Phaser.Scene, Map<string, DerivedTextureEntry>>()\nlet nextDerivedTextureId = 0\n\nfunction getSceneEntries(scene: Phaser.Scene): Map<string, DerivedTextureEntry> {\n  let entries = sceneTextureEntries.get(scene)\n  if (!entries) {\n    entries = new Map()\n    sceneTextureEntries.set(scene, entries)\n  }\n  return entries\n}\n\nfunction clampRectToFrame(\n  frame: Phaser.Textures.Frame,\n  sourceRect: SourceRect\n): { sx: number; sy: number; sw: number; sh: number } {\n  const x = Math.max(0, sourceRect.x)\n  const y = Math.max(0, sourceRect.y)\n  const w = Math.max(0, Math.min(sourceRect.w, frame.cutWidth - x))\n  const h = Math.max(0, Math.min(sourceRect.h, frame.cutHeight - y))\n\n  return {\n    sx: frame.cutX + x,\n    sy: frame.cutY + y,\n    sw: w,\n    sh: h,\n  }\n}\n\nfunction resolveFrame(\n  scene: Phaser.Scene,\n  texture: string,\n  frame?: string | number | undefined\n): Phaser.Textures.Frame | null {\n  return scene.textures.getFrame(texture, frame as string | number | undefined)\n}\n\nfunction createDerivedTexture(\n  scene: Phaser.Scene,\n  textureKey: string,\n  frame: Phaser.Textures.Frame,\n  sourceRect: SourceRect\n): boolean {\n  const { sx, sy, sw, sh } = clampRectToFrame(frame, sourceRect)\n  if (sw <= 0 || sh <= 0) {\n    return false\n  }\n\n  const sourceImage = (frame.texture.source?.[frame.sourceIndex ?? 0]?.image ??\n    frame.texture.source?.[0]?.image) as CanvasImageSource | undefined\n  if (!sourceImage) {\n    return false\n  }\n\n  const canvas = document.createElement('canvas')\n  canvas.width = sw\n  canvas.height = sh\n  const ctx = canvas.getContext('2d')\n  if (!ctx) {\n    return false\n  }\n\n  ctx.clearRect(0, 0, sw, sh)\n  ctx.drawImage(sourceImage, sx, sy, sw, sh, 0, 0, sw, sh)\n\n  if (scene.textures.exists(textureKey)) {\n    scene.textures.remove(textureKey)\n  }\n\n  scene.textures.addCanvas(textureKey, canvas)\n  const texture = scene.textures.get(textureKey)\n  texture?.source?.[0]?.update()\n  return true\n}\n\nexport function getImageSubTextureCacheKey(\n  texture: string,\n  frame: string | number | undefined,\n  sourceRect: SourceRect\n): string {\n  return `${texture}::${frame ?? '__BASE'}::${sourceRect.x},${sourceRect.y},${sourceRect.w},${sourceRect.h}`\n}\n\nexport function retainImageSubTexture(\n  scene: Phaser.Scene,\n  texture: string,\n  frame: string | number | undefined,\n  sourceRect: SourceRect | undefined\n): DerivedTextureSource {\n  if (!sourceRect) {\n    return { texture, frame }\n  }\n\n  const resolvedFrame = resolveFrame(scene, texture, frame)\n  if (!resolvedFrame) {\n    return { texture, frame }\n  }\n\n  const cacheKey = getImageSubTextureCacheKey(texture, frame, sourceRect)\n  const entries = getSceneEntries(scene)\n  const existing = entries.get(cacheKey)\n\n  if (existing) {\n    existing.refCount += 1\n    return { texture: existing.textureKey, cacheKey }\n  }\n\n  const textureKey = `__phaserjsx_img_subtex_${nextDerivedTextureId++}`\n  const created = createDerivedTexture(scene, textureKey, resolvedFrame, sourceRect)\n  if (!created) {\n    return { texture, frame }\n  }\n\n  entries.set(cacheKey, { textureKey, refCount: 1 })\n  return { texture: textureKey, cacheKey }\n}\n\nexport function releaseImageSubTexture(scene: Phaser.Scene, cacheKey: string | undefined): void {\n  if (!cacheKey) return\n\n  const entries = sceneTextureEntries.get(scene)\n  if (!entries) return\n\n  const entry = entries.get(cacheKey)\n  if (!entry) return\n\n  entry.refCount -= 1\n  if (entry.refCount > 0) {\n    return\n  }\n\n  if (scene.textures.exists(entry.textureKey)) {\n    scene.textures.remove(entry.textureKey)\n  }\n  entries.delete(cacheKey)\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/image-subtexture-registry.d.ts

@@ -0,0 +1,17 @@
+import type * as Phaser from 'phaser';
+interface SourceRect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+interface DerivedTextureSource {
+    texture: string;
+    frame?: string | number | undefined;
+    cacheKey?: string | undefined;
+}
+export declare function getImageSubTextureCacheKey(texture: string, frame: string | number | undefined, sourceRect: SourceRect): string;
+export declare function retainImageSubTexture(scene: Phaser.Scene, texture: string, frame: string | number | undefined, sourceRect: SourceRect | undefined): DerivedTextureSource;
+export declare function releaseImageSubTexture(scene: Phaser.Scene, cacheKey: string | undefined): void;
+export {};
+//# sourceMappingURL=image-subtexture-registry.d.ts.map

package/dist/utils/image-subtexture-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-subtexture-registry.d.ts","sourceRoot":"","sources":["../../src/utils/image-subtexture-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAErC,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAOD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B;AA6ED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,UAAU,EAAE,UAAU,GACrB,MAAM,CAER;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,UAAU,EAAE,UAAU,GAAG,SAAS,GACjC,oBAAoB,CA2BtB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAkB9F"}

package/dist/utils/image-subtexture-registry.js

@@ -0,0 +1,98 @@
+const sceneTextureEntries = /* @__PURE__ */ new WeakMap();
+let nextDerivedTextureId = 0;
+function getSceneEntries(scene) {
+  let entries = sceneTextureEntries.get(scene);
+  if (!entries) {
+    entries = /* @__PURE__ */ new Map();
+    sceneTextureEntries.set(scene, entries);
+  }
+  return entries;
+}
+function clampRectToFrame(frame, sourceRect) {
+  const x = Math.max(0, sourceRect.x);
+  const y = Math.max(0, sourceRect.y);
+  const w = Math.max(0, Math.min(sourceRect.w, frame.cutWidth - x));
+  const h = Math.max(0, Math.min(sourceRect.h, frame.cutHeight - y));
+  return {
+    sx: frame.cutX + x,
+    sy: frame.cutY + y,
+    sw: w,
+    sh: h
+  };
+}
+function resolveFrame(scene, texture, frame) {
+  return scene.textures.getFrame(texture, frame);
+}
+function createDerivedTexture(scene, textureKey, frame, sourceRect) {
+  const { sx, sy, sw, sh } = clampRectToFrame(frame, sourceRect);
+  if (sw <= 0 || sh <= 0) {
+    return false;
+  }
+  const sourceImage = frame.texture.source?.[frame.sourceIndex ?? 0]?.image ?? frame.texture.source?.[0]?.image;
+  if (!sourceImage) {
+    return false;
+  }
+  const canvas = document.createElement("canvas");
+  canvas.width = sw;
+  canvas.height = sh;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    return false;
+  }
+  ctx.clearRect(0, 0, sw, sh);
+  ctx.drawImage(sourceImage, sx, sy, sw, sh, 0, 0, sw, sh);
+  if (scene.textures.exists(textureKey)) {
+    scene.textures.remove(textureKey);
+  }
+  scene.textures.addCanvas(textureKey, canvas);
+  const texture = scene.textures.get(textureKey);
+  texture?.source?.[0]?.update();
+  return true;
+}
+function getImageSubTextureCacheKey(texture, frame, sourceRect) {
+  return `${texture}::${frame ?? "__BASE"}::${sourceRect.x},${sourceRect.y},${sourceRect.w},${sourceRect.h}`;
+}
+function retainImageSubTexture(scene, texture, frame, sourceRect) {
+  if (!sourceRect) {
+    return { texture, frame };
+  }
+  const resolvedFrame = resolveFrame(scene, texture, frame);
+  if (!resolvedFrame) {
+    return { texture, frame };
+  }
+  const cacheKey = getImageSubTextureCacheKey(texture, frame, sourceRect);
+  const entries = getSceneEntries(scene);
+  const existing = entries.get(cacheKey);
+  if (existing) {
+    existing.refCount += 1;
+    return { texture: existing.textureKey, cacheKey };
+  }
+  const textureKey = `__phaserjsx_img_subtex_${nextDerivedTextureId++}`;
+  const created = createDerivedTexture(scene, textureKey, resolvedFrame, sourceRect);
+  if (!created) {
+    return { texture, frame };
+  }
+  entries.set(cacheKey, { textureKey, refCount: 1 });
+  return { texture: textureKey, cacheKey };
+}
+function releaseImageSubTexture(scene, cacheKey) {
+  if (!cacheKey) return;
+  const entries = sceneTextureEntries.get(scene);
+  if (!entries) return;
+  const entry = entries.get(cacheKey);
+  if (!entry) return;
+  entry.refCount -= 1;
+  if (entry.refCount > 0) {
+    return;
+  }
+  if (scene.textures.exists(entry.textureKey)) {
+    scene.textures.remove(entry.textureKey);
+  }
+  entries.delete(cacheKey);
+}
+export {
+  getImageSubTextureCacheKey,
+  releaseImageSubTexture,
+  retainImageSubTexture
+};
+//# sourceMappingURL=image-subtexture-registry.js.map

package/dist/utils/image-subtexture-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-subtexture-registry.js","sources":["../../src/utils/image-subtexture-registry.ts"],"sourcesContent":["import type * as Phaser from 'phaser'\n\ninterface SourceRect {\n  x: number\n  y: number\n  w: number\n  h: number\n}\n\ninterface DerivedTextureEntry {\n  textureKey: string\n  refCount: number\n}\n\ninterface DerivedTextureSource {\n  texture: string\n  frame?: string | number | undefined\n  cacheKey?: string | undefined\n}\n\nconst sceneTextureEntries = new WeakMap<Phaser.Scene, Map<string, DerivedTextureEntry>>()\nlet nextDerivedTextureId = 0\n\nfunction getSceneEntries(scene: Phaser.Scene): Map<string, DerivedTextureEntry> {\n  let entries = sceneTextureEntries.get(scene)\n  if (!entries) {\n    entries = new Map()\n    sceneTextureEntries.set(scene, entries)\n  }\n  return entries\n}\n\nfunction clampRectToFrame(\n  frame: Phaser.Textures.Frame,\n  sourceRect: SourceRect\n): { sx: number; sy: number; sw: number; sh: number } {\n  const x = Math.max(0, sourceRect.x)\n  const y = Math.max(0, sourceRect.y)\n  const w = Math.max(0, Math.min(sourceRect.w, frame.cutWidth - x))\n  const h = Math.max(0, Math.min(sourceRect.h, frame.cutHeight - y))\n\n  return {\n    sx: frame.cutX + x,\n    sy: frame.cutY + y,\n    sw: w,\n    sh: h,\n  }\n}\n\nfunction resolveFrame(\n  scene: Phaser.Scene,\n  texture: string,\n  frame?: string | number | undefined\n): Phaser.Textures.Frame | null {\n  return scene.textures.getFrame(texture, frame as string | number | undefined)\n}\n\nfunction createDerivedTexture(\n  scene: Phaser.Scene,\n  textureKey: string,\n  frame: Phaser.Textures.Frame,\n  sourceRect: SourceRect\n): boolean {\n  const { sx, sy, sw, sh } = clampRectToFrame(frame, sourceRect)\n  if (sw <= 0 || sh <= 0) {\n    return false\n  }\n\n  const sourceImage = (frame.texture.source?.[frame.sourceIndex ?? 0]?.image ??\n    frame.texture.source?.[0]?.image) as CanvasImageSource | undefined\n  if (!sourceImage) {\n    return false\n  }\n\n  const canvas = document.createElement('canvas')\n  canvas.width = sw\n  canvas.height = sh\n  const ctx = canvas.getContext('2d')\n  if (!ctx) {\n    return false\n  }\n\n  ctx.clearRect(0, 0, sw, sh)\n  ctx.drawImage(sourceImage, sx, sy, sw, sh, 0, 0, sw, sh)\n\n  if (scene.textures.exists(textureKey)) {\n    scene.textures.remove(textureKey)\n  }\n\n  scene.textures.addCanvas(textureKey, canvas)\n  const texture = scene.textures.get(textureKey)\n  texture?.source?.[0]?.update()\n  return true\n}\n\nexport function getImageSubTextureCacheKey(\n  texture: string,\n  frame: string | number | undefined,\n  sourceRect: SourceRect\n): string {\n  return `${texture}::${frame ?? '__BASE'}::${sourceRect.x},${sourceRect.y},${sourceRect.w},${sourceRect.h}`\n}\n\nexport function retainImageSubTexture(\n  scene: Phaser.Scene,\n  texture: string,\n  frame: string | number | undefined,\n  sourceRect: SourceRect | undefined\n): DerivedTextureSource {\n  if (!sourceRect) {\n    return { texture, frame }\n  }\n\n  const resolvedFrame = resolveFrame(scene, texture, frame)\n  if (!resolvedFrame) {\n    return { texture, frame }\n  }\n\n  const cacheKey = getImageSubTextureCacheKey(texture, frame, sourceRect)\n  const entries = getSceneEntries(scene)\n  const existing = entries.get(cacheKey)\n\n  if (existing) {\n    existing.refCount += 1\n    return { texture: existing.textureKey, cacheKey }\n  }\n\n  const textureKey = `__phaserjsx_img_subtex_${nextDerivedTextureId++}`\n  const created = createDerivedTexture(scene, textureKey, resolvedFrame, sourceRect)\n  if (!created) {\n    return { texture, frame }\n  }\n\n  entries.set(cacheKey, { textureKey, refCount: 1 })\n  return { texture: textureKey, cacheKey }\n}\n\nexport function releaseImageSubTexture(scene: Phaser.Scene, cacheKey: string | undefined): void {\n  if (!cacheKey) return\n\n  const entries = sceneTextureEntries.get(scene)\n  if (!entries) return\n\n  const entry = entries.get(cacheKey)\n  if (!entry) return\n\n  entry.refCount -= 1\n  if (entry.refCount > 0) {\n    return\n  }\n\n  if (scene.textures.exists(entry.textureKey)) {\n    scene.textures.remove(entry.textureKey)\n  }\n  entries.delete(cacheKey)\n}\n"],"names":[],"mappings":"AAoBA,MAAM,0CAA0B,QAAA;AAChC,IAAI,uBAAuB;AAE3B,SAAS,gBAAgB,OAAuD;AAC9E,MAAI,UAAU,oBAAoB,IAAI,KAAK;AAC3C,MAAI,CAAC,SAAS;AACZ,kCAAc,IAAA;AACd,wBAAoB,IAAI,OAAO,OAAO;AAAA,EACxC;AACA,SAAO;AACT;AAEA,SAAS,iBACP,OACA,YACoD;AACpD,QAAM,IAAI,KAAK,IAAI,GAAG,WAAW,CAAC;AAClC,QAAM,IAAI,KAAK,IAAI,GAAG,WAAW,CAAC;AAClC,QAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,GAAG,MAAM,WAAW,CAAC,CAAC;AAChE,QAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,GAAG,MAAM,YAAY,CAAC,CAAC;AAEjE,SAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,IACjB,IAAI,MAAM,OAAO;AAAA,IACjB,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAER;AAEA,SAAS,aACP,OACA,SACA,OAC8B;AAC9B,SAAO,MAAM,SAAS,SAAS,SAAS,KAAoC;AAC9E;AAEA,SAAS,qBACP,OACA,YACA,OACA,YACS;AACT,QAAM,EAAE,IAAI,IAAI,IAAI,OAAO,iBAAiB,OAAO,UAAU;AAC7D,MAAI,MAAM,KAAK,MAAM,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,cAAe,MAAM,QAAQ,SAAS,MAAM,eAAe,CAAC,GAAG,SACnE,MAAM,QAAQ,SAAS,CAAC,GAAG;AAC7B,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ;AACf,SAAO,SAAS;AAChB,QAAM,MAAM,OAAO,WAAW,IAAI;AAClC,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,GAAG,GAAG,IAAI,EAAE;AAC1B,MAAI,UAAU,aAAa,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAEvD,MAAI,MAAM,SAAS,OAAO,UAAU,GAAG;AACrC,UAAM,SAAS,OAAO,UAAU;AAAA,EAClC;AAEA,QAAM,SAAS,UAAU,YAAY,MAAM;AAC3C,QAAM,UAAU,MAAM,SAAS,IAAI,UAAU;AAC7C,WAAS,SAAS,CAAC,GAAG,OAAA;AACtB,SAAO;AACT;AAEO,SAAS,2BACd,SACA,OACA,YACQ;AACR,SAAO,GAAG,OAAO,KAAK,SAAS,QAAQ,KAAK,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,WAAW,CAAC;AAC1G;AAEO,SAAS,sBACd,OACA,SACA,OACA,YACsB;AACtB,MAAI,CAAC,YAAY;AACf,WAAO,EAAE,SAAS,MAAA;AAAA,EACpB;AAEA,QAAM,gBAAgB,aAAa,OAAO,SAAS,KAAK;AACxD,MAAI,CAAC,eAAe;AAClB,WAAO,EAAE,SAAS,MAAA;AAAA,EACpB;AAEA,QAAM,WAAW,2BAA2B,SAAS,OAAO,UAAU;AACtE,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,WAAW,QAAQ,IAAI,QAAQ;AAErC,MAAI,UAAU;AACZ,aAAS,YAAY;AACrB,WAAO,EAAE,SAAS,SAAS,YAAY,SAAA;AAAA,EACzC;AAEA,QAAM,aAAa,0BAA0B,sBAAsB;AACnE,QAAM,UAAU,qBAAqB,OAAO,YAAY,eAAe,UAAU;AACjF,MAAI,CAAC,SAAS;AACZ,WAAO,EAAE,SAAS,MAAA;AAAA,EACpB;AAEA,UAAQ,IAAI,UAAU,EAAE,YAAY,UAAU,GAAG;AACjD,SAAO,EAAE,SAAS,YAAY,SAAA;AAChC;AAEO,SAAS,uBAAuB,OAAqB,UAAoC;AAC9F,MAAI,CAAC,SAAU;AAEf,QAAM,UAAU,oBAAoB,IAAI,KAAK;AAC7C,MAAI,CAAC,QAAS;AAEd,QAAM,QAAQ,QAAQ,IAAI,QAAQ;AAClC,MAAI,CAAC,MAAO;AAEZ,QAAM,YAAY;AAClB,MAAI,MAAM,WAAW,GAAG;AACtB;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,OAAO,MAAM,UAAU,GAAG;AAC3C,UAAM,SAAS,OAAO,MAAM,UAAU;AAAA,EACxC;AACA,UAAQ,OAAO,QAAQ;AACzB;"}

package/dist/utils/phaser-guards.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isPhaserScene(value) {
+  if (!value || typeof value !== "object") return false;
+  const maybe = value;
+  return maybe.sys !== null && maybe.sys !== void 0 && typeof maybe.sys === "object" && maybe.add !== null && maybe.add !== void 0 && typeof maybe.add === "object";
+}
+function isPhaserContainer(value) {
+  if (!value || typeof value !== "object") return false;
+  const maybe = value;
+  return Array.isArray(maybe.list) && typeof maybe.add === "function" && typeof maybe.remove === "function";
+}
+exports.isPhaserContainer = isPhaserContainer;
+exports.isPhaserScene = isPhaserScene;
+//# sourceMappingURL=phaser-guards.cjs.map

package/dist/utils/phaser-guards.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"phaser-guards.cjs","sources":["../../src/utils/phaser-guards.ts"],"sourcesContent":["import type * as Phaser from 'phaser'\n\n/**\n * Duck-typed Phaser guards to avoid instanceof issues when multiple Phaser copies exist.\n */\nexport function isPhaserScene(value: unknown): value is Phaser.Scene {\n  if (!value || typeof value !== 'object') return false\n  const maybe = value as Phaser.Scene & { sys?: unknown; add?: unknown }\n  return (\n    maybe.sys !== null &&\n    maybe.sys !== undefined &&\n    typeof maybe.sys === 'object' &&\n    maybe.add !== null &&\n    maybe.add !== undefined &&\n    typeof maybe.add === 'object'\n  )\n}\n\nexport function isPhaserContainer(value: unknown): value is Phaser.GameObjects.Container {\n  if (!value || typeof value !== 'object') return false\n  const maybe = value as Phaser.GameObjects.Container & {\n    list?: unknown\n    add?: unknown\n    remove?: unknown\n  }\n  return (\n    Array.isArray(maybe.list) &&\n    typeof maybe.add === 'function' &&\n    typeof maybe.remove === 'function'\n  )\n}\n"],"names":[],"mappings":";;AAKO,SAAS,cAAc,OAAuC;AACnE,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,QAAQ;AACd,SACE,MAAM,QAAQ,QACd,MAAM,QAAQ,UACd,OAAO,MAAM,QAAQ,YACrB,MAAM,QAAQ,QACd,MAAM,QAAQ,UACd,OAAO,MAAM,QAAQ;AAEzB;AAEO,SAAS,kBAAkB,OAAuD;AACvF,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,QAAQ;AAKd,SACE,MAAM,QAAQ,MAAM,IAAI,KACxB,OAAO,MAAM,QAAQ,cACrB,OAAO,MAAM,WAAW;AAE5B;;;"}

package/dist/utils/phaser-guards.d.ts

@@ -0,0 +1,7 @@
+import type * as Phaser from 'phaser';
+/**
+ * Duck-typed Phaser guards to avoid instanceof issues when multiple Phaser copies exist.
+ */
+export declare function isPhaserScene(value: unknown): value is Phaser.Scene;
+export declare function isPhaserContainer(value: unknown): value is Phaser.GameObjects.Container;
+//# sourceMappingURL=phaser-guards.d.ts.map

package/dist/utils/phaser-guards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phaser-guards.d.ts","sourceRoot":"","sources":["../../src/utils/phaser-guards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAErC;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAWnE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,WAAW,CAAC,SAAS,CAYvF"}

package/dist/utils/phaser-guards.js

@@ -0,0 +1,15 @@
+function isPhaserScene(value) {
+  if (!value || typeof value !== "object") return false;
+  const maybe = value;
+  return maybe.sys !== null && maybe.sys !== void 0 && typeof maybe.sys === "object" && maybe.add !== null && maybe.add !== void 0 && typeof maybe.add === "object";
+}
+function isPhaserContainer(value) {
+  if (!value || typeof value !== "object") return false;
+  const maybe = value;
+  return Array.isArray(maybe.list) && typeof maybe.add === "function" && typeof maybe.remove === "function";
+}
+export {
+  isPhaserContainer,
+  isPhaserScene
+};
+//# sourceMappingURL=phaser-guards.js.map

package/dist/utils/phaser-guards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phaser-guards.js","sources":["../../src/utils/phaser-guards.ts"],"sourcesContent":["import type * as Phaser from 'phaser'\n\n/**\n * Duck-typed Phaser guards to avoid instanceof issues when multiple Phaser copies exist.\n */\nexport function isPhaserScene(value: unknown): value is Phaser.Scene {\n  if (!value || typeof value !== 'object') return false\n  const maybe = value as Phaser.Scene & { sys?: unknown; add?: unknown }\n  return (\n    maybe.sys !== null &&\n    maybe.sys !== undefined &&\n    typeof maybe.sys === 'object' &&\n    maybe.add !== null &&\n    maybe.add !== undefined &&\n    typeof maybe.add === 'object'\n  )\n}\n\nexport function isPhaserContainer(value: unknown): value is Phaser.GameObjects.Container {\n  if (!value || typeof value !== 'object') return false\n  const maybe = value as Phaser.GameObjects.Container & {\n    list?: unknown\n    add?: unknown\n    remove?: unknown\n  }\n  return (\n    Array.isArray(maybe.list) &&\n    typeof maybe.add === 'function' &&\n    typeof maybe.remove === 'function'\n  )\n}\n"],"names":[],"mappings":"AAKO,SAAS,cAAc,OAAuC;AACnE,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,QAAQ;AACd,SACE,MAAM,QAAQ,QACd,MAAM,QAAQ,UACd,OAAO,MAAM,QAAQ,YACrB,MAAM,QAAQ,QACd,MAAM,QAAQ,UACd,OAAO,MAAM,QAAQ;AAEzB;AAEO,SAAS,kBAAkB,OAAuD;AACvF,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,QAAQ;AAKd,SACE,MAAM,QAAQ,MAAM,IAAI,KACxB,OAAO,MAAM,QAAQ,cACrB,OAAO,MAAM,WAAW;AAE5B;"}

package/dist/utils/svg-texture.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function preprocessSvgForTinting(svg) {
+  return svg.replace(/fill="currentColor"/gi, 'fill="#FFFFFF"').replace(/fill='currentColor'/gi, "fill='#FFFFFF'").replace(/fill:\s*currentColor/gi, "fill: #FFFFFF").replace(/stroke="currentColor"/gi, 'stroke="#FFFFFF"').replace(/stroke='currentColor'/gi, "stroke='#FFFFFF'").replace(/stroke:\s*currentColor/gi, "stroke: #FFFFFF").replace(/fill="#000000"/gi, 'fill="#FFFFFF"').replace(/fill="#000"/gi, 'fill="#FFFFFF"').replace(/fill='#000000'/gi, "fill='#FFFFFF'").replace(/fill='#000'/gi, "fill='#FFFFFF'").replace(/stroke="#000000"/gi, 'stroke="#FFFFFF"').replace(/stroke="#000"/gi, 'stroke="#FFFFFF"').replace(/stroke='#000000'/gi, "stroke='#FFFFFF'").replace(/stroke='#000'/gi, "stroke='#FFFFFF'");
+}
+async function svgToTexture(scene, key, svgOrUrl, width = 32, height = 32) {
+  const trimmed = svgOrUrl.trim();
+  let finalUrl;
+  let shouldRevokeUrl = false;
+  const isSvgString = trimmed.startsWith("<svg") || trimmed.startsWith("<!--");
+  if (isSvgString && trimmed.includes("<svg")) {
+    const processedSvg = preprocessSvgForTinting(trimmed);
+    const blob = new Blob([processedSvg], { type: "image/svg+xml" });
+    finalUrl = URL.createObjectURL(blob);
+    shouldRevokeUrl = true;
+  } else {
+    finalUrl = svgOrUrl;
+  }
+  const img = await new Promise((resolve, reject) => {
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.onload = () => resolve(image);
+    image.onerror = () => reject(new Error(`Failed to load SVG: ${key}`));
+    image.src = finalUrl;
+  });
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Failed to get canvas 2D context");
+  }
+  ctx.clearRect(0, 0, width, height);
+  ctx.drawImage(img, 0, 0, width, height);
+  if (scene.textures.exists(key)) {
+    scene.textures.remove(key);
+  }
+  scene.textures.addCanvas(key, canvas);
+  if (shouldRevokeUrl) {
+    URL.revokeObjectURL(finalUrl);
+  }
+  const texture = scene.textures.get(key);
+  if (texture && texture.source[0]) {
+    texture.source[0].update();
+  }
+}
+exports.svgToTexture = svgToTexture;
+//# sourceMappingURL=svg-texture.cjs.map

package/dist/utils/svg-texture.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-texture.cjs","sources":["../../src/utils/svg-texture.ts"],"sourcesContent":["/**\n * SVG to Phaser Texture Utilities\n * Provides conversion from SVG strings/URLs to Phaser texture resources\n */\nimport type * as Phaser from 'phaser'\n\n/**\n * Preprocesses SVG string to ensure tinting works correctly\n * Replaces fill/stroke=\"currentColor\" and other colors with white (#FFFFFF)\n * This allows Phaser's tint to work by multiplication (white × tint = tint color)\n * @param svg - Raw SVG string\n * @returns Preprocessed SVG string with white fills/strokes\n */\nfunction preprocessSvgForTinting(svg: string): string {\n  return (\n    svg\n      // Replace fill=\"currentColor\" with fill=\"#FFFFFF\"\n      .replace(/fill=\"currentColor\"/gi, 'fill=\"#FFFFFF\"')\n      // Replace fill='currentColor' with fill='#FFFFFF'\n      .replace(/fill='currentColor'/gi, \"fill='#FFFFFF'\")\n      // Replace fill:currentColor in style attributes\n      .replace(/fill:\\s*currentColor/gi, 'fill: #FFFFFF')\n      // Replace stroke=\"currentColor\" with stroke=\"#FFFFFF\" (for outline icons like Lucide)\n      .replace(/stroke=\"currentColor\"/gi, 'stroke=\"#FFFFFF\"')\n      // Replace stroke='currentColor' with stroke='#FFFFFF'\n      .replace(/stroke='currentColor'/gi, \"stroke='#FFFFFF'\")\n      // Replace stroke:currentColor in style attributes\n      .replace(/stroke:\\s*currentColor/gi, 'stroke: #FFFFFF')\n      // Replace black fills (common fallback)\n      .replace(/fill=\"#000000\"/gi, 'fill=\"#FFFFFF\"')\n      .replace(/fill=\"#000\"/gi, 'fill=\"#FFFFFF\"')\n      .replace(/fill='#000000'/gi, \"fill='#FFFFFF'\")\n      .replace(/fill='#000'/gi, \"fill='#FFFFFF'\")\n      // Replace black strokes\n      .replace(/stroke=\"#000000\"/gi, 'stroke=\"#FFFFFF\"')\n      .replace(/stroke=\"#000\"/gi, 'stroke=\"#FFFFFF\"')\n      .replace(/stroke='#000000'/gi, \"stroke='#FFFFFF'\")\n      .replace(/stroke='#000'/gi, \"stroke='#FFFFFF'\")\n  )\n}\n\n/**\n * Converts an SVG (string or URL) into a Phaser texture\n *\n * Supports multiple input formats:\n * - Raw SVG string (must start with '<svg')\n * - data:image/svg+xml URL\n * - External URL (http/https)\n *\n * The function creates a canvas element, renders the SVG at the specified dimensions,\n * and registers it as a Phaser texture. If a texture with the same key already exists,\n * it will be replaced.\n *\n * @param scene - Phaser scene instance\n * @param key - Unique texture key for registration\n * @param svgOrUrl - SVG string or URL\n * @param width - Desired texture width in pixels (default: 32)\n * @param height - Desired texture height in pixels (default: 32)\n * @throws {Error} If SVG loading or canvas rendering fails\n * @example\n * ```typescript\n * // Raw SVG string\n * await svgToTexture(scene, 'my-icon', '<svg>...</svg>', 64, 64)\n *\n * // URL\n * await svgToTexture(scene, 'external-icon', 'https://example.com/icon.svg')\n * ```\n */\nexport async function svgToTexture(\n  scene: Phaser.Scene,\n  key: string,\n  svgOrUrl: string,\n  width: number = 32,\n  height: number = 32\n): Promise<void> {\n  const trimmed = svgOrUrl.trim()\n  let finalUrl: string\n  let shouldRevokeUrl = false\n\n  // Detect input type: raw SVG string or URL\n  // SVG strings can start with <!-- comment --> or <svg\n  const isSvgString = trimmed.startsWith('<svg') || trimmed.startsWith('<!--')\n\n  if (isSvgString && trimmed.includes('<svg')) {\n    // Raw SVG string - preprocess for tinting, then create blob URL\n    const processedSvg = preprocessSvgForTinting(trimmed)\n    const blob = new Blob([processedSvg], { type: 'image/svg+xml' })\n    finalUrl = URL.createObjectURL(blob)\n    shouldRevokeUrl = true\n  } else {\n    // Already a URL (data: or http/https)\n    finalUrl = svgOrUrl\n  }\n\n  // Load SVG as HTMLImageElement\n  const img = await new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n    image.crossOrigin = 'anonymous'\n    image.onload = () => resolve(image)\n    image.onerror = () => reject(new Error(`Failed to load SVG: ${key}`))\n    image.src = finalUrl\n  })\n\n  // Create canvas and render scaled SVG\n  const canvas = document.createElement('canvas')\n  canvas.width = width\n  canvas.height = height\n\n  const ctx = canvas.getContext('2d')\n  if (!ctx) {\n    throw new Error('Failed to get canvas 2D context')\n  }\n\n  ctx.clearRect(0, 0, width, height)\n  ctx.drawImage(img, 0, 0, width, height)\n\n  // Remove existing texture if present\n  if (scene.textures.exists(key)) {\n    scene.textures.remove(key)\n  }\n\n  // Register canvas as Phaser texture\n  scene.textures.addCanvas(key, canvas)\n\n  // Cleanup blob URL after canvas is added\n  if (shouldRevokeUrl) {\n    URL.revokeObjectURL(finalUrl)\n  }\n\n  // Force texture refresh to ensure GL texture is created\n  const texture = scene.textures.get(key)\n  if (texture && texture.source[0]) {\n    texture.source[0].update()\n  }\n}\n"],"names":[],"mappings":";;AAaA,SAAS,wBAAwB,KAAqB;AACpD,SACE,IAEG,QAAQ,yBAAyB,gBAAgB,EAEjD,QAAQ,yBAAyB,gBAAgB,EAEjD,QAAQ,0BAA0B,eAAe,EAEjD,QAAQ,2BAA2B,kBAAkB,EAErD,QAAQ,2BAA2B,kBAAkB,EAErD,QAAQ,4BAA4B,iBAAiB,EAErD,QAAQ,oBAAoB,gBAAgB,EAC5C,QAAQ,iBAAiB,gBAAgB,EACzC,QAAQ,oBAAoB,gBAAgB,EAC5C,QAAQ,iBAAiB,gBAAgB,EAEzC,QAAQ,sBAAsB,kBAAkB,EAChD,QAAQ,mBAAmB,kBAAkB,EAC7C,QAAQ,sBAAsB,kBAAkB,EAChD,QAAQ,mBAAmB,kBAAkB;AAEpD;AA6BA,eAAsB,aACpB,OACA,KACA,UACA,QAAgB,IAChB,SAAiB,IACF;AACf,QAAM,UAAU,SAAS,KAAA;AACzB,MAAI;AACJ,MAAI,kBAAkB;AAItB,QAAM,cAAc,QAAQ,WAAW,MAAM,KAAK,QAAQ,WAAW,MAAM;AAE3E,MAAI,eAAe,QAAQ,SAAS,MAAM,GAAG;AAE3C,UAAM,eAAe,wBAAwB,OAAO;AACpD,UAAM,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,EAAE,MAAM,iBAAiB;AAC/D,eAAW,IAAI,gBAAgB,IAAI;AACnC,sBAAkB;AAAA,EACpB,OAAO;AAEL,eAAW;AAAA,EACb;AAGA,QAAM,MAAM,MAAM,IAAI,QAA0B,CAAC,SAAS,WAAW;AACnE,UAAM,QAAQ,IAAI,MAAA;AAClB,UAAM,cAAc;AACpB,UAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,UAAM,UAAU,MAAM,OAAO,IAAI,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACpE,UAAM,MAAM;AAAA,EACd,CAAC;AAGD,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ;AACf,SAAO,SAAS;AAEhB,QAAM,MAAM,OAAO,WAAW,IAAI;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,MAAI,UAAU,GAAG,GAAG,OAAO,MAAM;AACjC,MAAI,UAAU,KAAK,GAAG,GAAG,OAAO,MAAM;AAGtC,MAAI,MAAM,SAAS,OAAO,GAAG,GAAG;AAC9B,UAAM,SAAS,OAAO,GAAG;AAAA,EAC3B;AAGA,QAAM,SAAS,UAAU,KAAK,MAAM;AAGpC,MAAI,iBAAiB;AACnB,QAAI,gBAAgB,QAAQ;AAAA,EAC9B;AAGA,QAAM,UAAU,MAAM,SAAS,IAAI,GAAG;AACtC,MAAI,WAAW,QAAQ,OAAO,CAAC,GAAG;AAChC,YAAQ,OAAO,CAAC,EAAE,OAAA;AAAA,EACpB;AACF;;"}

package/dist/utils/svg-texture.d.ts

@@ -0,0 +1,34 @@
+/**
+ * SVG to Phaser Texture Utilities
+ * Provides conversion from SVG strings/URLs to Phaser texture resources
+ */
+import type * as Phaser from 'phaser';
+/**
+ * Converts an SVG (string or URL) into a Phaser texture
+ *
+ * Supports multiple input formats:
+ * - Raw SVG string (must start with '<svg')
+ * - data:image/svg+xml URL
+ * - External URL (http/https)
+ *
+ * The function creates a canvas element, renders the SVG at the specified dimensions,
+ * and registers it as a Phaser texture. If a texture with the same key already exists,
+ * it will be replaced.
+ *
+ * @param scene - Phaser scene instance
+ * @param key - Unique texture key for registration
+ * @param svgOrUrl - SVG string or URL
+ * @param width - Desired texture width in pixels (default: 32)
+ * @param height - Desired texture height in pixels (default: 32)
+ * @throws {Error} If SVG loading or canvas rendering fails
+ * @example
+ * ```typescript
+ * // Raw SVG string
+ * await svgToTexture(scene, 'my-icon', '<svg>...</svg>', 64, 64)
+ *
+ * // URL
+ * await svgToTexture(scene, 'external-icon', 'https://example.com/icon.svg')
+ * ```
+ */
+export declare function svgToTexture(scene: Phaser.Scene, key: string, svgOrUrl: string, width?: number, height?: number): Promise<void>;
+//# sourceMappingURL=svg-texture.d.ts.map

package/dist/utils/svg-texture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-texture.d.ts","sourceRoot":"","sources":["../../src/utils/svg-texture.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,MAAM,QAAQ,CAAA;AAqCrC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAsB,YAAY,CAChC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,KAAK,GAAE,MAAW,EAClB,MAAM,GAAE,MAAW,GAClB,OAAO,CAAC,IAAI,CAAC,CA4Df"}

package/dist/utils/svg-texture.js

@@ -0,0 +1,48 @@
+function preprocessSvgForTinting(svg) {
+  return svg.replace(/fill="currentColor"/gi, 'fill="#FFFFFF"').replace(/fill='currentColor'/gi, "fill='#FFFFFF'").replace(/fill:\s*currentColor/gi, "fill: #FFFFFF").replace(/stroke="currentColor"/gi, 'stroke="#FFFFFF"').replace(/stroke='currentColor'/gi, "stroke='#FFFFFF'").replace(/stroke:\s*currentColor/gi, "stroke: #FFFFFF").replace(/fill="#000000"/gi, 'fill="#FFFFFF"').replace(/fill="#000"/gi, 'fill="#FFFFFF"').replace(/fill='#000000'/gi, "fill='#FFFFFF'").replace(/fill='#000'/gi, "fill='#FFFFFF'").replace(/stroke="#000000"/gi, 'stroke="#FFFFFF"').replace(/stroke="#000"/gi, 'stroke="#FFFFFF"').replace(/stroke='#000000'/gi, "stroke='#FFFFFF'").replace(/stroke='#000'/gi, "stroke='#FFFFFF'");
+}
+async function svgToTexture(scene, key, svgOrUrl, width = 32, height = 32) {
+  const trimmed = svgOrUrl.trim();
+  let finalUrl;
+  let shouldRevokeUrl = false;
+  const isSvgString = trimmed.startsWith("<svg") || trimmed.startsWith("<!--");
+  if (isSvgString && trimmed.includes("<svg")) {
+    const processedSvg = preprocessSvgForTinting(trimmed);
+    const blob = new Blob([processedSvg], { type: "image/svg+xml" });
+    finalUrl = URL.createObjectURL(blob);
+    shouldRevokeUrl = true;
+  } else {
+    finalUrl = svgOrUrl;
+  }
+  const img = await new Promise((resolve, reject) => {
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.onload = () => resolve(image);
+    image.onerror = () => reject(new Error(`Failed to load SVG: ${key}`));
+    image.src = finalUrl;
+  });
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Failed to get canvas 2D context");
+  }
+  ctx.clearRect(0, 0, width, height);
+  ctx.drawImage(img, 0, 0, width, height);
+  if (scene.textures.exists(key)) {
+    scene.textures.remove(key);
+  }
+  scene.textures.addCanvas(key, canvas);
+  if (shouldRevokeUrl) {
+    URL.revokeObjectURL(finalUrl);
+  }
+  const texture = scene.textures.get(key);
+  if (texture && texture.source[0]) {
+    texture.source[0].update();
+  }
+}
+export {
+  svgToTexture
+};
+//# sourceMappingURL=svg-texture.js.map

package/dist/utils/svg-texture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-texture.js","sources":["../../src/utils/svg-texture.ts"],"sourcesContent":["/**\n * SVG to Phaser Texture Utilities\n * Provides conversion from SVG strings/URLs to Phaser texture resources\n */\nimport type * as Phaser from 'phaser'\n\n/**\n * Preprocesses SVG string to ensure tinting works correctly\n * Replaces fill/stroke=\"currentColor\" and other colors with white (#FFFFFF)\n * This allows Phaser's tint to work by multiplication (white × tint = tint color)\n * @param svg - Raw SVG string\n * @returns Preprocessed SVG string with white fills/strokes\n */\nfunction preprocessSvgForTinting(svg: string): string {\n  return (\n    svg\n      // Replace fill=\"currentColor\" with fill=\"#FFFFFF\"\n      .replace(/fill=\"currentColor\"/gi, 'fill=\"#FFFFFF\"')\n      // Replace fill='currentColor' with fill='#FFFFFF'\n      .replace(/fill='currentColor'/gi, \"fill='#FFFFFF'\")\n      // Replace fill:currentColor in style attributes\n      .replace(/fill:\\s*currentColor/gi, 'fill: #FFFFFF')\n      // Replace stroke=\"currentColor\" with stroke=\"#FFFFFF\" (for outline icons like Lucide)\n      .replace(/stroke=\"currentColor\"/gi, 'stroke=\"#FFFFFF\"')\n      // Replace stroke='currentColor' with stroke='#FFFFFF'\n      .replace(/stroke='currentColor'/gi, \"stroke='#FFFFFF'\")\n      // Replace stroke:currentColor in style attributes\n      .replace(/stroke:\\s*currentColor/gi, 'stroke: #FFFFFF')\n      // Replace black fills (common fallback)\n      .replace(/fill=\"#000000\"/gi, 'fill=\"#FFFFFF\"')\n      .replace(/fill=\"#000\"/gi, 'fill=\"#FFFFFF\"')\n      .replace(/fill='#000000'/gi, \"fill='#FFFFFF'\")\n      .replace(/fill='#000'/gi, \"fill='#FFFFFF'\")\n      // Replace black strokes\n      .replace(/stroke=\"#000000\"/gi, 'stroke=\"#FFFFFF\"')\n      .replace(/stroke=\"#000\"/gi, 'stroke=\"#FFFFFF\"')\n      .replace(/stroke='#000000'/gi, \"stroke='#FFFFFF'\")\n      .replace(/stroke='#000'/gi, \"stroke='#FFFFFF'\")\n  )\n}\n\n/**\n * Converts an SVG (string or URL) into a Phaser texture\n *\n * Supports multiple input formats:\n * - Raw SVG string (must start with '<svg')\n * - data:image/svg+xml URL\n * - External URL (http/https)\n *\n * The function creates a canvas element, renders the SVG at the specified dimensions,\n * and registers it as a Phaser texture. If a texture with the same key already exists,\n * it will be replaced.\n *\n * @param scene - Phaser scene instance\n * @param key - Unique texture key for registration\n * @param svgOrUrl - SVG string or URL\n * @param width - Desired texture width in pixels (default: 32)\n * @param height - Desired texture height in pixels (default: 32)\n * @throws {Error} If SVG loading or canvas rendering fails\n * @example\n * ```typescript\n * // Raw SVG string\n * await svgToTexture(scene, 'my-icon', '<svg>...</svg>', 64, 64)\n *\n * // URL\n * await svgToTexture(scene, 'external-icon', 'https://example.com/icon.svg')\n * ```\n */\nexport async function svgToTexture(\n  scene: Phaser.Scene,\n  key: string,\n  svgOrUrl: string,\n  width: number = 32,\n  height: number = 32\n): Promise<void> {\n  const trimmed = svgOrUrl.trim()\n  let finalUrl: string\n  let shouldRevokeUrl = false\n\n  // Detect input type: raw SVG string or URL\n  // SVG strings can start with <!-- comment --> or <svg\n  const isSvgString = trimmed.startsWith('<svg') || trimmed.startsWith('<!--')\n\n  if (isSvgString && trimmed.includes('<svg')) {\n    // Raw SVG string - preprocess for tinting, then create blob URL\n    const processedSvg = preprocessSvgForTinting(trimmed)\n    const blob = new Blob([processedSvg], { type: 'image/svg+xml' })\n    finalUrl = URL.createObjectURL(blob)\n    shouldRevokeUrl = true\n  } else {\n    // Already a URL (data: or http/https)\n    finalUrl = svgOrUrl\n  }\n\n  // Load SVG as HTMLImageElement\n  const img = await new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n    image.crossOrigin = 'anonymous'\n    image.onload = () => resolve(image)\n    image.onerror = () => reject(new Error(`Failed to load SVG: ${key}`))\n    image.src = finalUrl\n  })\n\n  // Create canvas and render scaled SVG\n  const canvas = document.createElement('canvas')\n  canvas.width = width\n  canvas.height = height\n\n  const ctx = canvas.getContext('2d')\n  if (!ctx) {\n    throw new Error('Failed to get canvas 2D context')\n  }\n\n  ctx.clearRect(0, 0, width, height)\n  ctx.drawImage(img, 0, 0, width, height)\n\n  // Remove existing texture if present\n  if (scene.textures.exists(key)) {\n    scene.textures.remove(key)\n  }\n\n  // Register canvas as Phaser texture\n  scene.textures.addCanvas(key, canvas)\n\n  // Cleanup blob URL after canvas is added\n  if (shouldRevokeUrl) {\n    URL.revokeObjectURL(finalUrl)\n  }\n\n  // Force texture refresh to ensure GL texture is created\n  const texture = scene.textures.get(key)\n  if (texture && texture.source[0]) {\n    texture.source[0].update()\n  }\n}\n"],"names":[],"mappings":"AAaA,SAAS,wBAAwB,KAAqB;AACpD,SACE,IAEG,QAAQ,yBAAyB,gBAAgB,EAEjD,QAAQ,yBAAyB,gBAAgB,EAEjD,QAAQ,0BAA0B,eAAe,EAEjD,QAAQ,2BAA2B,kBAAkB,EAErD,QAAQ,2BAA2B,kBAAkB,EAErD,QAAQ,4BAA4B,iBAAiB,EAErD,QAAQ,oBAAoB,gBAAgB,EAC5C,QAAQ,iBAAiB,gBAAgB,EACzC,QAAQ,oBAAoB,gBAAgB,EAC5C,QAAQ,iBAAiB,gBAAgB,EAEzC,QAAQ,sBAAsB,kBAAkB,EAChD,QAAQ,mBAAmB,kBAAkB,EAC7C,QAAQ,sBAAsB,kBAAkB,EAChD,QAAQ,mBAAmB,kBAAkB;AAEpD;AA6BA,eAAsB,aACpB,OACA,KACA,UACA,QAAgB,IAChB,SAAiB,IACF;AACf,QAAM,UAAU,SAAS,KAAA;AACzB,MAAI;AACJ,MAAI,kBAAkB;AAItB,QAAM,cAAc,QAAQ,WAAW,MAAM,KAAK,QAAQ,WAAW,MAAM;AAE3E,MAAI,eAAe,QAAQ,SAAS,MAAM,GAAG;AAE3C,UAAM,eAAe,wBAAwB,OAAO;AACpD,UAAM,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,EAAE,MAAM,iBAAiB;AAC/D,eAAW,IAAI,gBAAgB,IAAI;AACnC,sBAAkB;AAAA,EACpB,OAAO;AAEL,eAAW;AAAA,EACb;AAGA,QAAM,MAAM,MAAM,IAAI,QAA0B,CAAC,SAAS,WAAW;AACnE,UAAM,QAAQ,IAAI,MAAA;AAClB,UAAM,cAAc;AACpB,UAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,UAAM,UAAU,MAAM,OAAO,IAAI,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACpE,UAAM,MAAM;AAAA,EACd,CAAC;AAGD,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ;AACf,SAAO,SAAS;AAEhB,QAAM,MAAM,OAAO,WAAW,IAAI;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,MAAI,UAAU,GAAG,GAAG,OAAO,MAAM;AACjC,MAAI,UAAU,KAAK,GAAG,GAAG,OAAO,MAAM;AAGtC,MAAI,MAAM,SAAS,OAAO,GAAG,GAAG;AAC9B,UAAM,SAAS,OAAO,GAAG;AAAA,EAC3B;AAGA,QAAM,SAAS,UAAU,KAAK,MAAM;AAGpC,MAAI,iBAAiB;AACnB,QAAI,gBAAgB,QAAQ;AAAA,EAC9B;AAGA,QAAM,UAAU,MAAM,SAAS,IAAI,GAAG;AACtC,MAAI,WAAW,QAAQ,OAAO,CAAC,GAAG;AAChC,YAAQ,OAAO,CAAC,EAAE,OAAA;AAAA,EACpB;AACF;"}