@zcomponent/core 1.28.0 → 1.29.0-beta.2

package/lib/animation/bezier.d.ts

@@ -8,9 +8,14 @@ export declare class Bezier {
     private _curveEvaluator;
     /**
      * Creates an instance of Bezier.
-     * @param _curves An array of control points for each Bezier curve segment.
+     * @param curves An array of control points for each Bezier curve segment.
      */
-    constructor(_curves: BezierData[]);
+    constructor(curves: BezierData[]);
+    /**
+     * Updates the curves without creating a new instance.
+     * @param curves An array of control points for each Bezier curve segment.
+     */
+    updateCurves(curves: BezierData[]): void;
     evaluate(t: number, epsilon?: number): number;
 }
 /**

package/lib/animation/bezier.js

@@ -55,12 +55,21 @@ function BezierFactory(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
 export class Bezier {
     /**
      * Creates an instance of Bezier.
-     * @param _curves An array of control points for each Bezier curve segment.
+     * @param curves An array of control points for each Bezier curve segment.
      */
-    constructor(_curves) {
-        this._curves = _curves;
+    constructor(curves) {
+        this._curves = [];
         this._curveEvaluator = [];
-        for (const curve of _curves) {
+        this.updateCurves(curves);
+    }
+    /**
+     * Updates the curves without creating a new instance.
+     * @param curves An array of control points for each Bezier curve segment.
+     */
+    updateCurves(curves) {
+        this._curves = curves;
+        this._curveEvaluator = [];
+        for (const curve of curves) {
             this._curveEvaluator.push(BezierFactory(curve[0][0], curve[0][1], curve[1][0], curve[1][1], curve[2][0], curve[2][1], curve[3][0], curve[3][1]));
         }
     }

package/lib/behaviors/ChangeCursor.d.ts

@@ -0,0 +1,39 @@
+import { ActionBehavior, ActionBehaviorConstructorProps } from '../actionbehavior';
+import { Component } from '../component';
+import { ContextManager } from '../context';
+import { Observable } from '../observable';
+/**
+ * Enum for different cursor styles
+ */
+export declare enum CursorStyle {
+    Default = "default",
+    Pointer = "pointer",
+    Move = "move",
+    Grab = "grab",
+    Grabbing = "grabbing",
+    Wait = "wait",
+    Text = "text",
+    NotAllowed = "not-allowed",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out"
+}
+/**
+ * Action behavior to change the cursor style.
+ * @zbehavior
+ * @zicon mouse
+ * @zgroup Actions
+ */
+export declare class ChangeCursor extends ActionBehavior {
+    /**
+     * The cursor style to apply.
+     * @zprop
+     * @zdefault default
+     */
+    cursorStyle: Observable<CursorStyle, never>;
+    constructor(contextManager: ContextManager, instance: Component, props: ActionBehaviorConstructorProps);
+    /**
+     * Performs the cursor change action.
+     * @zprop
+     */
+    perform(): void;
+}

package/lib/behaviors/ChangeCursor.js

@@ -0,0 +1,44 @@
+import { ActionBehavior } from '../actionbehavior';
+import { registerBehaviorRunAtDesignTime } from '../behavior';
+import { Observable } from '../observable';
+/**
+ * Enum for different cursor styles
+ */
+export var CursorStyle;
+(function (CursorStyle) {
+    CursorStyle["Default"] = "default";
+    CursorStyle["Pointer"] = "pointer";
+    CursorStyle["Move"] = "move";
+    CursorStyle["Grab"] = "grab";
+    CursorStyle["Grabbing"] = "grabbing";
+    CursorStyle["Wait"] = "wait";
+    CursorStyle["Text"] = "text";
+    CursorStyle["NotAllowed"] = "not-allowed";
+    CursorStyle["ZoomIn"] = "zoom-in";
+    CursorStyle["ZoomOut"] = "zoom-out";
+})(CursorStyle || (CursorStyle = {}));
+/**
+ * Action behavior to change the cursor style.
+ * @zbehavior
+ * @zicon mouse
+ * @zgroup Actions
+ */
+export class ChangeCursor extends ActionBehavior {
+    constructor(contextManager, instance, props) {
+        super(contextManager, instance, props);
+        /**
+         * The cursor style to apply.
+         * @zprop
+         * @zdefault default
+         */
+        this.cursorStyle = new Observable(CursorStyle.Default);
+    }
+    /**
+     * Performs the cursor change action.
+     * @zprop
+     */
+    perform() {
+        document.body.style.cursor = this.cursorStyle.value;
+    }
+}
+registerBehaviorRunAtDesignTime(ChangeCursor);

package/lib/contexts/gesturecontext.d.ts

@@ -19,6 +19,7 @@ interface ConstructionProps {
 }
 /**
  * Manages touch gestures for scaling and rotating elements.
+ * @deprecated Use the GestureTransform component instead. This context will be removed in the next major version.
  * @zcontext
  **/
 export declare class GestureContext extends Context<ConstructionProps> {

package/lib/contexts/gesturecontext.js

@@ -1,4 +1,4 @@
-import { Context, Event, Observable, useCanvas } from '../index';
+import { Context, Event, Observable, useCanvas, isDevelopmentBuild, isEditTime } from '../index';
 /**
  * Defines the modes for interpreting touch gestures.
  */
@@ -10,6 +10,7 @@ export var GestureMode;
 })(GestureMode || (GestureMode = {}));
 /**
  * Manages touch gestures for scaling and rotating elements.
+ * @deprecated Use the GestureTransform component instead. This context will be removed in the next major version.
  * @zcontext
  **/
 export class GestureContext extends Context {
@@ -98,6 +99,9 @@ export class GestureContext extends Context {
             this.initialDistance = null;
             this.initialAngle = null;
         };
+        if (isDevelopmentBuild(contextManager) || isEditTime(contextManager)) {
+            console.warn('GestureContext is deprecated. Please use the GestureTransform component instead. GestureContext will be removed in the next major version.');
+        }
         this.element = constructorProps.element ?? useCanvas(contextManager);
         this.enabled.addListener(enabled => {
             if (enabled) {

package/lib/types.d.ts

@@ -167,7 +167,8 @@ export declare enum TypeHint {
     'time-hertz' = "time-hertz",
     'emailaddress' = "emailaddress",
     'url' = "url",
-    'function-emit-component-prop-event' = "function-emit-component-prop-event"
+    'function-emit-component-prop-event' = "function-emit-component-prop-event",
+    'animationcurve' = "animationcurve"
 }
 /**
  * Enumeration of values types used in a values definition.

package/lib/types.js

@@ -47,6 +47,7 @@ export var TypeHint;
     TypeHint["emailaddress"] = "emailaddress";
     TypeHint["url"] = "url";
     TypeHint["function-emit-component-prop-event"] = "function-emit-component-prop-event";
+    TypeHint["animationcurve"] = "animationcurve";
 })(TypeHint || (TypeHint = {}));
 /**
  * Enumeration of values types used in a values definition.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zcomponent/core",
-  "version": "1.28.0",
+  "version": "1.29.0-beta.2",
   "description": "The core component model and built-in functionality for Mattercraft.",
   "author": "Zappar Limited",
   "license": "Proprietary",