@progress/kendo-vue-animation - npm Package Compare versions

Comparing version 6.2.0 to 6.3.0-develop.1

dist/cdn/js/kendo-vue-animation.js

@@ -15,2 +15,2 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueAnimation={},e.Vue,e.KendoVueCommon)}(this,(function(e,t,i){"use strict";const n=e=>{if(!e)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(t.marginTop),n=parseFloat(t.marginBottom);return e.offsetHeight+i+n},a=e=>{if(!e)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(t.marginLeft),n=parseFloat(t.marginRight);return e.offsetWidth+i+n},o={"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","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"},r=o,p=t.defineComponent({props:{in:Boolean,transitionName:{type:String,required:!0},transitionStyle:Object,componentChildClassName:[Array],className:String,appear:{type:Boolean,default:!0},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:Number,transitionExitDuration:Number,mountOnEnter:Boolean,unmountOnExit:Boolean,animationEnteringStyle:Object,animationEnteredStyle:Object,animationExitingStyle:Object,animationExitedStyle:Object,onBeforeenter:Function,onEntering:Function,onEntered:Function,onExit:Function,onExiting:Function,onExited:Function},created:function(){this.animationStep=""},setup:function(){return{elementRef:t.ref(null)}},mounted(){this._element=this.elementRef||null},computed:{element(){return this._element}},methods:{handleBeforeEnter(e){this.$emit("beforeenter",{animatedElement:e,target:this})},handleEnter(e){this.animationStep="entering",this.$emit("entering",{animatedElement:e,target:this})},handleAfterEnter(e){this.animationStep="entered",this.$emit("entered",{animatedElement:e,target:this})},handleBeforeLeave(e){this.$emit("exit",{animatedElement:e,target:this})},handleLeave(e){this.animationStep="exiting",this.$emit("exiting",{animatedElement:e,target:this})},handleAfterLeave(e){this.animationStep="exited",this.$emit("exited",{animatedElement:e,target:this})}},render(){const{appear:e,enter:n,exit:a,transitionName:o,transitionEnterDuration:p,transitionExitDuration:s,className:l,componentChildClassName:d,mountOnEnter:c,unmountOnExit:h,animationEnteringStyle:u,animationEnteredStyle:m,animationExitingStyle:x,animationExitedStyle:v,...f}=this.$props,E=i.getDefaultSlots(this),g=e,y=t.Transition,k=[d,r["child-animation-container"]];let $=n?p:0,S=a?s:0;let D=[{transitionDelay:"0ms",transitionDuration:g?`${$}ms`:`${S}ms`,...this.$props.transitionStyle},{entering:{transitionDuration:`${$}ms`,...u},entered:{...m},exiting:{transitionDuration:`${S}ms`,...x},exited:{...v}}[this.animationStep]];const N={enter:$,leave:S},b=[g?t.h("div",{style:D,class:k,ref:e=>{this.elementRef=e}},[E]):null];return t.h(y,{duration:N,name:o,appear:e,appearFromClass:r[`${o}-appear`]||`${o}-appear`,enterFromClass:r[`${o}-enter`]||`${o}-enter`,leaveFromClass:r[`${o}-exit`]||`${o}-exit`,appearToClass:r[`${o}-appear-active`]||`${o}-appear-active`,enterToClass:r[`${o}-enter-active`]||`${o}-enter-active`,leaveToClass:r[`${o}-exit-active`]||`${o}-exit-active`,onBeforeEnter:this.handleBeforeEnter,onEnter:this.handleEnter,onAfterEnter:this.handleAfterEnter,onBeforeLeave:this.handleBeforeLeave,onLeave:this.handleLeave,onAfterLeave:this.handleAfterLeave},(()=>b))}}),s={name:"@progress/kendo-vue-animation",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"6.2.0",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};function l(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const d=o,c=t.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(e){this.$emit("entering",e)},handleEnter(e){this.$emit("enter",e)},handleEntered(e){this.$emit("entered",e)},handleExit(e){this.$emit("exit",e)},handleExiting(e){this.$emit("exiting",e)},handleExited(e){this.$emit("exited",e)}},created:function(){i.validatePackage(s)},render(){const e=i.getDefaultSlots(this),{id:n,tag:a,role:o,className:r,childFactory:s,stackChildren:c,componentChildStyle:h,componentChildClassName:u,...m}=this.$props,x=[d["animation-container"],d["animation-container-relative"],r];return t.createVNode("div",{id:this.$props.id,class:x,role:o},[t.createVNode(p,{key:"some",style:h,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},l(e)?e:{default:()=>[e]})])}});const h=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!1},transitionEnterDuration:{type:Number,default:500},transitionExitDuration:{type:Number,default:500},componentChildStyle:Object,childFactory:Object,className:String,tag:String,id:String},render(){const e=i.getDefaultSlots(this);return t.createVNode(c,{transitionName:"fade",appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,componentChildStyle:this.$props.componentChildStyle,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const u=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,className:String,direction:{type:String,default:"vertical"},componentChildStyle:Object,tag:String,id:String},render(){const e=i.getDefaultSlots(this);this.$props;const n=`expand-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,componentChildStyle:this.$props.componentChildStyle,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const m={position:"absolute",top:"0",left:"0"},x=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,componentChildStyle:Object,className:String,direction:{type:String,default:"right"},tag:String,id:String},render(){const e=i.getDefaultSlots(this),n=`push-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,componentChildStyle:this.$props.componentChildStyle,animationExitingStyle:this.$props.stackChildren?m:void 0},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const v=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},componentChildClassName:[Array],childFactory:Object,componentChildStyle:Object,className:String,direction:{type:String,default:"down"},tag:String,id:String,role:String,onBeforeenter:Function,onEntering:Function,onEntered:Function,onExit:Function,onExiting:Function,onExited:Function},methods:{handleEntering(e){this.$emit("entering",e)},handleEnter(e){this.$emit("enter",e)},handleEntered(e){this.$emit("entered",e)},handleExit(e){this.$emit("exit",e)},handleExiting(e){this.$emit("exiting",e)},handleExited(e){this.$emit("exited",e)}},render(){const e=i.getDefaultSlots(this),{direction:n,id:a,...o}=this.$props,r=`slide-${this.$props.direction}`;return t.createVNode(c,{id:a,transitionName:r,componentChildClassName:this.$props.componentChildClassName,componentChildStyle:this.$props.componentChildStyle,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered,onExit:this.handleExit,onExiting:this.handleExiting,onExited:this.handleExited,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const f={position:"absolute",top:"0",left:"0"},E=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},stackChildren:{type:Boolean,default:!1},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,className:String,direction:{type:String,default:"out"},tag:String,id:String},render(){const e=i.getDefaultSlots(this),n=`zoom-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,animationExitingStyle:this.$props.stackChildren?f:void 0},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const g=function(){},y=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},componentChildStyle:Object,childFactory:Object,className:String,direction:{type:String,default:"vertical"},tag:String,id:String,onEnter:Function,onEntering:Function,onExit:Function,onExited:Function},data:()=>({maxHeight:"",maxWidth:""}),methods:{componentWillEnter(e){const{onEnter:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},componentIsEntering(e){const{onEntering:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},componentWillExit(e){const{onExit:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},updateContainerDimensions(e,t=g){const i=e?e.firstElementChild:null;if(i){const e=n(i),o=a(i);this.$data.maxHeight=e,this.$data.maxWidth=o,t()}}},computed:{animationEnteringStyle(){let e;return e="vertical"===this.$props.direction?{maxHeight:this.maxHeight?`${this.maxHeight}px`:null}:{maxWidth:this.maxWidth?`${this.maxWidth}px`:null},{maxHeight:e.maxHeight,maxWidth:e.maxWidth}}},render(){const e=i.getDefaultSlots(this);this.$props;const n=`reveal-${this.$props.direction}`;return t.createVNode(c,{appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,componentChildStyle:this.$props.componentChildStyle,animationEnteringStyle:this.animationEnteringStyle,transitionName:n},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});e.Animation=c,e.AnimationChild=p,e.Expand=u,e.Fade=h,e.Push=x,e.Reveal=y,e.Slide=v,e.Zoom=E,e.animate=(e,t=0,i=0)=>{const n=e.duration;let a,o,r=t&&1-t;e.onStart&&e.onStart();const p=i=>{a||(a=i),o=i-a+1;const s=o/n+r;s<=1?(e.onUpdate&&e.onUpdate(s),window.requestAnimationFrame(p),t=s):(e.onEnd&&e.onEnd(1),t=0)};return window.requestAnimationFrame(p)},e.cancelAnimation=e=>{e&&window.cancelAnimationFrame(e)}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueAnimation={},e.Vue,e.KendoVueCommon)}(this,(function(e,t,i){"use strict";const n=e=>{if(!e)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(t.marginTop),n=parseFloat(t.marginBottom);return e.offsetHeight+i+n},a=e=>{if(!e)return 0;const t=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(t.marginLeft),n=parseFloat(t.marginRight);return e.offsetWidth+i+n},o={"animation-container":"k-animation-container","animation-container-relative":"k-animation-container-relative","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"},r=o,p=t.defineComponent({props:{in:Boolean,transitionName:{type:String,required:!0},transitionStyle:Object,componentChildClassName:[Array],className:String,appear:{type:Boolean,default:!0},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:Number,transitionExitDuration:Number,mountOnEnter:Boolean,unmountOnExit:Boolean,animationEnteringStyle:Object,animationEnteredStyle:Object,animationExitingStyle:Object,animationExitedStyle:Object,onBeforeenter:Function,onEntering:Function,onEntered:Function,onExit:Function,onExiting:Function,onExited:Function},created:function(){this.animationStep=""},setup:function(){return{elementRef:t.ref(null)}},mounted(){this._element=this.elementRef||null},computed:{element(){return this._element}},methods:{handleBeforeEnter(e){this.$emit("beforeenter",{animatedElement:e,target:this})},handleEnter(e){this.animationStep="entering",this.$emit("entering",{animatedElement:e,target:this})},handleAfterEnter(e){this.animationStep="entered",this.$emit("entered",{animatedElement:e,target:this})},handleBeforeLeave(e){this.$emit("exit",{animatedElement:e,target:this})},handleLeave(e){this.animationStep="exiting",this.$emit("exiting",{animatedElement:e,target:this})},handleAfterLeave(e){this.animationStep="exited",this.$emit("exited",{animatedElement:e,target:this})}},render(){const{appear:e,enter:n,exit:a,transitionName:o,transitionEnterDuration:p,transitionExitDuration:s,className:l,componentChildClassName:d,mountOnEnter:c,unmountOnExit:h,animationEnteringStyle:u,animationEnteredStyle:m,animationExitingStyle:x,animationExitedStyle:v,...f}=this.$props,E=i.getDefaultSlots(this),g=e,y=t.Transition,k=[d,r["child-animation-container"]];let $=n?p:0,S=a?s:0;let D=[{transitionDelay:"0ms",transitionDuration:g?`${$}ms`:`${S}ms`,...this.$props.transitionStyle},{entering:{transitionDuration:`${$}ms`,...u},entered:{...m},exiting:{transitionDuration:`${S}ms`,...x},exited:{...v}}[this.animationStep]];const N={enter:$,leave:S},b=[g?t.h("div",{style:D,class:k,ref:e=>{this.elementRef=e}},[E]):null];return t.h(y,{duration:N,name:o,appear:e,appearFromClass:r[`${o}-appear`]||`${o}-appear`,enterFromClass:r[`${o}-enter`]||`${o}-enter`,leaveFromClass:r[`${o}-exit`]||`${o}-exit`,appearToClass:r[`${o}-appear-active`]||`${o}-appear-active`,enterToClass:r[`${o}-enter-active`]||`${o}-enter-active`,leaveToClass:r[`${o}-exit-active`]||`${o}-exit-active`,onBeforeEnter:this.handleBeforeEnter,onEnter:this.handleEnter,onAfterEnter:this.handleAfterEnter,onBeforeLeave:this.handleBeforeLeave,onLeave:this.handleLeave,onAfterLeave:this.handleAfterLeave},(()=>b))}}),s={name:"@progress/kendo-vue-animation",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"6.3.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};function l(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const d=o,c=t.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(e){this.$emit("entering",e)},handleEnter(e){this.$emit("enter",e)},handleEntered(e){this.$emit("entered",e)},handleExit(e){this.$emit("exit",e)},handleExiting(e){this.$emit("exiting",e)},handleExited(e){this.$emit("exited",e)}},created:function(){i.validatePackage(s)},render(){const e=i.getDefaultSlots(this),{id:n,tag:a,role:o,className:r,childFactory:s,stackChildren:c,componentChildStyle:h,componentChildClassName:u,...m}=this.$props,x=[d["animation-container"],d["animation-container-relative"],r];return t.createVNode("div",{id:this.$props.id,class:x,role:o},[t.createVNode(p,{key:"some",style:h,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},l(e)?e:{default:()=>[e]})])}});const h=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!1},transitionEnterDuration:{type:Number,default:500},transitionExitDuration:{type:Number,default:500},componentChildStyle:Object,childFactory:Object,className:String,tag:String,id:String},render(){const e=i.getDefaultSlots(this);return t.createVNode(c,{transitionName:"fade",appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,componentChildStyle:this.$props.componentChildStyle,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const u=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,className:String,direction:{type:String,default:"vertical"},componentChildStyle:Object,tag:String,id:String},render(){const e=i.getDefaultSlots(this);this.$props;const n=`expand-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,componentChildStyle:this.$props.componentChildStyle,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const m={position:"absolute",top:"0",left:"0"},x=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,componentChildStyle:Object,className:String,direction:{type:String,default:"right"},tag:String,id:String},render(){const e=i.getDefaultSlots(this),n=`push-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,componentChildStyle:this.$props.componentChildStyle,animationExitingStyle:this.$props.stackChildren?m:void 0},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const v=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},componentChildClassName:[Array],childFactory:Object,componentChildStyle:Object,className:String,direction:{type:String,default:"down"},tag:String,id:String,role:String,onBeforeenter:Function,onEntering:Function,onEntered:Function,onExit:Function,onExiting:Function,onExited:Function},methods:{handleEntering(e){this.$emit("entering",e)},handleEnter(e){this.$emit("enter",e)},handleEntered(e){this.$emit("entered",e)},handleExit(e){this.$emit("exit",e)},handleExiting(e){this.$emit("exiting",e)},handleExited(e){this.$emit("exited",e)}},render(){const e=i.getDefaultSlots(this),{direction:n,id:a,...o}=this.$props,r=`slide-${this.$props.direction}`;return t.createVNode(c,{id:a,transitionName:r,componentChildClassName:this.$props.componentChildClassName,componentChildStyle:this.$props.componentChildStyle,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered,onExit:this.handleExit,onExiting:this.handleExiting,onExited:this.handleExited,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const f={position:"absolute",top:"0",left:"0"},E=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},stackChildren:{type:Boolean,default:!1},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},childFactory:Object,className:String,direction:{type:String,default:"out"},tag:String,id:String},render(){const e=i.getDefaultSlots(this),n=`zoom-${this.$props.direction}`;return t.createVNode(c,{transitionName:n,appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,animationExitingStyle:this.$props.stackChildren?f:void 0},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});const g=function(){},y=t.defineComponent({props:{appear:{type:Boolean,default:!1},enter:{type:Boolean,default:!0},exit:{type:Boolean,default:!0},transitionEnterDuration:{type:Number,default:300},transitionExitDuration:{type:Number,default:300},componentChildStyle:Object,childFactory:Object,className:String,direction:{type:String,default:"vertical"},tag:String,id:String,onEnter:Function,onEntering:Function,onExit:Function,onExited:Function},data:()=>({maxHeight:"",maxWidth:""}),methods:{componentWillEnter(e){const{onEnter:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},componentIsEntering(e){const{onEntering:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},componentWillExit(e){const{onExit:t}=this.$props;this.updateContainerDimensions(e.animatedElement,(()=>{t&&t.call(void 0,e)}))},updateContainerDimensions(e,t=g){const i=e?e.firstElementChild:null;if(i){const e=n(i),o=a(i);this.$data.maxHeight=e,this.$data.maxWidth=o,t()}}},computed:{animationEnteringStyle(){let e;return e="vertical"===this.$props.direction?{maxHeight:this.maxHeight?`${this.maxHeight}px`:null}:{maxWidth:this.maxWidth?`${this.maxWidth}px`:null},{maxHeight:e.maxHeight,maxWidth:e.maxWidth}}},render(){const e=i.getDefaultSlots(this);this.$props;const n=`reveal-${this.$props.direction}`;return t.createVNode(c,{appear:this.$props.appear,enter:this.$props.enter,exit:this.$props.exit,transitionEnterDuration:this.$props.transitionEnterDuration,transitionExitDuration:this.$props.transitionExitDuration,onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,componentChildStyle:this.$props.componentChildStyle,animationEnteringStyle:this.animationEnteringStyle,transitionName:n},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}});e.Animation=c,e.AnimationChild=p,e.Expand=u,e.Fade=h,e.Push=x,e.Reveal=y,e.Slide=v,e.Zoom=E,e.animate=(e,t=0,i=0)=>{const n=e.duration;let a,o,r=t&&1-t;e.onStart&&e.onStart();const p=i=>{a||(a=i),o=i-a+1;const s=o/n+r;s<=1?(e.onUpdate&&e.onUpdate(s),window.requestAnimationFrame(p),t=s):(e.onEnd&&e.onEnd(1),t=0)};return window.requestAnimationFrame(p)},e.cancelAnimation=e=>{e&&window.cancelAnimationFrame(e)}}));

package-metadata.js

@@ -8,2 +8,2 @@ /**
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@progress/kendo-licensing");const e={name:"@progress/kendo-vue-animation",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1743071567,version:"6.2.0",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@progress/kendo-licensing");const e={name:"@progress/kendo-vue-animation",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1743147827,version:"6.3.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package.json

 {
   "name": "@progress/kendo-vue-animation",
-  "version": "6.2.0",
+  "version": "6.3.0-develop.1",
   "description": "Kendo UI for Vue Animation package",
@@ -22,3 +22,3 @@ "author": "Progress",
     "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-common": "6.2.0",
+    "@progress/kendo-vue-common": "6.3.0-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
@@ -40,3 +40,3 @@ "vue": "^3.0.2"
       "productCode": "KENDOUIVUE",
-      "publishDate": 1743071567,
+      "publishDate": 1743147827,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
@@ -43,0 +43,0 @@ }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

154150

0.03%

Worsened metrics

Number of low quality alerts

10

11.11%

No dependency changes