@next2d/display 1.18.12 → 2.0.1

package/src/DisplayObjectContainer/service/DisplayObjectContainerAddedToStageService.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description ステージに追加された DisplayObjectContainer の子要素のADDED_TO_STAGEイベントを発行
+ *              Issue ADDED_TO_STAGE events for child elements of DisplayObjectContainer added to the stage
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer>(display_object_container: C) => void;

package/src/DisplayObjectContainer/service/DisplayObjectContainerAddedToStageService.js

@@ -0,0 +1,24 @@
+import { execute as displayObjectDispatchAddedToStageEventService } from "../../DisplayObject/service/DisplayObjectDispatchAddedToStageEventService";
+/**
+ * @description ステージに追加された DisplayObjectContainer の子要素のADDED_TO_STAGEイベントを発行
+ *              Issue ADDED_TO_STAGE events for child elements of DisplayObjectContainer added to the stage
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        displayObjectDispatchAddedToStageEventService(child);
+        if (!child.isContainerEnabled) {
+            continue;
+        }
+        execute(child);
+    }
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerAssignStageAndRootService.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainer の子要素に root と stage を設定
+ *              Set root and stage for child elements of DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer>(display_object_container: C) => void;

package/src/DisplayObjectContainer/service/DisplayObjectContainerAssignStageAndRootService.js

@@ -0,0 +1,26 @@
+import { $rootMap, $stageAssignedMap } from "../../DisplayObjectUtil";
+/**
+ * @description DisplayObjectContainer の子要素に root と stage を設定
+ *              Set root and stage for child elements of DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        // set root and stage
+        $rootMap.set(child, display_object_container.root);
+        $stageAssignedMap.add(child.instanceId);
+        if (!child.isContainerEnabled) {
+            continue;
+        }
+        execute(child);
+    }
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerContainsService.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainer とその子孫が指定の DisplayObject を含むかどうか
+ *              Whether DisplayObjectContainer and its descendants contain the specified DisplayObject
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {DisplayObject} display_object
+ * @return {boolean}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer, D extends DisplayObject>(display_object_container: C, display_object: D) => boolean;

package/src/DisplayObjectContainer/service/DisplayObjectContainerContainsService.js

@@ -0,0 +1,32 @@
+/**
+ * @description DisplayObjectContainer とその子孫が指定の DisplayObject を含むかどうか
+ *              Whether DisplayObjectContainer and its descendants contain the specified DisplayObject
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {DisplayObject} display_object
+ * @return {boolean}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container, display_object) => {
+    if (display_object_container.instanceId === display_object.instanceId) {
+        return true;
+    }
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        if (child.instanceId === display_object.instanceId) {
+            return true;
+        }
+        if (!child.isContainerEnabled) {
+            continue;
+        }
+        if (child.contains(display_object)) {
+            return true;
+        }
+    }
+    return false;
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerGetChildAtService.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainer の指定indexの子要素を取得
+ *              Get the child element of DisplayObjectContainer at the specified index
+ *
+ * @param {DisplayObjectContainer} display_object_container
+ * @param {number} index
+ * @return {DisplayObject | null}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer, D extends DisplayObject>(display_object_container: C, index: number) => D | null;

package/src/DisplayObjectContainer/service/DisplayObjectContainerGetChildAtService.js

@@ -0,0 +1,14 @@
+/**
+ * @description DisplayObjectContainer の指定indexの子要素を取得
+ *              Get the child element of DisplayObjectContainer at the specified index
+ *
+ * @param {DisplayObjectContainer} display_object_container
+ * @param {number} index
+ * @return {DisplayObject | null}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container, index) => {
+    const children = display_object_container.children;
+    return index in children ? children[index] : null;
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerGetChildByNameService.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description 指定した名前の子要素を取得します
+ *              Gets the child element with the specified name.
+ *
+ * @param {DisplayObjectContainer} display_object_container
+ * @param {string} name
+ * @return {DisplayObject | null}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer, D extends DisplayObject>(display_object_container: C, name: string) => D | null;

package/src/DisplayObjectContainer/service/DisplayObjectContainerGetChildByNameService.js

@@ -0,0 +1,24 @@
+/**
+ * @description 指定した名前の子要素を取得します
+ *              Gets the child element with the specified name.
+ *
+ * @param {DisplayObjectContainer} display_object_container
+ * @param {string} name
+ * @return {DisplayObject | null}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container, name) => {
+    if (!name) {
+        return null;
+    }
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child.name || child.name !== name) {
+            continue;
+        }
+        return child;
+    }
+    return null;
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerRemovedToStageService.d.ts

@@ -0,0 +1,12 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description ステージに追加された DisplayObjectContainer の子要素のREMOVED_FROM_STAGEイベントを発行
+ *              Issue REMOVED_FROM_STAGE events for child elements of DisplayObjectContainer added to the stage
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer, D extends DisplayObject>(display_object_container: C) => void;

package/src/DisplayObjectContainer/service/DisplayObjectContainerRemovedToStageService.js

@@ -0,0 +1,24 @@
+import { execute as displayObjectDispatchRemovedToStageEventService } from "../../DisplayObject/service/DisplayObjectDispatchRemovedToStageEventService";
+/**
+ * @description ステージに追加された DisplayObjectContainer の子要素のREMOVED_FROM_STAGEイベントを発行
+ *              Issue REMOVED_FROM_STAGE events for child elements of DisplayObjectContainer added to the stage
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        displayObjectDispatchRemovedToStageEventService(child);
+        if (!child.isContainerEnabled) {
+            continue;
+        }
+        execute(child);
+    }
+};

package/src/DisplayObjectContainer/service/DisplayObjectContainerUnAssignStageAndRootService.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainer の子要素に設定した root と stage を解除
+ *              Remove the root and stage set for the child elements of DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer>(display_object_container: C) => void;

package/src/DisplayObjectContainer/service/DisplayObjectContainerUnAssignStageAndRootService.js

@@ -0,0 +1,29 @@
+import { $rootMap, $stageAssignedMap } from "../../DisplayObjectUtil";
+/**
+ * @description DisplayObjectContainer の子要素に設定した root と stage を解除
+ *              Remove the root and stage set for the child elements of DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    const children = display_object_container.children;
+    for (let idx = 0; idx < children.length; ++idx) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        // set root and stage
+        $rootMap.delete(child);
+        $stageAssignedMap.delete(child.instanceId);
+        if (child.isVideo) {
+            child.pause();
+        }
+        if (!child.isContainerEnabled) {
+            continue;
+        }
+        execute(child);
+    }
+};

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerAddChildUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObject } from "../../DisplayObject";
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description 指定のDisplayObjectContainerに子要素を追加する
+ *              Add a child element to the specified DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {DisplayObject} display_object
+ * @return {DisplayObject}
+ * @method
+ * @public
+ */
+export declare const execute: <P extends DisplayObjectContainer, D extends DisplayObject>(display_object_container: P, display_object: D, index?: number) => D;

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerAddChildUseCase.js

