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

Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{MTransitionResponsive:()=>n});const n=function(e,t,n,r,o,i,s,a){var l,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=n,d._compiled=!0),r&&(d.functional=!0),i&&(d._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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=l):o&&(l=a?function(){o.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(d.functional){d._injectStyles=l;var f=d.render;d.render=function(e,t){return l.call(t),f(e,t)}}else{var p=d.beforeCreate;d.beforeCreate=p?[].concat(p,l):[l]}return{exports:e,options:d}}({inheritAttrs:!1,props:{transitions:{type:Array,required:!0,validator:e=>{if(0===e.length)return!1;return 0===e[0].minWidth&&e.every((e=>(e.minWidth||0===e.minWidth)&&e.enter&&e.leave))}}},methods:{handleEnter(e,t){this.getResponsiveTransition().enter({element:e,onComplete:t})},handleLeave(e,t){this.getResponsiveTransition().leave({element:e,onComplete:t})},getResponsiveTransition(){if(1===this.transitions.length)return this.transitions[0];const e=window.innerWidth;let t;return this.transitions.forEach((n=>{e>=n.minWidth&&(t=n)})),t}}},(function(){var e=this,t=e.$createElement;return(e._self._c||t)("transition",e._g(e._b({attrs:{css:!1},on:{enter:e.handleEnter,leave:e.handleLeave}},"transition",e.$attrs,!1),e.$listeners),[e._t("default")],2)}),[],!1,null,null,null).exports;return t})()}));
//# sourceMappingURL=script.js.map