canvasengine 2.0.0-beta.4 → 2.0.0-beta.40

package/dist/directives/JoystickControls.d.ts

@@ -0,0 +1,172 @@
+import { ControlsBase, Controls } from './ControlsBase';
+
+/**
+ * Joystick directions reported by the Joystick component
+ */
+export type JoystickDirection = 'left' | 'right' | 'top' | 'bottom' | 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';
+/**
+ * Joystick change event payload
+ */
+export interface JoystickChangeEvent {
+    angle: number;
+    direction: JoystickDirection;
+    power: number;
+}
+/**
+ * Joystick configuration interface
+ *
+ * @example
+ * ```ts
+ * const joystickConfig: JoystickConfig = {
+ *   enabled: true,
+ *   directionMapping: {
+ *     'top': 'up',
+ *     'bottom': 'down',
+ *     'left': 'left',
+ *     'right': 'right',
+ *     'top_left': ['up', 'left'],
+ *     'top_right': ['up', 'right'],
+ *     'bottom_left': ['down', 'left'],
+ *     'bottom_right': ['down', 'right']
+ *   },
+ *   moveInterval: 50,
+ *   threshold: 0.1
+ * };
+ * ```
+ */
+export interface JoystickConfig {
+    /** Whether joystick is enabled (default: true) */
+    enabled?: boolean;
+    /** Mapping of joystick direction names to control names (can be single string or array for diagonals) */
+    directionMapping?: {
+        [joystickDirection: string]: string | string[];
+    };
+    /** Interval in milliseconds for repeating movement actions (default: 50) */
+    moveInterval?: number;
+    /** Threshold for power value to trigger movement (default: 0.1) */
+    threshold?: number;
+}
+/**
+ * Joystick input controls implementation
+ *
+ * Handles joystick input events from the Joystick component and maps them to control actions.
+ * Supports directional movement with configurable mappings, including diagonal directions.
+ *
+ * The joystick controls work by receiving change events from a Joystick component instance.
+ *
+ * @example
+ * ```ts
+ * const joystickControls = new JoystickControls();
+ * joystickControls.setInputs({
+ *   up: {
+ *     repeat: true,
+ *     bind: 'up',
+ *     keyDown() {
+ *       console.log('Up pressed');
+ *     }
+ *   }
+ * });
+ * joystickControls.updateJoystickConfig({
+ *   enabled: true,
+ *   directionMapping: {
+ *     'top': 'up'
+ *   }
+ * });
+ * joystickControls.start();
+ *
+ * // Later, when joystick changes:
+ * joystickControls.handleJoystickChange({ angle: 90, direction: Direction.TOP, power: 0.8 });
+ * ```
+ */
+export declare class JoystickControls extends ControlsBase {
+    private joystickEnabled;
+    private joystickConfig;
+    private joystickMoving;
+    private joystickDirections;
+    private joystickLastUpdate;
+    private joystickMoveInterval;
+    private currentPower;
+    /**
+     * Setup joystick event listeners
+     * Note: Joystick events are handled via handleJoystickChange() method
+     */
+    protected setupListeners(): void;
+    /**
+     * Cleanup joystick intervals
+     */
+    protected cleanup(): void;
+    /**
+     * Process joystick inputs each step
+     * Continuous actions are handled by the interval; no inactivity timeout here.
+     */
+    protected preStep(): void;
+    /**
+     * Handle joystick change event
+     * Called by the Joystick component when its position changes
+     *
+     * @param event - Joystick change event containing angle, direction, and power
+     */
+    handleJoystickChange(event: JoystickChangeEvent): void;
+    /**
+     * Handle joystick start event
+     * Called when user starts interacting with the joystick
+     */
+    handleJoystickStart(): void;
+    /**
+     * Handle joystick end event
+     * Called when user stops interacting with the joystick
+     */
+    handleJoystickEnd(): void;
+    /**
+     * Stop all active joystick movements
+     */
+    private stopAllMovements;
+    /**
+     * Process continuous joystick movement
+     * Called at intervals to repeat movement actions while joystick is active
+     */
+    private processJoystickMovement;
+    /**
+     * Update joystick configuration
+     * Merges provided config with defaults
+     *
+     * @param config - Partial joystick configuration
+     */
+    updateJoystickConfig(config: Partial<JoystickConfig>): void;
+    /**
+     * Extract joystick config from controls configuration and update
+     *
+     * @param inputs - Controls configuration that may contain a 'joystick' property
+     */
+    extractJoystickConfig(inputs: Controls & {
+        joystick?: JoystickConfig;
+    }): void;
+    /**
+     * Get the current joystick configuration
+     *
+     * @returns The joystick configuration object
+     */
+    getJoystickConfig(): JoystickConfig;
+    /**
+     * Apply a control action programmatically
+     * Uses the bound controls to trigger actions
+     *
+     * @param controlName - Name of the control
+     * @param isDown - Whether the control is pressed (true) or released (false)
+     * @returns Promise that resolves when the action is complete
+     */
+    applyControl(controlName: string | number, isDown?: boolean, payload?: any): Promise<void>;
+    /**
+     * Override setInputs to extract joystick config
+     */
+    setInputs(inputs: Controls & {
+        joystick?: JoystickConfig;
+    }): void;
+    /**
+     * Check if joystick is currently active
+     *
+     * @returns true if joystick is moving, false otherwise
+     */
+    isActive(): boolean;
+}
+//# sourceMappingURL=JoystickControls.d.ts.map

