canvasengine 2.0.0-beta.39 → 2.0.0-beta.40

package/dist/components/Mesh.d.ts

@@ -1,206 +0,0 @@
-import { Geometry, Shader, Texture } from 'pixi.js';
-import { Element } from '../engine/reactive';
-import { ComponentInstance } from './DisplayObject';
-import { DisplayObjectProps } from './types/DisplayObject';
-import { SignalOrPrimitive } from './types';
-import { ComponentFunction } from '../engine/signal';
-
-/**
- * Interface defining the properties for a Mesh component.
- * Extends DisplayObjectProps to inherit common display object properties.
- */
-interface MeshProps extends DisplayObjectProps {
-    /** The geometry defining the mesh structure (vertices, indices, UVs, etc.) */
-    geometry?: Geometry;
-    /** The shader to render the mesh with */
-    shader?: Shader;
-    /** The texture to apply to the mesh */
-    texture?: Texture | string;
-    /** The image URL to load as texture */
-    image?: string;
-    /** The tint color to apply to the mesh */
-    tint?: SignalOrPrimitive<number>;
-    /** Whether to round pixels for sharper rendering */
-    roundPixels?: SignalOrPrimitive<boolean>;
-}
-declare const CanvasMesh_base: {
-    new (): {
-        [x: string]: any;
-        "__#1@#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;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: import('..').Props): void;
-        onMount({ parent, props }: Element</*elided*/ 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;
-};
-/**
- * Canvas Mesh component class that extends DisplayObject with PixiMesh functionality.
- * This component allows rendering of custom 3D meshes with shaders and textures.
- *
- * @example
- * ```typescript
- * // Basic mesh with geometry and texture
- * const mesh = Mesh({
- *   geometry: myGeometry,
- *   texture: "path/to/texture.png",
- *   tint: 0xff0000
- * });
- *
- * // Mesh with custom shader
- * const customMesh = Mesh({
- *   geometry: myGeometry,
- *   shader: myCustomShader,
- *   draw: (mesh) => {
- *     // Custom mesh manipulation
- *     mesh.rotation += 0.01;
- *   }
- * });
- * ```
- */
-declare class CanvasMesh extends CanvasMesh_base {
-    /**
-     * Constructor for the CanvasMesh component.
-     * Initializes the PixiMesh with default geometry and shader to prevent errors.
-     *
-     * @example
-     * ```typescript
-     * // This constructor is called internally by the engine
-     * const mesh = new CanvasMesh();
-     * ```
-     */
-    constructor();
-    /**
-     * Initializes the mesh component with the provided properties.
-     * This method is called before onUpdate to set up initial state.
-     *
-     * @param props - The initial properties
-     * @example
-     * ```typescript
-     * // This method is called internally when the component is created
-     * mesh.onInit({
-     *   geometry: myGeometry,
-     *   texture: "texture.png"
-     * });
-     * ```
-     */
-    onInit(props: MeshProps): void;
-    /**
-     * Updates the mesh component when properties change.
-     * Handles texture loading, shader updates, and other property changes.
-     *
-     * @param props - The updated properties
-     * @example
-     * ```typescript
-     * // This method is called internally when props change
-     * mesh.onUpdate({
-     *   tint: 0x00ff00,
-     *   texture: "new-texture.png"
-     * });
-     * ```
-     */
-    onUpdate(props: MeshProps): Promise<void>;
-    /**
-     * Called when the component is about to be destroyed.
-     * Cleans up the draw effect subscription and calls the parent destroy method.
-     *
-     * @param parent - The parent element
-     * @param afterDestroy - Callback function to execute after destruction
-     * @example
-     * ```typescript
-     * // This method is typically called by the engine internally
-     * await mesh.onDestroy(parentElement, () => console.log('Mesh destroyed'));
-     * ```
-     */
-    onDestroy(parent: Element<ComponentInstance>, afterDestroy: () => void): Promise<void>;
-}
-/**
- * Creates a Mesh component with the specified properties.
- * This is the main function used to create mesh instances in your application.
- *
- * @param props - The properties for the mesh component
- * @returns A mesh component element
- * @example
- * ```typescript
- * import { Mesh } from 'canvasengine';
- *
- * // Create a basic textured mesh
- * const myMesh = Mesh({
- *   geometry: triangleGeometry,
- *   texture: "assets/texture.png",
- *   x: 100,
- *   y: 100,
- *   tint: 0xff0000
- * });
- *
- * // Create a mesh with custom shader
- * const shaderMesh = Mesh({
- *   geometry: planeGeometry,
- *   shader: customShader,
- *   draw: (mesh) => {
- *     mesh.rotation += 0.01;
- *   }
- * });
- * ```
- */
-export declare const Mesh: ComponentFunction<MeshProps>;
-export { CanvasMesh };
-export type { MeshProps };
-//# sourceMappingURL=Mesh.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Mesh.d.ts","sourceRoot":"","sources":["../../src/components/Mesh.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAuB,MAAM,SAAS,CAAC;AAC3F,OAAO,EAAmB,OAAO,EAAqB,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAiB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;GAGG;AACH,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,oDAAoD;IACpD,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CAC1C;;;;;;;;;;;;;;;;;;;;;;iBAyEQ,CAAC;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvE3B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,cAAM,UAAW,SAAQ,eAAuB;IAC9C;;;;;;;;;OASG;;IASH;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,KAAK,EAAE,SAAS;IAkBvB;;;;;;;;;;;;;OAaG;IACG,QAAQ,CAAC,KAAK,EAAE,SAAS;IA4C/B;;;;;;;;;;;OAWG;IACG,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAE,YAAY,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;CAM7F;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAE7C,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC;AAGtB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Sprite.d.ts

@@ -1,240 +0,0 @@
-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;
-        "__#1@#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;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: import('..').Props): void;
-        onMount({ parent, props }: Element</*elided*/ 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<CanvasSprite>): 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

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

package/dist/components/Viewport.d.ts

@@ -1,110 +0,0 @@
-import { Element, Props } from '../engine/reactive';
-import { ComponentInstance } from './DisplayObject';
-
-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;
-        "__#1@#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;
-        "__#1@#registeredEvents": Map<string, Function>;
-        "__#1@#computedLayoutBox": {
-            width?: number;
-            height?: number;
-        } | null;
-        readonly deltaRatio: any;
-        readonly parentIsFlex: any;
-        onInit(props: Props): void;
-        onMount({ parent, props }: Element</*elided*/ 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 tickSubscription;
-    overrideProps: string[];
-    constructor();
-    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<CanvasViewport>, index?: number): Promise<void>;
-    onUpdate(props: any): void;
-    private updateViewportSettings;
-    /**
-     * 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>;
-}
-export declare function Viewport(props: ViewportProps): Element<ComponentInstance>;
-export {};
-//# sourceMappingURL=Viewport.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../src/components/Viewport.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AA2BnE,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;;;;;;;;;;;;;;;;;;;;;;iBAsE4B,CAAC;kBACtB,CAAL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArEH,qBAAa,cAAe,SAAQ,mBAA2B;IAC3D,OAAO,CAAC,gBAAgB,CAAc;IACtC,aAAa,WAAY;;IAezB,MAAM,CAAC,KAAK,KAAA;IAOZ;;;;;OAKG;IACG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC9E,QAAQ,CAAC,KAAK,KAAA;IAKd,OAAO,CAAC,sBAAsB;IA0C9B;;;;;OAKG;IACG,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;CAOlF;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,8BAE5C"}