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

interface LibraryPresetConnectorEntranceEffects {
    ~appear: {
        defaultConfig: {};
        effectCompositionFrequency: "on-first-play-only";
        immutableConfig: {
            composite: "replace";
            duration: 0;
            easing: "linear";
        };
        composeEffect(): {};
    };
    ~fade-in: {
        defaultConfig: {};
        effectCompositionFrequency: "on-first-play-only";
        immutableConfig: {
            composite: "replace";
        };
        composeEffect(): {
            forwardKeyframesGenerator: (() => ({
                opacity: string;
            } | {
                opacity?: undefined;
            })[]);
        };
    };
    ~trace: {
        defaultConfig: {};
        effectCompositionFrequency: "on-every-play";
        immutableConfig: {
            composite: "replace";
        };
        composeEffect(direction?:
            | "from-left"
            | "from-top"
            | "from-bottom"
            | "from-right"
            | "from-A"
            | "from-B"): {
            forwardKeyframesGenerator: (() => Keyframe[]);
        };
    };
}

Properties

~appear: {
    defaultConfig: {};
    effectCompositionFrequency: "on-first-play-only";
    immutableConfig: {
        composite: "replace";
        duration: 0;
        easing: "linear";
    };
    composeEffect(): {};
} = ...

Connector appears instantaneously.

Type declaration

  • defaultConfig: {}
    • effectCompositionFrequency: "on-first-play-only"
    • immutableConfig: {
          composite: "replace";
          duration: 0;
          easing: "linear";
      }
      • Readonlycomposite: "replace"
      • Readonlyduration: 0
      • Readonlyeasing: "linear"
    • composeEffect:function
    ~fade-in: {
        defaultConfig: {};
        effectCompositionFrequency: "on-first-play-only";
        immutableConfig: {
            composite: "replace";
        };
        composeEffect(): {
            forwardKeyframesGenerator: (() => ({
                opacity: string;
            } | {
                opacity?: undefined;
            })[]);
        };
    } = ...

    Connector fades in, starting from 0 opacity.

    Type declaration

    • defaultConfig: {}
      • effectCompositionFrequency: "on-first-play-only"
      • immutableConfig: {
            composite: "replace";
        }
        • Readonlycomposite: "replace"
      • composeEffect:function
        • Returns {
              forwardKeyframesGenerator: (() => ({
                  opacity: string;
              } | {
                  opacity?: undefined;
              })[]);
          }

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

      ~trace: {
          defaultConfig: {};
          effectCompositionFrequency: "on-every-play";
          immutableConfig: {
              composite: "replace";
          };
          composeEffect(direction?:
              | "from-left"
              | "from-top"
              | "from-bottom"
              | "from-right"
              | "from-A"
              | "from-B"): {
              forwardKeyframesGenerator: (() => Keyframe[]);
          };
      } = ...

      Connector is wiped on from the specified direction as if being drawn.

      Type declaration

      • defaultConfig: {}
        • effectCompositionFrequency: "on-every-play"
        • immutableConfig: {
              composite: "replace";
          }
          • Readonlycomposite: "replace"
        • composeEffect:function
          • Parameters

            • direction:
                  | "from-left"
                  | "from-top"
                  | "from-bottom"
                  | "from-right"
                  | "from-A"
                  | "from-B" = 'from-A'

              direction from which the connector should be traced

            Returns {
                forwardKeyframesGenerator: (() => Keyframe[]);
            }

            • forwardKeyframesGenerator: (() => Keyframe[])
                • (): Keyframe[]
                • Returns Keyframe[]