@@ -0,0 +1,53 @@
+import { execute as displayObjectContainerAssignStageAndRootService } from "../service/DisplayObjectContainerAssignStageAndRootService";
+import { execute as displayObjectContainerAddedToStageService } from "../service/DisplayObjectContainerAddedToStageService";
+import { execute as displayObjectApplyChangesService } from "../../DisplayObject/service/DisplayObjectApplyChangesService";
+import { execute as displayObjectDispatchAddedEventService } from "../../DisplayObject/service/DisplayObjectDispatchAddedEventService";
+import { execute as displayObjectDispatchAddedToStageEventService } from "../../DisplayObject/service/DisplayObjectDispatchAddedToStageEventService";
+import { $rootMap, $stageAssignedMap } from "../../DisplayObjectUtil";
+/**
+ * @description 指定のDisplayObjectContainerに子要素を追加する
+ *              Add a child element to the specified DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {DisplayObject} display_object
+ * @return {DisplayObject}
+ * @method
+ * @public
+ */
+export const execute = (display_object_container, display_object, index = -1) => {
+    const parent = display_object.parent;
+    if (parent) {
+        parent.removeChild(display_object);
+    }
+    // added display object
+    const children = display_object_container.children;
+    if (0 > index) {
+        children.push(display_object);
+    }
+    else {
+        children.splice(index, 0, display_object);
+    }
+    // cache clear
+    display_object_container.$container = null;
+    // Set parent-child relationship
+    display_object.parent = display_object_container;
+    // 親が Stage に追加されている場合は、マップデータに情報を追加
+    if ($stageAssignedMap.has(display_object_container.instanceId)) {
+        $rootMap.set(display_object, display_object_container.root);
+        $stageAssignedMap.add(display_object.instanceId);
+        // If container functionality is available, set stage and root for small elements
+        if (display_object.isContainerEnabled) {
+            displayObjectContainerAssignStageAndRootService(display_object);
+        }
+    }
+    // Dispatch added event
+    displayObjectDispatchAddedEventService(display_object);
+    if ($stageAssignedMap.has(display_object_container.instanceId)) {
+        displayObjectDispatchAddedToStageEventService(display_object);
+        if (display_object.isContainerEnabled) {
+            displayObjectContainerAddedToStageService(display_object);
+        }
+    }
+    displayObjectApplyChangesService(display_object);
+    return display_object;
+};

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerAdvanceFrameUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainer 内のMovieClipのフレームを1フレーム進める
+ *              Advance the frame of the MovieClip in the DisplayObjectContainer by 1 frame
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer>(display_object_container: C) => void;

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerAdvanceFrameUseCase.js

