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

📚 Maker Design System by Square

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../../components/TransitionFadeIn"),require("../../components/Skeleton"));else if("function"==typeof define&&define.amd)define(["../../components/TransitionFadeIn","../../components/Skeleton"],t);else{var n="object"==typeof exports?t(require("../../components/TransitionFadeIn"),require("../../components/Skeleton")):t(e["../../components/TransitionFadeIn"],e["../../components/Skeleton"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(e,t){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=4)}([function(e,t,n){e.exports={ImageWrapper:"📚4-7-06h5Nj",Image:"📚4-7-01QgNu"}},function(e,t,n){"use strict";var r=n(0),o=n.n(r);n.d(t,"default",(function(){return o.a}))},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";n.r(t),n.d(t,"MImage",(function(){return l}));var r=n(2),o=n(3);function s(){const e=new WeakMap,t=new IntersectionObserver((t=>{t.forEach((t=>e.get(t.target)(t)))}));return{watch(n,r){e.set(n,r),t.observe(n)},unwatch(n){t.unobserve(n),e.delete(n)}}}const i=new Set;let c;var a={components:{MTransitionFadeIn:r.MTransitionFadeIn,MSkeletonBlock:o.MSkeletonBlock},inheritAttrs:!1,props:{src:{type:String,default:void 0},srcset:{type:String,default:void 0}},data(){return{isIntersecting:!0,loaded:i.has(this.src+this.srcset)}},watch:{src:"load",srcset:"load"},mounted(){c||(c=new s),c.watch(this.$el,this.onIntersection)},beforeDestroy(){c.unwatch(this.$el)},methods:{onIntersection({isIntersecting:e}){this.isIntersecting=e,e&&this.load()},load(){if(this.loaded||!this.src&&!this.srcset)return;const e=new Image;this.src&&(e.src=this.src),this.srcset&&(e.srcset=this.srcset),e.addEventListener("load",(()=>{i.add(this.src+this.srcset),this.loaded=!0}))}}},u=n(1);var l=function(e,t,n,r,o,s,i,c){var a,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),s&&(u._scopeId="data-v-"+s),i?(a=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(i)},u._ssrRegister=a):o&&(a=c?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(u.functional){u._injectStyles=a;var l=u.render;u.render=function(e,t){return a.call(t),l(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:u}}(a,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.$s.ImageWrapper},[e.isIntersecting?[n("m-transition-fade-in",[e.loaded?n("img",e._g(e._b({class:e.$s.Image,attrs:{src:e.src,srcset:e.srcset}},"img",e.$attrs,!1),e.$listeners)):n("m-skeleton-block")],1)]:e._e()],2)}),[],!1,(function(e){this.$s=u.default.locals||u.default}),null,null).exports}])}));
//# sourceMappingURL=script.js.map