Interface WebchalkPresetExitEffects

Typings for the preset exit animation effects that come with the library's exit effect bank.

interface WebchalkPresetExitEffects {
    "~disappear": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {};
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {};
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {};
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {};
    };
    "~fade-out": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                { opacity?: undefined }
                | { opacity: string }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                { opacity?: undefined }
                | { opacity: string }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                { opacity?: undefined }
                | { opacity: string }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                { opacity?: undefined }
                | { opacity: string }
            )[];
        };
    };
    "~fly-out": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?:
                | "to-left"
                | "to-top"
                | "to-bottom"
                | "to-right"
                | "to-top-left"
                | "to-top-right"
                | "to-bottom-left"
                | "to-bottom-right",
        ): { keyframesGenerator_play: () => { translate: string }[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?:
                | "to-left"
                | "to-top"
                | "to-bottom"
                | "to-right"
                | "to-top-left"
                | "to-top-right"
                | "to-bottom-left"
                | "to-bottom-right",
        ): { keyframesGenerator_play: () => { translate: string }[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?:
                | "to-left"
                | "to-top"
                | "to-bottom"
                | "to-right"
                | "to-top-left"
                | "to-top-right"
                | "to-bottom-left"
                | "to-bottom-right",
        ): { keyframesGenerator_play: () => { translate: string }[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?:
                | "to-left"
                | "to-top"
                | "to-bottom"
                | "to-right"
                | "to-top-left"
                | "to-top-right"
                | "to-bottom-left"
                | "to-bottom-right",
        ): { keyframesGenerator_play: () => { translate: string }[] };
    };
    "~pinwheel": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            numSpins?: number,
            direction?: "clockwise" | "counterclockwise",
        ): {
            keyframesGenerator_play: () => (
                | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                | { opacity: number; rotate: string; scale: number }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            numSpins?: number,
            direction?: "clockwise" | "counterclockwise",
        ): {
            keyframesGenerator_play: () => (
                | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                | { opacity: number; rotate: string; scale: number }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            numSpins?: number,
            direction?: "clockwise" | "counterclockwise",
        ): {
            keyframesGenerator_play: () => (
                | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                | { opacity: number; rotate: string; scale: number }
            )[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            numSpins?: number,
            direction?: "clockwise" | "counterclockwise",
        ): {
            keyframesGenerator_play: () => (
                | { opacity?: undefined; rotate?: undefined; scale?: undefined }
                | { opacity: number; rotate: string; scale: number }
            )[];
        };
    };
    "~sink-down": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                | {
                    composite: "replace";
                    easing?: undefined;
                    offset?: undefined;
                    opacity: number;
                    translate?: undefined;
                }
                | {
                    composite?: undefined;
                    easing: string;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset?: undefined;
                    opacity?: undefined;
                    translate: string;
                }
            )[];
            reverseKeyframesEffect: true;
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                | {
                    composite: "replace";
                    easing?: undefined;
                    offset?: undefined;
                    opacity: number;
                    translate?: undefined;
                }
                | {
                    composite?: undefined;
                    easing: string;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset?: undefined;
                    opacity?: undefined;
                    translate: string;
                }
            )[];
            reverseKeyframesEffect: true;
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                | {
                    composite: "replace";
                    easing?: undefined;
                    offset?: undefined;
                    opacity: number;
                    translate?: undefined;
                }
                | {
                    composite?: undefined;
                    easing: string;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset?: undefined;
                    opacity?: undefined;
                    translate: string;
                }
            )[];
            reverseKeyframesEffect: true;
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
        ): {
            keyframesGenerator_play: () => (
                | {
                    composite: "replace";
                    easing?: undefined;
                    offset?: undefined;
                    opacity: number;
                    translate?: undefined;
                }
                | {
                    composite?: undefined;
                    easing: string;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset: number;
                    opacity?: undefined;
                    translate: string;
                }
                | {
                    composite?: undefined;
                    easing?: undefined;
                    offset?: undefined;
                    opacity?: undefined;
                    translate: string;
                }
            )[];
            reverseKeyframesEffect: true;
        };
    };
    "~slide-out": {
        defaultConfig: { duration: 100 };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
        ): {
            keyframesGenerator_play: () => (
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom: string;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight: string;
                    translate: string;
                }
                | { clipPath: string }
            )[];
        };
    } & {
        defaultConfig: { duration: 100 };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
        ): {
            keyframesGenerator_play: () => (
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom: string;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight: string;
                    translate: string;
                }
                | { clipPath: string }
            )[];
        };
    } & {
        defaultConfig: { duration: 100 };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
        ): {
            keyframesGenerator_play: () => (
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom: string;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight: string;
                    translate: string;
                }
                | { clipPath: string }
            )[];
        };
    } & {
        defaultConfig: { duration: 100 };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
        ): {
            keyframesGenerator_play: () => (
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom: string;
                    marginRight?: undefined;
                    translate: string;
                }
                | {
                    clipPath: string;
                    marginBottom?: undefined;
                    marginRight: string;
                    translate: string;
                }
                | { clipPath: string }
            )[];
        };
    };
    "~wipe": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
        ): { keyframesGenerator_play: () => Keyframe[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
        ): { keyframesGenerator_play: () => Keyframe[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
        ): { keyframesGenerator_play: () => Keyframe[] };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: { composite: "replace" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    ExitClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    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: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
        ): { keyframesGenerator_play: () => Keyframe[] };
    };
}

