Variable libPresetConnectorEntrancesConst

Type declaration

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

  Connector appears instantaneously.

  • defaultConfig: {}

  • immutableConfig: {
        duration: 0;
    }

    • Readonlyduration: 0

  • generateKeyframes:function

    • generateKeyframes(): {
          forwardFrames: [];
      }

    • Returns {
          forwardFrames: [];
      }

      • ReadonlyforwardFrames: []

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

  Connector fades in, starting from 0 opacity.

  • defaultConfig: {}

  • immutableConfig: {}

  • generateKeyframes:function

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

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

      • ReadonlyforwardFrames: [{
            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;
          })[];
      };
  }

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

  • 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;
        })[]