https://www.sinupret.by/_nuxt/DPy2AGIk.js

1import{_ as L,C as _,$ as P,a0 as C}from"./BHIvy8AQ.js";import{e as M,l as B,h as A,Z as H,$ as U,o as y,c as x,b as g,a as v,y as w,X as S,T as I,w as O,P as E,q as z,_ as j}from"./DV-2dHUo.js";import"./DQqn7UUk.js";import"./C8jcqxtn.js";var T={},D;function F(){return D||(D=1,(()=>{var d={792:(o,n,r)=>{r.d(n,{Z:()=>m});var a=r(609),l=r.n(a)()((function(f){return f[1]}));l.push([o.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);const m=l},609:o=>{o.exports=function(n){var r=[];return r.toString=function(){return this.map((function(a){var l=n(a);return a[2]?"@media ".concat(a[2]," {").concat(l,"}"):l})).join("")},r.i=function(a,l,m){typeof a=="string"&&(a=[[null,a,""]]);var f={};if(m)for(var p=0;p<this.length;p++){var b=this[p][0];b!=null&&(f[b]=!0)}for(var e=0;e<a.length;e++){var t=[].concat(a[e]);m&&f[t[0]]||(l&&(t[2]?t[2]="".concat(l," and ").concat(t[2]):t[2]=l),r.push(t))}},r}}},u={};function h(o){var n=u[o];if(n!==void 0)return n.exports;var r=u[o]={id:o,exports:{}};return d[o](r,r.exports,h),r.exports}h.n=o=>{var n=o&&o.__esModule?()=>o.default:()=>o;return h.d(n,{a:n}),n},h.d=(o,n)=>{for(var r in n)h.o(n,r)&&!h.o(o,r)&&Object.defineProperty(o,r,{enumerable:!0,get:n[r]})},h.o=(o,n)=>Object.prototype.hasOwnProperty.call(o,n),(()=>{var o=h(792);const n="rendered",r=(e,t)=>{const i=e.getBoundingClientRect();let s,c;return t.type==="mousedown"?(s=t.clientX,c=t.clientY):(s=t.touches[0].clientX,c=t.touches[0].clientY),s>=i.x&&s<=i.x+i.width&&c>=i.y&&c<=i.y+i.height};let a;const l={ArrowLeft:-1,ArrowRight:1},m=["horizontal","vertical"],f=e=>({x:e.touches[0].pageX,y:e.touches[0].pageY}),p=e=>({x:e.pageX,y:e.pageY}),b=typeof window<"u"&&window?.HTMLElement;typeof window<"u"&&(window.document&&(a=document.createElement("template"),a.innerHTML='<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '),window.customElements.define("img-comparison-slider",class extends b{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):

150,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=i=>{if(this.isMouseDown||this.slideOnHover){const s=p(i);this.slideToPage(s)}},this.bodyUserSelectStyle="",this.bodyWebkitUserSelectStyle="",this.onMouseDown=i=>{if(this.slideOnHover||this.handle&&!r(this.handleElement,i))return;i.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const s=p(i);this.slideToPage(s),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,this.bodyWebkitUserSelectStyle=window.document.body.style.webkitUserSelect,window.document.body.style.userSelect="none",window.document.body.style.webkitUserSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.document.body.style.webkitUserSelect=this.bodyWebkitUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=i=>{this.dragByHandle&&!r(this.handleElement,i)||(this.touchStartPoint=f(i),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=i=>{if(this.touchStartPoint===null)return;const s=f(i);if(this.isTouchComparing)return this.slideToPage(s),i.preventDefault(),!1;if(!this.hasTouchMoved){const c=Math.abs(s.y-this.touchStartPoint.y),k=Math.abs(s.x-this.touchStartPoint.x);if(this.slideDirection==="horizontal"&&c<k||this.slideDirection==="vertical"&&c>k)return this.isTouchComparing=!0,this.focus(),this.slideToPage(s),i.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=i=>{if(this.keyboard==="disabled")return;const s=l[i.key];this.animationDirection!==s&&s!==void 0&&(this.animationDirection=s,this.startSlideAnimation())},this.onKeyUp=i=>{if(this.keyboard==="disabled")return;const s=l[i.key];s!==void 0&&this.animationDirection===s&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:"open"}),t=new CSSStyleSheet;t.replaceSync(o.Z),e.adoptedStyleSheets=[t],e.appendChild(a.content.cloneNode(!0)),this.firstElement=e.getElementById("first"),this.handleElement=e.getElementById("handle")}set handle(e){this.dragByHandle=e.toString().toLowerCase()!=="false"}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(e){const t=parseFloat(e);t!==this.exposure&&(this.exposure=t,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(e){this.slideOnHover=e.toString().toLowerCase()!=="false",this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(e){this.slideDirection=e.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...m),m.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",(e=>(e.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&this.getAttribute("keyboard")==="disabled"?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(n)||this.classList.add(n)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(e,t,i){e==="hover"&&(this.hover=i),e==="direction"&&(this.direction=i),e==="keyboard"&&(this.keyboard=i==="disabled"?"disabled":"enabled")}setExposure(e=0){var t;this.exposure=(t=this.exposure+e)<0?0:t>100?100:t,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(e=0){this.setExposure(e);const t=new Event("slide");this.dispatchEvent(t)}slideToPage(e){this.slideDirection==="horizontal"&&this.slideToPageX(e.x),this.slideDirection==="vertical"&&this.slideToPageY(e.y)}slideToPageX(e){const t=e-this.getBoundingClientRect().left-window.scrollX;this.exposure=t/this.imageWidth*100,this.slide(0)}slideToPageY(e){const t=e-this.getBoundingClientRect().top-window.scrollY;this.exposure=t/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null}),100)}startSlideAnimation(){let e=null,t=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");const i=s=>{if(this.animationDirection===0||t!==this.animationDirection)return;e===null&&(e=s);const c=(s-e)/16.666666666666668*this.animationDirection;this.slide(c),setTimeout((()=>window.requestAnimationFrame(i)),0),e=s};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}))})()})()),T}F();const R=M({name:"ImgComparisonSlider",setup(d,{slots:u}){return()=>B("img-comparison-slider",u.default())}}),W=["data-contentful-entry-id"],X={class:"relative w-full h-auto -mb-[7px]"},Y={key:0,class:"w-full h-[700px] xs:h-[650px] bg-gray-200 animate-pulse rounded-lg flex items-center justify-center"},q=["data-contentful-entry-id"],N=["data-contentful-entry-id"],K={slot:"handle",class:"custom-handle cursor-grab"},V={class:"handle-content"},$={class:"absolute top-0 left-0 p-6 md:p-14 w-full user-select-none pointer-events-none"},Z=["innerHTML","data-contentful-entry-id"],G=M({__name:"index",props:{textBlock:{},imageLeft:{},imageRight:{},elementId:{},headline:{},name:{},internalName:{},styles:{},annotationPrefix:{},__metadata:{}},setup(d){const u=z(!1),h=()=>{setTimeout(()=>{u.value=!0},100)};return A(()=>{h()}),(o,n)=>{const r=L,a=_,l=H("intersection-section");return U((y(),x("section",{class:"relative overflow-hidden","data-contentful-entry-id":d.__metadata?.id,"data-contentful-field-id":"imageComparison"},[g(r,{"element-id":d.elementId},null,8,["element-id"]),v("div",X,[w(u)?S("",!0):(y(),x("div",Y,[...n[0]||(n[0]=[v("div",{class:"animate-spin rounded-full size-8 md:size-10 border-b-4 border-primary"},null,-1)])])),d.imageLeft&&d.imageRight&&w(u)?(y(),I(w(R),{key:1,value:50,class:"w-full h-full img-comparison-slider !border-none 

1!ring-0 !outline-0 !border-b-0",onVnodeMounted:h},{default:O(()=>[v("div",{slot:"first",class:"w-full h-[700px] xs:h-[650px]","data-contentful-entry-id":d.__metadata?.id,"data-contentful-field-id":"imageLeft"},[g(a,E({slot:"first"},d.imageLeft,{"image-class":["w-full h-full object-cover object-center"]}),null,16)],8,q),v("div",{slot:"second",class:"w-full h-[700px] xs:h-[650px]","data-contentful-entry-id":d.__metadata?.id,"data-contentful-field-id":"imageRight"},[g(a,E({slot:"second"},d.imageRight,{"image-class":["w-full h-full object-cover object-center"]}),null,16)],8,N),v("div",K,[v("div",V,[g(w(P),{class:"w-5 h-5","aria-hidden":"true"}),g(w(C),{class:"w-5 h-5","aria-hidden":"true"})])])]),_:1},512)):S("",!0),v("div",$,[d.textBlock?(y(),x("div",{key:0,class:"bg-white p-6 md:p-8 shadow-sm prose prose-base lg:prose-lg max-w-full xs:max-w-[500px]","data-sb-field-path":".textBlock",innerHTML:o.$md(d.textBlock),"data-contentful-entry-id":d.__metadata?.id,"data-contentful-field-id":"textBlock"},null,8,Z)):S("",!0)])])],8,W)),[[l,[d.elementId,d.headline]]])}}}),ie=Object.assign(j(G,[["__scopeId","data-v-40e3e3e8"]]),{__name:"ImageComparisonSlider"});export{ie as default};