canvasengine 2.0.0-beta.12 → 2.0.0-beta.14

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import * as _signe_reactive from '@signe/reactive';
-import { WritableSignal, Signal, WritableArraySignal, WritableObjectSignal } from '@signe/reactive';
+import { WritableSignal, Signal } from '@signe/reactive';
 export * from '@signe/reactive';
 import { Subscription, Subject, Observable } from 'rxjs';
 export { isObservable } from 'rxjs';
 import { Node } from 'yoga-layout';
 import * as PIXI from 'pixi.js';
-import { ObservablePoint, Graphics as Graphics$1, Texture, TextStyle, Matrix } from 'pixi.js';
+import { FederatedPointerEvent, ObservablePoint, Graphics as Graphics$1, Texture, TextStyle, Matrix } from 'pixi.js';
 export { Howler } from 'howler';
 import * as popmotion from 'popmotion';
 
@@ -68,6 +68,26 @@ declare function animatedSequence(sequence: ((() => Promise<void>) | (() => Prom
 
 type SignalOrPrimitive<T> = T | Signal<T> | AnimatedSignal<T>;
 
+type DragProps = {
+    move?: (event: FederatedPointerEvent) => void;
+    start?: () => void;
+    end?: () => void;
+    snap?: SignalOrPrimitive<number>;
+    direction?: SignalOrPrimitive<'x' | 'y' | 'all'>;
+    viewport?: {
+        edgeThreshold?: SignalOrPrimitive<number>;
+        maxSpeed?: SignalOrPrimitive<number>;
+    };
+};
+
+type ViewportFollowProps = {
+    viewportFollow?: boolean | {
+        speed?: SignalOrPrimitive<number>;
+        acceleration?: SignalOrPrimitive<number>;
+        radius?: SignalOrPrimitive<number>;
+    };
+};
+
 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';
@@ -114,6 +134,8 @@ interface DisplayObjectProps {
     filters?: any[];
     blendMode?: SignalOrPrimitive<PIXI.BLEND_MODES>;
     blur?: SignalOrPrimitive<number>;
+    drag?: DragProps;
+    viewportFollow?: ViewportFollowProps;
     click?: PIXI.FederatedEventHandler;
     mousedown?: PIXI.FederatedEventHandler;
     mouseenter?: PIXI.FederatedEventHandler;
@@ -219,17 +241,6 @@ declare function DisplayObject(extendClass: any): {
 interface Props {
     [key: string]: any;
 }
-type ArrayChange<T> = {
-    type: "add" | "remove" | "update" | "init" | "reset";
-    index?: number;
-    items: T[];
-};
-type ObjectChange<T> = {
-    type: "add" | "remove" | "update" | "init" | "reset";
-    key?: string;
-    value?: T;
-    items: T[];
-};
 type NestedSignalObjects = {
     [Key in string]: NestedSignalObjects | Signal<any>;
 };
@@ -279,7 +290,7 @@ declare function createComponent(tag: string, props?: Props): Element;
  * @param {Function} createElementFn - A function that takes an item and returns an element representation.
  * @returns {Observable} An observable that emits the list of created child elements.
  */
-declare function loop<T>(itemsSubject: WritableArraySignal<T[]> | WritableObjectSignal<T>, createElementFn: (item: T, index: number | string) => Element | null): FlowObservable;
+declare function loop<T>(itemsSubject: any, createElementFn: (item: T, index: number | string) => Element | null): FlowObservable;
 /**
  * Conditionally creates and destroys elements based on a condition signal.
  *
@@ -290,10 +301,10 @@ declare function loop<T>(itemsSubject: WritableArraySignal<T[]> | WritableObject
 declare function cond(condition: Signal<boolean> | boolean, createElementFn: () => Element | Promise<Element>): FlowObservable;
 
 declare abstract class Directive {
-    abstract onDestroy(): any;
+    abstract onDestroy(element: Element<any>): any;
     abstract onInit(element: Element<any>): any;
     abstract onMount(element: Element<any>): any;
-    abstract onUpdate(props: any): any;
+    abstract onUpdate(props: any, element: Element<any>): any;
 }
 
 interface Tick {
@@ -391,23 +402,18 @@ interface GraphicsProps extends DisplayObjectProps {
     draw?: (graphics: Graphics$1) => void;
 }
 interface RectProps extends DisplayObjectProps {
-    width: number;
-    height: number;
-    color: string;
+    color: SignalOrPrimitive<string>;
 }
 interface CircleProps extends DisplayObjectProps {
-    radius: number;
-    color: string;
+    radius: SignalOrPrimitive<number>;
+    color: SignalOrPrimitive<string>;
 }
 interface EllipseProps extends DisplayObjectProps {
-    width: number;
-    height: number;
-    color: string;
+    color: SignalOrPrimitive<string>;
 }
 interface TriangleProps extends DisplayObjectProps {
-    base: number;
-    height: number;
-    color: string;
+    base: SignalOrPrimitive<number>;
+    color: SignalOrPrimitive<string>;
 }
 interface SvgProps extends DisplayObjectProps {
     svg: string;
@@ -1134,4 +1140,4 @@ declare namespace utils {
   export { utils_arrayEquals as arrayEquals, utils_calculateDistance as calculateDistance, utils_error as error, utils_fps2ms as fps2ms, utils_get as get, utils_isBrowser as isBrowser, utils_isFunction as isFunction, utils_isObject as isObject, utils_isPromise as isPromise, utils_log as log, utils_preciseNow as preciseNow, utils_set as set, utils_setObservablePoint as setObservablePoint };
 }
 
-export { type AnimateOptions, type AnimatedSignal, type AnimatedState, type ArrayChange, Canvas, Circle, type ComponentFunction, type ComponentInstance, Container, DisplayObject, EVENTS, Easing, type Element, Ellipse, Graphics, NineSliceSprite, type ObjectChange, ParticlesEmitter, type Props, RadialGradient, Rect, Scene, Sprite, Text, TilingSprite, Triangle, utils as Utils, Video, Viewport, animatedSequence, animatedSignal, bootstrapCanvas, cond, createComponent, currentSubscriptionsTracker, h, isAnimatedSignal, isElement, isPrimitive, isTrigger, loop, mount, mountTracker, on, registerComponent, Svg as svg, tick, trigger, useDefineProps, useProps };
+export { type AnimateOptions, type AnimatedSignal, type AnimatedState, 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, utils as Utils, Video, Viewport, animatedSequence, animatedSignal, bootstrapCanvas, cond, createComponent, currentSubscriptionsTracker, h, isAnimatedSignal, isElement, isPrimitive, isTrigger, loop, mount, mountTracker, on, registerComponent, Svg as svg, tick, trigger, useDefineProps, useProps };