package/dist/directives/JoystickControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoystickControls.d.ts","sourceRoot":"","sources":["../../src/directives/JoystickControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACvB,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,cAAc;IAC3B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,gBAAgB,CAAC,EAAE;QACf,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;KAClD,CAAC;IACF,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;IAC9C,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,kBAAkB,CAAwC;IAClE,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,oBAAoB,CAAa;IACzC,OAAO,CAAC,YAAY,CAAa;IAEjC;;;OAGG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC;;OAEG;IACH,SAAS,CAAC,OAAO,IAAI,IAAI;IAOzB;;;OAGG;IACH,SAAS,CAAC,OAAO,IAAI,IAAI;IAKzB;;;;;OAKG;IACH,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI;IAwEtD;;;OAGG;IACH,mBAAmB,IAAI,IAAI;IAM3B;;;OAGG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAkBxB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAa/B;;;;;OAKG;IACH,oBAAoB,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAS3D;;;;OAIG;IACH,qBAAqB,CAAC,MAAM,EAAE,QAAQ,GAAG;QAAE,QAAQ,CAAC,EAAE,cAAc,CAAA;KAAE,GAAG,IAAI;IAM7E;;;;OAIG;IACH,iBAAiB,IAAI,cAAc;IAInC;;;;;;;OAOG;IACG,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAsDhG;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,QAAQ,GAAG;QAAE,QAAQ,CAAC,EAAE,cAAc,CAAA;KAAE,GAAG,IAAI;IAKjE;;;;OAIG;IACH,QAAQ,IAAI,OAAO;CAGtB"}

package/dist/directives/KeyboardControls.d.ts

