canvasengine 2.0.0-beta.5 → 2.0.0-beta.51

package/dist/components/Sprite.d.ts

@@ -0,0 +1,242 @@
+import { Signal } from '@signe/reactive';
+import { Sprite as PixiSprite, Texture } from 'pixi.js';
+import { Element } from '../engine/reactive';
+import { AnimationFrames, FrameOptions, SpritesheetOptions, TextureOptions, TransformOptions } from './types/Spritesheet';
+import { ComponentFunction } from '../engine/signal';
+import { DisplayObjectProps } from './types/DisplayObject';
+import { Layout } from '@pixi/layout';
+type Image = {
+    image: string;
+};
+type TextureOptionsMerging = TextureOptions & {
+    spriteWidth: number;
+    spriteHeight: number;
+    sound?: string;
+} & Image & TransformOptions;
+type FrameOptionsMerging = TextureOptionsMerging & FrameOptions;
+type SpritesheetOptionsMerging = TextureOptionsMerging & SpritesheetOptions;
+type AnimationDataFrames = {
+    sprites: FrameOptionsMerging[];
+    frames: Texture[][];
+    name: string;
+    animations: AnimationFrames;
+    params: any[];
+    data: TextureOptionsMerging;
+};
+export declare enum StandardAnimation {
+    Stand = "stand",
+    Walk = "walk"
+}
+declare const CanvasSprite_base: {
+    new (): {
+        [x: string]: any;
+        "__#private@#canvasContext": {
+            [key: string]: any;
+        } | null;
+        isFlex: boolean;
+        fullProps: import('..').Props;
+        isMounted: boolean;
+        _anchorPoints: import('pixi.js').ObservablePoint;
+        isCustomAnchor: boolean;
+        displayWidth: import('@signe/reactive').WritableSignal<number>;
+        displayHeight: import('@signe/reactive').WritableSignal<number>;
+        overrideProps: string[];
+        layout: any;
+        onBeforeDestroy: import('./DisplayObject').OnHook | null;
+        onAfterMount: import('./DisplayObject').OnHook | null;
+        subjectInit: import('rxjs').BehaviorSubject<any>;
+        disableLayout: boolean;
+        "__#private@#registeredEvents": Map<string, Function>;
+        "__#private@#computedLayoutBox": {
+            width?: number;
+            height?: number;
+        } | null;
+        "__#private@#element": Element<any> | null;
+        getElement(): Element<any> | null;
+        onLayoutComputed(_event: any): void;
+        get deltaRatio(): any;
+        get parentIsFlex(): any;
+        onInit(props: import('..').Props): void;
+        onMount(element: Element<any>, index?: number): Promise<void>;
+        onUpdate(props: import('..').Props): void;
+        onDestroy(parent: Element, afterDestroy?: () => void): Promise<void>;
+        setFlexDirection(direction: import('./types/DisplayObject').FlexDirection): void;
+        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
+        setAlignContent(align: import('./types/DisplayObject').AlignContent): void;
+        setAlignSelf(align: import('./types/DisplayObject').AlignContent): void;
+        setAlignItems(align: import('./types/DisplayObject').AlignContent): void;
+        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
+        setPosition(position: import('./types/DisplayObject').EdgeSize): void;
+        setX(x: number): void;
+        setY(y: number): void;
+        setPadding(padding: import('./types/DisplayObject').EdgeSize): void;
+        setMargin(margin: import('./types/DisplayObject').EdgeSize): void;
+        setGap(gap: import('./types/DisplayObject').EdgeSize): void;
+        setBorder(border: import('./types/DisplayObject').EdgeSize): void;
+        setPositionType(positionType: "relative" | "absolute"): void;
+        setWidth(width: number): void;
+        setHeight(height: number): void;
+        getWidth(): number;
+        getHeight(): number;
+        setMinWidth(minWidth: number | string): void;
+        setMinHeight(minHeight: number | string): void;
+        setMaxWidth(maxWidth: number | string): void;
+        setMaxHeight(maxHeight: number | string): void;
+        setAspectRatio(aspectRatio: number): void;
+        setFlexGrow(flexGrow: number): void;
+        setFlexShrink(flexShrink: number): void;
+        setFlexBasis(flexBasis: number | string): void;
+        setRowGap(rowGap: number): void;
+        setColumnGap(columnGap: number): void;
+        setTop(top: number | string): void;
+        setLeft(left: number | string): void;
+        setRight(right: number | string): void;
+        setBottom(bottom: number | string): void;
+        setObjectFit(objectFit: import('./types/DisplayObject').ObjectFit): void;
+        setObjectPosition(objectPosition: import('./types/DisplayObject').ObjectPosition): void;
+        setTransformOrigin(transformOrigin: import('./types/DisplayObject').TransformOrigin): void;
+    };
+    [x: string]: any;
+};
+export declare class CanvasSprite extends CanvasSprite_base {
+    hitbox: {
+        w: number;
+        h: number;
+    };
+    applyTransform: (frame: FrameOptionsMerging, data: TextureOptionsMerging, spritesheet: SpritesheetOptionsMerging) => Partial<FrameOptionsMerging>;
+    private spritesheet;
+    private currentAnimation;
+    private time;
+    private frameIndex;
+    private animations;
+    private subscriptionTick;
+    private subscriptionSheet;
+    private sheetParams;
+    private sheetCurrentAnimation;
+    private app;
+    onFinish: () => void;
+    private globalLoader;
+    private trackedAssetIds;
+    get renderer(): import('pixi.js').Renderer;
+    private currentAnimationContainer;
+    /**
+     * Auto-detects image dimensions by loading the image and reading its natural size
+     * This is used when width/height are not explicitly provided in the spritesheet definition
+     *
+     * @param imagePath - Path to the image file
+     * @returns Object containing the detected width and height of the image
+     *
+     * @example
+     * ```typescript
+     * const { width, height } = await sprite.detectImageDimensions('path/to/image.png');
+     * // width: 256, height: 128
+     * ```
+     */
+    private detectImageDimensions;
+    /**
+     * Creates textures from a spritesheet image by cutting it into frames
+     * Automatically detects image dimensions if width/height are not provided
+     *
+     * @param options - Texture options containing image path, dimensions, and frame configuration
+     * @returns A 2D array of textures organized by rows and columns
+     *
+     * @example
+     * ```typescript
+     * // With explicit dimensions
+     * const textures = await sprite.createTextures({
+     *   image: 'path/to/image.png',
+     *   width: 256,
+     *   height: 128,
+     *   framesWidth: 4,
+     *   framesHeight: 2,
+     *   spriteWidth: 64,
+     *   spriteHeight: 64
+     * });
+     *
+     * // Without dimensions (automatically detected)
+     * const textures = await sprite.createTextures({
+     *   image: 'path/to/image.png',
+     *   framesWidth: 4,
+     *   framesHeight: 2,
+     *   spriteWidth: 64,
+     *   spriteHeight: 64
+     * });
+     * ```
+     */
+    private createTextures;
+    private createAnimations;
+    onMount(params: Element<any>): Promise<void>;
+    onUpdate(props: any): Promise<void>;
+    onDestroy(parent: Element, afterDestroy: () => void): Promise<void>;
+    has(name: string): boolean;
+    get(name: string): AnimationDataFrames;
+    isPlaying(name?: string): boolean;
+    stop(): void;
+    play(name: string, params?: any[]): void;
+    /**
+     * Resets the sprite by destroying and recreating all animations
+     * This method clears the current animation state, destroys existing textures,
+     * and recreates all animations from the spritesheet
+     *
+     * @example
+     * ```typescript
+     * // Reset all animations to their initial state
+     * sprite.resetAnimations();
+     *
+     * // Reset and then play a specific animation
+     * await sprite.resetAnimations();
+     * sprite.play('walk');
+     * ```
+     */
+    resetAnimations(): Promise<void>;
+    update({ deltaRatio }: {
+        deltaRatio: any;
+    }): void;
+}
+export interface CanvasSprite extends PixiSprite {
+    layout: Layout | null;
+}
+export interface SpriteProps extends DisplayObjectProps {
+    sheet?: {
+        definition?: SpritesheetOptionsMerging;
+        playing?: string;
+        params?: any;
+        onFinish?: () => void;
+    };
+    scaleMode?: number;
+    image?: string;
+    rectangle?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    context?: {
+        tick: Signal;
+    };
+}
+export interface SpritePropsWithImage extends Omit<SpriteProps, "sheet"> {
+    image: string;
+    rectangle?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+export interface SpritePropsWithSheet extends Omit<SpriteProps, "image" | "rectangle"> {
+    sheet: {
+        definition: SpritesheetOptionsMerging;
+        playing?: string;
+        params?: any;
+        onFinish?: () => void;
+    };
+    loader?: {
+        onProgress?: (progress: number) => void;
+        onComplete?: (texture: Texture) => void;
+    };
+}
+export type SpritePropTypes = SpritePropsWithImage | SpritePropsWithSheet;
+export declare const Sprite: ComponentFunction<SpritePropTypes>;
+export {};
+//# sourceMappingURL=Sprite.d.ts.map

package/dist/components/Sprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.d.ts","sourceRoot":"","sources":["../../src/components/Sprite.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAIL,MAAM,IAAI,UAAU,EAEpB,OAAO,EACR,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,OAAO,EAKR,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAKtC,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/B,KAAK,qBAAqB,GAAG,cAAc,GAAG;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,GACP,gBAAgB,CAAC;AAEnB,KAAK,mBAAmB,GAAG,qBAAqB,GAAG,YAAY,CAAC;AAChE,KAAK,yBAAyB,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAM5E,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;CACd;;;;;;;;;;;;;;;;;;;;;;iBA2CM,CAAA;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzCxB,qBAAa,YAAa,SAAQ,iBAAyB;IAClD,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,cAAc,EAAE,CACrB,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAE,qBAAqB,EAC3B,WAAW,EAAE,yBAAyB,KACnC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,UAAU,CAA+C;IACjE,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,WAAW,CAAW;IAC9B,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,GAAG,CAA4B;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,eAAe,CAA0B;IAEjD,IAAI,QAAQ,+BAEX;IAED,OAAO,CAAC,yBAAyB,CAA0B;IAE3D;;;;;;;;;;;;OAYG;YACW,qBAAqB;IA6BnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;YACW,cAAc;YAqEd,gBAAgB;IAoExB,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC;IA+E5B,QAAQ,CAAC,KAAK,KAAA;IA8Fd,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBzE,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB;IAItC,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO;IAMjC,IAAI;IAIJ,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,GAAG,EAAO;IAqDrC;;;;;;;;;;;;;;OAcG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBtC,MAAM,CAAC,EAAE,UAAU,EAAE;;KAAA;CAmHtB;AAED,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAKD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,KAAK,CAAC,EAAE;QACN,UAAU,CAAC,EAAE,yBAAyB,CAAC;QACvC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC;IAChD,KAAK,EAAE;QACL,UAAU,EAAE,yBAAyB,CAAC;QACtC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QACxC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACzC,CAAC;CACH;AAED,MAAM,MAAM,eAAe,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AAG1E,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,eAAe,CAIrD,CAAC"}

package/dist/components/Text.d.ts

@@ -0,0 +1,25 @@
+import { TextStyle } from 'pixi.js';
+import { Element } from '../engine/reactive';
+import { ComponentInstance } from './DisplayObject';
+import { DisplayObjectProps } from './types/DisplayObject';
+export interface TextProps extends DisplayObjectProps {
+    text?: string;
+    style?: Partial<TextStyle>;
+    color?: string;
+    size?: string;
+    fontFamily?: string;
+    typewriter?: {
+        speed?: number;
+        start?: () => void;
+        onComplete?: () => void;
+        skip?: () => void;
+        sound?: {
+            src: string;
+            volume?: number;
+            rate?: number;
+        };
+    };
+    context?: any;
+}
+export declare function Text(props: TextProps): Element<ComponentInstance>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAsC,OAAO,EAAS,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAS3D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;QAClB,KAAK,CAAC,EAAE;YACN,GAAG,EAAE,MAAM,CAAC;YACZ,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AA2ND,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,8BAEpC"}

package/dist/components/TilingSprite.d.ts

@@ -0,0 +1,17 @@
+import { DisplayObjectProps } from './types/DisplayObject';
+interface TilingSpriteProps extends DisplayObjectProps {
+    image?: string;
+    tileScale?: {
+        x: number;
+        y: number;
+    };
+    tilePosition?: {
+        x: number;
+        y: number;
+    };
+    width?: number;
+    height?: number;
+}
+export declare function TilingSprite(props: TilingSpriteProps): import('..').Element<import('./DisplayObject').ComponentInstance>;
+export {};
+//# sourceMappingURL=TilingSprite.d.ts.map

package/dist/components/TilingSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TilingSprite.d.ts","sourceRoot":"","sources":["../../src/components/TilingSprite.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,YAAY,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAyBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qEAEpD"}

package/dist/components/Video.d.ts

@@ -0,0 +1,14 @@
+import { Texture } from 'pixi.js';
+interface VideoProps {
+    src: string;
+    paused?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    loader?: {
+        onComplete?: (texture: Texture) => void;
+        onProgress?: (progress: number) => void;
+    };
+}
+export declare function Video(props: VideoProps): import('..').Element<import('./DisplayObject').ComponentInstance> | Promise<import('..').Element<import('./DisplayObject').ComponentInstance>>;
+export {};
+//# sourceMappingURL=Video.d.ts.map

package/dist/components/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/components/Video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAMlC,UAAU,UAAU;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE;QACL,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACxC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;KAC3C,CAAC;CACL;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kJA4FtC"}

package/dist/components/Viewport.d.ts

@@ -0,0 +1,121 @@
+import { Viewport as PixiViewport } from 'pixi-viewport';
+import { Element, Props } from '../engine/reactive';
+import { ComponentInstance } from './DisplayObject';
+import { ContainerChild, IRenderLayer } from 'pixi.js';
+export interface ViewportProps extends Props {
+    screenWidth?: number;
+    screenHeight?: number;
+    worldWidth?: number;
+    worldHeight?: number;
+    clamp?: boolean | {
+        left?: number;
+        right?: number;
+        top?: number;
+        bottom?: number;
+    };
+    context?: any;
+    [key: string]: any;
+}
+declare const CanvasViewport_base: {
+    new (): {
+        [x: string]: any;
+        "__#private@#canvasContext": {
+            [key: string]: any;
+        } | null;
+        isFlex: boolean;
+        fullProps: Props;
+        isMounted: boolean;
+        _anchorPoints: import('pixi.js').ObservablePoint;
+        isCustomAnchor: boolean;
+        displayWidth: import('@signe/reactive').WritableSignal<number>;
+        displayHeight: import('@signe/reactive').WritableSignal<number>;
+        overrideProps: string[];
+        layout: any;
+        onBeforeDestroy: import('./DisplayObject').OnHook | null;
+        onAfterMount: import('./DisplayObject').OnHook | null;
+        subjectInit: import('rxjs').BehaviorSubject<any>;
+        disableLayout: boolean;
+        "__#private@#registeredEvents": Map<string, Function>;
+        "__#private@#computedLayoutBox": {
+            width?: number;
+            height?: number;
+        } | null;
+        "__#private@#element": Element<any> | null;
+        getElement(): Element<any> | null;
+        onLayoutComputed(_event: any): void;
+        get deltaRatio(): any;
+        get parentIsFlex(): any;
+        onInit(props: Props): void;
+        onMount(element: Element<any>, index?: number): Promise<void>;
+        onUpdate(props: Props): void;
+        onDestroy(parent: Element, afterDestroy?: () => void): Promise<void>;
+        setFlexDirection(direction: import('./types/DisplayObject').FlexDirection): void;
+        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
+        setAlignContent(align: import('./types/DisplayObject').AlignContent): void;
+        setAlignSelf(align: import('./types/DisplayObject').AlignContent): void;
+        setAlignItems(align: import('./types/DisplayObject').AlignContent): void;
+        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
+        setPosition(position: import('./types/DisplayObject').EdgeSize): void;
+        setX(x: number): void;
+        setY(y: number): void;
+        setPadding(padding: import('./types/DisplayObject').EdgeSize): void;
+        setMargin(margin: import('./types/DisplayObject').EdgeSize): void;
+        setGap(gap: import('./types/DisplayObject').EdgeSize): void;
+        setBorder(border: import('./types/DisplayObject').EdgeSize): void;
+        setPositionType(positionType: "relative" | "absolute"): void;
+        setWidth(width: number): void;
+        setHeight(height: number): void;
+        getWidth(): number;
+        getHeight(): number;
+        setMinWidth(minWidth: number | string): void;
+        setMinHeight(minHeight: number | string): void;
+        setMaxWidth(maxWidth: number | string): void;
+        setMaxHeight(maxHeight: number | string): void;
+        setAspectRatio(aspectRatio: number): void;
+        setFlexGrow(flexGrow: number): void;
+        setFlexShrink(flexShrink: number): void;
+        setFlexBasis(flexBasis: number | string): void;
+        setRowGap(rowGap: number): void;
+        setColumnGap(columnGap: number): void;
+        setTop(top: number | string): void;
+        setLeft(left: number | string): void;
+        setRight(right: number | string): void;
+        setBottom(bottom: number | string): void;
+        setObjectFit(objectFit: import('./types/DisplayObject').ObjectFit): void;
+        setObjectPosition(objectPosition: import('./types/DisplayObject').ObjectPosition): void;
+        setTransformOrigin(transformOrigin: import('./types/DisplayObject').TransformOrigin): void;
+    };
+    [x: string]: any;
+};
+export declare class CanvasViewport extends CanvasViewport_base {
+    #private;
+    private tickSubscription;
+    overrideProps: string[];
+    viewport: PixiViewport;
+    constructor();
+    addChild<U extends any[]>(...children: U): U[0];
+    addChildAt<T extends ContainerChild | IRenderLayer>(child: T, index: number): T;
+    onInit(props: any): void;
+    /**
+     * Called when the component is mounted to the scene graph.
+     * Initializes viewport settings and subscriptions.
+     * @param {Element<CanvasViewport>} element - The element being mounted. Its `props` property (of type ViewportProps) contains component properties and context.
+     * @param {number} [index] - The index of the component among its siblings.
+     */
+    onMount(element: Element<any>, index?: number): Promise<void>;
+    onUpdate(props: any): void;
+    private updateViewportSettings;
+    private updateMask;
+    /**
+     * Called when the component is about to be destroyed.
+     * Unsubscribes from the tick observable.
+     * @param {Element<any>} parent - The parent element.
+     * @param {() => void} [afterDestroy] - An optional callback function to be executed after the component's own destruction logic.
+     */
+    onDestroy(parent: Element<any>, afterDestroy?: () => void): Promise<void>;
+    follow(...args: any[]): any;
+    get plugins(): import('pixi-viewport').PluginManager;
+}
+export declare function Viewport(props: ViewportProps): Element<ComponentInstance>;
+export {};
+//# sourceMappingURL=Viewport.d.ts.map

package/dist/components/Viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../src/components/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAsC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAuB,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA0B5E,MAAM,WAAW,aAAc,SAAQ,KAAK;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;;;;;;;;;;;;;;;;;;;;;iBAiEW,CAAA;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/D7B,qBAAa,cAAe,SAAQ,mBAAwB;;IACxD,OAAO,CAAC,gBAAgB,CAAc;IACtC,aAAa,WAAY;IAElB,QAAQ,EAAE,YAAY,CAAA;;IAqB7B,QAAQ,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAI/C,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;IAI/E,MAAM,CAAC,KAAK,KAAA;IAOZ;;;;;OAKG;IACG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqCnE,QAAQ,CAAC,KAAK,KAAA;IAKd,OAAO,CAAC,sBAAsB;IA2C9B,OAAO,CAAC,UAAU;IAQlB;;;;;OAKG;IACG,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAS/E,MAAM,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE;IAIrB,IAAI,OAAO,0CAEV;CACJ;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,8BAE5C"}

package/dist/components/index.d.ts

@@ -0,0 +1,20 @@
+export { Canvas } from './Canvas';
+export { Container } from './Container';
+export { Graphics, Rect, Circle, Ellipse, Triangle, Svg } from './Graphic';
+export { Mesh } from './Mesh';
+export { Scene } from './Scene';
+export { ParticlesEmitter } from './ParticleEmitter';
+export { Sprite } from './Sprite';
+export { Video } from './Video';
+export { Text } from './Text';
+export { TilingSprite } from './TilingSprite';
+export { Viewport } from './Viewport';
+export { NineSliceSprite } from './NineSliceSprite';
+export { type ComponentInstance } from './DisplayObject';
+export { DOMContainer } from './DOMContainer';
+export { DOMElement } from './DOMElement';
+export { DOMSprite } from './DOMSprite';
+export { Button, ButtonState, type ButtonProps, type ButtonStyle } from './Button';
+export { Joystick, type JoystickSettings } from './Joystick';
+export { FocusContainer, Navigation, type FocusContainerProps } from './FocusContainer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/types/DisplayObject.d.ts

@@ -0,0 +1,106 @@
+import { SignalOrPrimitive } from '.';
+import { DragProps } from '../../directives/Drag';
+import { ViewportFollowProps } from '../../directives/ViewportFollow';
+import { ShakeProps } from '../../directives/Shake';
+import { FlashProps } from '../../directives/Flash';
+import * as PIXI from "pixi.js";
+export type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+export type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+export type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+export type Size = number | `${number}%`;
+export type EdgeSize = SignalOrPrimitive<Size | [Size, Size] | [Size, Size, Size, Size]>;
+export type ObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ObjectPosition = string;
+export type TransformOrigin = string;
+export type PositionType = 'relative' | 'absolute' | 'static';
+export type ObservablePointSignal = [number, number] | SignalOrPrimitive<[number, number]> | {
+    x: number;
+    y: number;
+} | SignalOrPrimitive<{
+    x: number;
+    y: number;
+}>;
+export interface DisplayObjectProps {
+    attach?: any;
+    ref?: string;
+    x?: SignalOrPrimitive<number>;
+    y?: SignalOrPrimitive<number>;
+    width?: SignalOrPrimitive<Size>;
+    height?: SignalOrPrimitive<Size>;
+    minWidth?: SignalOrPrimitive<Size>;
+    minHeight?: SignalOrPrimitive<Size>;
+    maxWidth?: SignalOrPrimitive<Size>;
+    maxHeight?: SignalOrPrimitive<Size>;
+    aspectRatio?: SignalOrPrimitive<number>;
+    flexGrow?: SignalOrPrimitive<number>;
+    flexShrink?: SignalOrPrimitive<number>;
+    flexBasis?: SignalOrPrimitive<Size>;
+    rowGap?: SignalOrPrimitive<number>;
+    columnGap?: SignalOrPrimitive<number>;
+    positionType?: PositionType;
+    top?: SignalOrPrimitive<Size>;
+    right?: SignalOrPrimitive<Size>;
+    bottom?: SignalOrPrimitive<Size>;
+    left?: SignalOrPrimitive<Size>;
+    objectFit?: ObjectFit;
+    objectPosition?: ObjectPosition;
+    transformOrigin?: TransformOrigin;
+    children?: any[];
+    flexDirection?: FlexDirection;
+    justifyContent?: JustifyContent;
+    alpha?: SignalOrPrimitive<number>;
+    margin?: EdgeSize;
+    padding?: EdgeSize;
+    border?: EdgeSize;
+    absolute?: SignalOrPrimitive<boolean>;
+    scale?: ObservablePointSignal | number;
+    anchor?: ObservablePointSignal;
+    skew?: ObservablePointSignal;
+    tint?: SignalOrPrimitive<number>;
+    rotation?: SignalOrPrimitive<number>;
+    angle?: SignalOrPrimitive<number>;
+    zIndex?: SignalOrPrimitive<number>;
+    roundPixels?: SignalOrPrimitive<boolean>;
+    cursor?: SignalOrPrimitive<string>;
+    visible?: SignalOrPrimitive<boolean>;
+    pivot?: ObservablePointSignal;
+    filters?: any[];
+    blendMode?: SignalOrPrimitive<PIXI.BLEND_MODES>;
+    blur?: SignalOrPrimitive<number>;
+    drag?: DragProps;
+    viewportFollow?: ViewportFollowProps;
+    shake?: ShakeProps;
+    flash?: FlashProps;
+    click?: PIXI.FederatedEventHandler;
+    mousedown?: PIXI.FederatedEventHandler;
+    mouseenter?: PIXI.FederatedEventHandler;
+    mouseleave?: PIXI.FederatedEventHandler;
+    mousemove?: PIXI.FederatedEventHandler;
+    mouseout?: PIXI.FederatedEventHandler;
+    mouseover?: PIXI.FederatedEventHandler;
+    mouseup?: PIXI.FederatedEventHandler;
+    mouseupoutside?: PIXI.FederatedEventHandler;
+    pointercancel?: PIXI.FederatedEventHandler;
+    pointerdown?: PIXI.FederatedEventHandler;
+    pointerenter?: PIXI.FederatedEventHandler;
+    pointerleave?: PIXI.FederatedEventHandler;
+    pointermove?: PIXI.FederatedEventHandler;
+    pointerout?: PIXI.FederatedEventHandler;
+    pointerover?: PIXI.FederatedEventHandler;
+    pointertap?: PIXI.FederatedEventHandler;
+    pointerup?: PIXI.FederatedEventHandler;
+    pointerupoutside?: PIXI.FederatedEventHandler;
+    rightclick?: PIXI.FederatedEventHandler;
+    rightdown?: PIXI.FederatedEventHandler;
+    rightup?: PIXI.FederatedEventHandler;
+    rightupoutside?: PIXI.FederatedEventHandler;
+    tap?: PIXI.FederatedEventHandler;
+    touchcancel?: PIXI.FederatedEventHandler;
+    touchend?: PIXI.FederatedEventHandler;
+    touchendoutside?: PIXI.FederatedEventHandler;
+    touchmove?: PIXI.FederatedEventHandler;
+    touchstart?: PIXI.FederatedEventHandler;
+    wheel?: PIXI.FederatedEventHandler<PIXI.FederatedWheelEvent>;
+    tabindex?: SignalOrPrimitive<number>;
+}
+//# sourceMappingURL=DisplayObject.d.ts.map

package/dist/components/types/DisplayObject.d.ts.map

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

package/dist/components/types/MouseEvent.d.ts

@@ -0,0 +1,4 @@
+export interface MouseEvent {
+    click?: (e: any) => void;
+}
+//# sourceMappingURL=MouseEvent.d.ts.map

package/dist/components/types/MouseEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MouseEvent.d.ts","sourceRoot":"","sources":["../../../src/components/types/MouseEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC3B"}