this.BX=this.BX||{};this.BX.Messenger=this.BX.Messenger||{};this.BX.Messenger.v2=this.BX.Messenger.v2||{};this.BX.Messenger.v2.Component=this.BX.Messenger.v2.Component||{};(function(t,e){"use strict";const n={props:{duration:{type:Number,default:300}},methods:{onBeforeEnter(t){e.Dom.style(t,"overflow","hidden");e.Dom.style(t,"transition",`height ${this.duration}ms, opacity ${this.duration}ms`)},onBeforeLeave(t){this.onBeforeEnter(t)},onEnter(t){e.Dom.style(t,"height",0);e.Dom.style(t,"opacity",0);requestAnimationFrame((()=>{requestAnimationFrame((()=>{e.Dom.style(t,"opacity",1);e.Dom.style(t,"height",`${t.scrollHeight}px`)}))}))},onAfterEnter(t){e.Dom.style(t,"height","auto")},onLeave(t){e.Dom.style(t,"height",`${t.scrollHeight}px`);requestAnimationFrame((()=>{e.Dom.style(t,"height",0);e.Dom.style(t,"opacity",0)}))}},template:`\n\t\t<Transition\n\t\t\t@before-enter="onBeforeEnter"\n\t\t\t@enter="onEnter"\n\t\t\t@after-enter="onAfterEnter"\n\t\t\t@before-leave="onBeforeLeave"\n\t\t\t@leave="onLeave"\n\t\t>\n\t\t\t<slot></slot>\n\t\t</Transition>\n\t`};const o={name:"FadeAnimation",props:{duration:{type:Number,default:100}},emits:["afterEnter"],computed:{formattedDuration(){return`${this.duration}ms`}},methods:{setDuration(t){e.Dom.style(t,"transition-duration",this.formattedDuration)},clearDuration(t){e.Dom.style(t,"transition-duration","")},onAfterEnter(t){this.$emit("afterEnter");this.clearDuration(t)}},template:`\n\t\t<Transition\n\t\t\tname="im-animation-fade"\n\t\t\t@beforeEnter="setDuration"\n\t\t\t@afterEnter="onAfterEnter"\n\t\t\t@beforeLeave="setDuration"\n\t\t\t@afterLeave="clearDuration"\n\t\t>\n\t\t\t<slot></slot>\n\t\t</Transition>\n\t`};t.ExpandAnimation=n;t.FadeAnimation=o})(this.BX.Messenger.v2.Component.Animation=this.BX.Messenger.v2.Component.Animation||{},BX);
//# sourceMappingURL=registry.bundle.map.js