https://lifehacker.ru/_nuxt/v7.12-ZFFaiYhu.js

1import{eB as F,b1 as x,bH as X,bD as N,bN as k,bz as D,aU as S,aP as E,aX as p,bE as w,aQ as L,b4 as _,b5 as I,bF as T,a_ as P,b0 as O}from"./v7.12-_pfsIBSO.js";import{c as A}from"./v7.12-CdRGD1fq.js";var y={exports:{}},M=y.exports,C;function W(){return C||(C=1,function(r,c){(function(m,l){r.exports=l()})(typeof self<"u"?self:M,function(){return function(m){function l(a){if(f[a])return f[a].exports;var o=f[a]={i:a,l:!1,exports:{}};return m[a].call(o.exports,o,o.exports,l),o.l=!0,o.exports}var f={};return l.m=m,l.c=f,l.d=function(a,o,h){l.o(a,o)||Object.defineProperty(a,o,{configurable:!1,enumerable:!0,get:h})},l.n=function(a){var o=a&&a.__esModule?function(){return a.default}:function(){return a};return l.d(o,"a",o),o},l.o=function(a,o){return Object.prototype.hasOwnProperty.call(a,o)},l.p="",l(l.s=0)}([function(m,l,f){function a(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(l,"__esModule",{value:!0});var o=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},h=function(){function n(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}return function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}}(),b=function(){function n(e){var t=this;if(a(this,n),this.config=n.mergeSettings(e),this.selector=typeof this.config.selector=="string"?document.querySelector(this.config.selector):this.config.selector,this.selector===null)throw new Error("Something wrong with your selector 😭");this.resolveSlidesNumber(),this.selectorWidth=this.selector.offsetWidth,this.innerElements=[].slice.call(this.selector.children),this.currentSlide=this.config.loop?this.config.startIndex%this.innerElements.length:Math.max(0,Math.min(this.config.startIndex,this.innerElements.length-this.perPage)),this.transformProperty=n.webkitOrNot(),["resizeHandler","touchstartHandler","touchendHandler","touchmoveHandler","mousedownHandler","mouseupHandler","mouseleaveHandler","mousemoveHandler","clickHandler"].forEach(function(i){t[i]=t[i].bind(t)}),this.init()}return h(n,[{key:"attachEvents",value:function(){window.addEventListener("resize",this.resizeHandler),this.config.draggable&&(this.pointerDown=!1,this.drag={startX:0,endX:0,startY:0,letItGo:null,preventClick:!1},this.selector.addEventListener("touchstart",this.touchstartHandler),this.selector.addEventListener("touchend",this.touchendHandler),this.selector.addEventListener("touchmove",this.touchmoveHandler),this.selector.addEventListener("mousedown",this.mousedownHandler),this.selector.addEventListener("mouseup",this.mouseupHandler),this.selector.addEventListener("mouseleave",this.mouseleaveHandler),this.selector.addEventListener("mousemove",this.mousemoveHandler),this.selector.addEventListener("click",this.clickHandler))}},{key:"detachEvents",value:function(){window.removeEventListener("resize",this.resizeHandler),this.selector.removeEventListener("touchstart",this.touchstartHandler),this.selector.removeEventListener("touchend",this.touchendHandler),this.selector.removeEventListener("touchmove",this.touchmoveHandler),this.selector.removeEventListener("mousedown",this.mousedownHandler),this.selector.removeEventListener("mouseup",this.mouseupHandler),this.selector.removeEventListener("mouseleave",this.mouseleaveHandler),this.selector.removeEventListener("mousemove",this.mousemoveHandler),this.selector.removeEventListener("click",this.clickHandler)}},{key:"init",value:function(){this.attachEvents(),this.selector.style.overflow="hidden",this.selector.style.direction=this.config.rtl?"rtl":"ltr",this.buildSliderFrame(),this.config.onInit.call(this)}},{key:"buildSliderFrame",value:function(){var e=this.selectorWidth/this.perPage,t=this.config.loop?this.innerElements.length+2*this.perPage:this.innerElements.length;this.sliderFrame=document.createElement("div"),this.sliderFrame.style.width=e*t+"px",this.enableTransition(),this.config.draggable&&(this.selector.style.cursor="-webkit-grab");var i=document.createDocumentFragment();if(this.config.loop)for(var s=this.innerElements.length-this.perPage;s<this.innerElements.length;s++){var d=this.buildSliderFrameItem(this.innerElements[s].cloneNode(!0));i.appendChild(d)}for(var u=0;u<this.innerElements.length;u++){var v=this.buildSliderFrameItem(this.innerElements[u]);i.appendChild(v)}if(this.config.loop)for(var g=0;g<this.perPage;g++){var H=this.buildSliderFrameItem(this.innerElements[g].cloneNode(!0));

1i.appendChild(H)}this.sliderFrame.appendChild(i),this.selector.innerHTML="",this.selector.appendChild(this.sliderFrame),this.slideToCurrent()}},{key:"buildSliderFrameItem",value:function(e){var t=document.createElement("div");return t.style.cssFloat=this.config.rtl?"right":"left",t.style.float=this.config.rtl?"right":"left",t.style.width=(this.config.loop?100/(this.innerElements.length+2*this.perPage):100/this.innerElements.length)+"%",t.appendChild(e),t}},{key:"resolveSlidesNumber",value:function(){if(typeof this.config.perPage=="number")this.perPage=this.config.perPage;else if(o(this.config.perPage)==="object"){this.perPage=1;for(var e in this.config.perPage)window.innerWidth>=e&&(this.perPage=this.config.perPage[e])}}},{key:"prev",value:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1,t=arguments[1];if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;if(this.config.loop)if(this.currentSlide-e<0){this.disableTransition();var s=this.currentSlide+this.innerElements.length,d=this.perPage,u=s+d,v=(this.config.rtl?1:-1)*u*(this.selectorWidth/this.perPage),g=this.config.draggable?this.drag.endX-this.drag.startX:0;this.sliderFrame.style[this.transformProperty]="translate3d("+(v+g)+"px, 0, 0)",this.currentSlide=s-e}else this.currentSlide=this.currentSlide-e;else this.currentSlide=Math.max(this.currentSlide-e,0);i!==this.currentSlide&&(this.slideToCurrent(this.config.loop),this.config.onChange.call(this),t&&t.call(this))}}},{key:"next",value:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1,t=arguments[1];if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;if(this.config.loop)if(this.currentSlide+e>this.innerElements.length-this.perPage){this.disableTransition();var s=this.currentSlide-this.innerElements.length,d=this.perPage,u=s+d,v=(this.config.rtl?1:-1)*u*(this.selectorWidth/this.perPage),g=this.config.draggable?this.drag.endX-this.drag.startX:0;this.sliderFrame.style[this.transformProperty]="translate3d("+(v+g)+"px, 0, 0)",this.currentSlide=s+e}else this.currentSlide=this.currentSlide+e;else this.currentSlide=Math.min(this.currentSlide+e,this.innerElements.length-this.perPage);i!==this.currentSlide&&(this.slideToCurrent(this.config.loop),this.config.onChange.call(this),t&&t.call(this))}}},{key:"disableTransition",value:function(){this.sliderFrame.style.webkitTransition="all 0ms "+this.config.easing,this.sliderFrame.style.transition="all 0ms "+this.config.easing}},{key:"enableTransition",value:function(){this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing}},{key:"goTo",value:function(e,t){if(!(this.innerElements.length<=this.perPage)){var i=this.currentSlide;this.currentSlide=this.config.loop?e%this.innerElements.length:Math.min(Math.max(e,0),this.innerElements.length-this.perPage),i!==this.currentSlide&&(this.slideToCurrent(),this.config.onChange.call(this),t&&t.call(this))}}},{key:"slideToCurrent",value:function(e){var t=this,i=this.config.loop?this.currentSlide+this.perPage:this.currentSlide,s=(this.config.rtl?1:-1)*i*(this.selectorWidth/this.perPage);e?requestAnimationFrame(function(){requestAnimationFrame(function(){t.enableTransition(),t.sliderFrame.style[t.transformProperty]="translate3d("+s+"px, 0, 0)"})}):this.sliderFrame.style[this.transformProperty]="translate3d("+s+"px, 0, 0)"}},{key:"updateAfterDrag",value:function(){var e=(this.config.rtl?-1:1)*(this.drag.endX-this.drag.startX),t=Math.abs(e),i=this.config.multipleDrag?Math.ceil(t/(this.selectorWidth/this.perPage)):1,s=e>0&&this.currentSlide-i<0,d=e<0&&this.currentSlide+i>this.innerElements.length-this.perPage;e>0&&t>this.config.threshold&&this.innerElements.length>this.perPage?this.prev(i):e<0&&t>this.config.threshold&&this.innerElements.length>this.perPage&&this.next(i),this.slideToCurrent(s||d)}},{key:"resizeHandler",value:function(){this.resolveSlidesNumber(),this.currentSlide+this.perPage>this.innerElements.length&&(this.currentSlide=this.innerElements.length<=this.perPage?0:this.innerElements.length-this.perPage),this.selectorWidth=this.selector.offsetWidth,this.buildSliderFrame()}},{key:"clearDrag",value:function(){this.drag={startX:0,endX:0,startY:0,letItGo:null,preventClick:this.drag.preventClick}

1}},{key:"touchstartHandler",value:function(e){["TEXTAREA","OPTION","INPUT","SELECT"].indexOf(e.target.nodeName)!==-1||(e.stopPropagation(),this.pointerDown=!0,this.drag.startX=e.touches[0].pageX,this.drag.startY=e.touches[0].pageY)}},{key:"touchendHandler",value:function(e){e.stopPropagation(),this.pointerDown=!1,this.enableTransition(),this.drag.endX&&this.updateAfterDrag(),this.clearDrag()}},{key:"touchmoveHandler",value:function(e){if(e.stopPropagation(),this.drag.letItGo===null&&(this.drag.letItGo=Math.abs(this.drag.startY-e.touches[0].pageY)<Math.abs(this.drag.startX-e.touches[0].pageX)),this.pointerDown&&this.drag.letItGo){e.preventDefault(),this.drag.endX=e.touches[0].pageX,this.sliderFrame.style.webkitTransition="all 0ms "+this.config.easing,this.sliderFrame.style.transition="all 0ms "+this.config.easing;var t=this.config.loop?this.currentSlide+this.perPage:this.currentSlide,i=t*(this.selectorWidth/this.perPage),s=this.drag.endX-this.drag.startX,d=this.config.rtl?i+s:i-s;this.sliderFrame.style[this.transformProperty]="translate3d("+(this.config.rtl?1:-1)*d+"px, 0, 0)"}}},{key:"mousedownHandler",value:function(e){["TEXTAREA","OPTION","INPUT","SELECT"].indexOf(e.target.nodeName)!==-1||(e.preventDefault(),e.stopPropagation(),this.pointerDown=!0,this.drag.startX=e.pageX)}},{key:"mouseupHandler",value:function(e){e.stopPropagation(),this.pointerDown=!1,this.selector.style.cursor="-webkit-grab",this.enableTransition(),this.drag.endX&&this.updateAfterDrag(),this.clearDrag()}},{key:"mousemoveHandler",value:function(e){if(e.preventDefault(),this.pointerDown){e.target.nodeName==="A"&&(this.drag.preventClick=!0),this.drag.endX=e.pageX,this.selector.style.cursor="-webkit-grabbing",this.sliderFrame.style.webkitTransition="all 0ms "+this.config.easing,this.sliderFrame.style.transition="all 0ms "+this.config.easing;var t=this.config.loop?this.currentSlide+this.perPage:this.currentSlide,i=t*(this.selectorWidth/this.perPage),s=this.drag.endX-this.drag.startX,d=this.config.rtl?i+s:i-s;this.sliderFrame.style[this.transformProperty]="translate3d("+(this.config.rtl?1:-1)*d+"px, 0, 0)"}}},{key:"mouseleaveHandler",value:function(e){this.pointerDown&&(this.pointerDown=!1,this.selector.style.cursor="-webkit-grab",this.drag.endX=e.pageX,this.drag.preventClick=!1,this.enableTransition(),this.updateAfterDrag(),this.clearDrag())}},{key:"clickHandler",value:function(e){this.drag.preventClick&&e.preventDefault(),this.drag.preventClick=!1}},{key:"remove",value:function(e,t){if(e<0||e>=this.innerElements.length)throw new Error("Item to remove doesn't exist 😭");var i=e<this.currentSlide,s=this.currentSlide+this.perPage-1===e;(i||s)&&this.currentSlide--,this.innerElements.splice(e,1),this.buildSliderFrame(),t&&t.call(this)}},{key:"insert",value:function(e,t,i){if(t<0||t>this.innerElements.length+1)throw new Error("Unable to inset it at this index 😭");if(this.innerElements.indexOf(e)!==-1)throw new Error("The same item in a carousel? Really? Nope 😭");var s=t<=this.currentSlide>0&&this.innerElements.length;this.currentSlide=s?this.currentSlide+1:this.currentSlide,this.innerElements.splice(t,0,e),this.buildSliderFrame(),i&&i.call(this)}},{key:"prepend",value:function(e,t){this.insert(e,0),t&&t.call(this)}},{key:"append",value:function(e,t){this.insert(e,this.innerElements.length+1),t&&t.call(this)}},{key:"destroy",value:function(){var e=arguments.length>0&&arguments[0]!==void 0&&arguments[0],t=arguments[1];if(this.detachEvents(),this.selector.style.cursor="auto",e){for(var i=document.createDocumentFragment(),s=0;s<this.innerElements.length;s++)i.appendChild(this.innerElements[s]);this.selector.innerHTML="",this.selector.appendChild(i),this.selector.removeAttribute("style")}t&&t.call(this)}}],[{key:"mergeSettings",value:function(e){var t={selector:".siema",duration:200,easing:"ease-out",perPage:1,startIndex:0,draggable:!0,multipleDrag:!0,threshold:20,loop:!1,rtl:!1,onInit:function(){},onChange:function(){}},i=e;for(var s in i)t[s]=i[s];return t}},{key:"webkitOrNot",value:function(){return typeof document.documentElement.style.transform=="string"?"transform":"WebkitTransform"}}]),n}();l.default=b,m.exports=l.default}])})}(y)),y.exports}var $=W();const G=F($),U=x({name:"FullScreenGallery",components:{SvgAsset:N},props:{imageUrls:{type:Array,required:!0},currentSlide:{type:Number,required:!0},srcset:{type:[String,Array],default:""}},data(){return{siema:null,targetElement:null}},computed:{closeIconContent(){return A},isNextVisible(){return this.siema!==null&&this.siema.currentSlide<this.imageUrls.length-1},isPrevVisible(){return this.siema!==null&&this.siema.currentSlide>0}},watch:{currentSlide(r){this.siema&&this.siema.goTo(r)}},mounted(){k.disable();const r=this.$refs.gallery;this.siema=new G({selector:r,draggable:"ontouchstart"in document.documentElement,startIndex:this.currentSlide,onChange:()=>{this.siema&&this.$emit("go-to",this.siema.currentSlide)}}),window.addEventListener("keyup",this.handleKeyup,!1)},beforeUnmount(){k.enable(this.targetElement),window.removeEventListener("keyup",this.handleKeyup,!1)},methods:{NOOP:X,goToNextSlide(){this.siema&&this.siema.next()},goToPrevSlide(){this.siema&&this.siema.prev()},emitClose(){this.$emit("close")},handleKeyup(r){switch(r.code){case"Escape":this.emitClose();break;case"ArrowRight":this.goToNextSlide();break;case"ArrowLeft":this.goToPrevSlide();break}}}},"$3ZB9GT_n0C"),q={class:"fs-gallery__close"},z={class:"fs-gallery",ref:"wrapper"},j={class:"fs-gallery__slides",ref:"gallery"},V={class:"fs-gallery__slide"},Y=["src","srcset"];function B(r,c,m,l,f,a){const o=D("SvgAsset");return E(),S("div",{class:"fs-gallery__wrapper",onClick:c[3]||(c[3]=(...h)=>r.emitClose&&r.emitClose(...h))},[p("div",q,[L(o,{content:r.closeIconContent},null,8,["content"])]),p("div",z,[p("div",j,[(E(!0),S(_,null,I(r.imageUrls,(h,b)=>(E(),S("div",V,[p("img",{src:h,onClick:c[0]||(c[0]=P((...n)=>r.NOOP&&r.NOOP(...n),["stop"])),srcset:r.srcset[b]},null,8,Y)]))),256))],512)],512),w(p("div",{class:"fs-gallery__control fs-gallery__next",onClick:c[1]||(c[1]=P((...h)=>r.goToNextSlide&&r.goToNextSlide(...h),["stop"]))},null,512),[[T,r.isNextVisible]]),w(p("div",{class:"fs-gallery__control fs-gallery__prev",onClick:c[2]||(c[2]=P((...h)=>r.goToPrevSlide&&r.goToPrevSlide(...h),["stop"]))},null,512),[[T,r.isPrevVisible]])])}const Q=O(U,[["render",B],["__scopeId","data-v-87111832"]]);export{Q as F,G as S};
2//# sourceMappingURL=v7.12-ZFFaiYhu.js.map