@@ -0,0 +1,219 @@
+import { ControlsBase, ControlOptions, Controls, BoundKey } from './ControlsBase';
+
+export declare enum Input {
+    Break = "break",
+    Backspace = "backspace",
+    Tab = "tab",
+    Clear = "clear",
+    Enter = "enter",
+    Shift = "shift",
+    Ctrl = "ctrl",
+    Alt = "alt",
+    Pause = "pause/break",
+    CapsLock = "caps lock",
+    Escape = "escape",
+    Conversion = "conversion",
+    NonConversion = "non-conversion",
+    Space = "space",
+    PageUp = "page up",
+    PageDown = "page down",
+    End = "end",
+    Home = "home",
+    Left = 4,
+    Up = 1,
+    Right = 2,
+    Down = 3,
+    Select = "select",
+    Print = "print",
+    Execute = "execute",
+    PrintScreen = "Print Screen",
+    Insert = "insert",
+    Delete = "delete",
+    Zero = "0",
+    One = "1",
+    Two = "2",
+    Three = "3",
+    Four = "4",
+    Five = "5",
+    Six = "6",
+    Seven = "7",
+    Height = "8",
+    Nine = "9",
+    Equal = "=",
+    Semicolon = "semicolon (firefox), equals",
+    LessThan = "<",
+    Equals = "equals (firefox)",
+    Beta = "\u00DF",
+    At = "@",
+    A = "a",
+    B = "b",
+    C = "c",
+    D = "d",
+    E = "e",
+    F = "f",
+    G = "g",
+    H = "h",
+    I = "i",
+    J = "j",
+    K = "k",
+    L = "l",
+    M = "m",
+    N = "n",
+    O = "o",
+    P = "p",
+    Q = "q",
+    R = "r",
+    S = "s",
+    T = "t",
+    U = "u",
+    V = "v",
+    W = "w",
+    X = "x",
+    Y = "y",
+    Z = "z",
+    SearchKey = "Windows Key / Left \u2318 / Chromebook Search key",
+    NumPad0 = "numpad 0",
+    NumPad1 = "numpad 1",
+    NumPad2 = "numpad 2",
+    NumPad3 = "numpad 3",
+    NumPad4 = "numpad 4",
+    NumPad5 = "numpad 5",
+    NumPad6 = "numpad 6",
+    NumPad7 = "numpad 7",
+    NumPad8 = "numpad 8",
+    NumPad9 = "numpad 9",
+    Multiply = "multiply",
+    Add = "add",
+    Subtract = "subtract",
+    DecimalPoint = "decimal point",
+    Divide = "divide",
+    F1 = "f1",
+    F2 = "f2",
+    F3 = "f3",
+    F4 = "f4",
+    F5 = "f5",
+    F6 = "f6",
+    F7 = "f7",
+    F8 = "f8",
+    F9 = "f9",
+    F10 = "f10",
+    F11 = "f11",
+    F12 = "f12",
+    F13 = "f13",
+    F14 = "f14",
+    F15 = "f15",
+    F16 = "f16",
+    F17 = "f17",
+    F18 = "f18",
+    F19 = "f19",
+    F20 = "f20",
+    F21 = "f21",
+    F22 = "f22",
+    F23 = "f23",
+    F24 = "f24",
+    NumLock = "num lock",
+    ScrollLock = "scroll lock",
+    CircumflexAccent = "^",
+    ExclamationMark = "!",
+    Hash = "#",
+    Dollar = "$",
+    AccentU = "\u00F9",
+    PageBackward = "page backward",
+    PageForWard = "page forward",
+    Star = "*",
+    DecreaseVolume = "decrease volume level",
+    IncreaseVolume = "increase volume level",
+    Next = "next",
+    Previous = "previous",
+    Stop = "stop",
+    PlayPause = "play/pause",
+    Email = "e-mail",
+    SemiColon = "semi-colon / \u00F1",
+    EqualSign = "equal sign",
+    Comma = "comma",
+    Dash = "dash",
+    FowardSlach = "forward slash / \u00E7",
+    GraveAccent = "grave accent / \u00F1 / \u00E6",
+    OpenBracket = "open bracket",
+    BackSlach = "back slash",
+    CloseBracket = "close bracket / \u00E5",
+    SingleQuote = "single quote / \u00F8",
+    BackQuote = "`",
+    Altgr = "altgr"
+}
+export type { ControlOptions, Controls, BoundKey };
+/**
+ * Keyboard input controls implementation
+ *
+ * Handles keyboard input events and maps them to control actions.
+ * Supports composite directions (diagonal movement) and key repeat functionality.
+ *
+ * @example
+ * ```ts
+ * const keyboardControls = new KeyboardControls();
+ * keyboardControls.setInputs({
+ *   up: {
+ *     repeat: true,
+ *     bind: Input.Up,
+ *     keyDown() {
+ *       console.log('Up pressed');
+ *     }
+ *   }
+ * });
+ * keyboardControls.start();
+ * ```
+ */
+export declare class KeyboardControls extends ControlsBase {
+    private keyState;
+    private lastKeyPressed;
+    private directionState;
+    /**
+     * Setup keyboard event listeners
+     */
+    protected setupListeners(): void;
+    /**
+     * Cleanup keyboard event listeners
+     */
+    protected cleanup(): void;
+    /**
+     * Process keyboard inputs each step
+     */
+    protected preStep(): void;
+    /**
+     * Apply input for a keyboard key
+     * Overrides base implementation to handle key state and repeat logic
+     */
+    protected applyInput(keyName: string): void;
+    private applyKeyDown;
+    private applyKeyUp;
+    private applyKeyPress;
+    private onKeyChange;
+    private updateDirectionState;
+    private getDirection;
+    /**
+     * Apply a control action programmatically
+     * Triggers keyboard events to simulate key presses
+     *
+     * @param controlName - Name of the control
+     * @param isDown - Whether the key is pressed (true) or released (false)
+     * @returns Promise that resolves when the action is complete
+     * @example
+     * ```ts
+     * // Press a key
+     * await keyboardControls.applyControl('action', true);
+     *
+     * // Release a key
+     * await keyboardControls.applyControl('action', false);
+     *
+     * // Press and release (default)
+     * await keyboardControls.applyControl('action');
+     * ```
+     */
+    applyControl(controlName: string | number, isDown?: boolean | undefined): Promise<void>;
+    /**
+     * Resume listening to inputs after stopInputs() was called
+     * Also resets keyboard state
+     */
+    listenInputs(): void;
+}
+//# sourceMappingURL=KeyboardControls.d.ts.map

