@next2d/core 1.18.12 → 2.0.0

package/dist/Player.js

@@ -1,1879 +0,0 @@
-import { Stage } from "@next2d/display";
-import { Event as Next2DEvent, MouseEvent as Next2DMouseEvent, EventPhase } from "@next2d/events";
-import { SoundMixer } from "@next2d/media";
-import { CanvasToWebGLContext } from "@next2d/webgl";
-import { $document, $window, $rendererWorker, $PREFIX, $audioContext, $TOUCH_START, $TOUCH_MOVE, $TOUCH_END, $MOUSE_DOWN, $MOUSE_MOVE, $MOUSE_UP, $MOUSE_WHEEL, $DOUBLE_CLICK, $MOUSE_LEAVE, $loadAudioData, $MATRIX_HIT_ARRAY_IDENTITY, $hitContext, $isTouch, $dropTarget, $dragRules, $isSafari, $getEvent, $setEvent, $setEventType, $setCurrentLoaderInfo, $getEventType, $getRenderBufferArray, $getRenderMessageObject, $poolRenderMessageObject, $textArea } from "@next2d/util";
-import { $Math, $performance, $COLOR_ARRAY_IDENTITY, $doUpdated, $isUpdated, $getArray, $getFloat32Array6, $getMap, $uintToRGBA, $toColorInt, $requestAnimationFrame, $cancelAnimationFrame, $poolArray, $clamp, $devicePixelRatio, $setDevicePixelRatio, $cacheStore } from "@next2d/share";
-/**
- * 描画のイベントや設定やコントロールの管理クラス
- * Management classes for drawing events, settings and controls
- *
- * @class
- */
-export class Player {
-    /**
-     * @constructor
-     * @public
-     */
-    constructor() {
-        // init
-        $setDevicePixelRatio(window.devicePixelRatio);
-        /**
-         * @type {Stage}
-         * @private
-         */
-        this._$stage = new Stage();
-        this._$stage._$player = this;
-        /**
-         * @type {string}
-         * @private
-         */
-        this._$mode = "loader";
-        /**
-         * @type {number}
-         * @private
-         */
-        this._$actionOffset = 0;
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$actions = $getArray();
-        /**
-         * @type {array}
-         * @public
-         */
-        this._$loaders = $getArray();
-        /**
-         * @type {Map}
-         * @private
-         */
-        this._$sounds = $getMap();
-        /**
-         * @type {object}
-         * @private
-         */
-        this._$hitObject = {
-            "x": 0,
-            "y": 0,
-            "pointer": "",
-            "hit": null
-        };
-        /**
-         * @type {DisplayObject}
-         * @default null
-         * @private
-         */
-        this._$rollOverObject = null;
-        /**
-         * @type {DisplayObject}
-         * @default null
-         * @private
-         */
-        this._$mouseOverTarget = null;
-        /**
-         * @type {number}
-         * @private
-         */
-        this._$ratio = $devicePixelRatio;
-        /**
-         * @type {boolean}
-         * @default true
-         * @private
-         */
-        this._$stopFlag = true;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$startTime = 0;
-        /**
-         * @type {number}
-         * @default 16
-         * @private
-         */
-        this._$fps = 16;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$loadStatus = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$width = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$height = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$baseWidth = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$baseHeight = 0;
-        /**
-         * @type {number}
-         * @default 1
-         * @private
-         */
-        this._$scale = 1;
-        /**
-         * @type {Float32Array}
-         * @private
-         */
-        this._$matrix = $getFloat32Array6(1, 0, 0, 1, 0, 0); // fixed size 6
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$tx = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$ty = 0;
-        /**
-         * @type {string}
-         * @default up
-         * @private
-         */
-        this._$state = "up";
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$hitTestStart = false;
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$stageX = -1;
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$stageY = -1;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$deltaX = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$deltaY = 0;
-        /**
-         * @type {Map}
-         * @private
-         */
-        this._$broadcastEvents = $getMap();
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$optionWidth = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$optionHeight = 0;
-        /**
-         * @type {string}
-         * @default ""
-         * @private
-         */
-        this._$tagId = "";
-        /**
-         * @type {string}
-         * @default "transparent"
-         * @private
-         */
-        this._$bgColor = "transparent";
-        /**
-         * @type {string}
-         * @default ""
-         * @private
-         */
-        this._$base = "";
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$fullScreen = false;
-        /**
-         * @type {string}
-         * @default high
-         * @private
-         */
-        this._$quality = "high";
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$sources = $getArray();
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$videos = $getArray();
-        /**
-         * @type {TextField}
-         * @default null
-         * @private
-         */
-        this._$textField = null;
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$timerId = -1;
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$loadId = -1;
-        /**
-         * @type {CanvasToWebGLContext}
-         * @default null
-         * @private
-         */
-        this._$context = null;
-        /**
-         * @type {AttachmentImpl}
-         * @default null
-         * @private
-         */
-        this._$attachment = null;
-        /**
-         * @type {DisplayObject}
-         * @default null
-         * @private
-         */
-        this._$clickTarget = null;
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$actionProcess = false;
-        /**
-         * @type {HTMLCanvasElement}
-         * @private
-         */
-        this._$canvas = $document.createElement("canvas");
-    }
-    /**
-     * @return  {number}
-     * @default 1
-     * @const
-     * @static
-     */
-    static get LOAD_START() {
-        return 1;
-    }
-    /**
-     * @return {number}
-     * @default 2
-     * @const
-     * @static
-     */
-    static get LOAD_END() {
-        return 2;
-    }
-    /**
-     * @return {CacheStore}
-     * @readonly
-     * @public
-     */
-    get cacheStore() {
-        return $cacheStore;
-    }
-    /**
-     * @type {HTMLCanvasElement}
-     * @readonly
-     * @public
-     */
-    get canvas() {
-        return this._$canvas;
-    }
-    /**
-     * @return {Map}
-     * @readonly
-     * @public
-     */
-    get broadcastEvents() {
-        return this._$broadcastEvents;
-    }
-    /**
-     * @member {CanvasToWebGLContext|null}
-     * @default null
-     * @public
-     */
-    get context() {
-        return this._$context;
-    }
-    set context(context) {
-        this._$context = context;
-    }
-    /**
-     * @member {string}
-     * @default ""
-     * @public
-     */
-    get base() {
-        return this._$base;
-    }
-    set base(base) {
-        if (base.indexOf("//") === -1) {
-            const urls = base.split("/");
-            if (urls[0] === "" || urls[0] === ".") {
-                urls.shift();
-            }
-            urls.pop();
-            this._$base = `${location.origin}/`;
-            if (urls.length) {
-                this._$base += `${urls.join("/")}/`;
-            }
-        }
-        else {
-            if (base.indexOf("?") === -1) {
-                this._$base = base.slice(-1) === "/" ? base : `${base}/`;
-            }
-            else {
-                const path = base.split("?")[0];
-                this._$base = path.slice(-1) === "/" ? path : `${path}/`;
-            }
-        }
-    }
-    /**
-     * @return {Stage}
-     * @readonly
-     * @public
-     */
-    get stage() {
-        return this._$stage;
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get x() {
-        return this._$tx;
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get y() {
-        return this._$ty;
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get scaleX() {
-        return this._$matrix[0];
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get scaleY() {
-        return this._$matrix[3];
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get tx() {
-        return this._$matrix[4] / this._$scale / $devicePixelRatio;
-    }
-    /**
-     * @member {number}
-     * @readonly
-     * @public
-     */
-    get ty() {
-        return this._$matrix[5] / this._$scale / $devicePixelRatio;
-    }
-    /**
-     * @member {string}
-     * @public
-     */
-    get mode() {
-        return this._$mode;
-    }
-    set mode(mode) {
-        this._$mode = mode;
-    }
-    /**
-     * @return {string}
-     * @readonly
-     * @public
-     */
-    get contentElementId() {
-        return $PREFIX;
-    }
-    /**
-     * @member {number}
-     * @public
-     */
-    get width() {
-        return this._$baseWidth;
-    }
-    set width(width) {
-        this._$baseWidth = width | 0;
-    }
-    /**
-     * @member {number}
-     * @public
-     */
-    get height() {
-        return this._$baseHeight;
-    }
-    set height(height) {
-        this._$baseHeight = height | 0;
-    }
-    /**
-     * @member {string}
-     * @public
-     */
-    get bgColor() {
-        return this._$bgColor;
-    }
-    set bgColor(bg_color) {
-        this._$bgColor = `${bg_color}`;
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    play() {
-        if (this._$stopFlag) {
-            this._$stopFlag = false;
-            if (this._$timerId > -1) {
-                $cancelAnimationFrame(this._$timerId);
-            }
-            this._$startTime = $performance.now();
-            const frameRate = this._$stage._$frameRate;
-            this._$fps = 1000 / frameRate | 0;
-            this._$timerId = $requestAnimationFrame((timestamp) => {
-                this._$run(timestamp);
-            });
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    stop() {
-        if (this._$timerId > -1) {
-            $cancelAnimationFrame(this._$timerId);
-        }
-        this._$stopFlag = true;
-        this._$timerId = -1;
-        SoundMixer.stopAll();
-        $cacheStore.reset();
-        if ($rendererWorker) {
-            $rendererWorker.postMessage({
-                "command": "stop"
-            });
-        }
-    }
-    /**
-     * @param  {string} id
-     * @return {void}
-     * @method
-     * @public
-     */
-    removeCache(id) {
-        $cacheStore.removeCache(id);
-        if ($rendererWorker) {
-            $rendererWorker.postMessage({
-                "command": "removeCache",
-                "id": id
-            });
-        }
-    }
-    /**
-     * @param  {object} [options=null]
-     * @return {void}
-     * @public
-     */
-    setOptions(options = null) {
-        if (options) {
-            this._$optionWidth = options.width || this._$optionWidth;
-            this._$optionHeight = options.height || this._$optionHeight;
-            this._$tagId = options.tagId || this._$tagId;
-            this.base = options.base || this._$base;
-            this._$bgColor = options.bgColor || this._$bgColor;
-            this._$fullScreen = !!options.fullScreen;
-        }
-    }
-    /**
-     * @description NoCode Toolからのアクセスのみ
-     *              Access from NoCode Tool only
-     *
-     * @param  {MouseEvent} [event = null]
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$loadWebAudio(event = null) {
-        if (event) {
-            // @ts-ignore
-            this._$canvas.removeEventListener($MOUSE_UP, this._$loadWebAudio);
-        }
-        if (!$audioContext) {
-            $loadAudioData();
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$updateLoadStatus() {
-        if (this._$loadStatus === Player.LOAD_END) {
-            if (this._$loadId > -1) {
-                $cancelAnimationFrame(this._$loadId);
-            }
-            this._$loadId = -1;
-            this._$loaded();
-            return;
-        }
-        this._$loadId = $requestAnimationFrame(() => {
-            this._$updateLoadStatus();
-        });
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$loaded() {
-        const element = $document
-            .getElementById(this.contentElementId);
-        if (element) {
-            // background color
-            this._$setBackgroundColor(this._$bgColor);
-            // DOM
-            this._$deleteNode();
-            // append canvas
-            element.appendChild(this._$canvas);
-            element.appendChild($textArea);
-            // stage init action
-            this._$stage._$prepareActions();
-            // constructed event
-            if (this._$broadcastEvents.has(Next2DEvent.FRAME_CONSTRUCTED)) {
-                this._$dispatchEvent(new Next2DEvent(Next2DEvent.FRAME_CONSTRUCTED));
-            }
-            // frame1 action
-            this._$doAction();
-            // exit event
-            if (this._$broadcastEvents.has(Next2DEvent.EXIT_FRAME)) {
-                this._$dispatchEvent(new Next2DEvent(Next2DEvent.EXIT_FRAME));
-            }
-            // loader events
-            const length = this._$loaders.length;
-            for (let idx = 0; idx < length; ++idx) {
-                const loader = this._$loaders.shift();
-                // init event
-                if (loader.hasEventListener(Next2DEvent.INIT)) {
-                    loader.dispatchEvent(new Next2DEvent(Next2DEvent.INIT));
-                }
-                // complete event
-                if (loader.hasEventListener(Next2DEvent.COMPLETE)) {
-                    loader.dispatchEvent(new Next2DEvent(Next2DEvent.COMPLETE));
-                }
-            }
-            // activate event
-            if (this._$broadcastEvents.has(Next2DEvent.ACTIVATE)) {
-                this._$dispatchEvent(new Next2DEvent(Next2DEvent.ACTIVATE));
-            }
-            // frame action
-            this._$doAction();
-            // render
-            this._$draw();
-            // start
-            this.play();
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$initialize() {
-        const contentElementId = this.contentElementId;
-        if (!this._$tagId) {
-            $document
-                .body
-                .insertAdjacentHTML("beforeend", `<div id="${contentElementId}" tabindex="-1"></div>`);
-        }
-        else {
-            const container = $document.getElementById(this._$tagId);
-            if (!container) {
-                alert("Not Found Tag ID:" + this._$tagId);
-                return;
-            }
-            const div = $document.getElementById(contentElementId);
-            if (!div) {
-                const element = $document.createElement("div");
-                element.id = contentElementId;
-                element.tabIndex = -1;
-                container.appendChild(element);
-            }
-            else {
-                this._$deleteNode();
-            }
-        }
-        const element = $document.getElementById(contentElementId);
-        if (!element) {
-            throw new Error("the content element is null.");
-        }
-        const parent = element.parentElement;
-        if (parent) {
-            this._$initStyle(element);
-            this._$buildWait();
-            const width = this._$optionWidth
-                ? this._$optionWidth
-                : parent.tagName === "BODY"
-                    ? $window.innerWidth
-                    : parent.offsetWidth;
-            const height = this._$optionHeight
-                ? this._$optionHeight
-                : parent.tagName === "BODY"
-                    ? $window.innerHeight
-                    : parent.offsetHeight;
-            // set center
-            if (this._$mode === "loader" && width && height) {
-                this._$baseWidth = width;
-                this._$baseHeight = height;
-                this._$resize();
-            }
-        }
-        if (this._$mode === "loader") {
-            this._$loadStatus = Player.LOAD_START;
-            this._$updateLoadStatus();
-        }
-        else {
-            this._$resize();
-            this._$loaded();
-        }
-    }
-    /**
-     * @param   {object} element
-     * @returns {void}
-     * @method
-     * @private
-     */
-    _$initStyle(element) {
-        const style = element.style;
-        // set css
-        style.position = "relative";
-        style.top = "0";
-        style.left = "0";
-        style.backgroundColor = "transparent";
-        style.overflow = "hidden";
-        style.padding = "0";
-        style.margin = "0";
-        style.userSelect = "none";
-        style.outline = "none";
-        const width = this._$optionWidth;
-        const height = this._$optionHeight;
-        const parent = element.parentElement;
-        if (!parent) {
-            throw new Error("the parentElement is null.");
-        }
-        if (parent.tagName === "BODY") {
-            style.width = width ? `${width}px` : `${window.innerWidth}px`;
-            style.height = height ? `${height}px` : `${window.innerHeight}px`;
-            return;
-        }
-        style.width = width ? `${width}px` : `${parent.offsetWidth}px`;
-        style.height = height ? `${height}px` : `${parent.offsetHeight}px`;
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$buildWait() {
-        const element = $document
-            .getElementById(this.contentElementId);
-        if (element) {
-            const loadingId = `${this.contentElementId}_loading`;
-            element.innerHTML = `<style>
-#${loadingId} {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -24px 0 0 -24px;
-    width: 50px;
-    height: 50px;
-    border-radius: 50px;
-    border: 8px solid #dcdcdc;
-    border-right-color: transparent;
-    box-sizing: border-box;
-    animation: ${loadingId} 0.8s infinite linear;
-}
-@keyframes ${loadingId} {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-</style>`;
-            const div = $document.createElement("div");
-            div.id = loadingId;
-            element.appendChild(div);
-        }
-    }
-    /**
-     * @returns {void}
-     * @method
-     * @private
-     */
-    _$deleteNode() {
-        const element = $document.getElementById(this.contentElementId);
-        if (element) {
-            while (element.childNodes.length) {
-                element.removeChild(element.childNodes[0]);
-            }
-        }
-    }
-    /**
-     * @return {void}
-     * @private
-     */
-    _$initializeCanvas() {
-        // main canvas
-        this._$canvas.width = 1;
-        this._$canvas.height = 1;
-        if ($rendererWorker) {
-            const offscreenCanvas = this
-                ._$canvas
-                .transferControlToOffscreen();
-            const buffer = $getRenderBufferArray();
-            let index = 0;
-            buffer[index++] = this._$stage._$instanceId;
-            buffer[index++] = +$isSafari;
-            buffer[index++] = $devicePixelRatio;
-            buffer[index++] = this._$getSamples();
-            const options = $getArray(offscreenCanvas, buffer.buffer);
-            $rendererWorker.postMessage({
-                "command": "initialize",
-                "canvas": offscreenCanvas,
-                "buffer": buffer
-            }, options);
-            $poolArray(options);
-        }
-        else {
-            // create gl context
-            const gl = this._$canvas.getContext("webgl2", {
-                "stencil": true,
-                "premultipliedAlpha": true,
-                "antialias": false,
-                "depth": false,
-                "preserveDrawingBuffer": true
-            });
-            if (gl) {
-                this._$context = new CanvasToWebGLContext(gl, this._$getSamples());
-                $cacheStore.context = this._$context;
-            }
-            else {
-                alert("WebGL setting is off. Please turn the setting on.");
-            }
-        }
-        /**
-         * @return {void}
-         * @method
-         * @private
-         */
-        const loadWebAudio = () => {
-            this._$canvas.removeEventListener($MOUSE_UP, loadWebAudio);
-            this._$canvas.removeEventListener($TOUCH_END, loadWebAudio);
-            if (!$audioContext) {
-                $loadAudioData();
-                for (let idx = 0; idx < this._$videos.length; ++idx) {
-                    const video = this._$videos[idx];
-                    if (!video._$video) {
-                        continue;
-                    }
-                    video._$video.muted = false;
-                }
-            }
-        };
-        // @ts-ignore
-        this._$canvas.addEventListener($TOUCH_END, loadWebAudio);
-        // @ts-ignore
-        this._$canvas.addEventListener($MOUSE_UP, loadWebAudio);
-        // touch event
-        this._$canvas.addEventListener($TOUCH_START, (event) => {
-            $setEvent(event);
-            $setEventType($TOUCH_START);
-            // start position
-            this._$hitTest();
-        });
-        this._$canvas.addEventListener($TOUCH_MOVE, (event) => {
-            $setEvent(event);
-            $setEventType($TOUCH_MOVE);
-            this._$hitTest();
-        });
-        this._$canvas.addEventListener($TOUCH_END, (event) => {
-            $setEvent(event);
-            $setEventType($TOUCH_END);
-            this._$hitTest();
-        });
-        // mouse wheel
-        this._$canvas.addEventListener($TOUCH_MOVE, (event) => {
-            $setEvent(event);
-            $setEventType($TOUCH_MOVE);
-            this._$hitTest();
-        }, { "passive": false });
-        // mouse event
-        this._$canvas.addEventListener($MOUSE_DOWN, (event) => {
-            $setEvent(event);
-            $setEventType($MOUSE_DOWN);
-            if (!event.button) {
-                this._$hitTest();
-            }
-        });
-        this._$canvas.addEventListener($DOUBLE_CLICK, (event) => {
-            $setEvent(event);
-            $setEventType($DOUBLE_CLICK);
-            if (!event.button) {
-                this._$hitTest();
-            }
-        });
-        this._$canvas.addEventListener($MOUSE_LEAVE, (event) => {
-            $setEvent(event);
-            $setEventType($MOUSE_LEAVE);
-            this._$hitTest();
-            $setEvent(null);
-            this._$stageX = -1;
-            this._$stageY = -1;
-        });
-        this._$canvas.addEventListener($MOUSE_UP, (event) => {
-            $setEvent(event);
-            $setEventType($MOUSE_UP);
-            if (!event.button) {
-                this._$hitTest();
-            }
-        });
-        this._$canvas.addEventListener($MOUSE_MOVE, (event) => {
-            $setEvent(event);
-            $setEventType($MOUSE_MOVE);
-            this._$hitTest();
-        });
-        // mouse wheel
-        this._$canvas.addEventListener($MOUSE_WHEEL, (event) => {
-            if (!event.defaultPrevented) {
-                $setEvent(event);
-                $setEventType($MOUSE_WHEEL);
-                this._$hitTest();
-            }
-        }, { "passive": false });
-        // set css
-        let style = "";
-        style += "position: absolute;";
-        style += "top: 0;";
-        style += "left: 0;";
-        style += "-webkit-tap-highlight-color: rgba(0,0,0,0);";
-        style += "backface-visibility: hidden;";
-        style += "transform-origin: 0 0;";
-        if ($devicePixelRatio !== 1) {
-            style += `transform: scale(${1 / $devicePixelRatio});`;
-        }
-        this._$canvas.setAttribute("style", style);
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$resize() {
-        const div = $document
-            .getElementById(this.contentElementId);
-        if (div) {
-            const parent = div.parentElement;
-            if (!parent) {
-                throw new Error("the parentElement is null.");
-            }
-            const innerWidth = this._$optionWidth
-                ? this._$optionWidth
-                : parent.tagName === "BODY"
-                    ? $window.innerWidth
-                    : parent.offsetWidth
-                        ? parent.offsetWidth
-                        : parseFloat(parent.style.width);
-            const innerHeight = this._$optionHeight
-                ? this._$optionHeight
-                : parent.tagName === "BODY"
-                    ? $window.innerHeight
-                    : parent.offsetHeight
-                        ? parent.offsetHeight
-                        : parseFloat(parent.style.height);
-            const screenWidth = parent.tagName === "BODY"
-                ? $window.innerWidth
-                : parent.offsetWidth;
-            const scale = $Math.min(innerWidth / this._$baseWidth, innerHeight / this._$baseHeight);
-            let width = this._$fullScreen
-                ? innerWidth
-                : this._$baseWidth * scale | 0;
-            let height = this._$fullScreen
-                ? innerHeight
-                : this._$baseHeight * scale | 0;
-            // div
-            const style = div.style;
-            style.width = `${width}px`;
-            style.height = `${height}px`;
-            style.top = "0";
-            style.left = this._$fullScreen
-                ? "0"
-                : `${screenWidth / 2 - width / 2}px`;
-            width *= $devicePixelRatio;
-            height *= $devicePixelRatio;
-            // no resize
-            if (this._$width === width && this._$height === height) {
-                return;
-            }
-            // cache reset
-            this._$stage._$doChanged();
-            $cacheStore.reset();
-            // params
-            this._$scale = scale;
-            this._$width = width;
-            this._$height = height;
-            const mScale = this._$scale * this._$ratio;
-            this._$matrix[0] = mScale;
-            this._$matrix[3] = mScale;
-            if (this._$fullScreen) {
-                this._$tx = (width -
-                    this._$baseWidth
-                        * scale
-                        * $devicePixelRatio) / 2;
-                this._$ty = (height -
-                    this._$baseHeight
-                        * scale
-                        * $devicePixelRatio) / 2;
-                this._$matrix[4] = this._$tx;
-                this._$matrix[5] = this._$ty;
-            }
-            // main canvas resize
-            this._$resizeCanvas(width, height, mScale, this._$tx, this._$ty);
-            if (this._$ratio > 1 && $devicePixelRatio > 1) {
-                this._$canvas.style.transform = `scale(${1 / this._$ratio})`;
-            }
-            if (div.children.length > 1) {
-                div.children[1].dispatchEvent(new Event(`${$PREFIX}_blur`));
-            }
-        }
-    }
-    /**
-     * @description 表示用のcanvasを更新
-     *              Update canvas for display
-     *
-     * @param  {string} [background_color=transparent]
-     * @return {void}
-     * @method
-     * @public
-     */
-    _$setBackgroundColor(background_color = "transparent") {
-        if ($rendererWorker) {
-            const buffer = $getRenderBufferArray();
-            buffer[0] = background_color === "transparent"
-                ? -1
-                : $toColorInt(background_color);
-            const message = $getRenderMessageObject();
-            message.command = "setBackgroundColor";
-            message.buffer = buffer;
-            const options = $getArray(buffer.buffer);
-            $rendererWorker.postMessage(message, options);
-            $poolRenderMessageObject(message);
-            $poolArray(options);
-        }
-        else {
-            const context = this._$context;
-            if (!context) {
-                return;
-            }
-            if (background_color === "transparent") {
-                context._$setColor(0, 0, 0, 0);
-            }
-            else {
-                const color = $uintToRGBA($toColorInt(background_color));
-                context._$setColor(color.R / 255, color.G / 255, color.B / 255, 1);
-            }
-        }
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @param  {number} scale
-     * @param  {number} [tx = 0]
-     * @param  {number} [ty = 0]
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$resizeCanvas(width, height, scale, tx = 0, ty = 0) {
-        if ($rendererWorker) {
-            const buffer = $getRenderBufferArray();
-            let index = 0;
-            buffer[index++] = width;
-            buffer[index++] = height;
-            buffer[index++] = scale;
-            buffer[index++] = tx;
-            buffer[index++] = ty;
-            const message = $getRenderMessageObject();
-            const options = $getArray(buffer.buffer);
-            message.command = "resize";
-            message.buffer = buffer;
-            $rendererWorker.postMessage(message, options);
-            // reset
-            $poolRenderMessageObject(message);
-            $poolArray(options);
-        }
-        else {
-            const context = this._$context;
-            if (!context) { // unit test
-                return;
-            }
-            context.clearInstacedArray();
-            this._$canvas.width = width;
-            this._$canvas.height = height;
-            context._$gl.viewport(0, 0, width, height);
-            const manager = context.frameBuffer;
-            if (this._$attachment) {
-                manager.unbind();
-                manager.releaseAttachment(this._$attachment, true);
-            }
-            this._$attachment = manager
-                .createCacheAttachment(width, height, true);
-            // update cache max size
-            context.setMaxSize(width, height);
-            context._$bind(this._$attachment);
-        }
-    }
-    /**
-     * @return {number}
-     * @method
-     * @private
-     */
-    _$getSamples() {
-        switch (this._$quality) {
-            case "high":
-                return 4;
-            case "medium":
-                return 2;
-            default:
-                return 0;
-        }
-    }
-    /**
-     * @param  {Event} event
-     * @return {boolean}
-     * @method
-     * @private
-     */
-    _$dispatchEvent(event) {
-        if (this._$broadcastEvents.size
-            && this._$broadcastEvents.has(event.type)) {
-            // clone
-            const events = this
-                ._$broadcastEvents
-                .get(event.type)
-                .slice(0);
-            // start target
-            event.eventPhase = EventPhase.AT_TARGET;
-            for (let idx = 0; idx < events.length; ++idx) {
-                const obj = events[idx];
-                // event execute
-                event.currentTarget = obj.target;
-                event.listener = obj.listener;
-                obj.listener.call(null, event);
-                if (event._$stopImmediatePropagation) {
-                    break;
-                }
-            }
-            $poolArray(events);
-            return true;
-        }
-        return false;
-    }
-    /**
-     * @param  {number} timestamp
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$run(timestamp = 0) {
-        if (this._$stopFlag) {
-            return;
-        }
-        // delay action
-        this._$doAction();
-        const delta = timestamp - this._$startTime;
-        if (delta > this._$fps) {
-            // update
-            this._$startTime = timestamp - delta % this._$fps;
-            // execute
-            this._$action();
-            // start sound
-            if (this._$sounds.size) {
-                for (const movieClip of this._$sounds.values()) {
-                    movieClip._$soundPlay();
-                }
-                this._$sounds.clear();
-            }
-            // draw
-            this._$draw();
-            // draw event
-            if (!$isTouch
-                && !this._$hitTestStart
-                && this._$state === "up"
-                && this._$stageX > -1
-                && this._$stageY > -1
-                && $getEvent()) {
-                this._$pointerCheck();
-            }
-        }
-        else {
-            if (this._$videos.length && !$rendererWorker) {
-                this._$draw();
-            }
-        }
-        // next frame
-        this._$timerId = $requestAnimationFrame((timestamp) => {
-            this._$run(timestamp);
-        });
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$pointerCheck() {
-        const stageX = this._$stageX;
-        const stageY = this._$stageY;
-        // setup
-        this._$hitObject.x = stageX;
-        this._$hitObject.y = stageY;
-        this._$hitObject.pointer = "";
-        this._$hitObject.hit = null;
-        // reset
-        $hitContext.setTransform(1, 0, 0, 1, 0, 0);
-        $hitContext.beginPath();
-        // hit test
-        $MATRIX_HIT_ARRAY_IDENTITY[4] = this._$tx / this._$scale / $devicePixelRatio;
-        $MATRIX_HIT_ARRAY_IDENTITY[5] = this._$ty / this._$scale / $devicePixelRatio;
-        this._$stage._$mouseHit($hitContext, $MATRIX_HIT_ARRAY_IDENTITY, this._$hitObject, true);
-        // change state
-        // params
-        let instance = null;
-        let target = null;
-        let canPointerText = false;
-        let canPointer = false;
-        // execute
-        if (this._$hitObject.hit) {
-            instance = this._$hitObject.hit;
-            // (1) mouseOut
-            if (this._$mouseOverTarget
-                && this._$mouseOverTarget !== instance) {
-                const outInstance = this._$mouseOverTarget;
-                if (outInstance.willTrigger(Next2DMouseEvent.MOUSE_OUT)) {
-                    outInstance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OUT, true, false));
-                }
-            }
-            // rollOut and rollOver
-            if (this._$rollOverObject !== instance) {
-                let hitParent = null;
-                if (this._$rollOverObject) {
-                    // (2) prev object rollOut
-                    target = this._$rollOverObject;
-                    if (target.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                        target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                    }
-                    // rollOver flag instance
-                    hitParent = target._$parent;
-                    while (hitParent && hitParent._$root !== hitParent) {
-                        if (hitParent === instance) {
-                            break;
-                        }
-                        if (hitParent._$mouseEnabled
-                            && hitParent._$outCheck(stageX, stageY)) {
-                            let isUpperLayer = false;
-                            let check = instance;
-                            while (check && check._$root !== check) {
-                                if (check !== hitParent) {
-                                    check = check._$parent;
-                                    continue;
-                                }
-                                isUpperLayer = true;
-                                break;
-                            }
-                            if (!isUpperLayer && hitParent._$parent === instance._$parent
-                                && hitParent._$index > instance._$index) {
-                                isUpperLayer = true;
-                            }
-                            if (isUpperLayer) {
-                                break;
-                            }
-                        }
-                        if (hitParent.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                            hitParent.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                        }
-                        hitParent = hitParent._$parent;
-                    }
-                }
-                // (3) current object rollOver
-                target = instance;
-                for (;;) {
-                    if (target.willTrigger(Next2DMouseEvent.ROLL_OVER)) {
-                        target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OVER, false, false));
-                    }
-                    target = target._$parent;
-                    if (!target || target === hitParent
-                        || target.stage === target) {
-                        break;
-                    }
-                }
-            }
-            this._$rollOverObject = instance;
-            // (4) mouseOver
-            switch (true) {
-                case this._$mouseOverTarget === null:
-                case this._$mouseOverTarget !== instance:
-                    if (instance && instance.willTrigger(Next2DMouseEvent.MOUSE_OVER)) {
-                        instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OVER, true, false));
-                    }
-                    // set target
-                    this._$mouseOverTarget = instance;
-                    break;
-            }
-            // click reset
-            if (this._$state === "up") {
-                this._$clickTarget = null;
-            }
-            // PC
-            if (!$isTouch && this._$state === "up") {
-                target = instance;
-                while (target && target.root !== target) {
-                    if ("_$text" in target) {
-                        if (target.type === "input") {
-                            canPointerText = true;
-                            break;
-                        }
-                    }
-                    if ("buttonMode" in target && target.buttonMode) {
-                        canPointer = true;
-                        break;
-                    }
-                    target = target._$parent;
-                }
-            }
-        }
-        else {
-            // (1) mouseOut
-            if (this._$mouseOverTarget) {
-                instance = this._$mouseOverTarget;
-                if (instance.willTrigger(Next2DMouseEvent.MOUSE_OUT)) {
-                    instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OUT, true, false));
-                }
-            }
-            // (2) rollOut
-            if (this._$rollOverObject) {
-                target = this._$rollOverObject;
-                // parent target
-                while (target && target.root !== target) {
-                    if (target.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                        target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                    }
-                    target = target._$parent;
-                }
-            }
-            // reset
-            this._$rollOverObject = null;
-            this._$mouseOverTarget = null;
-        }
-        // change cursor
-        switch (true) {
-            case canPointerText:
-                this._$canvas.style.cursor = "text";
-                break;
-            case canPointer:
-                this._$canvas.style.cursor = "pointer";
-                break;
-            case !$isTouch && this._$state === "up":
-                this._$canvas.style.cursor = "auto";
-                break;
-        }
-        if (this._$actions.length > 1) {
-            this._$doAction();
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$action() {
-        if (this._$stopFlag) {
-            return;
-        }
-        let loaders = null;
-        const length = this._$loaders.length;
-        if (length) {
-            // clone
-            loaders = this._$loaders.slice(0);
-            // array reset
-            this._$loaders.length = 0;
-            for (let idx = 0; idx < length; ++idx) {
-                const loader = loaders[idx];
-                // first action
-                if ("content" in loader) {
-                    loader.content._$prepareActions();
-                }
-            }
-        }
-        // next frame
-        this._$stage._$nextFrame();
-        // enter frame event
-        if (this._$broadcastEvents.has(Next2DEvent.ENTER_FRAME)) {
-            this._$dispatchEvent(new Next2DEvent(Next2DEvent.ENTER_FRAME));
-        }
-        // constructed event
-        if (this._$broadcastEvents.has(Next2DEvent.FRAME_CONSTRUCTED)) {
-            this._$dispatchEvent(new Next2DEvent(Next2DEvent.FRAME_CONSTRUCTED));
-        }
-        // execute frame action
-        this._$doAction();
-        // exit event
-        if (this._$broadcastEvents.has(Next2DEvent.EXIT_FRAME)) {
-            this._$dispatchEvent(new Next2DEvent(Next2DEvent.EXIT_FRAME));
-        }
-        // render event
-        if (this._$stage._$invalidate) {
-            // reset
-            this._$stage._$invalidate = false;
-            // execute render event
-            this._$dispatchEvent(new Next2DEvent(Next2DEvent.RENDER));
-        }
-        // loader events
-        if (loaders) {
-            for (let idx = 0; idx < loaders.length; ++idx) {
-                const loader = loaders[idx];
-                // init event
-                if (loader.hasEventListener(Next2DEvent.INIT)) {
-                    loader.dispatchEvent(new Next2DEvent(Next2DEvent.INIT));
-                }
-                // complete event
-                if (loader.hasEventListener(Next2DEvent.COMPLETE)) {
-                    loader.dispatchEvent(new Next2DEvent(Next2DEvent.COMPLETE));
-                }
-            }
-            // pool
-            $poolArray(loaders);
-        }
-        // execute frame action
-        this._$doAction();
-    }
-    /**
-     * @returns void
-     * @private
-     */
-    _$draw() {
-        if (!this._$width || !this._$height) {
-            return;
-        }
-        if (!this._$stage._$isUpdated()) {
-            return;
-        }
-        if ($rendererWorker) {
-            $rendererWorker.postMessage({
-                "command": "draw"
-            });
-        }
-        const context = this._$context;
-        if (!context) {
-            return;
-        }
-        // reset
-        context.reset();
-        context.setTransform(1, 0, 0, 1, 0, 0);
-        context.clearRect(0, 0, this._$width, this._$height);
-        context.beginPath();
-        this._$stage._$draw(context, this._$matrix, $COLOR_ARRAY_IDENTITY);
-        // stage end
-        this._$stage._$updated = false;
-        context.drawInstacedArray();
-        context
-            .frameBuffer
-            .transferToMainTexture();
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$doAction() {
-        while (this._$actions.length) {
-            this._$actionProcess = true;
-            // target object
-            const mc = this._$actions.pop();
-            if (!mc) {
-                continue;
-            }
-            mc._$canAction = false;
-            mc._$actionOffset = 0;
-            mc._$actionLimit = 0;
-            const frame = mc._$currentFrame;
-            if (!mc._$actions.has(frame)) {
-                continue;
-            }
-            const actions = mc._$actions.get(frame);
-            if (!actions) {
-                continue;
-            }
-            mc._$actionProcess = true;
-            for (let idx = 0; idx < actions.length; ++idx) {
-                $setCurrentLoaderInfo(mc._$loaderInfo);
-                actions[idx].apply(mc);
-            }
-            mc._$actionProcess = false;
-            // adjustment
-            if (mc._$frameCache.size) {
-                mc._$currentFrame = mc._$frameCache.get("nextFrame");
-                mc._$clearChildren();
-                mc._$stopFlag = mc._$frameCache.get("stopFlag");
-                mc._$isPlaying = mc._$frameCache.get("isPlaying");
-                mc._$frameCache.clear();
-            }
-        }
-        this._$actionProcess = false;
-        $setCurrentLoaderInfo(null);
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$hitTest() {
-        if (this._$stopFlag) {
-            return;
-        }
-        // setup
-        const event = $getEvent();
-        if (!event) {
-            return;
-        }
-        // update flags
-        this._$hitTestStart = true;
-        $doUpdated(false);
-        // params
-        let instance = null;
-        let target = null;
-        let x = $window.scrollX;
-        let y = $window.scrollY;
-        const div = $document
-            .getElementById(this.contentElementId);
-        if (div) {
-            const rect = div.getBoundingClientRect();
-            x += rect.left;
-            y += rect.top;
-        }
-        let pageX = 0;
-        let pageY = 0;
-        if ("changedTouches" in event) {
-            const changedTouche = event.changedTouches[0];
-            pageX = changedTouche.pageX;
-            pageY = changedTouche.pageY;
-        }
-        else if ("pageX" in event) {
-            pageX = event.pageX;
-            pageY = event.pageY;
-        }
-        // drop point
-        const stageX = (pageX - x) / this._$scale;
-        const stageY = (pageY - y) / this._$scale;
-        // update
-        this._$stageX = stageX;
-        this._$stageY = stageY;
-        // setup
-        this._$hitObject.x = stageX;
-        this._$hitObject.y = stageY;
-        this._$hitObject.pointer = "";
-        this._$hitObject.hit = null;
-        // reset
-        $hitContext.setTransform(1, 0, 0, 1, 0, 0);
-        $hitContext.beginPath();
-        // hit test
-        $MATRIX_HIT_ARRAY_IDENTITY[4] = this._$tx / this._$scale / $devicePixelRatio;
-        $MATRIX_HIT_ARRAY_IDENTITY[5] = this._$ty / this._$scale / $devicePixelRatio;
-        this._$stage._$mouseHit($hitContext, $MATRIX_HIT_ARRAY_IDENTITY, this._$hitObject, true);
-        // stop event
-        if (this._$hitObject.hit) {
-            event.preventDefault();
-        }
-        // change state
-        let canPointerText = false;
-        let staticPointer = false;
-        let canPointer = false;
-        const eventType = $getEventType();
-        switch (eventType) {
-            case $TOUCH_MOVE:
-            case $MOUSE_MOVE:
-                if ($dropTarget) {
-                    const point = $dropTarget._$dragMousePoint();
-                    let dragX = point.x;
-                    let dragY = point.y;
-                    if (!$dragRules.lock) {
-                        dragX += $dragRules.position.x;
-                        dragY += $dragRules.position.y;
-                    }
-                    const bounds = $dragRules.bounds;
-                    if (bounds) {
-                        dragX = $clamp(dragX, bounds.left, bounds.right);
-                        dragY = $clamp(dragY, bounds.top, bounds.bottom);
-                    }
-                    // set move xy
-                    $dropTarget.x = dragX;
-                    $dropTarget.y = dragY;
-                }
-                if (this._$clickTarget
-                    && "_$text" in this._$clickTarget
-                    && this._$clickTarget.scrollEnabled
-                    && this._$clickTarget.selectIndex === -1) {
-                    const deltaX = this._$deltaX - pageX;
-                    const deltaY = this._$deltaY - pageY;
-                    // @ts-ignore
-                    this._$clickTarget.scrollX += deltaX / (this._$clickTarget.textWidth / this._$clickTarget.width);
-                    // @ts-ignore
-                    this._$clickTarget.scrollY += deltaY / (this._$clickTarget.textHeight / this._$clickTarget.height);
-                }
-                this._$deltaX = pageX;
-                this._$deltaY = pageY;
-                break;
-            case $TOUCH_START:
-            case $MOUSE_DOWN:
-                this._$deltaX = pageX;
-                this._$deltaY = pageY;
-                this._$state = "down";
-                canPointer = this._$canvas.style.cursor === "pointer";
-                staticPointer = true;
-                break;
-            case $TOUCH_END:
-            case $MOUSE_UP:
-            case $DOUBLE_CLICK:
-                this._$deltaX = 0;
-                this._$deltaY = 0;
-                this._$state = "up";
-                break;
-        }
-        // execute
-        switch (true) {
-            case this._$hitObject.hit === null:
-            case eventType === $MOUSE_LEAVE:
-                // (1) mouseOut
-                if (this._$mouseOverTarget) {
-                    instance = this._$mouseOverTarget;
-                    if (instance.willTrigger(Next2DMouseEvent.MOUSE_OUT)) {
-                        instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OUT, true, false));
-                    }
-                }
-                // (2) rollOut
-                if (this._$rollOverObject) {
-                    target = this._$rollOverObject;
-                    // parent target
-                    while (target && target.root !== target) {
-                        if (target.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                            target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                        }
-                        target = target._$parent;
-                    }
-                }
-                // reset
-                this._$rollOverObject = null;
-                this._$mouseOverTarget = null;
-                // stage event
-                switch (eventType) {
-                    case $MOUSE_WHEEL:
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.MOUSE_WHEEL)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_WHEEL, true, false));
-                        }
-                        break;
-                    case $TOUCH_START:
-                    case $MOUSE_DOWN:
-                        if (this._$textField && "focus" in this._$textField) {
-                            this._$textField.focus = false;
-                            this._$textField = null;
-                        }
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.MOUSE_DOWN)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_DOWN, true, false));
-                        }
-                        break;
-                    case $TOUCH_END:
-                    case $MOUSE_UP:
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.CLICK)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.CLICK, true, false));
-                        }
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.MOUSE_UP)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_UP, true, false));
-                        }
-                        break;
-                    case $TOUCH_MOVE:
-                    case $MOUSE_MOVE:
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.MOUSE_MOVE)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_MOVE, true, false));
-                        }
-                        break;
-                    case $DOUBLE_CLICK:
-                        if (this._$stage.hasEventListener(Next2DMouseEvent.DOUBLE_CLICK)) {
-                            this._$stage.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.DOUBLE_CLICK, true, false));
-                        }
-                        break;
-                }
-                break;
-            default:
-                instance = this._$hitObject.hit;
-                switch (eventType) {
-                    // move event
-                    case $TOUCH_MOVE:
-                    case $MOUSE_MOVE:
-                        // (1) mouseMove
-                        if (instance.willTrigger(Next2DMouseEvent.MOUSE_MOVE)) {
-                            instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_MOVE, true, false));
-                        }
-                        // (2) mouseOut
-                        if (this._$mouseOverTarget
-                            && this._$mouseOverTarget !== instance) {
-                            const outInstance = this._$mouseOverTarget;
-                            if (outInstance.willTrigger(Next2DMouseEvent.MOUSE_OUT)) {
-                                outInstance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OUT, true, false));
-                            }
-                        }
-                        // rollOut and rollOver
-                        if (this._$rollOverObject !== instance) {
-                            let hitParent = null;
-                            if (this._$rollOverObject) {
-                                // (3) prev object rollOut
-                                target = this._$rollOverObject;
-                                if (target.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                                    target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                                }
-                                // rollOver flag instance
-                                hitParent = target._$parent;
-                                while (hitParent && hitParent._$root !== hitParent) {
-                                    if (hitParent === instance) {
-                                        break;
-                                    }
-                                    if (hitParent._$mouseEnabled
-                                        && hitParent._$outCheck(stageX, stageY)) {
-                                        let isUpperLayer = false;
-                                        let check = instance;
-                                        while (check && check._$root !== check) {
-                                            if (check !== hitParent) {
-                                                check = check._$parent;
-                                                continue;
-                                            }
-                                            isUpperLayer = true;
-                                            break;
-                                        }
-                                        if (!isUpperLayer && hitParent._$parent === instance._$parent
-                                            && hitParent._$index > instance._$index) {
-                                            isUpperLayer = true;
-                                        }
-                                        if (isUpperLayer) {
-                                            break;
-                                        }
-                                    }
-                                    if (hitParent.willTrigger(Next2DMouseEvent.ROLL_OUT)) {
-                                        hitParent.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OUT, false, false));
-                                    }
-                                    hitParent = hitParent._$parent;
-                                }
-                            }
-                            // (4) current object rollOver
-                            target = instance;
-                            for (;;) {
-                                if (target.willTrigger(Next2DMouseEvent.ROLL_OVER)) {
-                                    target.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.ROLL_OVER, false, false));
-                                }
-                                target = target._$parent;
-                                if (!target || target === hitParent
-                                    || target.stage === target) {
-                                    break;
-                                }
-                            }
-                        }
-                        this._$rollOverObject = instance;
-                        // (5) mouseOver
-                        switch (true) {
-                            case this._$mouseOverTarget === null:
-                            case this._$mouseOverTarget !== instance:
-                                if (instance.willTrigger(Next2DMouseEvent.MOUSE_OVER)) {
-                                    instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_OVER, true, false));
-                                }
-                                // set target
-                                this._$mouseOverTarget = instance;
-                                break;
-                        }
-                        // click reset
-                        if (this._$state === "up") {
-                            this._$clickTarget = null;
-                        }
-                        else {
-                            if (this._$textField) {
-                                this._$textField._$setIndex(stageX - $MATRIX_HIT_ARRAY_IDENTITY[4], stageY - $MATRIX_HIT_ARRAY_IDENTITY[5]);
-                            }
-                        }
-                        break;
-                    // down event
-                    case $TOUCH_START:
-                    case $MOUSE_DOWN:
-                        if (this._$textField
-                            && instance !== this._$textField) {
-                            this._$textField.focus = false;
-                            this._$textField = null;
-                        }
-                        // TextField focus out
-                        if ("_$text" in instance) {
-                            instance.focus = true;
-                            instance._$setIndex(stageX - $MATRIX_HIT_ARRAY_IDENTITY[4], stageY - $MATRIX_HIT_ARRAY_IDENTITY[5]);
-                            this._$textField = instance;
-                            // move text area element
-                            $textArea.style.left = `${pageX}px`;
-                            $textArea.style.top = `${pageY}px`;
-                        }
-                        // (3) mouseDown
-                        if (instance.willTrigger(Next2DMouseEvent.MOUSE_DOWN)) {
-                            instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_DOWN, true, false));
-                        }
-                        // (4) click
-                        this._$clickTarget = instance;
-                        break;
-                    // up event
-                    case $TOUCH_END:
-                    case $MOUSE_UP:
-                        // (1) mouseUp
-                        if (instance.willTrigger(Next2DMouseEvent.MOUSE_UP)) {
-                            instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_UP, true, false));
-                        }
-                        // (2) click
-                        if (this._$clickTarget === instance) {
-                            if (instance.willTrigger(Next2DMouseEvent.CLICK)) {
-                                instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.CLICK, true, false));
-                            }
-                        }
-                        // reset
-                        this._$clickTarget = null;
-                        break;
-                    case $MOUSE_WHEEL:
-                        if (instance.willTrigger(Next2DMouseEvent.MOUSE_WHEEL)) {
-                            instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.MOUSE_WHEEL));
-                        }
-                        if (instance.scrollEnabled) {
-                            if ("deltaX" in event) {
-                                // @ts-ignore
-                                instance.scrollX += event.deltaX / (instance.textWidth / instance.width);
-                            }
-                            if ("deltaY" in event) {
-                                // @ts-ignore
-                                instance.scrollY += event.deltaY / (instance.textHeight / instance.height);
-                            }
-                        }
-                        break;
-                    case $DOUBLE_CLICK:
-                        if (instance.willTrigger(Next2DMouseEvent.DOUBLE_CLICK)) {
-                            instance.dispatchEvent(new Next2DMouseEvent(Next2DMouseEvent.DOUBLE_CLICK));
-                        }
-                        break;
-                    default:
-                        break;
-                }
-                // PC
-                if (!staticPointer) {
-                    if (!$isTouch && this._$state === "up") {
-                        target = instance;
-                        while (target && target.root !== target) {
-                            if ("_$text" in target) {
-                                if (target.type === "input") {
-                                    canPointerText = true;
-                                    break;
-                                }
-                            }
-                            else {
-                                if (target._$buttonMode) {
-                                    canPointer = true;
-                                    break;
-                                }
-                            }
-                            target = target._$parent;
-                        }
-                    }
-                }
-                break;
-        }
-        // change cursor
-        switch (true) {
-            case canPointerText:
-                this._$canvas.style.cursor = "text";
-                break;
-            case canPointer:
-                this._$canvas.style.cursor = "pointer";
-                break;
-            case !$isTouch && this._$state === "up":
-                this._$canvas.style.cursor = "auto";
-                break;
-        }
-        // execute action
-        if (!this._$actionProcess && this._$actions.length > 1) {
-            this._$doAction();
-        }
-        if ($isUpdated()) {
-            // action script
-            this._$stage._$prepareActions();
-            if (!this._$actionProcess) {
-                this._$doAction();
-            }
-        }
-        this._$hitTestStart = false;
-    }
-}