Method setTranslation

src/utils/transition.ts:42–232

Starts a transition. * * Note: The translation animator takes full control over the parenting of the actors until the animation is complete. * When calling this function the actors may be parented in arbitrary ways, they will be reparented to the proper state.

(
        // Entering by translation actors
        enteringActors: Clutter.Actor[],
        // global actors list
        globalContext: Clutter.Actor[],
        direction: number
    )

     * When calling this function the actors may be parented in arbitrary ways, they will be reparented to the proper state.
     */
    setTranslation(
        // Entering by translation actors
        enteringActors: Clutter.Actor[],
        // global actors list
        globalContext: Clutter.Actor[],
        direction: number
    ): void {
        let translationY = this.container.translation_y;
        let translationX = this.container.translation_x;

        // Determine visible area
        const visibleArea = {
            x1: Math.abs(translationX),
            x2: Math.abs(translationX) + this.container.allocation.get_width(),
            y1: Math.abs(translationY),
            y2: Math.abs(translationY) + this.container.allocation.get_height(),
        };

        /**
         * If Animation is already in progress we want to remove all actor that are not currently visible on the screen in order to reduce the distance needed to reach the final entering actors
         */
        if (this.animationInProgress) {
            this.container.remove_all_transitions();
            this.animationInProgress = false;

            // Foreach this.displayed child check if it's in visible bound and hide every one that are outisde and update the current translation accordingly in order to prevent any visible jump
            this.container
                .get_children()
                .filter((actor) => actor.visible)
                .forEach((actor) => {
                    const allocationBox = this.getTransformedBox(actor);
                    if (this.vertical) {
                        if (allocationBox.y2 < visibleArea.y1) {
                            actor.hide();
                            translationY += InfinityTo0(
                                allocationBox.get_height()
                            );
                        }
                        if (allocationBox.y1 > visibleArea.y2) {
                            actor.hide();
                        }
                    } else {
                        if (allocationBox.x2 < visibleArea.x1) {
                            actor.hide();
                            translationX += InfinityTo0(
                                allocationBox.get_width()
                            );
                        }
                        if (allocationBox.x1 > visibleArea.x2) {
                            actor.hide();
                        }
                    }
                });
        }

        /**
         * For each entering actors we want to be sure that:
         * 1- their are the child of the container and visible