webchalk-animate - v0.31.0
    Preparing search index...

    Variable libPresetEmphasesConst

    libPresetEmphases: {
        "~highlight": {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        };
        "~un-highlight": {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<(...)>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: (...)
                                        | (...);
                                        howOftenBuildGenerators?: (...) | (...) | (...);
                                        immutableConfig?: (...) | (...);
                                        buildFrameGenerators(
                                            this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                            ...effectOptions: (...)[],
                                        ): EffectFrameGeneratorSet;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        };
    } & {
        "~highlight": {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        } & {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        };
        "~un-highlight": {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        } & {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        };
    } & {
        "~highlight": {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        } & {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        };
        "~un-highlight": {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        } & {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        };
    } & {
        "~highlight": {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        } & {
            defaultConfig: {
                cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
                color?: string,
            ): {
                keyframesGenerator_play: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
                keyframesGenerator_rewind: () => (
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing: string;
                        offset?: undefined;
                    }
                    | {
                        "--webchalk-highlight-color"?: undefined;
                        backgroundPositionX: string;
                        easing?: undefined;
                        offset: number;
                    }
                    | {
                        "--webchalk-highlight-color": string;
                        backgroundPositionX?: undefined;
                        easing?: undefined;
                        offset?: undefined;
                    }
                )[];
            };
        };
        "~un-highlight": {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        } & {
            defaultConfig: {
                cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
            };
            howOftenBuildGenerators: "on-every-play";
            immutableConfig: { composite: "replace" };
            buildFrameGenerators(
                this: Readonly<
                    Pick<
                        EmphasisClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                        >,
                        | "domElem"
                        | "getEffectDetails"
                        | "getStatus"
                        | "getStyles"
                        | "getTiming",
                    >,
                > & Readonly<
                    Pick<
                        AnimClip<
                            Readonly<
                                StripDuplicateMethodAutocompletion<
                                    {
                                        defaultConfig?: ...;
                                        howOftenBuildGenerators?: ...;
                                        immutableConfig?: ...;
                                        buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                    },
                                >,
                            >,
                            AnimClipConfig,
                        >,
                        "computeTween",
                    >,
                >,
            ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
        };
    } & { "__EFFECT_CATEGORY=EMPHASIS": never } = ...

    Type Declaration

    • ~highlight: {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      }

      The element is highlighted in the specified color.

      • defaultConfig: { cssClasses: { toAddOnStart: ["webchalk-highlightable"] } }
      • howOftenBuildGenerators: "on-every-play"
      • immutableConfig: { composite: "replace" }
      • buildFrameGenerators: function
        • buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          }

          Parameters

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

            The color to use for the highlight.

          Returns {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          }

    • ~un-highlight: {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      }

      The element is unhighlighted.

      • defaultConfig: { cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] } }
      • howOftenBuildGenerators: "on-every-play"
      • immutableConfig: { composite: "replace" }
      • buildFrameGenerators: function
        • buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<(...)>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: (...)
                                      | (...);
                                      howOftenBuildGenerators?: (...) | (...) | (...);
                                      immutableConfig?: (...) | (...);
                                      buildFrameGenerators(
                                          this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                          ...effectOptions: (...)[],
                                      ): EffectFrameGeneratorSet;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] }

          Parameters

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

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

    • ~highlight: {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      } & {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      }
    • ~un-highlight: {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      } & {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      }
    • ~highlight: {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      } & {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      }
    • ~un-highlight: {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      } & {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      }
    • ~highlight: {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      } & {
          defaultConfig: {
              cssClasses: { toAddOnStart: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
              color?: string,
          ): {
              keyframesGenerator_play: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
              keyframesGenerator_rewind: () => (
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing: string;
                      offset?: undefined;
                  }
                  | {
                      "--webchalk-highlight-color"?: undefined;
                      backgroundPositionX: string;
                      easing?: undefined;
                      offset: number;
                  }
                  | {
                      "--webchalk-highlight-color": string;
                      backgroundPositionX?: undefined;
                      easing?: undefined;
                      offset?: undefined;
                  }
              )[];
          };
      }
    • ~un-highlight: {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      } & {
          defaultConfig: {
              cssClasses: { toRemoveOnFinish: ["webchalk-highlightable"] };
          };
          howOftenBuildGenerators: "on-every-play";
          immutableConfig: { composite: "replace" };
          buildFrameGenerators(
              this: Readonly<
                  Pick<
                      EmphasisClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                      >,
                      "domElem"
                      | "getEffectDetails"
                      | "getStatus"
                      | "getStyles"
                      | "getTiming",
                  >,
              > & Readonly<
                  Pick<
                      AnimClip<
                          Readonly<
                              StripDuplicateMethodAutocompletion<
                                  {
                                      defaultConfig?: ...;
                                      howOftenBuildGenerators?: ...;
                                      immutableConfig?: ...;
                                      buildFrameGenerators(this: ..., ...effectOptions: ...): ...;
                                  },
                              >,
                          >,
                          AnimClipConfig,
                      >,
                      "computeTween",
                  >,
              >,
          ): { keyframesGenerator_play: () => { backgroundPositionX: string }[] };
      }
    • __EFFECT_CATEGORY=EMPHASIS: never

    Settings

    Member Visibility