Index

Properties

~disappear ~fade-out ~fly-out ~pinwheel ~sink-down ~slide-out ~wipe

Properties

~disappear

"~disappear": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {};
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {};
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {};
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace"; duration: 0; easing: "linear" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {};
} = ...

The element disappears instantaneously.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {}
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {}
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:311

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {}
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {}
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:311

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {}
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {}
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:311

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {}
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {}
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:311

~fade-out

"~fade-out": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            { opacity?: undefined }
            | { opacity: string }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            { opacity?: undefined }
            | { opacity: string }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            { opacity?: undefined }
            | { opacity: string }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            { opacity?: undefined }
            | { opacity: string }
        )[];
    };
} = ...

The element fades out to 0 opacity.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:329

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:329

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:329

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          { opacity?: undefined }
          | { opacity: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:329

~fly-out

"~fly-out": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?:
            | "to-left"
            | "to-top"
            | "to-bottom"
            | "to-right"
            | "to-top-left"
            | "to-top-right"
            | "to-bottom-left"
            | "to-bottom-right",
    ): { keyframesGenerator_play: () => { translate: string }[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?:
            | "to-left"
            | "to-top"
            | "to-bottom"
            | "to-right"
            | "to-top-left"
            | "to-top-right"
            | "to-bottom-left"
            | "to-bottom-right",
    ): { keyframesGenerator_play: () => { translate: string }[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?:
            | "to-left"
            | "to-top"
            | "to-bottom"
            | "to-right"
            | "to-top-left"
            | "to-top-right"
            | "to-bottom-left"
            | "to-bottom-right",
    ): { keyframesGenerator_play: () => { translate: string }[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?:
            | "to-left"
            | "to-top"
            | "to-bottom"
            | "to-right"
            | "to-top-left"
            | "to-top-right"
            | "to-bottom-left"
            | "to-bottom-right",
    ): { keyframesGenerator_play: () => { translate: string }[] };
} = ...

The element flies offscreen towards the specified direction.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?:
          | "to-left"
          | "to-top"
          | "to-bottom"
          | "to-right"
          | "to-top-left"
          | "to-top-right"
          | "to-bottom-left"
          | "to-bottom-right",
  ): { keyframesGenerator_play: () => { translate: string }[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction:
        | "to-left"
        | "to-top"
        | "to-bottom"
        | "to-right"
        | "to-top-left"
        | "to-top-right"
        | "to-bottom-left"
        | "to-bottom-right" = 'to-bottom'
    The direction to which the element should exit.
  Returns { keyframesGenerator_play: () => { translate: string }[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:348

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?:
          | "to-left"
          | "to-top"
          | "to-bottom"
          | "to-right"
          | "to-top-left"
          | "to-top-right"
          | "to-bottom-left"
          | "to-bottom-right",
  ): { keyframesGenerator_play: () => { translate: string }[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction:
        | "to-left"
        | "to-top"
        | "to-bottom"
        | "to-right"
        | "to-top-left"
        | "to-top-right"
        | "to-bottom-left"
        | "to-bottom-right" = 'to-bottom'
    The direction to which the element should exit.
  Returns { keyframesGenerator_play: () => { translate: string }[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:348

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?:
          | "to-left"
          | "to-top"
          | "to-bottom"
          | "to-right"
          | "to-top-left"
          | "to-top-right"
          | "to-bottom-left"
          | "to-bottom-right",
  ): { keyframesGenerator_play: () => { translate: string }[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction:
        | "to-left"
        | "to-top"
        | "to-bottom"
        | "to-right"
        | "to-top-left"
        | "to-top-right"
        | "to-bottom-left"
        | "to-bottom-right" = 'to-bottom'
    The direction to which the element should exit.
  Returns { keyframesGenerator_play: () => { translate: string }[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:348

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?:
          | "to-left"
          | "to-top"
          | "to-bottom"
          | "to-right"
          | "to-top-left"
          | "to-top-right"
          | "to-bottom-left"
          | "to-bottom-right",
  ): { keyframesGenerator_play: () => { translate: string }[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction:
        | "to-left"
        | "to-top"
        | "to-bottom"
        | "to-right"
        | "to-top-left"
        | "to-top-right"
        | "to-bottom-left"
        | "to-bottom-right" = 'to-bottom'
    The direction to which the element should exit.
  Returns { keyframesGenerator_play: () => { translate: string }[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:348

~pinwheel

"~pinwheel": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        numSpins?: number,
        direction?: "clockwise" | "counterclockwise",
    ): {
        keyframesGenerator_play: () => (
            | { opacity?: undefined; rotate?: undefined; scale?: undefined }
            | { opacity: number; rotate: string; scale: number }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        numSpins?: number,
        direction?: "clockwise" | "counterclockwise",
    ): {
        keyframesGenerator_play: () => (
            | { opacity?: undefined; rotate?: undefined; scale?: undefined }
            | { opacity: number; rotate: string; scale: number }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        numSpins?: number,
        direction?: "clockwise" | "counterclockwise",
    ): {
        keyframesGenerator_play: () => (
            | { opacity?: undefined; rotate?: undefined; scale?: undefined }
            | { opacity: number; rotate: string; scale: number }
        )[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        numSpins?: number,
        direction?: "clockwise" | "counterclockwise",
    ): {
        keyframesGenerator_play: () => (
            | { opacity?: undefined; rotate?: undefined; scale?: undefined }
            | { opacity: number; rotate: string; scale: number }
        )[];
    };
} = ...

The element spins and shrinks while fading out.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      numSpins?: number,
      direction?: "clockwise" | "counterclockwise",
  ): {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - numSpins: number = 2
    The number of times the element will spin.
  - direction: "clockwise" | "counterclockwise" = 'clockwise'
    The direction of the spin.
  Returns {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:393

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      numSpins?: number,
      direction?: "clockwise" | "counterclockwise",
  ): {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - numSpins: number = 2
    The number of times the element will spin.
  - direction: "clockwise" | "counterclockwise" = 'clockwise'
    The direction of the spin.
  Returns {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:393

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      numSpins?: number,
      direction?: "clockwise" | "counterclockwise",
  ): {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - numSpins: number = 2
    The number of times the element will spin.
  - direction: "clockwise" | "counterclockwise" = 'clockwise'
    The direction of the spin.
  Returns {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:393

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      numSpins?: number,
      direction?: "clockwise" | "counterclockwise",
  ): {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - numSpins: number = 2
    The number of times the element will spin.
  - direction: "clockwise" | "counterclockwise" = 'clockwise'
    The direction of the spin.
  Returns {
      keyframesGenerator_play: () => (
          | { opacity?: undefined; rotate?: undefined; scale?: undefined }
          | { opacity: number; rotate: string; scale: number }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:393

~sink-down

"~sink-down": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            | {
                composite: "replace";
                easing?: undefined;
                offset?: undefined;
                opacity: number;
                translate?: undefined;
            }
            | {
                composite?: undefined;
                easing: string;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset?: undefined;
                opacity?: undefined;
                translate: string;
            }
        )[];
        reverseKeyframesEffect: true;
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            | {
                composite: "replace";
                easing?: undefined;
                offset?: undefined;
                opacity: number;
                translate?: undefined;
            }
            | {
                composite?: undefined;
                easing: string;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset?: undefined;
                opacity?: undefined;
                translate: string;
            }
        )[];
        reverseKeyframesEffect: true;
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            | {
                composite: "replace";
                easing?: undefined;
                offset?: undefined;
                opacity: number;
                translate?: undefined;
            }
            | {
                composite?: undefined;
                easing: string;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset?: undefined;
                opacity?: undefined;
                translate: string;
            }
        )[];
        reverseKeyframesEffect: true;
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
    ): {
        keyframesGenerator_play: () => (
            | {
                composite: "replace";
                easing?: undefined;
                offset?: undefined;
                opacity: number;
                translate?: undefined;
            }
            | {
                composite?: undefined;
                easing: string;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset: number;
                opacity?: undefined;
                translate: string;
            }
            | {
                composite?: undefined;
                easing?: undefined;
                offset?: undefined;
                opacity?: undefined;
                translate: string;
            }
        )[];
        reverseKeyframesEffect: true;
    };
} = ...

The element floats up slightly and then accelerates to the bottom of the screen.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:418

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:418

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:418

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
  ): {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  Returns {
      keyframesGenerator_play: () => (
          | {
              composite: "replace";
              easing?: undefined;
              offset?: undefined;
              opacity: number;
              translate?: undefined;
          }
          | {
              composite?: undefined;
              easing: string;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset: number;
              opacity?: undefined;
              translate: string;
          }
          | {
              composite?: undefined;
              easing?: undefined;
              offset?: undefined;
              opacity?: undefined;
              translate: string;
          }
      )[];
      reverseKeyframesEffect: true;
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:418

~slide-out

"~slide-out": {
    defaultConfig: { duration: 100 };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
    ): {
        keyframesGenerator_play: () => (
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom: string;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight: string;
                translate: string;
            }
            | { clipPath: string }
        )[];
    };
} & {
    defaultConfig: { duration: 100 };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
    ): {
        keyframesGenerator_play: () => (
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom: string;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight: string;
                translate: string;
            }
            | { clipPath: string }
        )[];
    };
} & {
    defaultConfig: { duration: 100 };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
    ): {
        keyframesGenerator_play: () => (
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom: string;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight: string;
                translate: string;
            }
            | { clipPath: string }
        )[];
    };
} & {
    defaultConfig: { duration: 100 };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
    ): {
        keyframesGenerator_play: () => (
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom: string;
                marginRight?: undefined;
                translate: string;
            }
            | {
                clipPath: string;
                marginBottom?: undefined;
                marginRight: string;
                translate: string;
            }
            | { clipPath: string }
        )[];
    };
} = ...

The element slides out to the specified direction while also wiping. Particularly effective if the element is adjacent to a different element, making it look as if it is sliding into that element like a dropdown collapsing.

Type Declaration

defaultConfig: { duration: 100 }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
  ): {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "to-left" | "to-top" | "to-bottom" | "to-right" = 'to-top'
    The direction to which to slide.
  Returns {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:495

defaultConfig: { duration: 100 }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
  ): {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "to-left" | "to-top" | "to-bottom" | "to-right" = 'to-top'
    The direction to which to slide.
  Returns {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:495

defaultConfig: { duration: 100 }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
  ): {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "to-left" | "to-top" | "to-bottom" | "to-right" = 'to-top'
    The direction to which to slide.
  Returns {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:495

defaultConfig: { duration: 100 }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "to-left" | "to-top" | "to-bottom" | "to-right",
  ): {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "to-left" | "to-top" | "to-bottom" | "to-right" = 'to-top'
    The direction to which to slide.
  Returns {
      keyframesGenerator_play: () => (
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom: string;
              marginRight?: undefined;
              translate: string;
          }
          | {
              clipPath: string;
              marginBottom?: undefined;
              marginRight: string;
              translate: string;
          }
          | { clipPath: string }
      )[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:495

~wipe

"~wipe": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
    ): { keyframesGenerator_play: () => Keyframe[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
    ): { keyframesGenerator_play: () => Keyframe[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
    ): { keyframesGenerator_play: () => Keyframe[] };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: { composite: "replace" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                ExitClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                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: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
    ): { keyframesGenerator_play: () => Keyframe[] };
} = ...

The element is wiped off, starting from the specified direction.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
  ): { keyframesGenerator_play: () => Keyframe[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "from-left" | "from-top" | "from-bottom" | "from-right" = 'from-bottom'
  Returns { keyframesGenerator_play: () => Keyframe[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:453

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
  ): { keyframesGenerator_play: () => Keyframe[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "from-left" | "from-top" | "from-bottom" | "from-right" = 'from-bottom'
  Returns { keyframesGenerator_play: () => Keyframe[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:453

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
  ): { keyframesGenerator_play: () => Keyframe[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "from-left" | "from-top" | "from-bottom" | "from-right" = 'from-bottom'
  Returns { keyframesGenerator_play: () => Keyframe[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:453

defaultConfig: {}
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: { composite: "replace" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              ExitClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              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: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      direction?: "from-left" | "from-top" | "from-bottom" | "from-right",
  ): { keyframesGenerator_play: () => Keyframe[] }
  Parameters
  - this: Readonly<
        Pick<
            ExitClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            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: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - direction: "from-left" | "from-top" | "from-bottom" | "from-right" = 'from-bottom'
  Returns { keyframesGenerator_play: () => Keyframe[] }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:453

Interface WebchalkPresetExitEffects

Index

Properties

Properties

~disappear

Type Declaration

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }

buildFrameGenerators: function

Parameters

Returns {}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }

buildFrameGenerators: function

Parameters

Returns {}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }

buildFrameGenerators: function

Parameters

Returns {}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace"; duration: 0; easing: "linear" }

buildFrameGenerators: function

Parameters

Returns {}

~fade-out

Type Declaration

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => ( { opacity?: undefined } | { opacity: string } )[];}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => ( { opacity?: undefined } | { opacity: string } )[];}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => ( { opacity?: undefined } | { opacity: string } )[];}

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "replace" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => ( { opacity?: undefined } | { opacity: string } )[];}

~fly-out

Type Declaration

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

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

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

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

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

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

defaultConfig: {}

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Returns {
keyframesGenerator_play: () => (
{ opacity?: undefined }
| { opacity: string }
)[];
}

Returns {
keyframesGenerator_play: () => (
{ opacity?: undefined }
| { opacity: string }
)[];
}

Returns {
keyframesGenerator_play: () => (
{ opacity?: undefined }
| { opacity: string }
)[];
}

Returns {
keyframesGenerator_play: () => (
{ opacity?: undefined }
| { opacity: string }
)[];
}

Returns {
keyframesGenerator_play: () => (
| { opacity?: undefined; rotate?: undefined; scale?: undefined }
| { opacity: number; rotate: string; scale: number }
)[];
}

Returns {
keyframesGenerator_play: () => (
| { opacity?: undefined; rotate?: undefined; scale?: undefined }
| { opacity: number; rotate: string; scale: number }
)[];
}

Returns {
keyframesGenerator_play: () => (
| { opacity?: undefined; rotate?: undefined; scale?: undefined }
| { opacity: number; rotate: string; scale: number }
)[];
}

Returns {
keyframesGenerator_play: () => (
| { opacity?: undefined; rotate?: undefined; scale?: undefined }
| { opacity: number; rotate: string; scale: number }
)[];
}