Variable libPresetMotionsConst

Type Declaration

• ~move-to: {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<(...)>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

  The element is moved with respect to another element.

  • defaultConfig: {}

  • howOftenBuildGenerators: "on-every-play"

  • immutableConfig: { composite: "accumulate" }

  • buildFrameGenerators: function

    • buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<(...)>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      }

      Parameters

      • this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...)
                                | (...);
                                howOftenBuildGenerators?: (...) | (...) | (...);
                                immutableConfig?: (...) | (...);
                                buildFrameGenerators(
                                    this: Readonly<(...)>,
                                    ...effectOptions: (...)[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...)
                                | (...);
                                howOftenBuildGenerators?: (...) | (...) | (...);
                                immutableConfig?: (...) | (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: (...)[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >
      • targetElem: Element | null | undefined

        The element to which our element should move.

      • translationOptions: Partial<MoveToOptions> = {}

        An options object defining the behavior of the motion.

      Returns {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      }

• ~translate: {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<(...)>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

  The element moves based on the specified translation options.

  • defaultConfig: { composite: "accumulate" }

  • howOftenBuildGenerators: "on-first-play-only"

  • immutableConfig: {}

  • buildFrameGenerators: function

    • buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<(...)>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: (...)
                                  | (...);
                                  howOftenBuildGenerators?: (...) | (...) | (...);
                                  immutableConfig?: (...) | (...);
                                  buildFrameGenerators(
                                      this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                      ...effectOptions: (...)[],
                                  ): EffectFrameGeneratorSet;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      }

      Parameters

      • this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...)
                                | (...);
                                howOftenBuildGenerators?: (...) | (...) | (...);
                                immutableConfig?: (...) | (...);
                                buildFrameGenerators(
                                    this: Readonly<(...)>,
                                    ...effectOptions: (...)[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...)
                                | (...);
                                howOftenBuildGenerators?: (...) | (...) | (...);
                                immutableConfig?: (...) | (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: (...)[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >
      • translationOptions: Partial<TranslateOptions> = {}

        An options object defining the behavior of the motion.

      Returns {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      }

• ~move-to: {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• ~translate: {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• ~move-to: {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• ~translate: {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• ~move-to: {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: {};
      howOftenBuildGenerators: "on-every-play";
      immutableConfig: { composite: "accumulate" };
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          targetElem: Element | null | undefined,
          translationOptions?: Partial<MoveToOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• ~translate: {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  } & {
      defaultConfig: { composite: "accumulate" };
      howOftenBuildGenerators: "on-first-play-only";
      immutableConfig: {};
      buildFrameGenerators(
          this: Readonly<
              Pick<
                  MotionClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                  >,
                  "domElem"
                  | "getEffectDetails"
                  | "getStatus"
                  | "getStyles"
                  | "getTiming",
              >,
          > & Readonly<
              Pick<
                  AnimClip<
                      Readonly<
                          StripDuplicateMethodAutocompletion<
                              {
                                  defaultConfig?: ...;
                                  howOftenBuildGenerators?: ...;
                                  immutableConfig?: ...;
                                  buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                              },
                          >,
                      >,
                      AnimClipConfig,
                  >,
                  "computeTween",
              >,
          >,
          translationOptions?: Partial<TranslateOptions>,
      ): {
          keyframesGenerator_play: () => { translate: string }[];
          keyframesGenerator_rewind: () => { translate: string }[];
      };
  }

• __EFFECT_CATEGORY=MOTION: never