canvasengine 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/index.d.ts

@@ -1,9 +1,12 @@
+import * as _signe_reactive from '@signe/reactive';
 import { WritableSignal, Signal, WritableArraySignal } from '@signe/reactive';
 export * from '@signe/reactive';
 import { Subscription, Subject, Observable } from 'rxjs';
-export { Howler } from 'howler';
+export { isObservable } from 'rxjs';
+import { Node } from 'yoga-layout';
 import * as PIXI from 'pixi.js';
-import { Graphics as Graphics$1, TextStyle, Texture } from 'pixi.js';
+import { ObservablePoint, Graphics as Graphics$1, TextStyle, Texture, Matrix } from 'pixi.js';
+export { Howler } from 'howler';
 import * as popmotion from 'popmotion';
 
 interface AnimateOptions<T> {
@@ -47,6 +50,7 @@ type SignalOrPrimitive<T> = T | Signal<T> | AnimatedSignal<T>;
 
 type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
 type Size = number | `${number}%`;
 type EdgeSize = SignalOrPrimitive<Size | [Size, Size] | [Size, Size, Size, Size]>;
 interface DisplayObjectProps {
@@ -88,6 +92,7 @@ interface DisplayObjectProps {
     }>;
     filters?: any[];
     blendMode?: SignalOrPrimitive<PIXI.BLEND_MODES>;
+    blur?: SignalOrPrimitive<number>;
     click?: PIXI.FederatedEventHandler;
     mousedown?: PIXI.FederatedEventHandler;
     mouseenter?: PIXI.FederatedEventHandler;
@@ -130,6 +135,65 @@ interface ComponentInstance extends PixiMixins.ContainerOptions {
     setWidth(width: number): void;
     setHeight(height: number): void;
 }
+declare const EVENTS: string[];
+declare function DisplayObject(extendClass: any): {
+    new (): {
+        [x: string]: any;
+        "__#1@#canvasContext": {
+            [key: string]: any;
+        } | null;
+        isFlex: boolean;
+        fullProps: Props;
+        isMounted: boolean;
+        _anchorPoints: ObservablePoint;
+        isCustomAnchor: boolean;
+        displayWidth: _signe_reactive.WritableSignal<number>;
+        displayHeight: _signe_reactive.WritableSignal<number>;
+        overrideProps: string[];
+        node: Node;
+        readonly yoga: any;
+        readonly deltaRatio: any;
+        onInit(props: any): void;
+        onMount({ parent, props }: Element</*elided*/ any>, index?: number): void;
+        effectSize(width: Size, height: Size): void;
+        "__#1@#applyFlexLayout"(): void;
+        "__#1@#flexRender"(props: any): void;
+        onUpdate(props: any): void;
+        onDestroy(): void;
+        getComputedLayout(): {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+            width: number;
+            height: number;
+        };
+        applyComputedLayout(): void;
+        calculateLayout(): void;
+        setFlexDirection(direction: FlexDirection): void;
+        setFlexWrap(wrap: "wrap" | "nowrap" | "wrap-reverse"): void;
+        "__#1@#setAlign"(methodName: string, align: AlignContent): 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;
+        "__#1@#setEdgeSize"(methodName: string, size: EdgeSize): 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;
+        calculateBounds(): void;
+        setWidth(width: number): void;
+        setHeight(height: number): void;
+        getWidth(): number;
+        getHeight(): number;
+    };
+    [x: string]: any;
+};
 
 interface Props {
     [key: string]: any;
@@ -704,8 +768,6 @@ interface TextProps extends DisplayObjectProps {
 }
 declare function Text(props: TextProps): Element<ComponentInstance>;
 
-declare function TiledMap(props: any): any;
-
 interface TilingSpriteProps extends DisplayObjectProps {
     image?: string;
     tileScale?: {
@@ -736,8 +798,6 @@ interface ViewportProps {
 }
 declare function Viewport(props: ViewportProps): Element<ComponentInstance>;
 
-declare function ImageMap(props: any): Element<ComponentInstance> | Promise<Element<ComponentInstance>>;
-
 interface NineSliceSpriteProps extends DisplayObjectProps {
     image?: string;
     texture?: Texture;
@@ -814,18 +874,6 @@ type PropSchema = {
  */
 declare const useDefineProps: (props: any) => (schema?: PropSchema) => any;
 
-interface BarProps {
-    backgroundColor?: string;
-    foregroundColor?: string;
-    value: number;
-    maxValue: number;
-    width: number;
-    height: number;
-}
-declare function Bar(opts: BarProps): Element<ComponentInstance>;
-
-declare function Particle(options: any): Element<ComponentInstance> | Promise<Element<ComponentInstance>>;
-
 declare const Easing: {
     linear: popmotion.Easing;
     easeIn: popmotion.Easing;
@@ -843,4 +891,31 @@ declare const Easing: {
     bounceOut: (p: number) => number;
 };
 
-export { type AnimatedSignal, type AnimatedState, type ArrayChange, Bar, Canvas, Circle, type ComponentFunction, Container, Easing, type Element, Ellipse, Graphics, ImageMap, NineSliceSprite, Particle, ParticlesEmitter, type Props, Rect, Scene, Sprite, Text, TiledMap, TilingSprite, Triangle, Viewport, animatedSignal, bootstrapCanvas, cond, createComponent, currentSubscriptionsTracker, h, isAnimatedSignal, isElement, isPrimitive, isTrigger, loop, mount, mountTracker, on, registerComponent, Svg as svg, tick, trigger, useDefineProps, useProps };
+declare class RadialGradient {
+    private x0;
+    private y0;
+    private x1;
+    private y1;
+    private x2;
+    private y2;
+    private focalPoint;
+    private canvas;
+    private ctx;
+    private gradient;
+    private texture;
+    transform: Matrix;
+    size: number;
+    constructor(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number, focalPoint?: number);
+    addColorStop(offset: number, color: string): void;
+    render({ translate }?: {
+        translate?: {
+            x: number;
+            y: number;
+        };
+    }): {
+        texture: Texture<PIXI.TextureSource<any>>;
+        matrix: Matrix;
+    };
+}
+
+export { type AnimatedSignal, type AnimatedState, type ArrayChange, Canvas, Circle, type ComponentFunction, type ComponentInstance, Container, DisplayObject, EVENTS, Easing, type Element, Ellipse, Graphics, NineSliceSprite, ParticlesEmitter, type Props, RadialGradient, Rect, Scene, Sprite, Text, TilingSprite, Triangle, Viewport, animatedSignal, bootstrapCanvas, cond, createComponent, currentSubscriptionsTracker, h, isAnimatedSignal, isElement, isPrimitive, isTrigger, loop, mount, mountTracker, on, registerComponent, Svg as svg, tick, trigger, useDefineProps, useProps };