https://www.grtjewels.com/_next/static/chunks/3308.81a86d9c52200112.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3308],{23308:function(e,l,n){n.r(l);var a=n(57437),s=n(2265),i=n(71215),r=n(58819),c=n(92286);l.default=e=>{var l,n,t,d;let{label:m,value:o,fixedMinValue:x,fixedMaxValue:h,handleChange:u,minDistance:p,className:v,minLabel:j,maxLabel:N,step:f,handleCloseMobileFilterPopup:g}=e,b=(0,r.Z)(),[w,k]=(0,s.useState)([0,0]);(0,s.useEffect)(()=>{o?k(o):k([x,h])},[x,h,o]),(0,s.useEffect)(()=>{let e=()=>{let e=document.activeElement;e&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)&&e.blur()};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]);let y=e=>{e[0]===e[1]||(k(e),b||u(e))},C=e=>{let l=Math.max(e,x);k([l=o[1]>l?l:o[1]-f,o[1]]),b||u([l,o[1]])},E=e=>{let l=Math.min(e,h);l=l>o[0]?l:o[0]+f,k([o[0],l]),b||u([o[0],l])},F=e=>{let l=parseFloat(e.target.value);k([isNaN(l)?0:l,o[1]])},M=e=>{let l=parseFloat(e.target.value),n=isNaN(l)?0:l;b?k([w[0],n]):k([o[0],n])},P=e=>{C(Number(e.target.value))},T=e=>{E(Number(e.target.value))},Z=(e,l)=>{"Enter"===e.key&&("min"===l?C(w[0]):E(w[1]))};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"d-none d-md-block",children:(0,a.jsxs)("section",{className:null!=v?v:"",children:[(0,a.jsx)("span",{children:m}),(0,a.jsxs)("div",{className:"select-range-wrapper",children:[(0,a.jsxs)("div",{className:"price-input-container",children:[(0,a.jsxs)("div",{className:"d-flex gap-1",children:[j&&(0,a.jsx)("label",{htmlFor:"minPrice",children:"Min: ₹"}),(0,a.jsx)(c.Z,{fieldType:"number",name:"min price",id:"minPrice",value:null===(l=w[0])||void 0===l?void 0:l.toString(),onChange:F,onBlur:P,showValue:!0,onKeyDown:e=>Z(e,"min")})]}),(0,a.jsxs)("div",{className:"d-flex gap-1",children:[N&&(0,a.jsx)("label",{htmlFor:"maxPrice",className:"no-shrink",children:"Max: ₹"}),(0,a.jsx)(c.Z,{fieldType:"number",name:"max price",id:"maxPrice",value:null===(n=w[1])||void 0===n?void 0:n.toString(),onChange:M,onBlur:T,showValue:!0,onKeyDown:e=>Z(e,"max")})]})]}),(0,a.jsx)(i.Z,{className:"price-slider",value:w,onChange:y,...p&&{minDistance:p},...f&&{step:f},min:x,max:h})]})]})}),(0,a.jsxs)("div",{className:"d-block d-md-none w-100",children:[(0,a.jsxs)("section",{className:"filter-block filter-shape",children:[(0,a.jsx)("span",{className:"close-icon",onClick:g,children:(0,a.jsx)("i",{className:"bi bi-x-lg"})}),(0,a.jsx)("h3",{children:m}),(0,a.jsx)("div",{className:"filter-shapes-list-wrapper w-100 p-3",children:(0,a.jsxs)("div",{className:"select-range-wrapper",children:[(0,a.jsxs)("div",{className:"price-input-container",children:[(0,a.jsxs)("div",{className:"d-flex gap-1",children:[j&&(0,a.jsx)("label",{htmlFor:"minPrice",children:"Min: ₹"}),(0,a.jsx)(c.Z,{fieldType:"number",name:"min price",id:"minPrice",value:null===(t=w[0])||void 0===t?void 0:t.toString(),onChange:F,onBlur:P,showValue:!0,onKeyDown:e=>Z(e,"min")})]}),(0,a.jsxs)("div",{className:"d-flex gap-1",children:[N&&(0,a.jsx)("label",{htmlFor:"maxPrice",className:"no-shrink",children:"Max: ₹"}),(0,a.jsx)(c.Z,{fieldType:"number",name:"max price",id:"maxPrice",value:null===(d=w[1])||void 0===d?void 0:d.toString(),onChange:M,onBlur:T,showValue:!0,onKeyDown:e=>Z(e,"max")})]})]}),(0,a.jsx)(i.Z,{className:"price-slider",value:w,onChange:y,...p&&{minDistance:p},...f&&{step:f},min:x,max:h})]})})]}),(0,a.jsx)("div",{className:"d-flex d-md-none cancel-apply-btns",children:(0,a.jsx)("button",{className:"btn-apply",onClick:()=>{u(w),g()},children:"Apply Filter"})})]})]})}}}]);