@progress/kendo-react-animation 7.2.4-develop.3 → 7.2.4-develop.4

package/index.d.ts

@@ -1,14 +1,756 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Animation, type AnimationProps } from './Animation';
-import { AnimationChild, type AnimationChildProps } from './AnimationChild';
-import { Fade, type FadeProps } from './Fade';
-import { Expand, type ExpandDirection, type ExpandProps } from './Expand';
-import { Push, type PushDirection, type PushProps } from './Push';
-import { Slide, type SlideDirection, type SlideProps } from './Slide';
-import { Zoom, type ZoomDirection, type ZoomProps } from './Zoom';
-import { Reveal, type RevealDirection, type RevealProps } from './Reveal';
-import { useAnimation } from './hooks/useAnimation';
-export { Animation, AnimationProps, AnimationChild, AnimationChildProps, Fade, FadeProps, Expand, ExpandProps, ExpandDirection, Push, PushProps, PushDirection, Slide, SlideProps, SlideDirection, Zoom, ZoomProps, ZoomDirection, Reveal, RevealProps, RevealDirection, useAnimation };
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import * as React_2 from 'react';
+
+declare class Animation_2 extends React_2.Component<AnimationProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+        transitionName: PropTypes.Validator<string>;
+        appear: PropTypes.Validator<boolean>;
+        enter: PropTypes.Validator<boolean>;
+        exit: PropTypes.Validator<boolean>;
+        transitionEnterDuration: PropTypes.Validator<number>;
+        transitionExitDuration: PropTypes.Validator<number>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        component: string;
+    };
+    constructor(props: AnimationProps);
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+export { Animation_2 as Animation }
+
+export declare class AnimationChild extends React_2.Component<AnimationChildProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        in: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        transitionName: PropTypes.Validator<string>;
+        className: PropTypes.Requireable<string>;
+        appear: PropTypes.Requireable<boolean>;
+        enter: PropTypes.Requireable<boolean>;
+        exit: PropTypes.Requireable<boolean>;
+        transitionEnterDuration: PropTypes.Validator<number>;
+        transitionExitDuration: PropTypes.Validator<number>;
+        mountOnEnter: PropTypes.Requireable<boolean>;
+        unmountOnExit: PropTypes.Requireable<boolean>;
+        animationEnteringStyle: PropTypes.Requireable<object>;
+        animationEnteredStyle: PropTypes.Requireable<object>;
+        animationExitingStyle: PropTypes.Requireable<object>;
+        animationExitedStyle: PropTypes.Requireable<object>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        mountOnEnter: boolean;
+        unmountOnExit: boolean;
+        onEnter: () => void;
+        onEntering: () => void;
+        onEntered: () => void;
+        onExit: () => void;
+        onExiting: () => void;
+        onExited: () => void;
+        onAfterExited: () => void;
+        animationEnteringStyle: {};
+        animationEnteredStyle: {};
+        animationExitingStyle: {};
+        animationExitedStyle: {};
+    };
+    private elementRef;
+    /**
+     * The element that is being animated.
+     */
+    get element(): HTMLDivElement | null;
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Represents the props of the child Animation elements.
+ */
+export declare interface AnimationChildProps extends AnimationInterface {
+    /**
+     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations.
+     */
+    in?: boolean;
+    /**
+     * @hidden
+     */
+    style?: any;
+    /**
+     * @hidden
+     */
+    className?: string;
+    /**
+     * Specifies the transition class which will be applied on the appear, enter, and exit transition.
+     */
+    transitionName: string;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its entering state.
+     */
+    animationEnteringStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its entered state.
+     */
+    animationEnteredStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its exiting state.
+     */
+    animationExitingStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its exited state.
+     */
+    animationExitedStyle?: any;
+}
+
+/** @hidden */
+declare type AnimationConfig = {
+    initial?: React_2.CSSProperties;
+    duration?: number;
+    appear?: boolean;
+    onStart?: any;
+    onUpdate?: any;
+    onEnd?: any;
+};
+
+/**
+ * The arguments that are passed to the life-cycle hooks.
+ */
+declare interface AnimationEventArguments {
+    /**
+     * The element that is currently being animated.
+     */
+    animatedElement: HTMLElement;
+    /**
+     * The AnimationChild component which controls the animation.
+     */
+    target: AnimationChild;
+}
+
+/**
+ * Inherited by all Animations. Represents the properties which can be set to an Animation.
+ */
+declare interface AnimationInterface {
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies the CSS class names which are set to each of the animated children elements.
+     */
+    componentChildClassName?: string;
+    /**
+     * Specifies the styles which are set to each of the animated children elements.
+     */
+    componentChildStyle?: any;
+    /**
+     * Called when a component is added to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     */
+    onEnter?: (event: AnimationEventArguments) => void;
+    /**
+     * Called when a component is added to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     */
+    onEntering?: (event: AnimationEventArguments) => void;
+    /**
+     * Called when a component is added to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     */
+    onEntered?: (event: AnimationEventArguments) => void;
+    /**
+     * An event that is called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     */
+    onExit?: (event: AnimationEventArguments) => void;
+    /**
+     * An event that is called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     */
+    onExiting?: (event: AnimationEventArguments) => void;
+    /**
+     * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     */
+    onExited?: (event: AnimationEventArguments) => void;
+    /**
+     * @hidden
+     * This event is always triggered in contrast to `onExited` which TransitionGroup prevents when target element is not removed from DOM.
+     */
+    onAfterExited?: (event: AnimationEventArguments) => void;
+    /**
+     * Defines whether a transition should happen on the first mount. Defaults to `false`.
+     */
+    appear?: boolean;
+    /**
+     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     */
+    enter?: boolean;
+    /**
+     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     */
+    exit?: boolean;
+    /**
+     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     */
+    transitionEnterDuration?: number;
+    /**
+     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     */
+    transitionExitDuration?: number;
+    /**
+     * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`.
+     */
+    mountOnEnter?: boolean;
+    /**
+     * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`.
+     */
+    unmountOnExit?: boolean;
+}
+
+/**
+ * Represents the props of the [KendoReact Animation component]({% slug overview_animation %}).
+ */
+export declare interface AnimationProps extends AnimationInterface {
+    /**
+     * When the element reaches its exit state, it is no longer available in the DOM ([see example]({% slug exitingchildcomponents_animation %})).
+     */
+    childFactory?: any;
+    /**
+     * Specifies the name of the CSS class which is set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+    /**
+     * Specifies whether the Animation children will stack on top of each other without interfering ([see example]({% slug stacked_animation %})).
+     */
+    stackChildren?: boolean;
+    /**
+     * Specifies the `classNames` which will be applied during the transition ([see example]({% slug customizing_animation %})).
+     */
+    transitionName: string;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its entering state.
+     */
+    animationEnteringStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its entered state.
+     */
+    animationEnteredStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its exiting state.
+     */
+    animationExitingStyle?: any;
+    /**
+     * Specifies the style which will be applied when the Animation reaches its exited state.
+     */
+    animationExitedStyle?: any;
+}
+
+export declare class Expand extends React_2.Component<ExpandProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+        direction: string;
+    };
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Specifies the direction of the Expand Animation ([see example]({% slug direction_animation %}#toc-expand)).
+ *
+ * The supported directions are:
+ * * (Default) `vertical`&mdash;Expands the content from center to top and bottom, and vice-versa.
+ * * `horizontal`&mdash;Expands the content from center to left and right, and vice-versa.
+ */
+export declare type ExpandDirection = 'horizontal' | 'vertical';
+
+/**
+ * Represent the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
+ *
+ * {% meta %}
+ * {% embed_file props/expand/func/main.tsx preview %}
+ * {% embed_file props/expand/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface ExpandProps extends AnimationInterface {
+    /**
+     * After the element reached its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies the CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the direction of the Expand Animation. Defaults to `vertical`.
+     */
+    direction?: ExpandDirection;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+}
+
+export declare class Fade extends React_2.Component<FadeProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+    };
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
+ *
+ * {% meta %}
+ * {% embed_file props/fade/func/main.tsx preview %}
+ * {% embed_file props/fade/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface FadeProps extends AnimationInterface {
+    /**
+     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+}
+
+export declare class Push extends React_2.Component<PushProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+        stackChildren: PropTypes.Requireable<boolean>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+        direction: string;
+        stackChildren: boolean;
+    };
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Specifies the direction of the Push Animation ([see example]({% slug direction_animation %}#toc-push)).
+ *
+ * The supported directions are:
+ * * (Default) `right`&mdash;Pushes the content from left to right.
+ * * `up`&mdash;Pushes the content from bottom to top.
+ * * `down`&mdash;Pushes the content from top to bottom.
+ * * `left`&mdash;Pushes the content from right to left.
+ */
+export declare type PushDirection = 'up' | 'down' | 'left' | 'right';
+
+/**
+ * Represent the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
+ *
+ * {% meta %}
+ * {% embed_file props/push/func/main.tsx preview %}
+ * {% embed_file props/push/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface PushProps extends AnimationInterface {
+    /**
+     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies the CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the direction of the Push Animation. Defaults to `out`.
+     */
+    direction?: PushDirection;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+    /**
+     * Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
+     */
+    stackChildren?: boolean;
+}
+
+export declare class Reveal extends React_2.Component<RevealProps, RevealState> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+        direction: string;
+    };
+    /**
+     * @hidden
+     */
+    readonly state: RevealState;
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+    private componentWillEnter;
+    private componentIsEntering;
+    private componentWillExit;
+    private updateContainerDimensions;
+}
+
+/**
+ * Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
+ *
+ * The supported directions are:
+ * * (Default) `vertical`&mdash;Reveals the height of the content.
+ * * `horizontal`&mdash;Reveals the width of the content.
+ */
+export declare type RevealDirection = 'horizontal' | 'vertical';
+
+/**
+ * Represent the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-rveal).
+ *
+ * {% meta %}
+ * {% embed_file props/reveal/func/main.tsx preview %}
+ * {% embed_file props/reveal/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface RevealProps extends AnimationInterface {
+    /**
+     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies the CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the direction of the Reveal Animation. Defaults to `vertical`.
+     */
+    direction?: RevealDirection;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+    /**
+     * @hidden
+     * This is synchronious variant of `onEnter` event.
+     */
+    onBeforeEnter?: (event: AnimationEventArguments) => void;
+}
+
+/**
+ * @hidden
+ */
+declare interface RevealState {
+    maxHeight?: number;
+    maxWidth?: number;
+}
+
+export declare class Slide extends React_2.Component<SlideProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+        direction: string;
+    };
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Specifies the direction of the Slide Animation ([see example]({% slug direction_animation %}#toc-slide)).
+ *
+ * The supported directions are:
+ * * (Default) `down`&mdash;On showing, slides the content from top to bottom, and vice-versa.
+ * * `up`&mdash;On showing, slides the content from bottom to top, and vice-versa.
+ * * `left`&mdash;On showing, slides the content from right to left, and vice-versa.
+ * * `right`&mdash;On showing, slides the content from left to right, and vice-versa.
+ */
+export declare type SlideDirection = 'up' | 'down' | 'left' | 'right';
+
+/**
+ * Represent the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
+ *
+ * {% meta %}
+ * {% embed_file props/slide/func/main.tsx preview %}
+ * {% embed_file props/slide/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface SlideProps extends AnimationInterface {
+    /**
+     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies the CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the direction of the Slide Animation. Defaults to `down`.
+     */
+    direction?: SlideDirection;
+    /**
+     * Specifies the node type of the parent Animation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+}
+
+/** @hidden */
+export declare const useAnimation: (config: AnimationConfig, deps: any[]) => void;
+
+export declare class Zoom extends React_2.Component<ZoomProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        childFactory: PropTypes.Requireable<any>;
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        component: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<any>;
+        stackChildren: PropTypes.Requireable<boolean>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        appear: boolean;
+        enter: boolean;
+        exit: boolean;
+        transitionEnterDuration: number;
+        transitionExitDuration: number;
+        direction: string;
+        stackChildren: boolean;
+    };
+    /**
+     * @hidden
+     */
+    render(): JSX_2.Element;
+}
+
+/**
+ * Specifies the direction of the Zoom Animation ([see example]({% slug direction_animation %}#toc-zoom)).
+ *
+ * The supported directions are:
+ * * (Default) `out`&mdash;Zooms the content from the outside to the inside.
+ * * `in`&mdash;Zooms the content from the inside to the outside.
+ */
+export declare type ZoomDirection = 'in' | 'out';
+
+/**
+ * Represent the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
+ *
+ * {% meta %}
+ * {% embed_file props/zoom/func/main.tsx preview %}
+ * {% embed_file props/zoom/func/styles.css %}
+ * {% endmeta %}
+ *
+ */
+export declare interface ZoomProps extends AnimationInterface {
+    /**
+     * After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the `childFactory` function.
+     */
+    childFactory?: any;
+    /**
+     * Specifies the CSS class names which are set to the Animation.
+     */
+    className?: string;
+    /**
+     * Specifies the direction of the Zoom Animation. Defaults to `down`.
+     */
+    direction?: ZoomDirection;
+    /**
+     * Specifies the node type of the parent Asnimation. Defaults to `div`.
+     */
+    component?: string;
+    /**
+     * Specifies the id of the Animation.
+     */
+    id?: string;
+    /**
+     * Specifies the style of the parent Animation.
+     */
+    style?: any;
+    /**
+     * Specifies whether the child elements will stack on top of each other without interfering ([more information and examples]({% slug stacked_animation %})).
+     */
+    stackChildren?: boolean;
+}
+
+export { }