package/dist/directives/KeyboardControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardControls.d.ts","sourceRoot":"","sources":["../../src/directives/KeyboardControls.ts"],"names":[],"mappings":"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"}

package/dist/directives/Scheduler.d.ts

@@ -0,0 +1,36 @@
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+
+export interface Tick {
+    timestamp: number;
+    deltaTime: number;
+    frame: number;
+    deltaRatio: number;
+}
+export declare class Scheduler extends Directive {
+    private maxFps?;
+    private fps;
+    private deltaTime;
+    frame: number;
+    private timestamp;
+    private requestedDelay;
+    private lastTimestamp;
+    private _stop;
+    private tick;
+    onInit(element: Element): void;
+    onDestroy(): void;
+    onMount(element: Element): void;
+    onUpdate(props: any): void;
+    nextTick(timestamp: number): void;
+    /**
+     * start the schedule
+     * @return {Scheduler} returns this scheduler instance
+     */
+    start(options?: {
+        maxFps?: number;
+        fps?: number;
+        delay?: number;
+    }): this;
+    stop(): void;
+}
+//# sourceMappingURL=Scheduler.d.ts.map

package/dist/directives/Scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scheduler.d.ts","sourceRoot":"","sources":["../../src/directives/Scheduler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,MAAM,WAAW,IAAI;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,qBAAa,SAAU,SAAQ,SAAS;IACpC,OAAO,CAAC,MAAM,CAAC,CAAQ;IACvB,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,SAAS,CAAY;IACtB,KAAK,EAAE,MAAM,CAAI;IACxB,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,cAAc,CAAY;IAClC,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,IAAI,CAA6B;IAEzC,MAAM,CAAC,OAAO,EAAE,OAAO;IAIvB,SAAS;IACT,OAAO,CAAC,OAAO,EAAE,OAAO;IACxB,QAAQ,CAAC,KAAK,EAAE,GAAG;IAEnB,QAAQ,CAAC,SAAS,EAAE,MAAM;IAa1B;;;OAGG;IACH,KAAK,CAAC,OAAO,GAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACZ;IA2CN,IAAI;CAGP"}

package/dist/directives/Shake.d.ts

