canvasengine 2.0.0-beta.45 → 2.0.0-beta.47

package/dist/components/Container.d.ts

@@ -0,0 +1,86 @@
+import { ComponentFunction } from '../engine/signal';
+import { DisplayObjectProps } from './types/DisplayObject';
+interface ContainerProps extends DisplayObjectProps {
+    sortableChildren?: boolean;
+}
+declare const CanvasContainer_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": import('..').Element<any> | null;
+        getElement(): import('..').Element<any> | null;
+        onLayoutComputed(_event: any): void;
+        get deltaRatio(): any;
+        get parentIsFlex(): any;
+        onInit(props: import('..').Props): void;
+        onMount(element: import('..').Element<any>, index?: number): Promise<void>;
+        onUpdate(props: import('..').Props): void;
+        onDestroy(parent: import('..').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 CanvasContainer extends CanvasContainer_base {
+    isCustomAnchor: boolean;
+    onUpdate(props: any): void;
+    onMount(args: any): Promise<void>;
+}
+export interface CanvasContainer extends DisplayObjectProps {
+}
+export declare const Container: ComponentFunction<ContainerProps>;
+export {};
+//# sourceMappingURL=Container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,UAAU,cAAe,SAAQ,kBAAkB;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;;;;;;;;;;;;;;;;;;;;;iBAuDq/B,CAAC;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArDxgC,qBAAa,eAAgB,SAAQ,oBAA4B;IAC/D,cAAc,UAAQ;IAEtB,QAAQ,CAAC,KAAK,KAAA;IAaR,OAAO,CAAC,IAAI,KAAA;CA0BnB;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;CAAG;AAI9D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAIvD,CAAC"}

package/dist/components/DOMContainer.d.ts

@@ -0,0 +1,98 @@
+import { Element } from '../engine/reactive';
+import { ComponentFunction } from '../engine/signal';
+import { DisplayObjectProps } from './types/DisplayObject';
+declare const CanvasDOMContainer_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 CanvasDOMContainer extends CanvasDOMContainer_base {
+    disableLayout: boolean;
+    private canvasSizeEffect;
+    private static readonly DOM_ROUTING_MAP;
+    private static readonly DOM_ALLOWED_TAGS;
+    private static readonly DOM_UNSUPPORTED_TAGS;
+    private hasDomContainerAncestor;
+    private getPercentRatio;
+    private getCanvasSize;
+    private shouldUseCanvasPercent;
+    private syncCanvasSizeEffect;
+    private applyElementSize;
+    private routeDomChildren;
+    onInit(props: any): void;
+    onMount(element: Element<any>, index?: number): Promise<void>;
+    onUpdate(props: any): void;
+    onLayoutComputed(): void;
+    onDestroy(parent: Element<any>, afterDestroy?: () => void): Promise<void>;
+}
+export interface CanvasDOMContainer extends DisplayObjectProps {
+}
+export declare const DOMContainer: ComponentFunction<any>;
+export {};
+//# sourceMappingURL=DOMContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DOMContainer.d.ts","sourceRoot":"","sources":["../../src/components/DOMContainer.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,OAAO,EAGR,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAK,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;iBAsHnD,CAAC;kBACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnBV,qBAAa,kBAAmB,SAAQ,uBAA+B;IACrE,aAAa,UAAQ;IACrB,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAErC;IACF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAIrC;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAqBzC;IAEH,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,gBAAgB;IAgDxB,OAAO,CAAC,gBAAgB;IA8BxB,MAAM,CAAC,KAAK,EAAE,GAAG;IAgCX,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM;IAMnD,QAAQ,CAAC,KAAK,EAAE,GAAG;IAMnB,gBAAgB;IAIV,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI;CAUhE;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;CAAI;AAIlE,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,GAAG,CAE/C,CAAC"}

package/dist/components/DOMElement.d.ts

@@ -2,8 +2,8 @@ import { Element } from '../engine/reactive';
 import { OnHook } from './DisplayObject';
 import { ComponentFunction } from '../engine/signal';
 import { DisplayObjectProps } from './types/DisplayObject';
-interface DOMContainerProps extends DisplayObjectProps {
-    element: string | {
+export interface DOMElementProps extends DisplayObjectProps {
+    element?: string | {
         value: HTMLElement;
     };
     textContent?: string;
@@ -19,25 +19,36 @@ interface DOMContainerProps extends DisplayObjectProps {
     };
     onBeforeDestroy?: OnHook;
 }
+export interface DOMContainerProps extends DOMElementProps {
+    element: string | {
+        value: HTMLElement;
+    };
+}
 export declare class CanvasDOMElement {
     element: HTMLElement;
     private eventListeners;
     private onBeforeDestroy;
     private valueSignal;
     private isFormElementType;
+    private classSubscriptions;
+    private childTextSubscriptions;
     /**
      * Checks if the element is a form element that supports the value attribute
      * @param elementType - The element type string from props
      * @returns true if the element is a form element with value support
      */
     private isFormElement;
-    onInit(props: DOMContainerProps): void;
+    private collectClassTokens;
+    private collectClassSignals;
+    private applyClassList;
+    private syncClassSubscriptions;
+    private appendChildElement;
+    onInit(props: DOMElementProps): void;
     onMount(context: Element<CanvasDOMElement>): void;
-    onUpdate(props: DOMContainerProps): void;
+    onUpdate(props: DOMElementProps): void;
     onDestroy(parent: Element<CanvasDOMElement>, afterDestroy: () => void): Promise<void>;
 }
 export interface CanvasDOMElement extends DisplayObjectProps {
 }
 export declare const DOMElement: ComponentFunction<DOMContainerProps>;
-export {};
 //# sourceMappingURL=DOMElement.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DOMElement.d.ts","sourceRoot":"","sources":["../../src/components/DOMElement.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EAER,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAoC,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,EACL,MAAM,GACN;QACA,KAAK,EAAE,WAAW,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAC5B,KAAK,CAAC,EACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,GACpB;YAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;QAC1D,KAAK,CAAC,EACJ,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAC/B;YAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;SAAE,CAAC;KACxD,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAwKD,qBAAa,gBAAgB;IACpB,OAAO,EAAE,WAAW,CAAC;IAC5B,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,iBAAiB,CAAkB;IAE3C;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAKrB,MAAM,CAAC,KAAK,EAAE,iBAAiB;IAgE/B,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAgC1C,QAAQ,CAAC,KAAK,EAAE,iBAAiB;IAmF3B,SAAS,CACb,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACjC,YAAY,EAAE,MAAM,IAAI,GACvB,OAAO,CAAC,IAAI,CAAC;CAqBjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;CAAI;AAIhE,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,iBAAiB,CAE3D,CAAC"}
+{"version":3,"file":"DOMElement.d.ts","sourceRoot":"","sources":["../../src/components/DOMElement.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EAER,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAoC,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,OAAO,CAAC,EACN,MAAM,GACN;QACA,KAAK,EAAE,WAAW,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;QAC5B,KAAK,CAAC,EACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,GACpB;YAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;QAC1D,KAAK,CAAC,EACJ,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAC/B;YAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;SAAE,CAAC;KACxD,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EACL,MAAM,GACN;QACA,KAAK,EAAE,WAAW,CAAC;KACpB,CAAC;CACH;AAwKD,qBAAa,gBAAgB;IACpB,OAAO,EAAE,WAAW,CAAC;IAC5B,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,kBAAkB,CAA0C;IACpE,OAAO,CAAC,sBAAsB,CAA0C;IAExE;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,kBAAkB;IAqD1B,MAAM,CAAC,KAAK,EAAE,eAAe;IAyD7B,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAgC1C,QAAQ,CAAC,KAAK,EAAE,eAAe;IAqEzB,SAAS,CACb,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,EACjC,YAAY,EAAE,MAAM,IAAI,GACvB,OAAO,CAAC,IAAI,CAAC;CA6BjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;CAAI;AAIhE,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,iBAAiB,CAE3D,CAAC"}

package/dist/components/DOMSprite.d.ts

@@ -0,0 +1,108 @@
+import { Signal } from '@signe/reactive';
+import { Element } from '../engine/reactive';
+import { ComponentFunction } from '../engine/signal';
+import { CanvasDOMElement, DOMElementProps } from './DOMElement';
+import { OnHook } from './DisplayObject';
+import { Tick } from '../directives/Scheduler';
+import { SpritesheetOptions } from './types/Spritesheet';
+export interface DOMSpriteFrame {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface DOMSpriteProps extends DOMElementProps {
+    image?: string;
+    rectangle?: DOMSpriteFrame | {
+        value?: DOMSpriteFrame;
+    };
+    frames?: DOMSpriteFrame[];
+    frameIndex?: number;
+    fps?: number;
+    playing?: boolean;
+    loop?: boolean;
+    sheet?: {
+        definition?: DOMSpriteSheetDefinition | {
+            value?: DOMSpriteSheetDefinition;
+        } | Signal<DOMSpriteSheetDefinition | undefined> | Promise<DOMSpriteSheetDefinition>;
+        playing?: string;
+        params?: any;
+        onFinish?: () => void;
+    };
+    element?: "div" | "img";
+    attrs?: Record<string, any> & {
+        class?: string | string[] | Record<string, boolean> | {
+            items?: string[];
+        } | {
+            value?: string | string[] | Record<string, boolean>;
+        };
+        style?: string | Record<string, string | number> | {
+            value?: string | Record<string, string | number>;
+        };
+    };
+    onBeforeDestroy?: OnHook;
+    context?: {
+        tick?: Signal<Tick | null>;
+    };
+}
+type DOMSpriteSheetDefinition = SpritesheetOptions & {
+    image?: string;
+};
+export declare class CanvasDOMSprite extends CanvasDOMElement {
+    private frameIndex;
+    private frames;
+    private rectangle?;
+    private image?;
+    private fps;
+    private loop;
+    private playing;
+    private hasExternalFrameIndex;
+    private elapsed;
+    private tickSignal?;
+    private tickSubscription?;
+    private sheetSubscriptions;
+    private sheetDefinition?;
+    private sheetAnimations;
+    private sheetCurrentAnimation?;
+    private sheetCurrentName?;
+    private sheetParams;
+    private sheetTime;
+    private sheetFrameIndex;
+    private sheetFinished;
+    private sheetLoadToken;
+    private sheetOnFinish?;
+    private rafId?;
+    private lastRafTimestamp?;
+    private lastTickTimestamp?;
+    private elementType;
+    private isAnimating;
+    private playingSubscription?;
+    private playingSignal?;
+    onInit(props: DOMElementProps): void;
+    onMount(context: Element<CanvasDOMElement>): void;
+    onUpdate(props: DOMElementProps): void;
+    onDestroy(parent: Element<CanvasDOMElement>, afterDestroy: () => void): Promise<void>;
+    private resolveRectangle;
+    private resolveSheetDefinition;
+    private detectImageDimensions;
+    private createSheetAnimations;
+    private setSheetDefinition;
+    private playSheet;
+    private getCurrentSheetFrame;
+    private advanceSheet;
+    private mergeEventAttrs;
+    private applyProps;
+    private bindPlayingSignal;
+    private bindSheetParams;
+    private getFrames;
+    private normalizeIndex;
+    private render;
+    private applyFrame;
+    private updateAnimationLoop;
+    private startAnimationLoop;
+    private stopAnimationLoop;
+    private advance;
+}
+export declare const DOMSprite: ComponentFunction<DOMSpriteProps>;
+export {};
+//# sourceMappingURL=DOMSprite.d.ts.map

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

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

package/dist/components/DisplayObject.d.ts

@@ -0,0 +1,94 @@
+import { Element, Props } from '../engine/reactive';
+import { AlignContent, EdgeSize, FlexDirection, ObjectFit, ObjectPosition, TransformOrigin } from './types/DisplayObject';
+import { ObservablePoint, Point, Rectangle } from 'pixi.js';
+import { BehaviorSubject } from 'rxjs';
+export interface ComponentInstance extends PixiMixins.ContainerOptions {
+    id?: string;
+    children?: ComponentInstance[];
+    onInit?(props: Props): void;
+    onUpdate?(props: Props): void;
+    onDestroy?(parent: Element, afterDestroy: () => void): void;
+    onMount?(context: Element<any>, index?: number): void;
+    setWidth(width: number): void;
+    setHeight(height: number): void;
+    getLocalBounds?(): Rectangle;
+    getGlobalPosition?(): Point;
+}
+export declare const EVENTS: string[];
+export type OnHook = (() => void) | (() => Promise<void> | void);
+export declare function DisplayObject(extendClass: any): {
+    new (): {
+        [x: string]: any;
+        "__#private@#canvasContext": {
+            [key: string]: any;
+        } | null;
+        isFlex: boolean;
+        fullProps: Props;
+        isMounted: boolean;
+        _anchorPoints: ObservablePoint;
+        isCustomAnchor: boolean;
+        displayWidth: import('@signe/reactive').WritableSignal<number>;
+        displayHeight: import('@signe/reactive').WritableSignal<number>;
+        overrideProps: string[];
+        layout: any;
+        onBeforeDestroy: OnHook | null;
+        onAfterMount: OnHook | null;
+        subjectInit: BehaviorSubject<any>;
+        disableLayout: boolean;
+        "__#private@#registeredEvents": Map<string, Function>;
+        "__#private@#computedLayoutBox": {
+            width?: number;
+            height?: number;
+        } | null;
+        "__#private@#element": Element<any> | null;
+        /**
+         * Get the element reference for freeze checking
+         * @returns The element reference or 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: FlexDirection): void;
+        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
+        setAlignContent(align: AlignContent): void;
+        setAlignSelf(align: AlignContent): void;
+        setAlignItems(align: AlignContent): void;
+        setJustifyContent(justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around"): void;
+        setPosition(position: EdgeSize): void;
+        setX(x: number): void;
+        setY(y: number): void;
+        setPadding(padding: EdgeSize): void;
+        setMargin(margin: EdgeSize): void;
+        setGap(gap: EdgeSize): void;
+        setBorder(border: 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: ObjectFit): void;
+        setObjectPosition(objectPosition: ObjectPosition): void;
+        setTransformOrigin(transformOrigin: TransformOrigin): void;
+    };
+    [x: string]: any;
+};
+//# sourceMappingURL=DisplayObject.d.ts.map

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

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

package/dist/components/FocusContainer.d.ts

@@ -0,0 +1,129 @@
+import { Element } from '../engine/reactive';
+import { ComponentFunction } from '../engine/signal';
+import { DisplayObjectProps } from './types/DisplayObject';
+import { ScrollOptions } from '../engine/FocusManager';
+import { Signal } from '@signe/reactive';
+import { CanvasViewport } from './Viewport';
+import { Controls } from '../directives/ControlsBase';
+/**
+ * Properties for FocusContainer component
+ *
+ * @property tabindex - Focus index for the container (default: 0 if present)
+ * @property controls - Controls configuration for automatic navigation
+ * @property onFocusChange - Callback when focus changes
+ * @property autoScroll - Enable automatic scrolling to focused element (default: false)
+ * @property viewport - Viewport instance to use for scrolling (optional, uses context viewport by default)
+ */
+export interface FocusContainerProps extends DisplayObjectProps {
+    tabindex?: number;
+    controls?: Controls | Signal<Controls>;
+    onFocusChange?: (index: number, element: Element | null) => void;
+    autoScroll?: boolean | ScrollOptions;
+    viewport?: CanvasViewport;
+    context?: {
+        viewport?: CanvasViewport;
+    };
+}
+/**
+ * FocusContainer component for managing focus navigation
+ *
+ * This component provides a container that manages focus navigation between
+ * focusable child elements. It supports automatic navigation via Controls
+ * (keyboard/gamepad) and automatic scrolling with Viewport.
+ *
+ * ## Features
+ *
+ * - **Focus Management**: Automatically registers focusable children
+ * - **Navigation**: Supports keyboard/gamepad navigation via Controls
+ * - **Auto-scroll**: Automatically scrolls viewport to show focused element
+ * - **Hooks**: Provides reactive signals for focus state
+ *
+ * @example
+ * ```typescript
+ * // Basic usage
+ * <FocusContainer tabindex={0}>
+ *   <Button tabindex={0} text="Button 1" />
+ *   <Button tabindex={1} text="Button 2" />
+ * </FocusContainer>
+ *
+ * // With Controls
+ * <FocusContainer tabindex={0} controls={controlsConfig}>
+ *   <Button tabindex={0} text="Button 1" />
+ *   <Button tabindex={1} text="Button 2" />
+ * </FocusContainer>
+ *
+ * // With auto-scroll
+ * <Viewport worldWidth={2000} worldHeight={5000}>
+ *   <FocusContainer tabindex={0} autoScroll={true}>
+ *     <Button tabindex={0} y={0} text="Item 1" />
+ *     <Button tabindex={1} y={100} text="Item 2" />
+ *   </FocusContainer>
+ * </Viewport>
+ * ```
+ */
+export declare class CanvasFocusContainer {
+    private containerId;
+    private currentIndexSignal;
+    private focusedElementSignal;
+    private registeredFocusables;
+    /**
+     * Initialize the focus container
+     *
+     * @param props - Component properties
+     */
+    onInit(props: FocusContainerProps): void;
+    /**
+     * Mount hook - register focusable children
+     *
+     * @param element - The element being mounted
+     */
+    onMount(element: Element<CanvasFocusContainer>): Promise<void>;
+    /**
+     * Update hook - handle prop changes
+     *
+     * @param props - Updated properties
+     */
+    onUpdate(props: FocusContainerProps): void;
+    /**
+     * Destroy hook - cleanup
+     *
+     * @param parent - Parent element
+     * @param afterDestroy - Callback after destruction
+     */
+    onDestroy(parent: Element<any>, afterDestroy?: () => void): Promise<void>;
+    /**
+     * Register focusable children from element
+     *
+     * @param element - Container element
+     */
+    private registerChildren;
+    /**
+     * Get the container ID
+     *
+     * @returns Container identifier
+     */
+    getContainerId(): string;
+    /**
+     * Get current index signal
+     *
+     * @returns Signal for current focus index
+     */
+    getCurrentIndexSignal(): Signal<number | null> | null;
+    /**
+     * Get focused element signal
+     *
+     * @returns Signal for current focused element
+     */
+    getFocusedElementSignal(): Signal<Element | null> | null;
+}
+export interface CanvasFocusContainer extends DisplayObjectProps {
+}
+/**
+ * FocusContainer component function
+ *
+ * @param props - Component properties
+ * @returns FocusContainer element
+ */
+export declare const FocusContainer: ComponentFunction<FocusContainerProps>;
+export declare const Navigation: ComponentFunction<FocusContainerProps>;
+//# sourceMappingURL=FocusContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusContainer.d.ts","sourceRoot":"","sources":["../../src/components/FocusContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAgB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,MAAM,EAAkD,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,+BAA+B,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,cAAc,CAAC;KAC3B,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,kBAAkB,CAA8C;IACxE,OAAO,CAAC,oBAAoB,CAAsF;IAClH,OAAO,CAAC,oBAAoB,CAA0B;IAEtD;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,mBAAmB;IAyBjC;;;;OAIG;IACG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAkDpE;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,mBAAmB;IAUnC;;;;;OAKG;IACG,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAc/E;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IA8HxB;;;;OAIG;IACH,cAAc,IAAI,MAAM;IAIxB;;;;OAIG;IACH,qBAAqB,IAAI,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI;IAIrD;;;;OAIG;IACH,uBAAuB,IAAI,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI;CAGzD;AAED,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;CAAI;AAIpE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAEjE,CAAC;AAEF,eAAO,MAAM,UAAU,wCAAiB,CAAC"}