@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("stylefire"),require("popmotion"));else if("function"==typeof define&&define.amd)define(["../../utils/transitions","stylefire","popmotion"],t);else{var n="object"==typeof exports?t(require("../../utils/transitions"),require("stylefire"),require("popmotion")):t(e["../../utils/transitions"],e.stylefire,e.popmotion);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";n.r(t),n.d(t,"MTransitionResize",(function(){return a}));var r=n(1),o=n.n(r),i=n(2),s=n(0);var a=function(e,t,n,r,o,i,s,a){var f,l="function"==typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),s?(f=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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=f):o&&(f=a?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),f)if(l.functional){l._injectStyles=f;var u=l.render;l.render=function(e,t){return f.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,f):[f]}return{exports:e,options:l}}({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,t){if(this.enterWidth=e.offsetWidth,this.enterHeight=e.offsetHeight,this.leaveWidth===this.enterWidth&&this.leaveHeight===this.enterHeight)return e.style.removeProperty("overflow"),void Object(s.fadeInFn)({element:e,onComplete:t});!function({element:e,startWidth:t,endWidth:n,startHeight:r,endHeight:a,onComplete:f}){const l=o()(e),u=Object(s.styleFactory)(t,n,"width","px"),d=Object(s.styleFactory)(r,a,"height","px"),p=e=>({...u(e),...d(e)}),c=s.animateUp;l.set(p(c.from)),l.render(),Object(i.animate)({...c,...s.spring,onUpdate(e){l.set(p(e))},onComplete:f})}({element:e,startWidth:this.leaveWidth,endWidth:this.enterWidth,startHeight:this.leaveHeight,endHeight:this.enterHeight,onComplete(){e.style.removeProperty("overflow"),Object(s.fadeInFn)({element:e,onComplete:t})}})},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){Object(s.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}])}));
//# sourceMappingURL=script.js.map