@progress/kendo-vue-animation/Animation.js

Kendo UI for Vue Animation package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./AnimationChild.js"),n=require("@progress/kendo-vue-common"),d=require("./package-metadata.js"),c=require("./util.js");function p(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const i=c.styles,h=e.defineComponent({props:{componentChildStyle:Object,childFactory:Object,className:String,tag:String,id:String,animationEnteringStyle:Object,animationExitingStyle:Object,componentChildClassName:[Array],transitionName:{type:String,required:!0},appear:{type:Boolean,default:!0},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number},transitionExitDuration:{type:Number},onEntering:Function,onEnter:Function,onEntered:Function,onExit:Function,onExiting:Function,onExited:Function},methods:{handleEntering(t){this.$emit("entering",t)},handleEnter(t){this.$emit("enter",t)},handleEntered(t){this.$emit("entered",t)},handleExit(t){this.$emit("exit",t)},handleExiting(t){this.$emit("exiting",t)},handleExited(t){this.$emit("exited",t)}},created:function(){n.validatePackage(d.packageMetadata)},render(){const t=n.getDefaultSlots(this),{id:m,tag:u,role:o,className:a,childFactory:E,stackChildren:g,componentChildStyle:r,componentChildClassName:y,...x}=this.$props,s=[i["animation-container"],i["animation-container-relative"],a];return e.createVNode("div",{id:this.$props.id,class:s,role:o},[e.createVNode(l.AnimationChild,{key:"some",style:r,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionName:this.$props.transitionName,componentChildClassName:this.$props.componentChildClassName,onBeforeenter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered,onExit:this.handleExit,onExiting:this.handleExiting,onExited:this.handleExited,animationEnteringStyle:this.$props.animationEnteringStyle,animationExitingStyle:this.$props.animationExitingStyle,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},p(t)?t:{default:()=>[t]})])}});exports.Animation=h;