Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@progress/kendo-react-animation
Advanced tools
@progress/kendo-react-animation - npm Package Compare versions
Comparing version 1.3.0-dev.201808201254 to 1.3.0-dev.201808280548
@@ -5,49 +5,50 @@ import * as React from 'react'; | ||
| /** | ||
| * Represents the props of the Animation component for React. | ||
| * Represents the props of the [Kendo UI Animation component for React]({% slug overview_animation %}). | ||
| */ | ||
| export interface AnimationProps extends AnimationInterface { | ||
| /** | ||
| * When the element reaches its exit state, it is no longer available in the DOM. | ||
| * For more information if a DOM operation is required, | ||
| * refer to the article on [`Exiting Child`]({% slug exitingchildcomponents_animation %}). | ||
| * 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 component. | ||
| * Specifies the name of the CSS class which is set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether the animation children should stack on top of each other without interfering. | ||
| * 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. | ||
| * Specifies the `classNames` which will be applied during the transition | ||
| * ([see example]({% slug customizing_animation %})). | ||
| */ | ||
| transitionName: string; | ||
| /** | ||
| * Specifies a specific style which will be applied when the animation reaches its entering state. | ||
| * Specifies the style which will be applied when the Animation reaches its entering state. | ||
| */ | ||
| animationEnteringStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its entered state. | ||
| * Specifies the style which will be applied when the Animation reaches its entered state. | ||
| */ | ||
| animationEnteredStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its exiting state. | ||
| * Specifies the style which will be applied when the Animation reaches its exiting state. | ||
| */ | ||
| animationExitingStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its exited state. | ||
| * Specifies the style which will be applied when the Animation reaches its exited state. | ||
| */ | ||
@@ -54,0 +55,0 @@ animationExitedStyle?: any; |
@@ -5,7 +5,7 @@ import * as React from 'react'; | ||
| /** | ||
| * Represents the props of the child elements. | ||
| * Represents the props of the child Animation elements. | ||
| */ | ||
| export interface AnimationChildProps extends AnimationInterface { | ||
| /** | ||
| * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit animations. | ||
| * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations. | ||
| */ | ||
@@ -22,19 +22,19 @@ in?: boolean; | ||
| /** | ||
| * The transition class which will be applied on the appear, enter, and exit transition. | ||
| * Specifies the transition class which will be applied on the appear, enter, and exit transition. | ||
| */ | ||
| transitionName: string; | ||
| /** | ||
| * The styles which will be set when the animation reaches its entering state. | ||
| * Specifies the style which will be applied when the Animation reaches its entering state. | ||
| */ | ||
| animationEnteringStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its entered state. | ||
| * Specifies the style which will be applied when the Animation reaches its entered state. | ||
| */ | ||
| animationEnteredStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its exiting state. | ||
| * Specifies the style which will be applied when the Animation reaches its exiting state. | ||
| */ | ||
| animationExitingStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its exited state. | ||
| * Specifies the style which will be applied when the Animation reaches its exited state. | ||
| */ | ||
@@ -41,0 +41,0 @@ animationExitedStyle?: any; |
| import AnimationChild from './AnimationChild'; | ||
| /** | ||
| * The arguments passed to the life-cycle hooks. | ||
| * The arguments that are passed to the life-cycle hooks. | ||
| */ | ||
@@ -11,3 +11,3 @@ export interface AnimationEventArguments { | ||
| /** | ||
| * The `AnimationChild` component which controls the animation. | ||
| * The AnimationChild component which controls the animation. | ||
| */ | ||
@@ -30,23 +30,29 @@ target: AnimationChild; | ||
| /** | ||
| * Called when a component is added to an existing Animation component and the animation has not started yet. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * An event that is called after the Animation has reached its exited state | ||
| * ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)). | ||
| */ | ||
@@ -59,27 +65,31 @@ onExited?: (event: AnimationEventArguments) => void; | ||
| /** | ||
| * Specifies whether to animate the entering (showing) element. Defaults to `true`. | ||
| * 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. Defaults to `true`. | ||
| * Specifies whether to animate a leaving (disappearing) element | ||
| * ([see example]({% slug disabledstate_animation %})). Defaults to `true`. | ||
| */ | ||
| exit?: boolean; | ||
| /** | ||
| * Specifies the duration of the `animation in`. | ||
| * After the time runs out, the animation is terminated. Defaults to `300ms`. | ||
| * Specifies the duration of the transition for the entering Animation (`animation in`) | ||
| * ([see example])({% slug duration_animation %}). | ||
| * After the time runs out, the Animation is terminated. Defaults to `300ms`. | ||
| */ | ||
| transitionEnterDuration?: number; | ||
| /** | ||
| * Specifies the duration of the `animation out`. | ||
| * After the time runs out, the animation is terminated. Defaults to `300ms`. | ||
| * Specifies the duration of the transition for the exiting Animation (`animation out`) | ||
| * ([see example])({% slug duration_animation %})ss. | ||
| * After the time runs out, the Animation is terminated. Defaults to `300ms`. | ||
| */ | ||
| transitionExitDuration?: number; | ||
| /** | ||
| * Specifies if the animation should `lazy mount` on the first `in={true}`. Defaults to `false`. | ||
| * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`. | ||
| */ | ||
| mountOnEnter?: boolean; | ||
| /** | ||
| * Specifies if the animated component should unmount after it reaches its exited state. Defaults to `false`. | ||
| * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`. | ||
| */ | ||
| unmountOnExit?: boolean; | ||
| } |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Expand Animation. | ||
| * Specifies the direction of the Expand Animation | ||
| * ([see example]({% slug direction_animation %}#toc-expand)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * (Default) `vertical`—Expands the content from center to top and bottom, and vice-versa. | ||
@@ -15,3 +15,4 @@ * * `horizontal`—Expands the content from center to left and right, and vice-versa. | ||
| /** | ||
| * Represent the props of the Expand Animation component for React. | ||
| * Represent the props of the | ||
| * [Kendo UI Expand Animation component for React]({% slug animationtypes_animation %}#toc-expand). | ||
| * | ||
@@ -121,3 +122,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -130,11 +131,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -141,0 +142,0 @@ style?: any; |
@@ -5,3 +5,4 @@ import * as React from 'react'; | ||
| /** | ||
| * Represent the props of the Fade Animation component for React. | ||
| * Represent the props of the | ||
| * [Kendo UI Fade Animation component for React]({% slug animationtypes_animation %}#toc-fade). | ||
| * | ||
@@ -67,15 +68,15 @@ * @example | ||
| /** | ||
| * Specifies CSS class names which are set to the Animation component. | ||
| * Specifies CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -82,0 +83,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Push Animation. | ||
| * Specifies the direction of the Push Animation | ||
| * ([see example]({% slug direction_animation %}#toc-push)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `up`—Pushes the content from bottom to top. | ||
@@ -17,3 +17,3 @@ * * `down`—Pushes the content from top to bottom. | ||
| /** | ||
| * Represent the props of the Push Animation component for React. | ||
| * Represent the props of the [Kendo UI Push Animation component for React]({% slug animationtypes_animation %}#toc-push). | ||
| * | ||
@@ -123,23 +123,23 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the direction of the Slide Animation. Defaults to `out`. | ||
| * Specifies the direction of the Push Animation. Defaults to `out`. | ||
| */ | ||
| direction?: PushDirection; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether child elements should stack on top of each other without interfering. | ||
| * Specifies whether the child elements will stack on top of each other without interfering. | ||
| */ | ||
@@ -146,0 +146,0 @@ stackChildren?: boolean; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Reveal Animation. | ||
| * Specifies the direction of the Reveal Animation | ||
| * ([see example]({% slug direction_animation %}#toc-reveal)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * (Default) `vertical`—Reveals the height of the content. | ||
@@ -15,3 +15,3 @@ * * `horizontal`—Reveals the width of the content. | ||
| /** | ||
| * Represent the props of the Reveal Animation component for React. | ||
| * Represent the props of the [Kendo UI Reveal Animation component for React]({% slug animationtypes_animation %}#toc-rveal). | ||
| * | ||
@@ -111,3 +111,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -120,11 +120,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -131,0 +131,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Slide Animation. | ||
| * Specifies the direction of the Slide Animation | ||
| * ([see example]({% slug direction_animation %}#toc-slide)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `up`—On showing, slides the content from bottom to top, and vice-versa. | ||
@@ -17,3 +17,3 @@ * * (Default) `down`—On showing, slides the content from top to bottom, and vice-versa. | ||
| /** | ||
| * Represent the props of the Animation Slide component for React. | ||
| * Represent the props of the [Kendo UI Animation Slide component for React]({% slug animationtypes_animation %}#toc-slide). | ||
| * | ||
@@ -124,3 +124,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -133,11 +133,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -144,0 +144,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Zoom Animation. | ||
| * Specifies the direction of the Zoom Animation | ||
| * ([see example]({% slug direction_animation %}#toc-zoom)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `in`—Zooms the content from the inside to the outside. | ||
@@ -15,3 +15,3 @@ * * (Default) `out`—Zooms the content from the outside to the inside. | ||
| /** | ||
| * Represent the props of the Zoom Animation component for React. | ||
| * Represent the props of the [Kendo UI Zoom Animation component for React]({% slug animationtypes_animation %}#toc-zoom). | ||
| * | ||
@@ -111,23 +111,23 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the direction of the Slide animations. Defaults to `down`. | ||
| * Specifies the direction of the Zoom Animation. Defaults to `down`. | ||
| */ | ||
| direction?: ZoomDirection; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Asnimation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether the animation child elements should stack on top of each other without interfering. | ||
| * Specifies whether the child elements will stack on top of each other without interfering. | ||
| */ | ||
@@ -134,0 +134,0 @@ stackChildren?: boolean; |
@@ -5,49 +5,50 @@ import * as React from 'react'; | ||
| /** | ||
| * Represents the props of the Animation component for React. | ||
| * Represents the props of the [Kendo UI Animation component for React]({% slug overview_animation %}). | ||
| */ | ||
| export interface AnimationProps extends AnimationInterface { | ||
| /** | ||
| * When the element reaches its exit state, it is no longer available in the DOM. | ||
| * For more information if a DOM operation is required, | ||
| * refer to the article on [`Exiting Child`]({% slug exitingchildcomponents_animation %}). | ||
| * 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 component. | ||
| * Specifies the name of the CSS class which is set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether the animation children should stack on top of each other without interfering. | ||
| * 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. | ||
| * Specifies the `classNames` which will be applied during the transition | ||
| * ([see example]({% slug customizing_animation %})). | ||
| */ | ||
| transitionName: string; | ||
| /** | ||
| * Specifies a specific style which will be applied when the animation reaches its entering state. | ||
| * Specifies the style which will be applied when the Animation reaches its entering state. | ||
| */ | ||
| animationEnteringStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its entered state. | ||
| * Specifies the style which will be applied when the Animation reaches its entered state. | ||
| */ | ||
| animationEnteredStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its exiting state. | ||
| * Specifies the style which will be applied when the Animation reaches its exiting state. | ||
| */ | ||
| animationExitingStyle?: any; | ||
| /** | ||
| * Specifies a specific styles which will be applied when the animation reaches its exited state. | ||
| * Specifies the style which will be applied when the Animation reaches its exited state. | ||
| */ | ||
@@ -54,0 +55,0 @@ animationExitedStyle?: any; |
@@ -5,7 +5,7 @@ import * as React from 'react'; | ||
| /** | ||
| * Represents the props of the child elements. | ||
| * Represents the props of the child Animation elements. | ||
| */ | ||
| export interface AnimationChildProps extends AnimationInterface { | ||
| /** | ||
| * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit animations. | ||
| * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations. | ||
| */ | ||
@@ -22,19 +22,19 @@ in?: boolean; | ||
| /** | ||
| * The transition class which will be applied on the appear, enter, and exit transition. | ||
| * Specifies the transition class which will be applied on the appear, enter, and exit transition. | ||
| */ | ||
| transitionName: string; | ||
| /** | ||
| * The styles which will be set when the animation reaches its entering state. | ||
| * Specifies the style which will be applied when the Animation reaches its entering state. | ||
| */ | ||
| animationEnteringStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its entered state. | ||
| * Specifies the style which will be applied when the Animation reaches its entered state. | ||
| */ | ||
| animationEnteredStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its exiting state. | ||
| * Specifies the style which will be applied when the Animation reaches its exiting state. | ||
| */ | ||
| animationExitingStyle?: any; | ||
| /** | ||
| * The styles which will be set when the animation reaches its exited state. | ||
| * Specifies the style which will be applied when the Animation reaches its exited state. | ||
| */ | ||
@@ -41,0 +41,0 @@ animationExitedStyle?: any; |
| import AnimationChild from './AnimationChild'; | ||
| /** | ||
| * The arguments passed to the life-cycle hooks. | ||
| * The arguments that are passed to the life-cycle hooks. | ||
| */ | ||
@@ -11,3 +11,3 @@ export interface AnimationEventArguments { | ||
| /** | ||
| * The `AnimationChild` component which controls the animation. | ||
| * The AnimationChild component which controls the animation. | ||
| */ | ||
@@ -30,23 +30,29 @@ target: AnimationChild; | ||
| /** | ||
| * Called when a component is added to an existing Animation component and the animation has not started yet. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * 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. | ||
| * An event that is called after the Animation has reached its exited state | ||
| * ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)). | ||
| */ | ||
@@ -59,27 +65,31 @@ onExited?: (event: AnimationEventArguments) => void; | ||
| /** | ||
| * Specifies whether to animate the entering (showing) element. Defaults to `true`. | ||
| * 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. Defaults to `true`. | ||
| * Specifies whether to animate a leaving (disappearing) element | ||
| * ([see example]({% slug disabledstate_animation %})). Defaults to `true`. | ||
| */ | ||
| exit?: boolean; | ||
| /** | ||
| * Specifies the duration of the `animation in`. | ||
| * After the time runs out, the animation is terminated. Defaults to `300ms`. | ||
| * Specifies the duration of the transition for the entering Animation (`animation in`) | ||
| * ([see example])({% slug duration_animation %}). | ||
| * After the time runs out, the Animation is terminated. Defaults to `300ms`. | ||
| */ | ||
| transitionEnterDuration?: number; | ||
| /** | ||
| * Specifies the duration of the `animation out`. | ||
| * After the time runs out, the animation is terminated. Defaults to `300ms`. | ||
| * Specifies the duration of the transition for the exiting Animation (`animation out`) | ||
| * ([see example])({% slug duration_animation %})ss. | ||
| * After the time runs out, the Animation is terminated. Defaults to `300ms`. | ||
| */ | ||
| transitionExitDuration?: number; | ||
| /** | ||
| * Specifies if the animation should `lazy mount` on the first `in={true}`. Defaults to `false`. | ||
| * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`. | ||
| */ | ||
| mountOnEnter?: boolean; | ||
| /** | ||
| * Specifies if the animated component should unmount after it reaches its exited state. Defaults to `false`. | ||
| * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`. | ||
| */ | ||
| unmountOnExit?: boolean; | ||
| } |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Expand Animation. | ||
| * Specifies the direction of the Expand Animation | ||
| * ([see example]({% slug direction_animation %}#toc-expand)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * (Default) `vertical`—Expands the content from center to top and bottom, and vice-versa. | ||
@@ -15,3 +15,4 @@ * * `horizontal`—Expands the content from center to left and right, and vice-versa. | ||
| /** | ||
| * Represent the props of the Expand Animation component for React. | ||
| * Represent the props of the | ||
| * [Kendo UI Expand Animation component for React]({% slug animationtypes_animation %}#toc-expand). | ||
| * | ||
@@ -121,3 +122,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -130,11 +131,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -141,0 +142,0 @@ style?: any; |
@@ -5,3 +5,4 @@ import * as React from 'react'; | ||
| /** | ||
| * Represent the props of the Fade Animation component for React. | ||
| * Represent the props of the | ||
| * [Kendo UI Fade Animation component for React]({% slug animationtypes_animation %}#toc-fade). | ||
| * | ||
@@ -67,15 +68,15 @@ * @example | ||
| /** | ||
| * Specifies CSS class names which are set to the Animation component. | ||
| * Specifies CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -82,0 +83,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Push Animation. | ||
| * Specifies the direction of the Push Animation | ||
| * ([see example]({% slug direction_animation %}#toc-push)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `up`—Pushes the content from bottom to top. | ||
@@ -17,3 +17,3 @@ * * `down`—Pushes the content from top to bottom. | ||
| /** | ||
| * Represent the props of the Push Animation component for React. | ||
| * Represent the props of the [Kendo UI Push Animation component for React]({% slug animationtypes_animation %}#toc-push). | ||
| * | ||
@@ -123,23 +123,23 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the direction of the Slide Animation. Defaults to `out`. | ||
| * Specifies the direction of the Push Animation. Defaults to `out`. | ||
| */ | ||
| direction?: PushDirection; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether child elements should stack on top of each other without interfering. | ||
| * Specifies whether the child elements will stack on top of each other without interfering. | ||
| */ | ||
@@ -146,0 +146,0 @@ stackChildren?: boolean; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Reveal Animation. | ||
| * Specifies the direction of the Reveal Animation | ||
| * ([see example]({% slug direction_animation %}#toc-reveal)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * (Default) `vertical`—Reveals the height of the content. | ||
@@ -15,3 +15,3 @@ * * `horizontal`—Reveals the width of the content. | ||
| /** | ||
| * Represent the props of the Reveal Animation component for React. | ||
| * Represent the props of the [Kendo UI Reveal Animation component for React]({% slug animationtypes_animation %}#toc-rveal). | ||
| * | ||
@@ -111,3 +111,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -120,11 +120,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -131,0 +131,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Slide Animation. | ||
| * Specifies the direction of the Slide Animation | ||
| * ([see example]({% slug direction_animation %}#toc-slide)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `up`—On showing, slides the content from bottom to top, and vice-versa. | ||
@@ -17,3 +17,3 @@ * * (Default) `down`—On showing, slides the content from top to bottom, and vice-versa. | ||
| /** | ||
| * Represent the props of the Animation Slide component for React. | ||
| * Represent the props of the [Kendo UI Animation Slide component for React]({% slug animationtypes_animation %}#toc-slide). | ||
| * | ||
@@ -124,3 +124,3 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
@@ -133,11 +133,11 @@ className?: string; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Animation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
@@ -144,0 +144,0 @@ style?: any; |
@@ -5,6 +5,6 @@ import * as React from 'react'; | ||
| /** | ||
| * Specifies the direction of the Zoom Animation. | ||
| * Specifies the direction of the Zoom Animation | ||
| * ([see example]({% slug direction_animation %}#toc-zoom)). | ||
| * | ||
| * The supported directions are: | ||
| * | ||
| * * `in`—Zooms the content from the inside to the outside. | ||
@@ -15,3 +15,3 @@ * * (Default) `out`—Zooms the content from the outside to the inside. | ||
| /** | ||
| * Represent the props of the Zoom Animation component for React. | ||
| * Represent the props of the [Kendo UI Zoom Animation component for React]({% slug animationtypes_animation %}#toc-zoom). | ||
| * | ||
@@ -111,23 +111,23 @@ * @example | ||
| /** | ||
| * Specifies the CSS class names which are set to the Animation component. | ||
| * Specifies the CSS class names which are set to the Animation. | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Specifies the direction of the Slide animations. Defaults to `down`. | ||
| * Specifies the direction of the Zoom Animation. Defaults to `down`. | ||
| */ | ||
| direction?: ZoomDirection; | ||
| /** | ||
| * Specifies the node type of the parent animation component. Defaults to `div`. | ||
| * Specifies the node type of the parent Asnimation. Defaults to `div`. | ||
| */ | ||
| component?: string; | ||
| /** | ||
| * Specifies the id of the Animation component. | ||
| * Specifies the id of the Animation. | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Specifies the style of the parent animation component. | ||
| * Specifies the style of the parent Animation. | ||
| */ | ||
| style?: any; | ||
| /** | ||
| * Specifies whether the animation child elements should stack on top of each other without interfering. | ||
| * Specifies whether the child elements will stack on top of each other without interfering. | ||
| */ | ||
@@ -134,0 +134,0 @@ stackChildren?: boolean; |
@@ -1,1 +0,1 @@ | ||
| System.register("@progress/kendo-react-animation",["react","prop-types","@progress/kendo-react-common","react-transition-group","react-dom"],function(u){var n,i,r,o,a;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){o=t(e)},function(e){a=t(e)}],execute:function(){!function(n){var i={};function r(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.m=n,r.c=i,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=8)}([function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var y=n(0),o=n(1),m=n(3),x=n(6),O=n(7),g=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.childFactory,i=e.className,r=e.component,o=e.id,a=e.style,p=e.stackChildren,s=e.componentChildClassName,l=e.componentChildStyle,c=v(e,["children","childFactory","className","component","id","style","stackChildren","componentChildClassName","componentChildStyle"]),u={childFactory:n,className:m.classNames(g["animation-container"],i),component:r,id:o,style:a},d=h({position:p?"absolute":"initial"},l),f=y.Children.map(t,function(e){return y.createElement(x.default,h({},c,{style:d,className:s}),e)});return y.createElement(O.TransitionGroup,h({},u),f)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},t.defaultProps={component:"div"},t}(y.Component);t.default=a},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={outerHeight:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop),i=parseFloat(t.marginBottom);return e.offsetHeight+n+i},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),i=parseFloat(t.marginRight);return e.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(e,t){e.exports=a},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},D=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var S=n(0),o=n(1),C=n(3),N=n(7),W=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),t.prototype.render=function(){var t=this,e=this.props,n=e.children,i=e.style,r=e.appear,o=e.enter,a=e.exit,p=e.transitionName,s=e.transitionEnterDuration,l=e.transitionExitDuration,c=e.className,u=e.onEnter,d=e.onEntering,f=e.onEntered,h=e.onExit,v=e.onExiting,y=e.onExited,m=e.mountOnEnter,x=e.unmountOnExit,O=e.animationEnteringStyle,g=e.animationEnteredStyle,_=e.animationExitingStyle,E=e.animationExitedStyle,b=D(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=C.classNames(c,W["child-animation-container"]),w=z({transitionDelay:"0ms"},i),j={entering:z({transitionDuration:s+"ms"},O),entered:z({},g),exiting:z({transitionDuration:l+"ms"},_),exited:z({},E)},P={in:this.props.in,appear:r,enter:o,exit:a,mountOnEnter:m,unmountOnExit:x,timeout:{enter:s,exit:l},onEnter:function(e){u&&u.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){d&&d.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){f&&f.call(void 0,{animatedElement:e,target:t})},onExit:function(e){h&&h.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){v&&v.call(void 0,{animatedElement:e,target:t})},onExited:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},classNames:{appear:W[p+"-appear"]||p+"-appear",appearActive:W[p+"-appear-active"]||p+"-appear-active",enter:W[p+"-enter"]||p+"-enter",enterActive:W[p+"-enter-active"]||p+"-enter-active",exit:W[p+"-exit"]||p+"-exit",exitActive:W[p+"-exit-active"]||p+"-exit-active"}};return S.createElement(N.CSSTransition,z({},P,b),function(e){return S.createElement("div",{style:z({},w,j[e]),className:k,ref:function(e){t._element=e}},n)})},t.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:C.noop,onEntering:C.noop,onEntered:C.noop,onExit:C.noop,onExiting:C.noop,onExited:C.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(S.Component);t.default=a},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.default;var r=n(6);t.AnimationChild=r.default;var o=n(9);t.Fade=o.default;var a=n(10);t.Expand=a.default;var p=n(11);t.Push=p.default;var s=n(12);t.Slide=s.default;var l=n(13);t.Zoom=l.default;var c=n(14);t.Reveal=c.default,function(e){for(var t in e)u(t,e[t])}(t)},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return p.createElement(l.default,o({},{transitionName:"fade"},n),t)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"expand-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["horizontal","vertical"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"push-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["up","down","left","right"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"slide-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["up","down","left","right"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"zoom-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["in","out"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},u=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var d=n(0),p=n(5),o=n(1),f=n(2),s=n(3),l=n(4),a=function(e){function t(){var a=null!==e&&e.apply(this,arguments)||this;return a.state={maxHeight:void 0,maxWidth:void 0},a.componentWillEnter=function(e){var t=a.props.onEnter;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentIsEntering=function(e){var t=a.props.onEntering;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentWillExit=function(e){var t=a.props.onExit;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.updateContainerDimensions=function(e,t){void 0===t&&(t=s.noop);var n=p.findDOMNode(e);if(n){var i=n.firstChild;if(i){var r=l.default.outerHeight(i),o=l.default.outerWidth(i);a.setState({maxHeight:r,maxWidth:o},t)}}},a}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions(p.findDOMNode(this),s.noop)},t.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=u(e,["direction","children","childFactory"]),a=this.state,p=a.maxHeight,s=a.maxWidth,l={maxHeight:(t="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:s?s+"px":null}).maxHeight,maxWidth:t.maxWidth};return d.createElement(f.default,c({},o,{childFactory:r||function(e){return e.props.in?e:d.cloneElement(e,c({},e.props,{style:c({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:l,transitionName:"reveal-"+n}),i)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(d.Component);t.default=a}])}}}); | ||
| System.register("@progress/kendo-react-animation",["prop-types","@progress/kendo-react-common","react","react-transition-group","react-dom"],function(u){var n,i,r,o,a;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){o=t(e)},function(e){a=t(e)}],execute:function(){!function(n){var i={};function r(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.m=n,r.c=i,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=8)}([function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),h=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var y=n(0),o=n(1),m=n(3),x=n(6),O=n(7),g=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=e.childFactory,i=e.className,r=e.component,o=e.id,a=e.style,p=e.stackChildren,s=e.componentChildClassName,l=e.componentChildStyle,c=v(e,["children","childFactory","className","component","id","style","stackChildren","componentChildClassName","componentChildStyle"]),u={childFactory:n,className:m.classNames(g["animation-container"],i),component:r,id:o,style:a},d=h({position:p?"absolute":"initial"},l),f=y.Children.map(t,function(e){return y.createElement(x.default,h({},c,{style:d,className:s}),e)});return y.createElement(O.TransitionGroup,h({},u),f)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,component:o.string,id:o.string,style:o.any,transitionName:o.string.isRequired,appear:o.bool.isRequired,enter:o.bool.isRequired,exit:o.bool.isRequired,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired},t.defaultProps={component:"div"},t}(y.Component);t.default=a},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={outerHeight:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop),i=parseFloat(t.marginBottom);return e.offsetHeight+n+i},outerWidth:function(e){if(!e)return 0;var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginLeft),i=parseFloat(t.marginRight);return e.offsetWidth+n+i},styles:{"animation-container":"k-animation-container","animation-container-fixed":"k-animation-container-fixed","push-right-enter":"k-push-right-enter","push-right-appear":"k-push-right-appear","push-right-enter-active":"k-push-right-enter-active","push-right-appear-active":"k-push-right-appear-active","push-right-exit":"k-push-right-exit","push-right-exit-active":"k-push-right-exit-active","push-left-enter":"k-push-left-enter","push-left-appear":"k-push-left-appear","push-left-enter-active":"k-push-left-enter-active","push-left-appear-active":"k-push-left-appear-active","push-left-exit":"k-push-left-exit","push-left-exit-active":"k-push-left-exit-active","push-down-enter":"k-push-down-enter","push-down-appear":"k-push-down-appear","push-down-enter-active":"k-push-down-enter-active","push-down-appear-active":"k-push-down-appear-active","push-down-exit":"k-push-down-exit","push-down-exit-active":"k-push-down-exit-active","push-up-enter":"k-push-up-enter","push-up-appear":"k-push-up-appear","push-up-enter-active":"k-push-up-enter-active","push-up-appear-active":"k-push-up-appear-active","push-up-exit":"k-push-up-exit","push-up-exit-active":"k-push-up-exit-active",expand:"k-expand","expand-vertical-enter":"k-expand-vertical-enter","expand-vertical-appear":"k-expand-vertical-appear","expand-vertical-enter-active":"k-expand-vertical-enter-active","expand-vertical-appear-active":"k-expand-vertical-appear-active","expand-vertical-exit":"k-expand-vertical-exit","expand-vertical-exit-active":"k-expand-vertical-exit-active","expand-horizontal-enter":"k-expand-horizontal-enter","expand-horizontal-appear":"k-expand-horizontal-appear","expand-horizontal-enter-active":"k-expand-horizontal-enter-active","expand-horizontal-appear-active":"k-expand-horizontal-appear-active","expand-horizontal-exit":"k-expand-horizontal-exit","expand-horizontal-exit-active":"k-expand-horizontal-exit-active","child-animation-container":"k-child-animation-container","fade-enter":"k-fade-enter","fade-appear":"k-fade-appear","fade-enter-active":"k-fade-enter-active","fade-appear-active":"k-fade-appear-active","fade-exit":"k-fade-exit","fade-exit-active":"k-fade-exit-active","zoom-in-enter":"k-zoom-in-enter","zoom-in-appear":"k-zoom-in-appear","zoom-in-enter-active":"k-zoom-in-enter-active","zoom-in-appear-active":"k-zoom-in-appear-active","zoom-in-exit":"k-zoom-in-exit","zoom-in-exit-active":"k-zoom-in-exit-active","zoom-out-enter":"k-zoom-out-enter","zoom-out-appear":"k-zoom-out-appear","zoom-out-enter-active":"k-zoom-out-enter-active","zoom-out-appear-active":"k-zoom-out-appear-active","zoom-out-exit":"k-zoom-out-exit","zoom-out-exit-active":"k-zoom-out-exit-active","slide-in-appear":"k-slide-in-appear",centered:"k-centered","slide-in-appear-active":"k-slide-in-appear-active","slide-down-enter":"k-slide-down-enter","slide-down-appear":"k-slide-down-appear","slide-down-enter-active":"k-slide-down-enter-active","slide-down-appear-active":"k-slide-down-appear-active","slide-down-exit":"k-slide-down-exit","slide-down-exit-active":"k-slide-down-exit-active","slide-up-enter":"k-slide-up-enter","slide-up-appear":"k-slide-up-appear","slide-up-enter-active":"k-slide-up-enter-active","slide-up-appear-active":"k-slide-up-appear-active","slide-up-exit":"k-slide-up-exit","slide-up-exit-active":"k-slide-up-exit-active","slide-right-enter":"k-slide-right-enter","slide-right-appear":"k-slide-right-appear","slide-right-enter-active":"k-slide-right-enter-active","slide-right-appear-active":"k-slide-right-appear-active","slide-right-exit":"k-slide-right-exit","slide-right-exit-active":"k-slide-right-exit-active","slide-left-enter":"k-slide-left-enter","slide-left-appear":"k-slide-left-appear","slide-left-enter-active":"k-slide-left-enter-active","slide-left-appear-active":"k-slide-left-appear-active","slide-left-exit":"k-slide-left-exit","slide-left-exit-active":"k-slide-left-exit-active","reveal-vertical-enter":"k-reveal-vertical-enter","reveal-vertical-appear":"k-reveal-vertical-appear","reveal-vertical-enter-active":"k-reveal-vertical-enter-active","reveal-vertical-appear-active":"k-reveal-vertical-appear-active","reveal-vertical-exit":"k-reveal-vertical-exit","reveal-vertical-exit-active":"k-reveal-vertical-exit-active","reveal-horizontal-enter":"k-reveal-horizontal-enter","reveal-horizontal-appear":"k-reveal-horizontal-appear","reveal-horizontal-enter-active":"k-reveal-horizontal-enter-active","reveal-horizontal-appear-active":"k-reveal-horizontal-appear-active","reveal-horizontal-exit":"k-reveal-horizontal-exit","reveal-horizontal-exit-active":"k-reveal-horizontal-exit-active"}}},function(e,t){e.exports=a},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),z=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},D=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var S=n(0),o=n(1),C=n(3),N=n(7),W=n(4).default.styles,a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),Object.defineProperty(t.prototype,"element",{get:function(){return this._element},enumerable:!0,configurable:!0}),t.prototype.render=function(){var t=this,e=this.props,n=e.children,i=e.style,r=e.appear,o=e.enter,a=e.exit,p=e.transitionName,s=e.transitionEnterDuration,l=e.transitionExitDuration,c=e.className,u=e.onEnter,d=e.onEntering,f=e.onEntered,h=e.onExit,v=e.onExiting,y=e.onExited,m=e.mountOnEnter,x=e.unmountOnExit,O=e.animationEnteringStyle,g=e.animationEnteredStyle,_=e.animationExitingStyle,E=e.animationExitedStyle,b=D(e,["children","style","appear","enter","exit","transitionName","transitionEnterDuration","transitionExitDuration","className","onEnter","onEntering","onEntered","onExit","onExiting","onExited","mountOnEnter","unmountOnExit","animationEnteringStyle","animationEnteredStyle","animationExitingStyle","animationExitedStyle"]),k=C.classNames(c,W["child-animation-container"]),w=z({transitionDelay:"0ms"},i),j={entering:z({transitionDuration:s+"ms"},O),entered:z({},g),exiting:z({transitionDuration:l+"ms"},_),exited:z({},E)},P={in:this.props.in,appear:r,enter:o,exit:a,mountOnEnter:m,unmountOnExit:x,timeout:{enter:s,exit:l},onEnter:function(e){u&&u.call(void 0,{animatedElement:e,target:t})},onEntering:function(e){d&&d.call(void 0,{animatedElement:e,target:t})},onEntered:function(e){f&&f.call(void 0,{animatedElement:e,target:t})},onExit:function(e){h&&h.call(void 0,{animatedElement:e,target:t})},onExiting:function(e){v&&v.call(void 0,{animatedElement:e,target:t})},onExited:function(e){y&&y.call(void 0,{animatedElement:e,target:t})},classNames:{appear:W[p+"-appear"]||p+"-appear",appearActive:W[p+"-appear-active"]||p+"-appear-active",enter:W[p+"-enter"]||p+"-enter",enterActive:W[p+"-enter-active"]||p+"-enter-active",exit:W[p+"-exit"]||p+"-exit",exitActive:W[p+"-exit-active"]||p+"-exit-active"}};return S.createElement(N.CSSTransition,z({},P,b),function(e){return S.createElement("div",{style:z({},w,j[e]),className:k,ref:function(e){t._element=e}},n)})},t.propTypes={in:o.bool,children:o.oneOfType([o.arrayOf(o.node),o.node]),transitionName:o.string.isRequired,className:o.string,appear:o.bool,enter:o.bool,exit:o.bool,transitionEnterDuration:o.number.isRequired,transitionExitDuration:o.number.isRequired,mountOnEnter:o.bool,unmountOnExit:o.bool,animationEnteringStyle:o.object,animationEnteredStyle:o.object,animationExitingStyle:o.object,animationExitedStyle:o.object},t.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:C.noop,onEntering:C.noop,onEntered:C.noop,onExit:C.noop,onExiting:C.noop,onExited:C.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}},t}(S.Component);t.default=a},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.Animation=i.default;var r=n(6);t.AnimationChild=r.default;var o=n(9);t.Fade=o.default;var a=n(10);t.Expand=a.default;var p=n(11);t.Push=p.default;var s=n(12);t.Slide=s.default;var l=n(13);t.Zoom=l.default;var c=n(14);t.Reveal=c.default,function(e){for(var t in e)u(t,e[t])}(t)},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.children,n=a(e,["children"]);return p.createElement(l.default,o({},{transitionName:"fade"},n),t)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"expand-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["horizontal","vertical"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"push-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["up","down","left","right"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(1),l=n(2),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.children,i=a(e,["direction","children"]),r={transitionName:"slide-"+t};return p.createElement(l.default,o({},r,i),n)},t.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]),childFactory:s.any,className:s.string,direction:s.oneOf(["up","down","left","right"]),component:s.string,id:s.string,style:s.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"},t}(p.Component);t.default=c},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var p=n(0),s=n(5),l=n(1),c=n(2),u=n(3),d=n(4),f=function(e){function t(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={style:null},r.componentWillEnter=function(e){var t=r.props.onEnter;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.componentDidEnter=function(e){var t=r.props.onEntered;r.updateContainerDimensions(function(){t&&t.call(void 0,e)})},r.updateContainerDimensions=function(e){void 0===e&&(e=u.noop);var t=s.findDOMNode(r);if(t){var n,i=t.firstChild;r.props.stackChildren&&i&&(n={height:d.default.outerHeight(i)+"px",width:d.default.outerWidth(i)+"px"}),r.setState({style:n},e)}},r}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions()},t.prototype.componentDidMount=function(){this.updateContainerDimensions()},t.prototype.render=function(){var e=this.props,t=e.children,n=e.direction,i=e.style,r=a(e,["children","direction","style"]);return p.createElement(c.default,o({},r,{onEnter:this.componentWillEnter,onEntered:this.componentDidEnter,transitionName:"zoom-"+n,style:o({style:i},this.state.style)}),t)},t.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]),childFactory:l.any,className:l.string,direction:l.oneOf(["in","out"]),component:l.string,id:l.string,style:l.any,stackChildren:l.bool},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1},t}(p.Component);t.default=f},function(e,t,n){"use strict";var i,r=this&&this.__extends||(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=this&&this.__assign||Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},u=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var d=n(0),p=n(5),o=n(1),f=n(2),s=n(3),l=n(4),a=function(e){function t(){var a=null!==e&&e.apply(this,arguments)||this;return a.state={maxHeight:void 0,maxWidth:void 0},a.componentWillEnter=function(e){var t=a.props.onEnter;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentIsEntering=function(e){var t=a.props.onEntering;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.componentWillExit=function(e){var t=a.props.onExit;a.updateContainerDimensions(e.animatedElement,function(){t&&t.call(void 0,e)})},a.updateContainerDimensions=function(e,t){void 0===t&&(t=s.noop);var n=p.findDOMNode(e);if(n){var i=n.firstChild;if(i){var r=l.default.outerHeight(i),o=l.default.outerWidth(i);a.setState({maxHeight:r,maxWidth:o},t)}}},a}return r(t,e),t.prototype.componentWillReceiveProps=function(){this.updateContainerDimensions(p.findDOMNode(this),s.noop)},t.prototype.render=function(){var t,e=this.props,n=e.direction,i=e.children,r=e.childFactory,o=u(e,["direction","children","childFactory"]),a=this.state,p=a.maxHeight,s=a.maxWidth,l={maxHeight:(t="vertical"===n?{maxHeight:p?p+"px":null}:{maxWidth:s?s+"px":null}).maxHeight,maxWidth:t.maxWidth};return d.createElement(f.default,c({},o,{childFactory:r||function(e){return e.props.in?e:d.cloneElement(e,c({},e.props,{style:c({},e.props.style,{maxHeight:t.maxHeight,maxWidth:t.maxWidth})}))},onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:l,transitionName:"reveal-"+n}),i)},t.propTypes={children:o.oneOfType([o.arrayOf(o.node),o.node]),childFactory:o.any,className:o.string,direction:o.oneOf(["horizontal","vertical"]),component:o.string,id:o.string,style:o.any},t.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"},t}(d.Component);t.default=a}])}}}); |
| { | ||
| "name": "@progress/kendo-react-animation", | ||
| "description": "Kendo UI for React Animation package", | ||
| "version": "1.3.0-dev.201808201254", | ||
| "version": "1.3.0-dev.201808280548", | ||
| "repository": { | ||
@@ -30,3 +30,3 @@ "type": "git", | ||
| "dependencies": { | ||
| "@progress/kendo-react-common": "1.3.0-dev.201808201254", | ||
| "@progress/kendo-react-common": "1.3.0-dev.201808280548", | ||
| "prop-types": "^15.6.0", | ||
@@ -33,0 +33,0 @@ "react-transition-group": "^2.2.0" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by1.05%
268376
- Lines of code
- increased by0.54%
4871
Dependency changes
+ Added@progress/kendo-react-common@1.3.0-dev.201808280548(transitive)
- Removed@progress/kendo-react-common@1.3.0-dev.201808201254(transitive)