@next2d/ui 1.14.20

package/dist/Job.js

@@ -0,0 +1,332 @@
+import { Easing } from "./Easing";
+import { EventDispatcher, Event } from "@next2d/events";
+import { $setTimeout, $performance } from "@next2d/share";
+/**
+ * @class
+ * @memberOf next2d.ui
+ * @extends  EventDispatcher
+ */
+export class Job extends EventDispatcher {
+    /**
+     * @param {object}   target
+     * @param {object}   [from=null]
+     * @param {object}   [to=null]
+     * @param {number}   [delay=0]
+     * @param {number}   [duration=1]
+     * @param {function} [ease=null]
+     *
+     * @constructor
+     * @public
+     */
+    constructor(target, from = null, to = null, delay = 0, duration = 1, ease = null) {
+        super();
+        /**
+         * @type {object}
+         * @private
+         */
+        this._$target = target;
+        /**
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        this._$delay = delay;
+        /**
+         * @type {number}
+         * @default 1
+         * @private
+         */
+        this._$duration = duration;
+        /**
+         * @type {function}
+         * @default Easing.linear
+         * @private
+         */
+        this._$ease = ease || Easing.linear;
+        /**
+         * @type {object}
+         * @default null
+         * @private
+         */
+        this._$from = from;
+        /**
+         * @type {array}
+         * @default null
+         * @private
+         */
+        this._$names = null;
+        /**
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        this._$startTime = 0;
+        /**
+         * @type {boolean}
+         * @default false
+         * @private
+         */
+        this._$stopFlag = false;
+        /**
+         * @type {boolean}
+         * @default false
+         * @private
+         */
+        this._$forceStop = false;
+        /**
+         * @type {object}
+         * @default null
+         * @private
+         */
+        this._$to = to;
+        /**
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        this._$currentTime = 0;
+    }
+    /**
+     * @description 指定されたクラスのストリングを返します。
+     *              Returns the string representation of the specified class.
+     *
+     * @return  {string}
+     * @default [class Job]
+     * @method
+     * @static
+     */
+    static toString() {
+        return "[class Job]";
+    }
+    /**
+     * @description 指定されたクラスの空間名を返します。
+     *              Returns the space name of the specified class.
+     *
+     * @return  {string}
+     * @default next2d.ui.Job
+     * @const
+     * @static
+     */
+    static get namespace() {
+        return "next2d.ui.Job";
+    }
+    /**
+     * @description 指定されたオブジェクトのストリングを返します。
+     *              Returns the string representation of the specified object.
+     *
+     * @return  {string}
+     * @default [object Job]
+     * @method
+     * @public
+     */
+    toString() {
+        return "[object Job]";
+    }
+    /**
+     * @description 指定されたオブジェクトの空間名を返します。
+     *              Returns the space name of the specified object.
+     *
+     * @return  {string}
+     * @default next2d.ui.Job
+     * @const
+     * @public
+     */
+    get namespace() {
+        return "next2d.ui.Job";
+    }
+    /**
+     * @member {function}
+     * @default Easing.linear
+     * @public
+     */
+    get ease() {
+        return this._$ease;
+    }
+    set ease(ease) {
+        if (typeof ease === "function") {
+            this._$ease = ease;
+        }
+    }
+    /**
+     * @member {number}
+     * @default 0
+     * @public
+     */
+    get delay() {
+        return this._$delay;
+    }
+    set delay(delay) {
+        this._$delay = delay;
+    }
+    /**
+     * @member {number}
+     * @default 1
+     * @public
+     */
+    get duration() {
+        return this._$duration;
+    }
+    set duration(duration) {
+        this._$duration = duration;
+    }
+    /**
+     * @member {object}
+     * @default null
+     * @public
+     */
+    get from() {
+        return this._$from;
+    }
+    set from(from) {
+        this._$from = from;
+    }
+    /**
+     * @member {object}
+     * @default null
+     * @public
+     */
+    get to() {
+        return this._$to;
+    }
+    set to(to) {
+        this._$to = to;
+    }
+    /**
+     * @member {object}
+     * @readonly
+     * @public
+     */
+    get target() {
+        return this._$target;
+    }
+    /**
+     * @return {void}
+     * @method
+     * @public
+     */
+    initialize() {
+        if (this._$forceStop) {
+            return;
+        }
+        // setup
+        this._$stopFlag = false;
+        this._$startTime = $performance.now();
+        this._$names = this.entries(this._$from);
+        // add event
+        this.addEventListener(Event.ENTER_FRAME, (event) => {
+            this._$update(event);
+        });
+    }
+    /**
+     * @param  {object} object
+     * @return {array}
+     * @method
+     * @public
+     */
+    entries(object) {
+        const entries = Object.entries(object);
+        for (let idx = 0; idx < entries.length; ++idx) {
+            const values = entries[idx];
+            const value = values[1];
+            if (value && typeof value === "object") {
+                values[1] = this.entries(value);
+            }
+        }
+        return entries;
+    }
+    /**
+     * @return {Promise}
+     * @method
+     * @public
+     */
+    start() {
+        return new Promise((resolve) => {
+            if (!this.hasEventListener(Event.COMPLETE)) {
+                this.addEventListener(Event.COMPLETE, (event) => {
+                    this.removeEventListener(Event.COMPLETE, event.listener);
+                    resolve();
+                });
+            }
+            if (this._$delay) {
+                $setTimeout(() => {
+                    this.initialize();
+                }, this._$delay * 1000);
+                return;
+            }
+            this.initialize();
+        });
+    }
+    /**
+     * @return {void}
+     * @method
+     * @public
+     */
+    stop() {
+        if (this.hasEventListener(Event.STOP)) {
+            this.dispatchEvent(new Event(Event.STOP));
+        }
+        if (this.hasEventListener(Event.ENTER_FRAME)) {
+            this.removeAllEventListener(Event.ENTER_FRAME);
+        }
+        if (this.hasEventListener(Event.UPDATE)) {
+            this.removeAllEventListener(Event.UPDATE);
+        }
+        if (this.hasEventListener(Event.COMPLETE)) {
+            this.removeAllEventListener(Event.COMPLETE);
+        }
+        this._$forceStop = true;
+        this._$stopFlag = true;
+    }
+    /**
+     * @param  {Event} event
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$update(event) {
+        if (this._$stopFlag) {
+            return;
+        }
+        this._$currentTime = ($performance.now() - this._$startTime) * 0.001;
+        if (this._$names) {
+            this._$updateProperty(this._$target, this._$from, this._$to, this._$names);
+        }
+        if (this.hasEventListener(Event.UPDATE)) {
+            this.dispatchEvent(new Event(Event.UPDATE));
+        }
+        if (this._$currentTime >= this._$duration) {
+            this.removeEventListener(Event.ENTER_FRAME, event.listener);
+            if (this.hasEventListener(Event.COMPLETE)) {
+                this.dispatchEvent(new Event(Event.COMPLETE));
+            }
+        }
+    }
+    /**
+     * @param  {object} target
+     * @param  {object} from
+     * @param  {object} to
+     * @param  {array}  names
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$updateProperty(target, from, to, names) {
+        for (let idx = 0; idx < names.length; ++idx) {
+            const values = names[idx];
+            const name = values[0];
+            const value = values[1];
+            if (value && typeof value === "object") {
+                this._$updateProperty(target[name], from[name], to[name], value);
+                continue;
+            }
+            // update
+            const fromValue = from[name];
+            if (this._$duration > this._$currentTime) {
+                target[name] = this._$ease(this._$currentTime, fromValue, to[name] - fromValue, this._$duration);
+            }
+            else {
+                target[name] = to[name];
+            }
+        }
+    }
+}

package/dist/Tween.d.ts

@@ -0,0 +1,62 @@
+import { Job } from "./Job";
+/**
+ * @class
+ * @memberOf next2d.ui
+ */
+export declare class Tween {
+    /**
+     * @description 指定されたクラスのストリングを返します。
+     *              Returns the string representation of the specified class.
+     *
+     * @return  {string}
+     * @default [class Tween]
+     * @method
+     * @static
+     */
+    static toString(): string;
+    /**
+     * @description 指定されたクラスの空間名を返します。
+     *              Returns the space name of the specified class.
+     *
+     * @return  {string}
+     * @default next2d.ui.Tween
+     * @const
+     * @static
+     */
+    static get namespace(): string;
+    /**
+     * @description 指定されたオブジェクトのストリングを返します。
+     *              Returns the string representation of the specified object.
+     *
+     * @return  {string}
+     * @default [object Tween]
+     * @method
+     * @public
+     */
+    toString(): string;
+    /**
+     * @description 指定されたオブジェクトの空間名を返します。
+     *              Returns the space name of the specified object.
+     *
+     * @return  {string}
+     * @default next2d.ui.Tween
+     * @const
+     * @public
+     */
+    get namespace(): string;
+    /**
+     * @description 新しいJobクラスを追加します
+     *              Add a new Job class
+     *
+     * @param  {object}   target
+     * @param  {object}   from
+     * @param  {object}   to
+     * @param  {number}   [delay=0]
+     * @param  {number}   [duration=1]
+     * @param  {function} [ease=null]
+     * @return {Job}
+     * @method
+     * @static
+     */
+    static add(target: any, from: any, to: any, delay?: number, duration?: number, ease?: Function | null): Job;
+}

package/dist/Tween.js

@@ -0,0 +1,72 @@
+import { Job } from "./Job";
+/**
+ * @class
+ * @memberOf next2d.ui
+ */
+export class Tween {
+    /**
+     * @description 指定されたクラスのストリングを返します。
+     *              Returns the string representation of the specified class.
+     *
+     * @return  {string}
+     * @default [class Tween]
+     * @method
+     * @static
+     */
+    static toString() {
+        return "[class Tween]";
+    }
+    /**
+     * @description 指定されたクラスの空間名を返します。
+     *              Returns the space name of the specified class.
+     *
+     * @return  {string}
+     * @default next2d.ui.Tween
+     * @const
+     * @static
+     */
+    static get namespace() {
+        return "next2d.ui.Tween";
+    }
+    /**
+     * @description 指定されたオブジェクトのストリングを返します。
+     *              Returns the string representation of the specified object.
+     *
+     * @return  {string}
+     * @default [object Tween]
+     * @method
+     * @public
+     */
+    toString() {
+        return "[object Tween]";
+    }
+    /**
+     * @description 指定されたオブジェクトの空間名を返します。
+     *              Returns the space name of the specified object.
+     *
+     * @return  {string}
+     * @default next2d.ui.Tween
+     * @const
+     * @public
+     */
+    get namespace() {
+        return "next2d.ui.Tween";
+    }
+    /**
+     * @description 新しいJobクラスを追加します
+     *              Add a new Job class
+     *
+     * @param  {object}   target
+     * @param  {object}   from
+     * @param  {object}   to
+     * @param  {number}   [delay=0]
+     * @param  {number}   [duration=1]
+     * @param  {function} [ease=null]
+     * @return {Job}
+     * @method
+     * @static
+     */
+    static add(target, from, to, delay = 0, duration = 1, ease = null) {
+        return new Job(target, from, to, delay, duration, ease);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Easing";
+export * from "./Job";
+export * from "./Tween";

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./Easing";
+export * from "./Job";
+export * from "./Tween";

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@next2d/ui",
+  "version": "1.14.20",
+  "description": "Next2D UI Packages",
+  "author": "Toshiyuki Ienaga<ienaga@tvon.jp> (https://github.com/ienaga/)",
+  "license": "MIT",
+  "homepage": "https://next2d.app",
+  "bugs": "https://github.com/Next2D/Player/issues",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "keywords": [
+    "Next2D",
+    "Next2D UI"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Next2D/Player.git"
+  },
+  "peerDependencies": {
+    "@next2d/events": "1.14.20",
+    "@next2d/share": "1.14.20"
+  }
+}