2022-02-22 13:43:18 +01:00
|
|
|
(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[289],{2858:(t,e,i)=>{"use strict";i.d(e,{Z:()=>d});var o=i(8509),s=["media","srcset","sizes","src"];function n(t){s.forEach((function(e){var i=t.dataset[e];i&&(t[e]=i,t.removeAttribute("data-"+e))}))}function r(t){t.addEventListener("load",(function(){setTimeout((function(){return t.classList.add("loaded")}),100)})),t.addEventListener("error",(function(){return console.log("error")}))}function l(t,e){return Array.from(t.children).find((function(t){return t.nodeName===e.toUpperCase()}))}var a=function(t,e,i,o,s,n,r,l,a,h){"boolean"!=typeof r&&(a=l,l=r,r=!1);var c,u="function"==typeof i?i.options:i;if(t&&t.render&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns,u._compiled=!0,s&&(u.functional=!0)),o&&(u._scopeId=o),n?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(n)},u._ssrRegister=c):e&&(c=r?function(){e.call(this,h(this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),c)if(u.functional){var d=u.render;u.render=function(t,e){return c.call(e),d(t,e)}}else{var m=u.beforeCreate;u.beforeCreate=m?[].concat(m,c):[c]}return i}({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cool-lightbox-modal"}},[t.isVisible?i("div",{ref:"coolLightbox",staticClass:"cool-lightbox",class:t.lightboxClasses,style:t.lightboxStyles,on:{click:t.closeModal}},[t.gallery?i("div",{staticClass:"cool-lightbox-thumbs"},[i("div",{staticClass:"cool-lightbox-thumbs__list"},t._l(t.items,(function(e,o){return i("button",{key:o,staticClass:"cool-lightbox__thumb",class:{active:o===t.imgIndex,"is-video":"video"===t.getMediaType(o)},attrs:{type:"button"},on:{click:function(e){t.imgIndex=o}}},["video"===t.getMediaType(o)?i("svg",{staticClass:"cool-lightbox__thumb__icon",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.5 5.4v13.2l11-6.6z"}})]):t._e(),t._v(" "),i("img",{attrs:{src:t.itemThumb(t.getItemSrc(o),o),alt:""}})])})),0)]):t._e(),t._v(" "),i("div",{staticClass:"cool-lightbox__inner",style:t.innerStyles,on:{mousedown:t.startSwipe,mousemove:t.continueSwipe,mouseup:t.endSwipe,touchstart:t.startSwipe,touchmove:t.continueSwipe,touchend:t.endSwipe}},[i("div",{staticClass:"cool-lightbox__progressbar",style:t.stylesInterval}),t._v(" "),i("div",{staticClass:"cool-lightbox__navigation"},[i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasPreviousButton||t.loopData)&&t.items.length>1,expression:"(hasPreviousButton || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--prev",class:t.buttonsClasses,attrs:{type:"button",title:"Previous"},on:{click:t.onPrevClick}},[t._t("icon-previous",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"}})])])])],2),t._v(" "),i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasNextButton||t.loopData)&&t.items.length>1,expression:"(hasNextButton || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--next",class:t.buttonsClasses,attrs:{type:"button",title:"Next"},on:{click:function(e){return t.onNextClick(!1)}}},[t._t("icon-next",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"}})])])])],2)]),t._v(" "),"swipe"===t.effect?i("div",{staticClass:"cool-lightbox__wrapper cool-lightbox__wrapper--swipe",style:{transform:"translate3d("+t.xSwipeWrapper+"px, "+t.ySwipeWrapper+"px, 0)",transition:t.swipeAnimation}},t._l(t.items,(function(e,o){return i("div",{key:o,ref:"items",refInFor:!0,staticClass:"cool-lightbox__slide",cla
|