@@ -0,0 +1,39 @@
+import { execute as movieClipAdvanceFrameUseCase } from "../../MovieClip/usecase/MovieClipAdvanceFrameUseCase";
+/**
+ * @description DisplayObjectContainer 内のMovieClipのフレームを1フレーム進める
+ *              Advance the frame of the MovieClip in the DisplayObjectContainer by 1 frame
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    const container = display_object_container.$container;
+    if (container) {
+        for (let idx = 0; container.length > idx; ++idx) {
+            const child = container[idx];
+            if (child.isTimelineEnabled) {
+                movieClipAdvanceFrameUseCase(child);
+            }
+            execute(child);
+        }
+    }
+    else {
+        const caches = [];
+        const children = display_object_container.children;
+        for (let idx = 0; children.length > idx; ++idx) {
+            const child = children[idx];
+            if (!child.isContainerEnabled) {
+                continue;
+            }
+            if (child.isTimelineEnabled) {
+                movieClipAdvanceFrameUseCase(child);
+            }
+            execute(child);
+            caches.push(child);
+        }
+        // cache
+        display_object_container.$container = caches;
+    }
+};

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerCalcBoundsMatrixUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description DisplayObjectContainerのバウンディングボックスを計算
+ *              Calculate the bounding box of the DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export declare const execute: <C extends DisplayObjectContainer>(display_object_container: C, matrix?: Float32Array | null) => Float32Array;

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerCalcBoundsMatrixUseCase.js

@@ -0,0 +1,62 @@
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectGetRawMatrixUseCase } from "../../DisplayObject/usecase/DisplayObjectGetRawMatrixUseCase";
+import { execute as shapeCalcBoundsMatrixUseCase } from "../../Shape/usecase/ShapeCalcBoundsMatrixUseCase";
+import { execute as videoCalcBoundsMatrixUseCase } from "../../Video/usecase/VideoCalcBoundsMatrixUseCase";
+import { execute as textFieldCalcBoundsMatrixUseCase } from "../../TextField/usecase/TextFieldCalcBoundsMatrixUseCase";
+import { $getBoundsArray, $poolBoundsArray } from "../../DisplayObjectUtil";
+/**
+ * @description DisplayObjectContainerのバウンディングボックスを計算
+ *              Calculate the bounding box of the DisplayObjectContainer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container, matrix = null) => {
+    const children = display_object_container.children;
+    if (!children.length) {
+        return $getBoundsArray(0, 0, 0, 0);
+    }
+    const rawMatrix = displayObjectGetRawMatrixUseCase(display_object_container);
+    const tMatrix = rawMatrix
+        ? matrix
+            ? Matrix.multiply(matrix, rawMatrix)
+            : rawMatrix
+        : matrix;
+    const no = Number.MAX_VALUE;
+    let xMin = no;
+    let xMax = -no;
+    let yMin = no;
+    let yMax = -no;
+    for (let idx = 0; idx < children.length; idx++) {
+        const child = children[idx];
+        if (!child.visible) {
+            continue;
+        }
+        let bounds = null;
+        switch (true) {
+            case child.isContainerEnabled:
+                bounds = execute(child, tMatrix);
+                break;
+            case child.isShape:
+                bounds = shapeCalcBoundsMatrixUseCase(child, tMatrix);
+                break;
+            case child.isText:
+                bounds = textFieldCalcBoundsMatrixUseCase(child, tMatrix);
+                break;
+            case child.isVideo:
+                bounds = videoCalcBoundsMatrixUseCase(child, tMatrix);
+                break;
+        }
+        if (!bounds) {
+            continue;
+        }
+        xMin = Math.min(xMin, bounds[0]);
+        yMin = Math.min(yMin, bounds[1]);
+        xMax = Math.max(xMax, bounds[2]);
+        yMax = Math.max(yMax, bounds[3]);
+        $poolBoundsArray(bounds);
+    }
+    return $getBoundsArray(xMin, yMin, xMax, yMax);
+};

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerGenerateClipQueueUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description renderer workerに渡すDisplayObjectContainerのマスク描画データを生成
+ *              Generate mask drawing data of DisplayObjectContainer to pass to renderer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {number[]} render_queue
+ * @param  {Float32Array} matrix
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <P extends DisplayObjectContainer>(display_object_container: P, matrix: Float32Array) => void;

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerGenerateClipQueueUseCase.js

@@ -0,0 +1,49 @@
+import { Matrix } from "@next2d/geom";
+import { renderQueue } from "@next2d/render-queue";
+import { $RENDERER_CONTAINER_TYPE } from "../../DisplayObjectUtil";
+import { execute as displayObjectGetRawMatrixUseCase } from "../../DisplayObject/usecase/DisplayObjectGetRawMatrixUseCase";
+import { execute as shapeGenerateClipQueueUseCase } from "../../Shape/usecase/ShapeGenerateClipQueueUseCase";
+/**
+ * @description renderer workerに渡すDisplayObjectContainerのマスク描画データを生成
+ *              Generate mask drawing data of DisplayObjectContainer to pass to renderer
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {number[]} render_queue
+ * @param  {Float32Array} matrix
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container, matrix) => {
+    // transformed matrix(tMatrix)
+    const rawMatrix = displayObjectGetRawMatrixUseCase(display_object_container);
+    const tMatrix = rawMatrix
+        ? Matrix.multiply(matrix, rawMatrix)
+        : matrix;
+    const children = display_object_container.children;
+    renderQueue.push($RENDERER_CONTAINER_TYPE, children.length);
+    for (let idx = 0; idx < children.length; idx++) {
+        const child = children[idx];
+        if (!child) {
+            continue;
+        }
+        // mask instance
+        if (child.isMask) {
+            continue;
+        }
+        switch (true) {
+            case child.isContainerEnabled:
+                execute(child, tMatrix);
+                break;
+            case child.isShape:
+                shapeGenerateClipQueueUseCase(child, tMatrix);
+                break;
+            // text, videoはマスク対象外
+            default:
+                break;
+        }
+    }
+    if (tMatrix !== matrix) {
+        Matrix.release(tMatrix);
+    }
+};

package/src/DisplayObjectContainer/usecase/DisplayObjectContainerGenerateRenderQueueUseCase.d.ts

@@ -0,0 +1,18 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description renderer workerに渡すコンテナの描画データを生成
+ *              Generate rendering data of the container to be passed to the renderer worker
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @param  {ImageBitmap[]} image_bitmaps
+ * @param  {Float32Array} matrix
+ * @param  {Float32Array} color_transform
+ * @param  {number} renderer_width
+ * @param  {number} renderer_height
+ * @param  {number} point_x
+ * @param  {number} point_y
+ * @return {void}
+ * @method
+ * @private
+ */
+export declare const execute: <P extends DisplayObjectContainer>(display_object_container: P, image_bitmaps: ImageBitmap[], matrix: Float32Array, color_transform: Float32Array, renderer_width: number, renderer_height: number, point_x: number, point_y: number) => void;