Variable handler

Type declaration

• combine: (...configs: Config[]) => Config[]

• common: {
      accordion: () => Config[];
      resize: (
          callback: (
              element: Attributes.AttributeHandlerTypes.ElementRef,
          ) => void,
      ) => Config;
      visualShowHide: (
          options: {
              onHide?: (
                  element: Attributes.AttributeHandlerTypes.ElementRef,
              ) => void;
              onShow?: (element: Attributes.AttributeHandlerTypes.ElementRef) => void;
          },
      ) => Config[];
      visualToggle: (
          options: {
              onClose?: (
                  element: Attributes.AttributeHandlerTypes.ElementRef,
              ) => void;
              onOpen?: (element: Attributes.AttributeHandlerTypes.ElementRef) => void;
          },
      ) => Config[];
  }

  • accordion: () => Config[]

    Standard accordion handlers with open/close transitions

  • resize: (
        callback: (element: Attributes.AttributeHandlerTypes.ElementRef) => void,
    ) => Config

    Resize observer for responsive components

  • visualShowHide: (
        options: {
            onHide?: (element: Attributes.AttributeHandlerTypes.ElementRef) => void;
            onShow?: (element: Attributes.AttributeHandlerTypes.ElementRef) => void;
        },
    ) => Config[]

    Visual show/hide handlers for modals and overlays

  • visualToggle: (
        options: {
            onClose?: (
                element: Attributes.AttributeHandlerTypes.ElementRef,
            ) => void;
            onOpen?: (element: Attributes.AttributeHandlerTypes.ElementRef) => void;
        },
    ) => Config[]

    Visual open/close handlers for expandable components

• observe: {
      resize: (__namedParameters: Props) => Config;
      stateClosed: (__namedParameters: Props) => Config;
      stateOpen: (__namedParameters: Props) => Config;
      visuallyClosed: (__namedParameters: Props) => Config;
      visuallyHide: (__namedParameters: Props) => Config;
      visuallyOpen: (__namedParameters: Props) => Config;
      visuallyPosition: (__namedParameters: Props) => Config;
      visuallyShow: (__namedParameters: Props) => Config;
  }

  • resize: (__namedParameters: Props) => Config

  • stateClosed: (__namedParameters: Props) => Config

  • stateOpen: (__namedParameters: Props) => Config

  • visuallyClosed: (__namedParameters: Props) => Config

  • visuallyHide: (__namedParameters: Props) => Config

  • visuallyOpen: (__namedParameters: Props) => Config

  • visuallyPosition: (__namedParameters: Props) => Config

  • visuallyShow: (__namedParameters: Props) => Config