@next2d/ui 1.18.11 → 2.0.0

package/{dist → src}/Easing.js

@@ -1,60 +1,42 @@
-import { $Math } from "@next2d/share";
+import { execute as easingLinearService } from "./Easing/service/EasingLinearService";
+import { execute as easingInQuadService } from "./Easing/service/EasingInQuadService";
+import { execute as easingOutQuadService } from "./Easing/service/EasingOutQuadService";
+import { execute as easingInOutQuadService } from "./Easing/service/EasingInOutQuadService";
+import { execute as easingInCubicService } from "./Easing/service/EasingInCubicService";
+import { execute as easingOutCubicService } from "./Easing/service/EasingOutCubicService";
+import { execute as easingInOutCubicService } from "./Easing/service/EasingInOutCubicService";
+import { execute as easingInQuartService } from "./Easing/service/EasingInQuartService";
+import { execute as easingOutQuartService } from "./Easing/service/EasingOutQuartService";
+import { execute as easingInOutQuartService } from "./Easing/service/EasingInOutQuartService";
+import { execute as easingInQuintService } from "./Easing/service/EasingInQuintService";
+import { execute as easingOutQuintService } from "./Easing/service/EasingOutQuintService";
+import { execute as easingInOutQuintService } from "./Easing/service/EasingInOutQuintService";
+import { execute as easingInSineService } from "./Easing/service/EasingInSineService";
+import { execute as easingOutSineService } from "./Easing/service/EasingOutSineService";
+import { execute as easingInOutSineService } from "./Easing/service/EasingInOutSineService";
+import { execute as easingInExpoService } from "./Easing/service/EasingInExpoService";
+import { execute as easingOutExpoService } from "./Easing/service/EasingOutExpoService";
+import { execute as easingInOutExpoService } from "./Easing/service/EasingInOutExpoService";
+import { execute as easingInCircService } from "./Easing/service/EasingInCircService";
+import { execute as easingOutCircService } from "./Easing/service/EasingOutCircService";
+import { execute as easingInOutCircService } from "./Easing/service/EasingInOutCircService";
+import { execute as easingInBackService } from "./Easing/service/EasingInBackService";
+import { execute as easingOutBackService } from "./Easing/service/EasingOutBackService";
+import { execute as easingInOutBackService } from "./Easing/service/EasingInOutBackService";
+import { execute as easingInElasticService } from "./Easing/service/EasingInElasticService";
+import { execute as easingOutElasticService } from "./Easing/service/EasingOutElasticService";
+import { execute as easingInOutElasticService } from "./Easing/service/EasingInOutElasticService";
+import { execute as easingOutBounceService } from "./Easing/service/EasingOutBounceService";
+import { execute as easingInBounceService } from "./Easing/service/EasingInBounceService";
+import { execute as easingInOutBounceService } from "./Easing/service/EasingInOutBounceService";
 /**
- * Easeクラスは、イージング機能の関数を提供します。
- * The Ease class provides a collection of easing functions
+ * @description Easeクラスは、イージング機能の関数を提供します。
+ *              The Ease class provides a collection of easing functions
  *
  * @class
  * @memberOf next2d.ui
  */
 export class Easing {
-    /**
-     * @description 指定されたクラスのストリングを返します。
-     *              Returns the string representation of the specified class.
-     *
-     * @return  {string}
-     * @default [class Easing]
-     * @method
-     * @static
-     */
-    static toString() {
-        return "[class Easing]";
-    }
-    /**
-     * @description 指定されたクラスの空間名を返します。
-     *              Returns the space name of the specified class.
-     *
-     * @return  {string}
-     * @default next2d.ui.Easing
-     * @const
-     * @static
-     */
-    static get namespace() {
-        return "next2d.ui.Easing";
-    }
-    /**
-     * @description 指定されたオブジェクトのストリングを返します。
-     *              Returns the string representation of the specified object.
-     *
-     * @return  {string}
-     * @default [object Easing]
-     * @method
-     * @public
-     */
-    toString() {
-        return "[object Easing]";
-    }
-    /**
-     * @description 指定されたオブジェクトの空間名を返します。
-     *              Returns the space name of the specified object.
-     *
-     * @return  {string}
-     * @default next2d.ui.Easing
-     * @const
-     * @public
-     */
-    get namespace() {
-        return "next2d.ui.Easing";
-    }
     /**
      * @param  {number} t
      * @param  {number} b
@@ -65,7 +47,7 @@ export class Easing {
      * @static
      */
     static linear(t, b, c, d) {
-        return t / d * c + b;
+        return easingLinearService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -77,7 +59,7 @@ export class Easing {
      * @static
      */
     static inQuad(t, b, c, d) {
-        return (t /= d) * t * c + b;
+        return easingInQuadService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -89,7 +71,7 @@ export class Easing {
      * @static
      */
     static outQuad(t, b, c, d) {
-        return -(t /= d) * (t - 2) * c + b;
+        return easingOutQuadService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -101,9 +83,7 @@ export class Easing {
      * @static
      */
     static inOutQuad(t, b, c, d) {
-        return (t /= d / 2) < 1
-            ? t * t * c / 2 + b
-            : -((t -= 1) * (t - 2) - 1) * c / 2 + b;
+        return easingInOutQuadService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -115,7 +95,7 @@ export class Easing {
      * @static
      */
     static inCubic(t, b, c, d) {
-        return (t /= d) * t * t * c + b;
+        return easingInCubicService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -127,8 +107,7 @@ export class Easing {
      * @static
      */
     static outCubic(t, b, c, d) {
-        t /= d;
-        return (--t * t * t + 1) * c + b;
+        return easingOutCubicService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -140,9 +119,7 @@ export class Easing {
      * @static
      */
     static inOutCubic(t, b, c, d) {
-        return (t /= d / 2) < 1
-            ? t * t * t * c / 2 + b
-            : ((t -= 2) * t * t + 2) * c / 2 + b;
+        return easingInOutCubicService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -154,7 +131,7 @@ export class Easing {
      * @static
      */
     static inQuart(t, b, c, d) {
-        return (t /= d) * t * t * t * c + b;
+        return easingInQuartService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -166,8 +143,7 @@ export class Easing {
      * @static
      */
     static outQuart(t, b, c, d) {
-        t /= d;
-        return (--t * t * t * t - 1) * -c + b;
+        return easingOutQuartService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -179,9 +155,7 @@ export class Easing {
      * @static
      */
     static inOutQuart(t, b, c, d) {
-        return (t /= d / 2) < 1
-            ? t * t * t * t * c / 2 + b
-            : ((t -= 2) * t * t * t - 2) * -c / 2 + b;
+        return easingInOutQuartService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -193,7 +167,7 @@ export class Easing {
      * @static
      */
     static inQuint(t, b, c, d) {
-        return (t /= d) * t * t * t * t * c + b;
+        return easingInQuintService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -205,8 +179,7 @@ export class Easing {
      * @static
      */
     static outQuint(t, b, c, d) {
-        t /= d;
-        return (--t * t * t * t * t + 1) * c + b;
+        return easingOutQuintService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -218,9 +191,7 @@ export class Easing {
      * @static
      */
     static inOutQuint(t, b, c, d) {
-        return (t /= d / 2) < 1
-            ? t * t * t * t * t * c / 2 + b
-            : ((t -= 2) * t * t * t * t + 2) * c / 2 + b;
+        return easingInOutQuintService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -232,7 +203,7 @@ export class Easing {
      * @static
      */
     static inSine(t, b, c, d) {
-        return -c * $Math.cos(t / d * ($Math.PI / 2)) + c + b;
+        return easingInSineService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -244,7 +215,7 @@ export class Easing {
      * @static
      */
     static outSine(t, b, c, d) {
-        return c * $Math.sin(t / d * ($Math.PI / 2)) + b;
+        return easingOutSineService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -256,7 +227,7 @@ export class Easing {
      * @static
      */
     static inOutSine(t, b, c, d) {
-        return -c / 2 * ($Math.cos($Math.PI * t / d) - 1) + b;
+        return easingInOutSineService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -268,7 +239,7 @@ export class Easing {
      * @static
      */
     static inExpo(t, b, c, d) {
-        return c * $Math.pow(2, 10 * (t / d - 1)) + b;
+        return easingInExpoService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -280,7 +251,7 @@ export class Easing {
      * @static
      */
     static outExpo(t, b, c, d) {
-        return c * (-$Math.pow(2, -10 * t / d) + 1) + b;
+        return easingOutExpoService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -292,9 +263,7 @@ export class Easing {
      * @static
      */
     static inOutExpo(t, b, c, d) {
-        return (t /= d / 2) < 1
-            ? c / 2 * $Math.pow(2, 10 * (t - 1)) + b
-            : c / 2 * (-$Math.pow(2, -10 * (t - 1)) + 2) + b;
+        return easingInOutExpoService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -306,7 +275,7 @@ export class Easing {
      * @static
      */
     static inCirc(t, b, c, d) {
-        return (1 - $Math.sqrt(1 - (t /= d) * t)) * c + b;
+        return easingInCircService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -318,8 +287,7 @@ export class Easing {
      * @static
      */
     static outCirc(t, b, c, d) {
-        t /= d;
-        return $Math.sqrt(1 - --t * t) * c + b;
+        return easingOutCircService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -331,9 +299,7 @@ export class Easing {
      * @static
      */
     static inOutCirc(t, b, c, d) {
-        return (t /= d * 2) < 1
-            ? ($Math.sqrt(1 - t * t) - 1) / -2 * c + b
-            : ($Math.sqrt(1 - (t -= 2) * t) + 1) / 2 * c + b;
+        return easingInOutCircService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -345,7 +311,7 @@ export class Easing {
      * @static
      */
     static inBack(t, b, c, d) {
-        return (2.70158 * (t /= d) * t * t - 1.70158 * t * t) * c + b;
+        return easingInBackService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -357,9 +323,7 @@ export class Easing {
      * @static
      */
     static outBack(t, b, c, d) {
-        return (1 + 2.70158
-            * $Math.pow((t /= d) - 1, 3) + 1.70158
-            * $Math.pow(t - 1, 2)) * c + b;
+        return easingOutBackService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -371,11 +335,7 @@ export class Easing {
      * @static
      */
     static inOutBack(t, b, c, d) {
-        let s = 1.70158;
-        if ((t /= d / 2) < 1) {
-            return t * t * (((s *= 1.525) + 1) * t - s) * c / 2 + b;
-        }
-        return ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) * c / 2 + b;
+        return easingInOutBackService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -387,13 +347,7 @@ export class Easing {
      * @static
      */
     static inElastic(t, b, c, d) {
-        return (t /= d) === 0
-            ? b
-            : t === 1
-                ? c + b
-                : -$Math.pow(2, (t *= 10) - 10)
-                    * $Math.sin((t - 10.75) * (2 * $Math.PI / 3))
-                    * c + b;
+        return easingInElasticService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -405,13 +359,7 @@ export class Easing {
      * @static
      */
     static outElastic(t, b, c, d) {
-        return (t /= d) === 0
-            ? b
-            : t === 1
-                ? c + b
-                : ($Math.pow(2, -10 * t)
-                    * $Math.sin((t * 10 - 0.75) * (2 * $Math.PI / 3)) + 1)
-                    * c + b;
+        return easingOutElasticService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -423,13 +371,7 @@ export class Easing {
      * @static
      */
     static inOutElastic(t, b, c, d) {
-        return (t /= d) === 0
-            ? b
-            : t === 1
-                ? c + b
-                : t < 0.5
-                    ? -($Math.pow(2, 20 * t - 10) * $Math.sin((20 * t - 11.125) * (2 * $Math.PI / 4.5))) / 2 * c + b
-                    : ($Math.pow(2, -20 * t + 10) * $Math.sin((20 * t - 11.125) * (2 * $Math.PI / 4.5)) / 2 + 1) * c + b;
+        return easingInOutElasticService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -441,16 +383,7 @@ export class Easing {
      * @static
      */
     static outBounce(t, b, c, d) {
-        if ((t /= d) < 1 / 2.75) {
-            return 7.5625 * t * t * c + b;
-        }
-        if (t < 2 / 2.75) {
-            return (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) * c + b;
-        }
-        if (t < 2.5 / 2.75) {
-            return (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) * c + b;
-        }
-        return (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) * c + b;
+        return easingOutBounceService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -462,7 +395,7 @@ export class Easing {
      * @static
      */
     static inBounce(t, b, c, d) {
-        return c - Easing.outBounce(d - t, 0, c, d) + b;
+        return easingInBounceService(t, b, c, d);
     }
     /**
      * @param  {number} t
@@ -474,8 +407,6 @@ export class Easing {
      * @static
      */
     static inOutBounce(t, b, c, d) {
-        return t < d / 2
-            ? Easing.inBounce(t * 2, b, c / 2, d)
-            : Easing.outBounce(t * 2 - d, b + c / 2, c / 2, d);
+        return easingInOutBounceService(t, b, c, d);
     }
 }

package/src/Job/service/JobEntriesService.d.ts

@@ -0,0 +1,12 @@
+import type { IEntriesObject } from "../../interface/IEntriesObject";
+import type { IObject } from "../../interface/IObject";
+/**
+ * @description Tweenの開始/終了のオブジェクトを配列に変換
+ *              Convert tween start/end objects to arrays
+ *
+ * @param  {object} object
+ * @return {array}
+ * @method
+ * @private
+ */
+export declare const execute: (object: IObject) => IEntriesObject[];

package/src/Job/service/JobEntriesService.js

@@ -0,0 +1,19 @@
+/**
+ * @description Tweenの開始/終了のオブジェクトを配列に変換
+ *              Convert tween start/end objects to arrays
+ *
+ * @param  {object} object
+ * @return {array}
+ * @method
+ * @private
+ */
+export const execute = (object) => {
+    const entries = [];
+    for (const [name, value] of Object.entries(object)) {
+        entries.push({
+            "name": name,
+            "value": typeof value === "number" ? value : execute(value)
+        });
+    }
+    return entries;
+};

package/src/Job/service/JobStopService.d.ts

@@ -0,0 +1,11 @@
+import type { Job } from "../../Job";
+/**
+ * @description ジョブの停止処理関数
+ *              Stop process function
+ *
+ * @param  {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (job: Job) => void;

package/src/Job/service/JobStopService.js

@@ -0,0 +1,18 @@
+import { JobEvent } from "@next2d/events";
+/**
+ * @description ジョブの停止処理関数
+ *              Stop process function
+ *
+ * @param  {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (job) => {
+    cancelAnimationFrame(job.$timerId);
+    if (job.hasEventListener(JobEvent.STOP)) {
+        job.dispatchEvent(new JobEvent(JobEvent.STOP));
+    }
+    job.entries = null;
+    job.stopFlag = true;
+};

package/src/Job/service/JobUpdateFrameService.d.ts

@@ -0,0 +1,12 @@
+import type { Job } from "../../Job";
+/**
+ * @description 繰り返しのアップデート処理関数
+ *              Update process function
+ *
+ * @param  {Job} job
+ * @param  {number} timestamp
+ * @return {array}
+ * @method
+ * @private
+ */
+export declare const execute: (job: Job, timestamp: number) => number;

package/src/Job/service/JobUpdateFrameService.js

@@ -0,0 +1,40 @@
+import { execute as jobUpdatePropertyService } from "./JobUpdatePropertyService";
+import { JobEvent } from "@next2d/events";
+/**
+ * @description 繰り返しのアップデート処理関数
+ *              Update process function
+ *
+ * @param  {Job} job
+ * @param  {number} timestamp
+ * @return {array}
+ * @method
+ * @private
+ */
+export const execute = (job, timestamp) => {
+    if (job.stopFlag || !job.entries) {
+        return -1;
+    }
+    // update current time
+    job.currentTime = (timestamp - job.startTime) / 1000;
+    // update property
+    jobUpdatePropertyService(job, job.target, job.from, job.to, job.entries);
+    // update event
+    if (job.hasEventListener(JobEvent.UPDATE)) {
+        job.dispatchEvent(new JobEvent(JobEvent.UPDATE));
+    }
+    // complete logic
+    if (job.currentTime >= job.duration) {
+        // complete event
+        if (job.hasEventListener(JobEvent.COMPLETE)) {
+            job.dispatchEvent(new JobEvent(JobEvent.COMPLETE));
+        }
+        // next job
+        if (job.nextJob) {
+            job.nextJob.start();
+        }
+        return -1;
+    }
+    return requestAnimationFrame((timestamp) => {
+        execute(job, timestamp);
+    });
+};

package/src/Job/service/JobUpdatePropertyService.d.ts

@@ -0,0 +1,17 @@
+import type { IEntriesObject } from "../../interface/IEntriesObject";
+import type { IObject } from "../../interface/IObject";
+import type { Job } from "../../Job";
+/**
+ * @description fromのオブジェクトのプロパティを元に、targetのプロパティの値を更新
+ *              Update the value of the target property based on the properties of the from object
+ *
+ * @param  {Job} job
+ * @param  {object} target
+ * @param  {object} from
+ * @param  {object} to
+ * @param  {array} entries
+ * @return {void}
+ * @method
+ * @private
+ */
+export declare const execute: (job: Job, target: any, from: IObject, to: IObject, entries: IEntriesObject[]) => void;

package/src/Job/service/JobUpdatePropertyService.js

@@ -0,0 +1,38 @@
+/**
+ * @description fromのオブジェクトのプロパティを元に、targetのプロパティの値を更新
+ *              Update the value of the target property based on the properties of the from object
+ *
+ * @param  {Job} job
+ * @param  {object} target
+ * @param  {object} from
+ * @param  {object} to
+ * @param  {array} entries
+ * @return {void}
+ * @method
+ * @private
+ */
+export const execute = (job, target, from, to, entries) => {
+    for (let idx = 0; idx < entries.length; ++idx) {
+        const entry = entries[idx];
+        if (!entry) {
+            continue;
+        }
+        const name = entry.name;
+        if (!(name in target) || !(name in to)) {
+            continue;
+        }
+        if (typeof entry.value !== "number") {
+            execute(job, target[name], from[name], to[name], entry.value);
+            continue;
+        }
+        // update
+        const fromValue = from[name];
+        if (job.duration > job.currentTime) {
+            target[name] = job.ease(job.currentTime, fromValue, to[name] - fromValue, job.duration);
+        }
+        else {
+            // Easing end
+            target[name] = to[name];
+        }
+    }
+};

package/src/Job/usecase/JobBootUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { Job } from "../../Job";
+/**
+ * @description ジョブの実行処理関数
+ *              Execution process function
+ *
+ * @param {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (job: Job) => void;

package/src/Job/usecase/JobBootUseCase.js

@@ -0,0 +1,25 @@
+import { execute as jobEntriesService } from "../service/JobEntriesService";
+import { execute as jobUpdateFrameService } from "../service/JobUpdateFrameService";
+/**
+ * @description ジョブの実行処理関数
+ *              Execution process function
+ *
+ * @param {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (job) => {
+    if (job.stopFlag) {
+        return;
+    }
+    // create entries
+    job.entries = jobEntriesService(job.from);
+    if (!job.entries) {
+        return;
+    }
+    // setup
+    job.startTime = performance.now();
+    // start
+    job.$timerId = jobUpdateFrameService(job, job.startTime);
+};

package/src/Job/usecase/JobStartUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { Job } from "../../Job";
+/**
+ * @description ジョブの開始処理関数
+ *              Start process function
+ *
+ * @param  {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (job: Job) => void;

package/src/Job/usecase/JobStartUseCase.js

@@ -0,0 +1,25 @@
+import { execute as jobBootUseCase } from "./JobBootUseCase";
+/**
+ * @description ジョブの開始処理関数
+ *              Start process function
+ *
+ * @param  {Job} job
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (job) => {
+    // stop job
+    cancelAnimationFrame(job.$timerId);
+    // reset
+    job.stopFlag = false;
+    // delayed start
+    if (job.delay) {
+        setTimeout(() => {
+            jobBootUseCase(job);
+        }, job.delay * 1000);
+    }
+    else {
+        jobBootUseCase(job);
+    }
+};