@rb-games/core 0.1.3 → 0.1.5

package/dist/store/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../store/DataStore.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { EventEmitter } from 'pixi.js';\n\n/**\n * Events emitted by DataStore when data changes\n * Generic event structure for any property change\n */\nexport interface DataStoreEvents<T = any> {\n  'data:updated': (data: T, property: keyof T, value: any) => void;\n  [key: `property:${string}`]: (value: any, oldValue: any) => void;\n}\n\n/**\n * Context-based singleton data store with Proxy pattern for reactive state management.\n *\n * Provides centralized, type-safe, reactive state management with automatic event emission.\n * Uses Proxy to intercept property access and mutations, enabling 2-way binding.\n *\n * @template T - Type of the data structure to store\n *\n * @example\n * ```typescript\n * interface GameData {\n *   config: ConfigContext;\n *   platform: Platform;\n *   bet: number;\n * }\n *\n * // Create instance with initial data\n * const store = DataStore.createInstance<GameData>('Game', {\n *   config: {} as ConfigContext,\n *   platform: {} as Platform,\n *   bet: 10,\n * });\n *\n * // Access properties - fully type-safe\n * const balance = store.data.platform.balance;\n *\n * // Mutations automatically emit events\n * store.data.bet = 20; // Emits 'property:bet' and 'data:updated'\n *\n * // Listen to specific property changes\n * store.on('property:bet', (newValue, oldValue) => {\n *   console.log(`Bet changed from ${oldValue} to ${newValue}`);\n * });\n *\n * // Listen to any data change\n * store.on('data:updated', (data, property, value) => {\n *   console.log(`${String(property)} changed to`, value);\n * });\n *\n * // Cleanup\n * DataStore.destroyInstance('Game');\n * ```\n */\nexport class DataStore<T extends Record<string, any> = any> extends EventEmitter<\n  DataStoreEvents<T>\n> {\n  private static instances = new Map<string, DataStore<any>>();\n\n  private _data: T;\n  private _proxy: T;\n\n  private constructor(\n    private readonly contextId: string,\n    initialData: T,\n  ) {\n    super();\n    this._data = initialData;\n    this._proxy = this.createProxy(initialData);\n  }\n\n  /**\n   * Create a Proxy that intercepts property access and mutations\n   */\n  private createProxy(target: T): T {\n    return new Proxy(target, {\n      get: (obj, prop) => {\n        const value = obj[prop as keyof T];\n\n        // If value is an object, wrap it in a proxy too (deep reactivity)\n        if (value !== null && typeof value === 'object' && !Array.isArray(value)) {\n          return this.createNestedProxy(value, prop as string);\n        }\n\n        return value;\n      },\n\n      set: (obj, prop, value) => {\n        const oldValue = obj[prop as keyof T];\n\n        // Only emit if value actually changed\n        if (oldValue !== value) {\n          obj[prop as keyof T] = value;\n\n          // Emit specific property change event\n          this.emit(`property:${String(prop)}` as any, value, oldValue);\n\n          // Emit general data updated event\n          this.emit('data:updated', this._proxy, prop as keyof T, value);\n        }\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Create nested proxy for deep reactivity\n   */\n  private createNestedProxy(target: any, parentKey: string): any {\n    return new Proxy(target, {\n      set: (obj, prop, value) => {\n        const oldValue = obj[prop];\n\n        if (oldValue !== value) {\n          obj[prop] = value;\n\n          // Emit nested property change\n          const fullPath = `${parentKey}.${String(prop)}`;\n          this.emit(`property:${fullPath}` as any, value, oldValue);\n          this.emit('data:updated', this._proxy, parentKey as keyof T, target);\n        }\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Get reactive data proxy\n   */\n  get data(): T {\n    return this._proxy;\n  }\n\n  /**\n   * Get raw data (non-reactive)\n   */\n  getRawData(): T {\n    return this._data;\n  }\n\n  /**\n   * Create or get existing instance for a context.\n   *\n   * @template T - Type of the data structure\n   * @param contextId - Unique identifier for the game context (e.g., \"Game\", \"FreeSpinGame\")\n   * @param initialData - Initial data structure\n   * @returns DataStore instance for the specified context\n   *\n   * @example\n   * ```typescript\n   * interface GameData {\n   *   config: ConfigContext;\n   *   platform: Platform;\n   *   bet: number;\n   * }\n   *\n   * const store = DataStore.createInstance<GameData>('Game', {\n   *   config: {} as ConfigContext,\n   *   platform: {} as Platform,\n   *   bet: 10,\n   * });\n   * ```\n   */\n  static createInstance<T extends Record<string, any>>(\n    contextId: string,\n    initialData: T,\n  ): DataStore<T> {\n    if (!DataStore.instances.has(contextId)) {\n      const instance = new DataStore<T>(contextId, initialData);\n      DataStore.instances.set(contextId, instance);\n    }\n    return DataStore.instances.get(contextId)! as DataStore<T>;\n  }\n\n  /**\n   * Get existing instance for a context.\n   *\n   * @template T - Type of the data structure\n   * @param contextId - Unique identifier for the game context\n   * @returns DataStore instance for the specified context\n   * @throws Error if instance doesn't exist\n   *\n   * @example\n   * ```typescript\n   * const store = DataStore.getInstance<GameData>('Game');\n   * ```\n   */\n  static getInstance<T extends Record<string, any> = any>(contextId: string): DataStore<T> {\n    const instance = DataStore.instances.get(contextId);\n    if (!instance) {\n      throw new Error(`DataStore instance \"${contextId}\" not found. Call createInstance() first.`);\n    }\n    return instance as DataStore<T>;\n  }\n\n  /**\n   * Check if instance exists for a context.\n   *\n   * @param contextId - Unique identifier for the game context\n   * @returns True if instance exists, false otherwise\n   */\n  static hasInstance(contextId: string): boolean {\n    return DataStore.instances.has(contextId);\n  }\n\n  /**\n   * Destroy instance for a context and cleanup all listeners.\n   *\n   * @param contextId - Unique identifier for the game context\n   *\n   * @example\n   * ```typescript\n   * DataStore.destroyInstance('BonusGame');\n   * ```\n   */\n  static destroyInstance(contextId: string): void {\n    const instance = DataStore.instances.get(contextId);\n    if (instance) {\n      instance.removeAllListeners();\n      DataStore.instances.delete(contextId);\n    }\n  }\n\n  /**\n   * Get all active context IDs.\n   *\n   * @returns Array of context IDs\n   */\n  static getActiveContexts(): string[] {\n    return Array.from(DataStore.instances.keys());\n  }\n\n  /**\n   * Destroy all instances and cleanup.\n   */\n  static destroyAll(): void {\n    const contexts = Array.from(DataStore.instances.keys());\n    for (const contextId of contexts) {\n      DataStore.destroyInstance(contextId);\n    }\n  }\n\n  /**\n   * Get context ID of this instance.\n   */\n  getContextId(): string {\n    return this.contextId;\n  }\n\n  /**\n   * Update multiple properties at once without triggering individual events.\n   * Useful for batch updates.\n   *\n   * @param updates - Partial data to update\n   *\n   * @example\n   * ```typescript\n   * store.batchUpdate({\n   *   bet: 20,\n   *   isQuickSpin: true,\n   * });\n   * ```\n   */\n  batchUpdate(updates: Partial<T>): void {\n    Object.assign(this._data, updates);\n    this.emit('data:updated', this._proxy, 'batch' as keyof T, updates);\n  }\n\n  /**\n   * Reset store to initial state.\n   *\n   * @param initialData - New initial data\n   */\n  reset(initialData: T): void {\n    this._data = initialData;\n    this._proxy = this.createProxy(initialData);\n    this.emit('data:updated', this._proxy, 'reset' as keyof T, initialData);\n  }\n}\n"]}
+{"version":3,"sources":["../../store/DataStore.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { EventEmitter } from 'pixi.js';\n\n/**\n * Events emitted by DataStore when data changes\n * Generic event structure for any property change\n */\nexport interface DataStoreEvents<T = any> {\n  'data:updated': (data: T, property: keyof T, value: any) => void;\n  [key: `property:${string}`]: (value: any, oldValue: any) => void;\n}\n\n/**\n * Context-based singleton data store with Proxy pattern for reactive state management.\n *\n * Provides centralized, type-safe, reactive state management with automatic event emission.\n * Uses Proxy to intercept property access and mutations, enabling 2-way binding.\n *\n * @template T - Type of the data structure to store\n *\n * @example\n * ```typescript\n * interface GameData {\n *   config: ConfigContext;\n *   platform: Platform;\n *   bet: number;\n * }\n *\n * // Create instance with initial data\n * const store = DataStore.createInstance<GameData>('Game', {\n *   config: {} as ConfigContext,\n *   platform: {} as Platform,\n *   bet: 10,\n * });\n *\n * // Access properties - fully type-safe\n * const balance = store.data.platform.balance;\n *\n * // Mutations automatically emit events\n * store.data.bet = 20; // Emits 'property:bet' and 'data:updated'\n *\n * // Listen to specific property changes\n * store.on('property:bet', (newValue, oldValue) => {\n *   console.log(`Bet changed from ${oldValue} to ${newValue}`);\n * });\n *\n * // Listen to any data change\n * store.on('data:updated', (data, property, value) => {\n *   console.log(`${String(property)} changed to`, value);\n * });\n *\n * // Cleanup\n * DataStore.destroyInstance('Game');\n * ```\n */\nexport class DataStore<T extends Record<string, any> = any> extends EventEmitter<\n  DataStoreEvents<T>\n> {\n  private static instances = new Map<string, DataStore<any>>();\n\n  private _data: T;\n  private _proxy: T;\n\n  private constructor(\n    private readonly contextId: string,\n    initialData: T,\n  ) {\n    super();\n    this._data = initialData;\n    this._proxy = this.createProxy(initialData);\n  }\n\n  /**\n   * Create a Proxy that intercepts property access and mutations\n   */\n  private createProxy(target: T): T {\n    return new Proxy(target, {\n      get: (obj, prop) => {\n        const value = obj[prop as keyof T];\n\n        // If value is an object, wrap it in a proxy too (deep reactivity)\n        if (value !== null && typeof value === 'object' && !Array.isArray(value)) {\n          return this.createNestedProxy(value, prop as string);\n        }\n\n        return value;\n      },\n\n      set: (obj, prop, value) => {\n        const oldValue = obj[prop as keyof T];\n\n        // Only emit if value actually changed\n        if (oldValue !== value) {\n          obj[prop as keyof T] = value;\n\n          // Emit specific property change event\n          this.emit(`property:${String(prop)}` as any, value, oldValue);\n\n          // Emit general data updated event\n          this.emit('data:updated', this._proxy, prop as keyof T, value);\n        }\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Create nested proxy for deep reactivity\n   */\n  private createNestedProxy(target: any, parentKey: string): any {\n    return new Proxy(target, {\n      set: (obj, prop, value) => {\n        const oldValue = obj[prop];\n\n        if (oldValue !== value) {\n          obj[prop] = value;\n\n          // Emit nested property change\n          const fullPath = `${parentKey}.${String(prop)}`;\n          this.emit(`property:${fullPath}` as any, value, oldValue);\n          this.emit('data:updated', this._proxy, parentKey as keyof T, target);\n        }\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Get reactive data proxy\n   */\n  get data(): T {\n    return this._proxy;\n  }\n\n  /**\n   * Get raw data (non-reactive)\n   */\n  getRawData(): T {\n    return this._data;\n  }\n\n  /**\n   * Create or get existing instance for a context.\n   *\n   * @template T - Type of the data structure\n   * @param contextId - Unique identifier for the game context (e.g., \"Game\", \"FreeSpinGame\")\n   * @param initialData - Initial data structure\n   * @returns DataStore instance for the specified context\n   *\n   * @example\n   * ```typescript\n   * interface GameData {\n   *   config: ConfigContext;\n   *   platform: Platform;\n   *   bet: number;\n   * }\n   *\n   * const store = DataStore.createInstance<GameData>('Game', {\n   *   config: {} as ConfigContext,\n   *   platform: {} as Platform,\n   *   bet: 10,\n   * });\n   * ```\n   */\n  static createInstance<T extends Record<string, any>>(\n    contextId: string,\n    initialData: T,\n  ): DataStore<T> {\n    if (!DataStore.instances.has(contextId)) {\n      const instance = new DataStore<T>(contextId, initialData);\n      DataStore.instances.set(contextId, instance);\n    }\n    return DataStore.instances.get(contextId)! as DataStore<T>;\n  }\n\n  /**\n   * Get existing instance for a context.\n   *\n   * @template T - Type of the data structure\n   * @param contextId - Unique identifier for the game context\n   * @returns DataStore instance for the specified context\n   * @throws Error if instance doesn't exist\n   *\n   * @example\n   * ```typescript\n   * const store = DataStore.getInstance<GameData>('Game');\n   * ```\n   */\n  static getInstance<T extends Record<string, any> = any>(contextId: string): DataStore<T> {\n    const instance = DataStore.instances.get(contextId);\n    if (!instance) {\n      throw new Error(`DataStore instance \"${contextId}\" not found. Call createInstance() first.`);\n    }\n    return instance as DataStore<T>;\n  }\n\n  /**\n   * Check if instance exists for a context.\n   *\n   * @param contextId - Unique identifier for the game context\n   * @returns True if instance exists, false otherwise\n   */\n  static hasInstance(contextId: string): boolean {\n    return DataStore.instances.has(contextId);\n  }\n\n  /**\n   * Destroy instance for a context and cleanup all listeners.\n   *\n   * @param contextId - Unique identifier for the game context\n   *\n   * @example\n   * ```typescript\n   * DataStore.destroyInstance('BonusGame');\n   * ```\n   */\n  static destroyInstance(contextId: string): void {\n    const instance = DataStore.instances.get(contextId);\n    if (instance) {\n      instance.removeAllListeners();\n      DataStore.instances.delete(contextId);\n    }\n  }\n\n  /**\n   * Get all active context IDs.\n   *\n   * @returns Array of context IDs\n   */\n  static getActiveContexts(): string[] {\n    return Array.from(DataStore.instances.keys());\n  }\n\n  /**\n   * Destroy all instances and cleanup.\n   */\n  static destroyAll(): void {\n    const contexts = Array.from(DataStore.instances.keys());\n    for (const contextId of contexts) {\n      DataStore.destroyInstance(contextId);\n    }\n  }\n\n  /**\n   * Get context ID of this instance.\n   */\n  getContextId(): string {\n    return this.contextId;\n  }\n\n  /**\n   * Update multiple properties at once without triggering individual events.\n   * Useful for batch updates.\n   *\n   * @param updates - Partial data to update\n   *\n   * @example\n   * ```typescript\n   * store.batchUpdate({\n   *   bet: 20,\n   *   isQuickSpin: true,\n   * });\n   * ```\n   */\n  batchUpdate(updates: Partial<T>): void {\n    Object.assign(this._data, updates);\n    this.emit('data:updated', this._proxy, 'batch' as keyof T, updates);\n  }\n\n  /**\n   * Reset store to initial state.\n   *\n   * @param initialData - New initial data\n   */\n  reset(initialData: T): void {\n    this._data = initialData;\n    this._proxy = this.createProxy(initialData);\n    this.emit('data:updated', this._proxy, 'reset' as keyof T, initialData);\n  }\n}\n"]}

package/dist/ui/components/Skinable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skinable.d.ts","sourceRoot":"","sources":["../../../ui/components/Skinable.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAI5D,wBAAgB,QAAQ,CAAC,SAAS,EAAE,KAAK,SAAS,WAAW,EAAE,IAAI,EAAE,KAAK,GA+CrC,KACjC,GAAG,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAClC,YAAY,CAAC,KAAK,CAAC;iBATT,CACX,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,EAC3C,IAAI,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,IAAI;iBACI,MAAM,SAAS,GAAG,IAAI;CAKK,CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrF,GAAG,CAAC,EACJ,GAAG,CAAC,KACH,CAAC,GAAG,CAmBN,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,wBAAgB,gBAAgB,CAAC,SAAS;QAGjB,SAAS,GAAG,IAAI;WACb,SAAS,GAAG,IAAI,GAAG,IAAI;EAOlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAClD,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,EACxC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAQlB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAC3C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAC1C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,EACpD,iBAAiB,CAAC,EAAE,OAAO,GAC1B,IAAI,CAON"}
+{"version":3,"file":"Skinable.d.ts","sourceRoot":"","sources":["../../../ui/components/Skinable.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAI5D,wBAAgB,QAAQ,CAAC,SAAS,EAAE,KAAK,SAAS,WAAW,EAAE,IAAI,EAAE,KAAK,GAmDrC,KACjC,GAAG,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAClC,YAAY,CAAC,KAAK,CAAC;iBATT,CACX,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,EAC3C,IAAI,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,IAAI;iBACI,MAAM,SAAS,GAAG,IAAI;CAKK,CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrF,GAAG,CAAC,EACJ,GAAG,CAAC,KACH,CAAC,GAAG,CAmBN,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,wBAAgB,gBAAgB,CAAC,SAAS;QAGjB,SAAS,GAAG,IAAI;WACb,SAAS,GAAG,IAAI,GAAG,IAAI;EAOlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAClD,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,EACxC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAQlB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAC3C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAC1C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,EACpD,iBAAiB,CAAC,EAAE,OAAO,GAC1B,IAAI,CAON"}

package/dist/ui/index.js

@@ -2,7 +2,7 @@ import { Align, Flow } from '../chunk-FOZO6TLY.js';
 import { getNestedValue } from '../chunk-5BLUF2HG.js';
 import { require_lodash } from '../chunk-NAQG7TMS.js';
 import { __commonJS, __toESM } from '../chunk-G3PMV62Z.js';
-import { Rectangle, Color, Texture, Sprite, Graphics, Container, Text, ColorMatrixFilter, Assets } from 'pixi.js';
+import { Rectangle, Color, Texture, Sprite, Graphics, Container, Text, Assets, ColorMatrixFilter } from 'pixi.js';
 
 // ../../node_modules/eventemitter3/index.js
 var require_eventemitter3 = __commonJS({
@@ -170,34 +170,25 @@ var import_index = __toESM(require_eventemitter3(), 1);
 
 // ui/behaviors/ButtonBehavior.ts
 var ButtonBehavior = class _ButtonBehavior extends import_index.default {
-  _view = null;
-  _enabled = true;
-  _isPressed = false;
-  _isHolding = false;
-  _pointerDownOnThis = false;
-  _isOver = false;
-  // 👈 isOver added
-  _holdTimer = null;
-  _holdInterval = null;
-  _holdDelay;
-  _holdIntervalTime;
-  _cursor = "pointer";
-  // Toggle properties
-  _isToggle = false;
-  _selected = false;
-  _allowHoldWhenToggle = false;
-  _holdMode;
-  // Track if events are bound to current view
-  _eventsBound = false;
-  // Static factory methods
-  static withView(view, options = {}) {
-    const button = new _ButtonBehavior(options);
-    button.attachView(view);
-    return button;
-  }
   // Method overloads - now only takes options
   constructor(options = {}) {
     super();
+    this._view = null;
+    this._enabled = true;
+    this._isPressed = false;
+    this._isHolding = false;
+    this._pointerDownOnThis = false;
+    this._isOver = false;
+    // 👈 isOver added
+    this._holdTimer = null;
+    this._holdInterval = null;
+    this._cursor = "pointer";
+    // Toggle properties
+    this._isToggle = false;
+    this._selected = false;
+    this._allowHoldWhenToggle = false;
+    // Track if events are bound to current view
+    this._eventsBound = false;
     this._holdDelay = options.holdDelay || 500;
     this._holdIntervalTime = options.holdInterval || 100;
     this._holdMode = options.holdMode ?? "none";
@@ -209,6 +200,12 @@ var ButtonBehavior = class _ButtonBehavior extends import_index.default {
       this.attachView(options.view);
     }
   }
+  // Static factory methods
+  static withView(view, options = {}) {
+    const button = new _ButtonBehavior(options);
+    button.attachView(view);
+    return button;
+  }
   // View Management Methods
   attachView(view) {
     if (this._view === view) return;
@@ -553,45 +550,26 @@ var ButtonBehavior = class _ButtonBehavior extends import_index.default {
   }
 };
 var ScrollbarBehavior = class _ScrollbarBehavior extends import_index.default {
-  _trackView = null;
-  _knobView = null;
-  _enabled = true;
-  _isDragging = false;
-  _dragStartPosition = 0;
-  _dragStartValue = 0;
-  _dragOffset = 0;
-  // Configuration
-  _orientation;
-  _min;
-  _max;
-  _value;
-  _step;
-  _margin;
-  // Wheel options
-  _wheelStep;
-  _enableWheel;
-  // Cursor options
-  _trackCursor;
-  _knobCursor;
-  // Track if events are bound
-  _eventsBound = false;
-  // Arrow function event handlers for proper cleanup
-  _onTrackPointerDown = (event) => this._handleTrackPointerDown(event);
-  _onKnobPointerDown = (event) => this._handleKnobPointerDown(event);
-  _onKnobPointerUp = (event) => this._handleKnobPointerUp(event);
-  _onKnobPointerUpOutside = (event) => this._handleKnobPointerUp(event);
-  _onGlobalPointerMove = (event) => this._handleGlobalPointerMove(event);
-  _onTrackWheel = (event) => this._handleWheel(event);
-  _onKnobWheel = (event) => this._handleWheel(event);
-  // Static factory methods
-  static withViews(trackView, knobView, options = {}) {
-    const scrollbar = new _ScrollbarBehavior(options);
-    scrollbar.attachViews(trackView, knobView);
-    return scrollbar;
-  }
   constructor(options = {}) {
     var _a, _b;
     super();
+    this._trackView = null;
+    this._knobView = null;
+    this._enabled = true;
+    this._isDragging = false;
+    this._dragStartPosition = 0;
+    this._dragStartValue = 0;
+    this._dragOffset = 0;
+    // Track if events are bound
+    this._eventsBound = false;
+    // Arrow function event handlers for proper cleanup
+    this._onTrackPointerDown = (event) => this._handleTrackPointerDown(event);
+    this._onKnobPointerDown = (event) => this._handleKnobPointerDown(event);
+    this._onKnobPointerUp = (event) => this._handleKnobPointerUp(event);
+    this._onKnobPointerUpOutside = (event) => this._handleKnobPointerUp(event);
+    this._onGlobalPointerMove = (event) => this._handleGlobalPointerMove(event);
+    this._onTrackWheel = (event) => this._handleWheel(event);
+    this._onKnobWheel = (event) => this._handleWheel(event);
     this._orientation = options.orientation || "horizontal";
     this._margin = {
       start: ((_a = options.margin) == null ? void 0 : _a.start) || 0,
@@ -606,6 +584,12 @@ var ScrollbarBehavior = class _ScrollbarBehavior extends import_index.default {
     this._trackCursor = options.trackCursor || "pointer";
     this._knobCursor = options.knobCursor || "grab";
   }
+  // Static factory methods
+  static withViews(trackView, knobView, options = {}) {
+    const scrollbar = new _ScrollbarBehavior(options);
+    scrollbar.attachViews(trackView, knobView);
+    return scrollbar;
+  }
   // View Management Methods
   attachTrackView(trackView) {
     if (this._trackView === trackView) return;
@@ -1041,12 +1025,12 @@ var ScrollbarBehavior = class _ScrollbarBehavior extends import_index.default {
 
 // ui/behaviors/InputBehavior.ts
 var InputBehavior = class extends import_index.default {
-  _domInput;
-  _state;
-  _options;
-  _view = null;
   constructor(options = {}) {
     super();
+    this._view = null;
+    this._onViewPointerDown = () => {
+      this.activateView();
+    };
     this._options = options;
     const guid = "input-" + Math.random().toString(36).slice(2, 11);
     if (options.multiline) {
@@ -1111,9 +1095,6 @@ var InputBehavior = class extends import_index.default {
     this._view.on("pointerdown", this._onViewPointerDown);
     this.updateDomPosition();
   }
-  _onViewPointerDown = () => {
-    this.activateView();
-  };
   detachView() {
     if (this._view) {
       this._view.off("pointerdown", this._onViewPointerDown);
@@ -1182,16 +1163,24 @@ var import_lodash2 = __toESM(require_lodash(), 1);
 var import_lodash = __toESM(require_lodash(), 1);
 var SKIN = Symbol("skinData");
 function Skinable(Base) {
-  class SkinableClass extends Base {
-    [SKIN] = null;
-    // Optional hook implementable by subclasses
-    skinApply;
+  var _a, _b;
+  class SkinableClass extends (_b = Base, _a = SKIN, _b) {
+    constructor() {
+      super(...arguments);
+      this[_a] = null;
+    }
+    /**
+     * Prototype hook for subclasses. Must be a method, not a class field:
+     * `skinApply?: (...) => void` is compiled to `this.skinApply = undefined`,
+     * which shadows the subclass override and silently skips skin application.
+     */
+    skinApply(_skin) {
+    }
     setSkinData(data, opts = {}) {
-      var _a, _b;
       const { mergeWithExisting = false } = opts;
       if (data === null) {
         this[SKIN] = null;
-        (_a = this.skinApply) == null ? void 0 : _a.call(this, null);
+        this.skinApply(null);
         return;
       }
       const current = this[SKIN];
@@ -1200,13 +1189,12 @@ function Skinable(Base) {
       } else {
         this[SKIN] = (0, import_lodash.merge)({}, data);
       }
-      (_b = this.skinApply) == null ? void 0 : _b.call(this, this[SKIN] ?? null);
+      this.skinApply(this[SKIN] ?? null);
     }
     getSkinData() {
       return this[SKIN];
     }
-    // Subclasses should implement:
-    // protected skinApply?(skin: TSkinData | null): void
+    // Subclasses override skinApply(skin) to apply visual properties.
   }
   return SkinableClass;
 }
@@ -2025,38 +2013,36 @@ function resolveSpriteTextAlignment(container, ctx) {
 }
 
 // ui/components/spriteText/SpriteText.ts
-var SpriteText = class _SpriteText extends Skinable(Container) {
-  static globalSkin = defineGlobalSkin();
-  _glyphs = [];
-  _text = "";
-  _fonts = [];
-  _font = "";
-  _bbcodeEnabled = false;
-  _richTextExplicit;
-  _bbcodeAliases = {};
-  _fontStyles = [];
-  _runsOverride = null;
-  _tint = 16777215;
-  _pivotHorizontal = "center";
-  _pivotVertical = "middle";
-  _lineAlign = "left";
-  _letterSpacing = 0;
-  _spaceWidth = 0.5;
-  _wordWrap = false;
-  _wordWrapWidth = 100;
-  _breakWord = false;
-  _allowLineBreak = false;
-  _kerningEnabled = false;
-  _kerningMap = /* @__PURE__ */ new Map();
-  _glyphAnchor = { x: 0, y: 0 };
-  _glyphMap = {};
-  _fixedWidth = false;
-  _glyphScale = 1;
-  _curveEnabled = false;
-  _curveControlXPercent = 0.5;
-  _curveControlYPercent = -0.5;
+var _SpriteText = class _SpriteText extends Skinable(Container) {
   constructor(options = {}) {
     super();
+    this._glyphs = [];
+    this._text = "";
+    this._fonts = [];
+    this._font = "";
+    this._bbcodeEnabled = false;
+    this._bbcodeAliases = {};
+    this._fontStyles = [];
+    this._runsOverride = null;
+    this._tint = 16777215;
+    this._pivotHorizontal = "center";
+    this._pivotVertical = "middle";
+    this._lineAlign = "left";
+    this._letterSpacing = 0;
+    this._spaceWidth = 0.5;
+    this._wordWrap = false;
+    this._wordWrapWidth = 100;
+    this._breakWord = false;
+    this._allowLineBreak = false;
+    this._kerningEnabled = false;
+    this._kerningMap = /* @__PURE__ */ new Map();
+    this._glyphAnchor = { x: 0, y: 0 };
+    this._glyphMap = {};
+    this._fixedWidth = false;
+    this._glyphScale = 1;
+    this._curveEnabled = false;
+    this._curveControlXPercent = 0.5;
+    this._curveControlYPercent = -0.5;
     if (options.text !== void 0) {
       this._text = options.text;
     }
@@ -2552,23 +2538,22 @@ var SpriteText = class _SpriteText extends Skinable(Container) {
     }
   }
 };
+_SpriteText.globalSkin = defineGlobalSkin();
+var SpriteText = _SpriteText;
 
 // ui/components/ButtonComp.ts
-var ButtonComp = class _ButtonComp extends Skinable(Container) {
-  _buttonBehaviors;
-  _background;
-  _placeHolder;
-  _icon;
-  _labelText = null;
-  _buttonLabel = "";
-  _iconTextures = null;
-  _currentState = "up";
-  _enabled = true;
-  _effects = /* @__PURE__ */ new Map();
-  _previousState;
-  _stateDataCache = /* @__PURE__ */ new Map();
+var _ButtonComp = class _ButtonComp extends Skinable(Container) {
   constructor(options = {}) {
     super({ label: options.label });
+    this._labelText = null;
+    this._buttonLabel = "";
+    this._iconTextures = null;
+    this._currentState = "up";
+    this._enabled = true;
+    this._effects = /* @__PURE__ */ new Map();
+    this._stateDataCache = /* @__PURE__ */ new Map();
+    this._lastLayout = null;
+    this._lastPlaceHolderLayout = null;
     this.eventMode = "static";
     this._background = new Graphics();
     this._placeHolder = new Container({ label: "placeHolder" });
@@ -2599,12 +2584,6 @@ var ButtonComp = class _ButtonComp extends Skinable(Container) {
     this.updateVisualState();
     this.notifyEffectsStateChange();
   }
-  _lastLayout = null;
-  _lastPlaceHolderLayout = null;
-  _lastBackgroundConfig;
-  _lastIconConfig;
-  _lastTextConfig;
-  _lastZIndex;
   updateVisualState() {
     const currentStateData = this.getCurrentStateData();
     if (!currentStateData) return;
@@ -2686,19 +2665,6 @@ var ButtonComp = class _ButtonComp extends Skinable(Container) {
       this._stateDataCache.set(state, { base, background, textConfig, icon, layout, placeHolderLayout, zIndex });
     }
   }
-  static stateFallbackChain = {
-    // Normal flow: up -> over -> down
-    up: ["up"],
-    over: ["up", "over"],
-    down: ["up", "over", "down"],
-    // Selected flow: selected_up -> selected_over -> selected_down
-    selected_up: ["up", "selected_up"],
-    selected_over: ["up", "selected_up", "selected_over"],
-    selected_down: ["up", "selected_up", "selected_over", "selected_down"],
-    // Disabled states
-    disabled: ["up", "disabled"],
-    selected_disabled: ["up", "selected_up", "selected_disabled"]
-  };
   getCurrentStateData() {
     return this._stateDataCache.get(this._currentState) ?? null;
   }
@@ -2945,18 +2911,28 @@ var ButtonComp = class _ButtonComp extends Skinable(Container) {
     return this._buttonBehaviors;
   }
 };
+_ButtonComp.stateFallbackChain = {
+  // Normal flow: up -> over -> down
+  up: ["up"],
+  over: ["up", "over"],
+  down: ["up", "over", "down"],
+  // Selected flow: selected_up -> selected_over -> selected_down
+  selected_up: ["up", "selected_up"],
+  selected_over: ["up", "selected_up", "selected_over"],
+  selected_down: ["up", "selected_up", "selected_over", "selected_down"],
+  // Disabled states
+  disabled: ["up", "disabled"],
+  selected_disabled: ["up", "selected_up", "selected_disabled"]
+};
+var ButtonComp = _ButtonComp;
 
 // ui/components/InputComp.ts
 var import_lodash3 = __toESM(require_lodash(), 1);
 var InputComp = class extends Skinable(Container) {
-  _background;
-  _textMask;
-  _textLabel;
-  _behavior;
-  _currentState = "up";
-  _isFocused = false;
   constructor(options = {}) {
     super();
+    this._currentState = "up";
+    this._isFocused = false;
     this.eventMode = "static";
     this._background = new Graphics();
     this._textLabel = new Text({
@@ -3089,15 +3065,11 @@ var InputComp = class extends Skinable(Container) {
 // ui/components/SliderComp.ts
 var import_lodash4 = __toESM(require_lodash(), 1);
 var SliderComp = class extends Skinable(Container) {
-  _slider;
-  _trackContainer;
-  _progressContainer;
-  _knobContainer;
-  _currentState = "up";
-  _progressGraphics = null;
-  _progressConfig = null;
   constructor(options = {}) {
     super();
+    this._currentState = "up";
+    this._progressGraphics = null;
+    this._progressConfig = null;
     this.layout = true;
     this.eventMode = "passive";
     this._trackContainer = new Container();
@@ -3556,23 +3528,18 @@ function createFlatButtonEffect(options) {
 // ui/components/StepperComp.ts
 var import_lodash5 = __toESM(require_lodash(), 1);
 var StepperComp = class extends Skinable(Container) {
-  _minusButton;
-  _plusButton;
-  _displayContainer;
-  _displayBackground;
-  _displayText;
-  _value = 0;
-  _min = 0;
-  _max = 100;
-  _step = 1;
-  _formatFunction = (val) => val.toString();
-  _enabled = true;
-  _currentState = "up";
-  _holdEnabled = true;
-  _holdDelay = 500;
-  _holdInterval = 100;
   constructor(options = {}) {
     super();
+    this._value = 0;
+    this._min = 0;
+    this._max = 100;
+    this._step = 1;
+    this._formatFunction = (val) => val.toString();
+    this._enabled = true;
+    this._currentState = "up";
+    this._holdEnabled = true;
+    this._holdDelay = 500;
+    this._holdInterval = 100;
     this.layout = true;
     this.eventMode = "passive";
     this._min = options.min ?? 0;
@@ -3850,12 +3817,10 @@ var StepperComp = class extends Skinable(Container) {
 // ui/components/LabelBox.ts
 var import_lodash6 = __toESM(require_lodash(), 1);
 var LabelBox = class extends Skinable(Container) {
-  _background;
-  _text;
-  _currentState = "default";
-  _stateDataCache = /* @__PURE__ */ new Map();
   constructor(options = {}) {
     super({ label: options.label });
+    this._currentState = "default";
+    this._stateDataCache = /* @__PURE__ */ new Map();
     this.eventMode = "passive";
     this._background = new Graphics();
     this._text = new Text({
@@ -3950,27 +3915,13 @@ var LabelBox = class extends Skinable(Container) {
   }
 };
 var ListTableComp = class extends Skinable(Container) {
-  _columns;
-  _tableWidth;
-  _tableHeight;
-  _rowHeight;
-  _headerHeight;
-  _rowGap;
-  _cellGap;
-  _showHeader;
-  _showScrollbar;
-  _headerContainer;
-  _headerCells = [];
-  _listContainer;
-  _listContent;
-  _listMask;
-  _scrollbar;
-  _data = [];
-  _rowViews = [];
-  _hoveredRowIndex = -1;
-  _scrollValue = 0;
   constructor(options) {
     super();
+    this._headerCells = [];
+    this._data = [];
+    this._rowViews = [];
+    this._hoveredRowIndex = -1;
+    this._scrollValue = 0;
     this.eventMode = "static";
     this._columns = options.columns;
     this._tableWidth = options.tableWidth;