@@ -0,0 +1,98 @@
+import { Container } from 'pixi.js';
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+import { Trigger } from '../engine/trigger';
+import { SignalOrPrimitive } from '../components/types';
+
+export type ShakeProps = {
+    /**
+     * Trigger that activates the shake animation
+     * When the trigger is activated, the shake animation will start
+     */
+    trigger?: Trigger<any>;
+    /**
+     * Intensity of the shake effect (in pixels)
+     * @default 10
+     */
+    intensity?: SignalOrPrimitive<number>;
+    /**
+     * Duration of the shake animation in milliseconds
+     * @default 500
+     */
+    duration?: SignalOrPrimitive<number>;
+    /**
+     * Number of shake oscillations during the animation
+     * Higher values create more rapid shaking
+     * @default 10
+     */
+    frequency?: SignalOrPrimitive<number>;
+    /**
+     * Direction of the shake: 'x', 'y', or 'both'
+     * @default 'both'
+     */
+    direction?: SignalOrPrimitive<'x' | 'y' | 'both'>;
+    /**
+     * Callback function called when shake starts
+     */
+    onStart?: () => void;
+    /**
+     * Callback function called when shake completes
+     */
+    onComplete?: () => void;
+};
+/**
+ * Shake directive that animates a display object's position when a trigger is activated.
+ * Creates a shake effect by rapidly oscillating the x and/or y position.
+ *
+ * @example
+ * ```typescript
+ * // Basic usage with trigger
+ * const shakeTrigger = trigger();
+ *
+ * onMount(element) {
+ *   // Element will shake when trigger is activated
+ *   element.props.shake = { trigger: shakeTrigger };
+ * }
+ *
+ * // Trigger the shake
+ * shakeTrigger.start();
+ * ```
+ */
+export declare class Shake extends Directive {
+    private elementRef;
+    private originalPosition;
+    private progressSignal;
+    private shakeSubscription;
+    private positionEffect;
+    private currentShakeConfig;
+    /**
+     * Initializes the shake directive
+     * @param element - The element to attach the shake effect to
+     */
+    onInit(element: Element<Container>): void;
+    /**
+     * Mounts the shake directive and sets up trigger listener
+     * @param element - The element being mounted
+     */
+    onMount(element: Element<Container>): void;
+    /**
+     * Gets the shake props with default values
+     * @returns ShakeProps with defaults applied
+     */
+    get shakeProps(): ShakeProps;
+    /**
+     * Performs the shake animation using animatedSignal
+     * @param data - Optional data passed from the trigger that can override default options
+     */
+    private performShake;
+    /**
+     * Updates the shake directive when props change
+     * @param props - Updated props
+     */
+    onUpdate(props: any): void;
+    /**
+     * Cleans up the shake directive
+     */
+    onDestroy(): void;
+}
+//# sourceMappingURL=Shake.d.ts.map

package/dist/directives/Shake.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.d.ts","sourceRoot":"","sources":["../../src/directives/Shake.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAS,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAiB,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,KAAM,SAAQ,SAAS;IAChC,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,cAAc,CAAuC;IAC7D,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,kBAAkB,CAKV;IAEhB;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAIlC;;;OAGG;IACH,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAoBnC;;;OAGG;IACH,IAAI,UAAU,IAAI,UAAU,CAQ3B;IAED;;;OAGG;YACW,YAAY;IAuG1B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,GAAG;IAUnB;;OAEG;IACH,SAAS;CA8BZ"}

package/dist/directives/Sound.d.ts

@@ -0,0 +1,26 @@
+import { Container } from 'pixi.js';
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+
+/**
+ * Sound directive for playing audio with support for spatial audio and multiple sound sources
+ *
+ * This directive manages audio playback using Howler.js library. It supports:
+ * - Single or multiple sound sources
+ * - Spatial audio with distance-based volume calculation
+ * - All standard audio controls (play, pause, volume, etc.)
+ * - Event handling for audio lifecycle
+ *
+ */
+export declare class Sound extends Directive {
+    private sounds;
+    private eventsFn;
+    private maxVolume;
+    private maxDistance;
+    private tickSubscription?;
+    onInit(element: Element<Container>): void;
+    onMount(element: Element<Container>): void;
+    onUpdate(props: any): void;
+    onDestroy(): void;
+}
+//# sourceMappingURL=Sound.d.ts.map

