https://www.myzameen.com/_next/static/chunks/6381.5b79c1bb3eece3eb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6381],{66381:(e,t,o)=>{o.r(t),o.d(t,{default:()=>h});var n=o(95155),r=o(12115);let i={position:"bottom",strength:2,height:"6rem",divCount:5,exponential:!1,zIndex:100,animated:!1,duration:"0.3s",easing:"ease-out",opacity:1,curve:"linear",responsive:!1,target:"parent",className:"",style:{}},a={top:{position:"top",height:"6rem"},bottom:{position:"bottom",height:"6rem"},left:{position:"left",height:"6rem"},right:{position:"right",height:"6rem"},subtle:{height:"4rem",strength:1,opacity:.8,divCount:3},intense:{height:"10rem",strength:4,divCount:8,exponential:!0},smooth:{height:"8rem",curve:"bezier",divCount:10},sharp:{height:"5rem",curve:"linear",divCount:4},header:{position:"top",height:"8rem",curve:"ease-out"},footer:{position:"bottom",height:"8rem",curve:"ease-out"},sidebar:{position:"left",height:"6rem",strength:2.5},"page-header":{position:"top",height:"10rem",target:"page",strength:3},"page-footer":{position:"bottom",height:"10rem",target:"page",strength:3}},s={linear:e=>e,bezier:e=>e*e*(3-2*e),"ease-in":e=>e*e,"ease-out":e=>1-Math.pow(1-e,2),"ease-in-out":e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2},l=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.reduce((e,t)=>({...e,...t}),{})},u=e=>({top:"to top",bottom:"to bottom",left:"to left",right:"to right"})[e]||"to bottom",c=(e,t,o)=>{let[n,i]=(0,r.useState)(t[o]);return(0,r.useEffect)(()=>{if(!e)return;let n=()=>{let e=window.innerWidth,n=t[o];e<=480&&t["mobile".concat(o[0].toUpperCase()+o.slice(1))]?n=t["mobile".concat(o[0].toUpperCase()+o.slice(1))]:e<=768&&t["tablet".concat(o[0].toUpperCase()+o.slice(1))]?n=t["tablet".concat(o[0].toUpperCase()+o.slice(1))]:e<=1024&&t["desktop".concat(o[0].toUpperCase()+o.slice(1))]&&(n=t["desktop".concat(o[0].toUpperCase()+o.slice(1))]),i(n)},r=((e,t)=>{let o;return function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];clearTimeout(o),o=setTimeout(()=>e(...r),t)}})(n,100);return n(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[e,t,o]),e?n:t[o]},d=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],[o,n]=(0,r.useState)(!t);return(0,r.useEffect)(()=>{if(!t||!e.current)return;let o=new IntersectionObserver(e=>{let[t]=e;return n(t.isIntersecting)},{threshold:.1});return o.observe(e.current),()=>o.disconnect()},[e,t]),o},p=r.memo(function(e){let t=(0,r.useRef)(null),[o,p]=(0,r.useState)(!1),h=(0,r.useMemo)(()=>l(i,e.preset&&a[e.preset]?a[e.preset]:{},e),[e]),g=c(h.responsive,h,"height"),m=c(h.responsive,h,"width"),b=d(t,"scroll"===h.animated),v=(0,r.useMemo)(()=>{let e=[],t=100/h.divCount,r=o&&h.hoverIntensity?h.strength*h.hoverIntensity:h.strength,i=s[h.curve]||s.linear;for(let o=1;o<=h.divCount;o++){let a,s=o/h.divCount;s=i(s),a=h.exponential?.0625*Math.pow(2,4*s)*r:.0625*(s*h.divCount+1)*r;let l=Math.round((t*o-t)*10)/10,c=Math.round(t*o*10)/10,d=Math.round((t*o+t)*10)/10,p=Math.round((t*o+2*t)*10)/10,g="transparent ".concat(l,"%, black ").concat(c,"%");d<=100&&(g+=", black ".concat(d,"%")),p<=100&&(g+=", transparent ".concat(p,"%"));let m=u(h.position),b={position:"absolute",inset:"0",maskImage:"linear-gradient(".concat(m,", ").concat(g,")"),WebkitMaskImage:"linear-gradient(".concat(m,", ").concat(g,")"),backdropFilter:"blur(".concat(a.toFixed(3),"rem)"),WebkitBackdropFilter:"blur(".concat(a.toFixed(3),"rem)"),opacity:h.opacity,transition:h.animated&&"scroll"!==h.animated?"backdrop-filter ".concat(h.duration," ").concat(h.easing):void 0};e.push((0,n.jsx)("div",{style:b},o))}return e},[h,o]),f=(0,r.useMemo)(()=>{let e=["top","bottom"].includes(h.position),t=["left","right"].includes(h.position),o="page"===h.target,n={position:o?"fixed":"absolute",pointerEvents:h.hoverIntensity?"auto":"none",opacity:+!!b,transition:h.animated?"opacity ".concat(h.duration," ").concat(h.easing):void 0,zIndex:o?h.zIndex+100:h.zIndex,...h.style};return e?(n.height=g,n.width=m||"100%",n[h.position]=0,n.left=0,n.right=0):t&&(n.width=m||g,n.height="100%",n[h.position]=0,n.top=0,n.bottom=0),n},[h,g,m,b]),{hoverIntensity:y,animated:C,onAnimationComplete:k,duration:w}=h;return(0,r.useEffect)(()=>

1{if(b&&"scroll"===C&&k){let e=setTimeout(()=>k(),1e3*parseFloat(w));return()=>clearTimeout(e)}},[b,C,k,w]),(0,n.jsx)("div",{ref:t,className:"gradual-blur ".concat("page"===h.target?"gradual-blur-page":"gradual-blur-parent"," ").concat(h.className),style:f,onMouseEnter:y?()=>p(!0):void 0,onMouseLeave:y?()=>p(!1):void 0,children:(0,n.jsx)("div",{className:"gradual-blur-inner relative w-full h-full",children:v})})});p.displayName="GradualBlur",p.PRESETS=a,p.CURVE_FUNCTIONS=s;let h=p;"undefined"!=typeof document&&(()=>{if("undefined"==typeof document)return;let e="gradual-blur-styles";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.textContent="\n    .gradual-blur { pointer-events: none; transition: opacity 0.3s ease-out; isolation: isolate; }\n    .gradual-blur-parent { overflow: hidden; }\n    .gradual-blur-inner { pointer-events: none; position: relative; width: 100%; height: 100%; }\n    .gradual-blur-inner > div { -webkit-backdrop-filter: inherit; backdrop-filter: inherit; }\n    @supports not (backdrop-filter: blur(1px)) {\n      .gradual-blur-inner > div { background: rgba(0,0,0,0.3); opacity: 0.5; }\n    }\n  ",document.head.appendChild(t)})()}}]);