@square/maker/components/TransitionResize/script.js

Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../../utils/transitions"),require("popmotion"),require("stylefire"));else if("function"==typeof define&&define.amd)define(["../../utils/transitions","popmotion","stylefire"],t);else{var o="object"==typeof exports?t(require("../../utils/transitions"),require("popmotion"),require("stylefire")):t(e["../../utils/transitions"],e.popmotion,e.stylefire);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(function(e,t,o){return(()=>{"use strict";var r={387:t=>{t.exports=e},922:e=>{e.exports=t},543:e=>{e.exports=o}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{i.r(s),i.d(s,{MTransitionResize:()=>n});var e=i(543),t=i.n(e),o=i(922),r=i(387);const n=function(e,t,o,r,n,i,s,a){var l,f="function"==typeof e?e.options:e;if(t&&(f.render=t,f.staticRenderFns=o,f._compiled=!0),r&&(f.functional=!0),i&&(f._scopeId="data-v-"+i),s?(l=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},f._ssrRegister=l):n&&(l=a?function(){n.call(this,(f.functional?this.parent:this).$root.$options.shadowRoot)}:n),l)if(f.functional){f._injectStyles=l;var d=f.render;f.render=function(e,t){return l.call(t),d(e,t)}}else{var p=f.beforeCreate;f.beforeCreate=p?[].concat(p,l):[l]}return{exports:e,options:f}}({name:"TransitionResize",data:()=>({leaveWidth:0,leaveHeight:0,enterWidth:0,enterHeight:0}),methods:{onBeforeEnter(e){e.style.setProperty("opacity","0%"),e.style.setProperty("overflow","hidden")},onEnter(e,n){if(this.enterWidth=e.offsetWidth,this.enterHeight=e.offsetHeight,this.leaveWidth===this.enterWidth&&this.leaveHeight===this.enterHeight)return e.style.removeProperty("overflow"),void(0,r.fadeInFn)({element:e,onComplete:n});!function({element:e,startWidth:n,endWidth:i,startHeight:s,endHeight:a,onComplete:l}){const f=t()(e),d=(0,r.styleFactory)(n,i,"width","px"),p=(0,r.styleFactory)(s,a,"height","px"),h=e=>({...d(e),...p(e)}),u=r.animateUp;f.set(h(u.from)),f.render(),(0,o.animate)({...u,...r.spring,onUpdate(e){f.set(h(e))},onComplete:l})}({element:e,startWidth:this.leaveWidth,endWidth:this.enterWidth,startHeight:this.leaveHeight,endHeight:this.enterHeight,onComplete(){e.style.removeProperty("overflow"),(0,r.fadeInFn)({element:e,onComplete:n})}})},onAfterEnter(e){window.setTimeout((()=>{e.style.removeProperty("opacity"),e.style.removeProperty("width"),e.style.removeProperty("height")}),50)},onBeforeLeave(e){this.leaveWidth=e.offsetWidth,this.leaveHeight=e.offsetHeight},onLeave(e,t){(0,r.fadeOutFn)({element:e,onComplete:t})}}},(function(){var e=this,t=e.$createElement;return(e._self._c||t)("transition",e._g(e._b({attrs:{css:!1,mode:"out-in"},on:{"before-enter":e.onBeforeEnter,enter:e.onEnter,"after-enter":e.onAfterEnter,"before-leave":e.onBeforeLeave,leave:e.onLeave}},"transition",e.$attrs,!1),e.$listeners),[e._t("default")],2)}),[],!1,null,null,null).exports})(),s})()}));
//# sourceMappingURL=script.js.map