package/dist/directives/Sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sound.d.ts","sourceRoot":"","sources":["../../src/directives/Sound.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAK7C;;;;;;;;;GASG;AACH,qBAAa,KAAM,SAAQ,SAAS;IAChC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAElC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IA0DnC,QAAQ,CAAC,KAAK,EAAE,GAAG;IAuBnB,SAAS;CAkBZ"}

package/dist/directives/Transition.d.ts

@@ -0,0 +1,11 @@
+import { Container } from 'pixi.js';
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+
+export declare class Transition extends Directive {
+    onInit(element: Element<Container>): void;
+    onMount(element: Element<Container>): void;
+    onUpdate(props: any): void;
+    onDestroy(): void;
+}
+//# sourceMappingURL=Transition.d.ts.map

package/dist/directives/Transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../src/directives/Transition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmD,MAAM,SAAS,CAAC;AAErF,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,qBAAa,UAAW,SAAQ,SAAS;IAGrC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAGlC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAuBnC,QAAQ,CAAC,KAAK,EAAE,GAAG;IAInB,SAAS;CAGZ"}

package/dist/directives/ViewportCull.d.ts

@@ -0,0 +1,12 @@
+import { Container } from 'pixi.js';
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+
+export declare class ViewportCull extends Directive {
+    private cull;
+    onInit(element: any): void;
+    onMount(element: Element<Container>): void;
+    onUpdate(props: any): void;
+    onDestroy(): void;
+}
+//# sourceMappingURL=ViewportCull.d.ts.map

package/dist/directives/ViewportCull.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportCull.d.ts","sourceRoot":"","sources":["../../src/directives/ViewportCull.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,qBAAa,YAAa,SAAQ,SAAS;IACvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,MAAM,CAAC,OAAO,KAAA;IAKd,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAoBnC,QAAQ,CAAC,KAAK,EAAE,GAAG;IACnB,SAAS;CACZ"}

package/dist/directives/ViewportFollow.d.ts

@@ -0,0 +1,19 @@
+import { ComponentInstance } from '../components/DisplayObject';
+import { SignalOrPrimitive } from '../components/types';
+import { Directive } from '../engine/directive';
+import { Element } from '../engine/reactive';
+
+export type ViewportFollowProps = {
+    viewportFollow?: boolean | {
+        speed?: SignalOrPrimitive<number>;
+        acceleration?: SignalOrPrimitive<number>;
+        radius?: SignalOrPrimitive<number>;
+    };
+};
+export declare class ViewportFollow extends Directive {
+    onInit(element: Element<ComponentInstance>): void;
+    onMount(element: Element): void;
+    onUpdate(viewportFollow: any, element: Element): void;
+    onDestroy(element: Element): void;
+}
+//# sourceMappingURL=ViewportFollow.d.ts.map

package/dist/directives/ViewportFollow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportFollow.d.ts","sourceRoot":"","sources":["../../src/directives/ViewportFollow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAI7C,MAAM,MAAM,mBAAmB,GAAG;IAC9B,cAAc,CAAC,EAAE,OAAO,GAAG;QACvB,KAAK,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAClC,YAAY,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;KACtC,CAAC;CACL,CAAA;AAED,qBAAa,cAAe,SAAQ,SAAS;IACzC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAG1C,OAAO,CAAC,OAAO,EAAE,OAAO;IAGxB,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO;IAwB9C,SAAS,CAAC,OAAO,EAAE,OAAO;CAK7B"}

package/dist/directives/index.d.ts

@@ -0,0 +1,13 @@
+export * from './ControlsBase';
+export * from './KeyboardControls';
+export * from './GamepadControls';
+export * from './JoystickControls';
+export * from './Controls';
+export * from './Scheduler';
+export * from './ViewportFollow';
+export * from './Sound';
+export * from './Drag';
+export * from './Transition';
+export * from './Shake';
+export * from './Flash';
+//# sourceMappingURL=index.d.ts.map

package/dist/directives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}