https://thepeartreewellness.com/static/js/async/5296.823094c294.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[5296],{30899(e,r,l){l.r(r),l.d(r,{default:()=>t});var s=l(74848),i=l(96540);let t=({Title:e,Min:r=0,Max:l=100,Description:t,DefaultValue:a=50,OnChange:n=()=>{},suffix:d,TooltipPosition:o="bottom",PointerSize:g="large",MaxLimitPlaceholder:v="No limit",Disabled:c=!1,ShowTooltip:_=!0,TextAlign:m="left",FillColor:u=!1,FontSize:p="fontdefault",ColorVariant:x="theme"})=>{let h=Array.isArray(a),y=m?`vg-slider-text-${m}`:"",f=`vg-${p}`,j=`vg-slider--color-${x}`,[N,$]=(0,i.useState)(a),[b,A]=(0,i.useState)(h?a[0]:a),[k,C]=(0,i.useState)(h?a[1]:a),w=()=>"flamingo"===x?"var(--bkg_theme_flamingo_default)":"var(--ButtonBackColor)";(0,i.useEffect)(()=>{if(Array.isArray(a)){let e=a[0],r=a[1];r-e<1&&(r=e+1),A(e),C(r),$([e,r])}else $(a),A(a)},[a]);let S=()=>{let e=((Array.isArray(N)?N[0]:N)-r)/(l-r)*100;return`calc(${e}%`},M=e=>{let s=(e-r)/(l-r);return`calc(${s} * (100% - 15px) + 0px)`};return(0,s.jsxs)("div",{className:`vg-slider ${Array.isArray(N)?"vg-slider-range":""} ${c?"vg-slider--disabled":""} ${!_?"vg-slider--no-tooltip":""} ${f} ${j}`,children:[e&&(0,s.jsx)("h3",{className:`vg-slider__title ${y}`,children:e}),t&&(0,s.jsx)("div",{className:`vg-slider__description ${y}`,children:t}),(0,s.jsxs)("div",{className:`vg-slider__range-container ${"small"===g?"vg-smalldot-slider":""} ${"top"===o&&_?"vg-top-tooltip":""}`,children:[(0,s.jsxs)("div",{className:"vg-slider-arrow",children:[_&&(Array.isArray(N)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"vg-slider__tooltip vg-slider__tooltip--min",style:{left:S()},children:[(0,s.jsx)("div",{className:"vg-slider__tooltip-arrow"}),(0,s.jsx)("div",{className:"vg-slider__tooltip-circle"}),b," ",d]}),(0,s.jsxs)("div",{className:"vg-slider__tooltip vg-slider__tooltip--max",style:{left:(()=>{if(!Array.isArray(N))return"calc(0%";let e=(N[1]-r)/(l-r)*100;return`calc(${e}%`})()},children:[(0,s.jsx)("div",{className:"vg-slider__tooltip-arrow"}),(0,s.jsx)("div",{className:"vg-slider__tooltip-circle"}),k===l?v:`${k} ${d}`]})]}):(0,s.jsxs)("div",{className:"vg-slider__tooltip",style:{left:S()},children:[(0,s.jsx)("div",{className:"vg-slider__tooltip-arrow"}),(0,s.jsx)("div",{className:"vg-slider__tooltip-circle"}),N," ",d]})),Array.isArray(N)&&(0,s.jsx)("div",{className:"vg-slider__range-fill",style:{left:`${(b-r)/(l-r)*100}%`,right:`${100-(k-r)/(l-r)*100}%`}})]}),!_&&(Array.isArray(N)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"vg-slider__thumb vg-slider__thumb--min",style:{left:M(b)}}),(0,s.jsx)("div",{className:"vg-slider__thumb vg-slider__thumb--max",style:{left:M(k)}})]}):(0,s.jsx)("div",{className:"vg-slider__thumb",style:{left:M(N)}})),Array.isArray(N)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"vg-slider__track",onClick:e=>{if(c)return;let s=e.currentTarget.getBoundingClientRect(),i=Math.round(r+(e.clientX-s.left)/s.width*(l-r));Math.abs(i-b)<=Math.abs(i-k)?i>=r&&i<=k-1&&(A(i),$([i,k]),n&&n({target:{value:i.toString()}},"min")):i<=l&&i>=b+1&&(C(i),$([b,i]),n&&n({target:{value:i.toString()}},"max"))},style:{cursor:c?"no-drop":"pointer"}}),(0,s.jsx)("input",{type:"range",min:r,max:l,value:b,onChange:e=>{let r=parseInt(e.target.value,10),s=k==l?2:1;r<=k-s&&(A(r),$([r,k]),n&&n(e,"min"))},className:"vg-slider__input vg-slider__input--min",disabled:c}),(0,s.jsx)("input",{type:"range",min:r,max:l,value:k,onChange:e=>{let r=parseInt(e.target.value,10);r>=b+1&&(C(r),$([b,r]),n&&n(e,"max"))},className:"vg-slider__input vg-slider__input--max",disabled:c})]}):(0,s.jsx)("input",{type:"range",min:r,max:l,value:N,onChange:e=>{$(parseInt(e.target.value,10)),n&&n(e,"single")},className:"vg-slider__input",disabled:c,style:u?{background:`linear-gradient(to right, ${w()} 0%, ${w()} ${(N-r)/(l-r)*100}%, var(--bkg_neutral_tiertiary) ${(N-r)/(l-r)*100}%, var(--bkg_neutral_tiertiary) 100%)`}:void 0})]})]})}}}]);