Interface LibraryPresetConnectorEntranceEffects

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

interface LibraryPresetConnectorEntranceEffects {
    ~appear: {
        defaultConfig: {};
        immutableConfig: {
            duration: 0;
        };
        generateKeyframes(): {
            forwardFrames: [];
        };
    };
    ~fade-in: {
        defaultConfig: {};
        immutableConfig: {};
        generateKeyframes(): {
            forwardFrames: [{
                opacity: "0";
            }, {}];
        };
    };
    ~trace: {
        defaultConfig: {};
        immutableConfig: {};
        generateKeyframes(direction?:
            | "from-left"
            | "from-top"
            | "from-bottom"
            | "from-right"
            | "from-A"
            | "from-B"): {
            forwardFrames: ({
                --b-marker-opacity: number;
                easing: string;
                offset?: undefined;
                strokeDashoffset?: undefined;
            } | {
                --b-marker-opacity?: undefined;
                easing?: undefined;
                offset: number;
                strokeDashoffset: number;
            } | {
                --b-marker-opacity: number;
                easing?: undefined;
                offset?: undefined;
                strokeDashoffset?: undefined;
            })[] | ({
                --a-marker-opacity: number;
                easing: string;
                offset?: undefined;
                strokeDashoffset?: undefined;
            } | {
                --a-marker-opacity?: undefined;
                easing?: undefined;
                offset: number;
                strokeDashoffset: number;
            } | {
                --a-marker-opacity: number;
                easing?: undefined;
                offset?: undefined;
                strokeDashoffset?: undefined;
            })[];
        };
    };
}

Properties

~appear ~fade-in ~trace

Properties

~appear

~appear: {
    defaultConfig: {};
    immutableConfig: {
        duration: 0;
    };
    generateKeyframes(): {
        forwardFrames: [];
    };
} = ...

Connector appears instantaneously.

Type declaration

  • defaultConfig: {}
    • immutableConfig: {
          duration: 0;
      }
      • Readonlyduration: 0
    • generateKeyframes:function

    ~fade-in

    ~fade-in: {
        defaultConfig: {};
        immutableConfig: {};
        generateKeyframes(): {
            forwardFrames: [{
                opacity: "0";
            }, {}];
        };
    } = ...

    Connector fades in, starting from 0 opacity.

    Type declaration

    • defaultConfig: {}
      • immutableConfig: {}
        • generateKeyframes:function
          • generateKeyframes(): {
                forwardFrames: [{
                    opacity: "0";
                }, {}];
            }

          • Returns {
                forwardFrames: [{
                    opacity: "0";
                }, {}];
            }

            • ReadonlyforwardFrames: [{
                  opacity: "0";
              }, {}]

        ~trace

        ~trace: {
            defaultConfig: {};
            immutableConfig: {};
            generateKeyframes(direction?:
                | "from-left"
                | "from-top"
                | "from-bottom"
                | "from-right"
                | "from-A"
                | "from-B"): {
                forwardFrames: ({
                    --b-marker-opacity: number;
                    easing: string;
                    offset?: undefined;
                    strokeDashoffset?: undefined;
                } | {
                    --b-marker-opacity?: undefined;
                    easing?: undefined;
                    offset: number;
                    strokeDashoffset: number;
                } | {
                    --b-marker-opacity: number;
                    easing?: undefined;
                    offset?: undefined;
                    strokeDashoffset?: undefined;
                })[] | ({
                    --a-marker-opacity: number;
                    easing: string;
                    offset?: undefined;
                    strokeDashoffset?: undefined;
                } | {
                    --a-marker-opacity?: undefined;
                    easing?: undefined;
                    offset: number;
                    strokeDashoffset: number;
                } | {
                    --a-marker-opacity: number;
                    easing?: undefined;
                    offset?: undefined;
                    strokeDashoffset?: undefined;
                })[];
            };
        } = ...

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

        Type declaration

        • defaultConfig: {}
          • immutableConfig: {}
            • generateKeyframes:function
              • generateKeyframes(direction?): {
                    forwardFrames: ({
                        --b-marker-opacity: number;
                        easing: string;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    } | {
                        --b-marker-opacity?: undefined;
                        easing?: undefined;
                        offset: number;
                        strokeDashoffset: number;
                    } | {
                        --b-marker-opacity: number;
                        easing?: undefined;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    })[] | ({
                        --a-marker-opacity: number;
                        easing: string;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    } | {
                        --a-marker-opacity?: undefined;
                        easing?: undefined;
                        offset: number;
                        strokeDashoffset: number;
                    } | {
                        --a-marker-opacity: number;
                        easing?: undefined;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    })[];
                }

              • 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 {
                    forwardFrames: ({
                        --b-marker-opacity: number;
                        easing: string;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    } | {
                        --b-marker-opacity?: undefined;
                        easing?: undefined;
                        offset: number;
                        strokeDashoffset: number;
                    } | {
                        --b-marker-opacity: number;
                        easing?: undefined;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    })[] | ({
                        --a-marker-opacity: number;
                        easing: string;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    } | {
                        --a-marker-opacity?: undefined;
                        easing?: undefined;
                        offset: number;
                        strokeDashoffset: number;
                    } | {
                        --a-marker-opacity: number;
                        easing?: undefined;
                        offset?: undefined;
                        strokeDashoffset?: undefined;
                    })[];
                }

                • forwardFrames: ({
                      --b-marker-opacity: number;
                      easing: string;
                      offset?: undefined;
                      strokeDashoffset?: undefined;
                  } | {
                      --b-marker-opacity?: undefined;
                      easing?: undefined;
                      offset: number;
                      strokeDashoffset: number;
                  } | {
                      --b-marker-opacity: number;
                      easing?: undefined;
                      offset?: undefined;
                      strokeDashoffset?: undefined;
                  })[] | ({
                      --a-marker-opacity: number;
                      easing: string;
                      offset?: undefined;
                      strokeDashoffset?: undefined;
                  } | {
                      --a-marker-opacity?: undefined;
                      easing?: undefined;
                      offset: number;
                      strokeDashoffset: number;
                  } | {
                      --a-marker-opacity: number;
                      easing?: undefined;
                      offset?: undefined;
                      strokeDashoffset?: undefined;
                  })[]

            Settings

            Member Visibility

            On This Page

            Properties