<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">import{u as ee,a as te,b as le,k as ae}from"./use-slider.9ab85427.js";import{a1 as ie,H as s,V as R,W as ne,aj as y,bh as re,a7 as ue,a8 as oe,_ as me,q as A,o as d,i as b,u as se,t as c,y as j,bX as I,A as T,I as fe,J as de,z as ve,D as w,w as z,K as he,L as q,E as ce}from"./index.9890ac32.js";import{I as xe,o as be}from"./Info.22a73516.js";import{M as ge}from"./MaskInput.ac6e9124.js";import{G as W}from"./index.e08a67e1.js";import{f as G}from"./MoneyFormatter.1e3de999.js";import{m as Me}from"./info.58fc3f3f.js";import"./TouchPan.9933f9ee.js";import"./touch.9135741d.js";import"./selection.5a0063da.js";import"./QMenu.7e1c1b51.js";import"./position-engine.42c7d4d7.js";import"./close.fd13564b.js";import"./QField.d719c5fd.js";const g={MIN:0,RANGE:1,MAX:2};var H=ie({name:"QRange",props:{...ee,modelValue:{type:Object,default:()=&gt;({min:null,max:null}),validator:e=&gt;"min"in e&amp;&amp;"max"in e},dragRange:Boolean,dragOnlyRange:Boolean,leftLabelColor:String,leftLabelTextColor:String,rightLabelColor:String,rightLabelTextColor:String,leftLabelValue:[String,Number],rightLabelValue:[String,Number],leftThumbColor:String,rightThumbColor:String},emits:te,setup(e,{emit:i}){const{proxy:{$q:l}}=oe(),{state:a,methods:u}=le({updateValue:S,updatePosition:p,getDragging:$,formAttrs:s(()=&gt;({type:"hidden",name:e.name,value:`${e.modelValue.min}|${e.modelValue.max}`}))}),n=R(null),M=R(0),V=R(0),t=R({min:0,max:0});function k(){t.value.min=e.modelValue.min===null?a.innerMin.value:y(e.modelValue.min,a.innerMin.value,a.innerMax.value),t.value.max=e.modelValue.max===null?a.innerMax.value:y(e.modelValue.max,a.innerMin.value,a.innerMax.value)}ne(()=&gt;`${e.modelValue.min}|${e.modelValue.max}|${a.innerMin.value}|${a.innerMax.value}`,k),k();const U=s(()=&gt;u.convertModelToRatio(t.value.min)),N=s(()=&gt;u.convertModelToRatio(t.value.max)),L=s(()=&gt;a.active.value===!0?M.value:U.value),O=s(()=&gt;a.active.value===!0?V.value:N.value),P=s(()=&gt;{const o={[a.positionProp.value]:`${100*L.value}%`,[a.sizeProp.value]:`${100*(O.value-L.value)}%`};return e.selectionImg!==void 0&amp;&amp;(o.backgroundImage=`url(${e.selectionImg}) !important`),o}),X=s(()=&gt;{if(a.editable.value!==!0)return{};if(l.platform.is.mobile===!0)return{onClick:u.onMobileClick};const o={onMousedown:u.onActivate};return(e.dragRange===!0||e.dragOnlyRange===!0)&amp;&amp;Object.assign(o,{onFocus:()=&gt;{a.focus.value="both"},onBlur:u.onBlur,onKeydown:K,onKeyup:u.onKeyup}),o});function D(o){return l.platform.is.mobile!==!0&amp;&amp;a.editable.value===!0&amp;&amp;e.dragOnlyRange!==!0?{onFocus:()=&gt;{a.focus.value=o},onBlur:u.onBlur,onKeydown:K,onKeyup:u.onKeyup}:{}}const E=s(()=&gt;e.dragOnlyRange!==!0?a.tabindex.value:null),Q=s(()=&gt;l.platform.is.mobile!==!0&amp;&amp;(e.dragRange||e.dragOnlyRange===!0)?a.tabindex.value:null),F=R(null),J=s(()=&gt;D("min")),Y=u.getThumbRenderFn({focusValue:"min",getNodeData:()=&gt;({ref:F,key:"tmin",...J.value,tabindex:E.value}),ratio:L,label:s(()=&gt;e.leftLabelValue!==void 0?e.leftLabelValue:t.value.min),thumbColor:s(()=&gt;e.leftThumbColor||e.thumbColor||e.color),labelColor:s(()=&gt;e.leftLabelColor||e.labelColor),labelTextColor:s(()=&gt;e.leftLabelTextColor||e.labelTextColor)}),Z=s(()=&gt;D("max")),_=u.getThumbRenderFn({focusValue:"max",getNodeData:()=&gt;({...Z.value,key:"tmax",tabindex:E.value}),ratio:O,label:s(()=&gt;e.rightLabelValue!==void 0?e.rightLabelValue:t.value.max),thumbColor:s(()=&gt;e.rightThumbColor||e.thumbColor||e.color),labelColor:s(()=&gt;e.rightLabelColor||e.labelColor),labelTextColor:s(()=&gt;e.rightLabelTextColor||e.labelTextColor)});function S(o){(t.value.min!==e.modelValue.min||t.value.max!==e.modelValue.max)&amp;&amp;i("update:modelValue",{...t.value}),o===!0&amp;&amp;i("change",{...t.value})}function $(o){const{left:r,top:v,width:m,height:h}=n.value.getBoundingClientRect(),C=e.dragOnlyRange===!0?0:e.vertical===!0?F.value.offsetHeight/(2*h):F.value.offsetWidth/(2*m),f={left:r,top:v,width:m,height:h,valueMin:t.value.min,valueMax:t.value.max,ratioMin:U.value,ratioMax:N.value},x=u.getDraggingRatio(o,f);return e.dragOnlyRange!==!0&amp;&amp;x&lt;f.ratioMin+C?f.type=g.MIN:e.dragOnlyRange===!0||x&lt;f.ratioMax-C?e.dragRange===!0||e.dragOnlyRange===!0?(f.type=g.RANGE,Object.assign(f,{offsetRatio:x,offsetModel:u.convertRatioToModel(x),rangeValue:f.valueMax-f.valueMin,rangeRatio:f.ratioMax-f.ratioMin})):f.type=f.ratioMax-x&lt;x-f.ratioMin?g.MAX:g.MIN:f.type=g.MAX,f}function p(o,r=a.dragging.value){let v;const m=u.getDraggingRatio(o,r),h=u.convertRatioToModel(m);switch(r.type){case g.MIN:m&lt;=r.ratioMax?(v={minR:m,maxR:r.ratioMax,min:h,max:r.valueMax},a.focus.value="min"):(v={minR:r.ratioMax,maxR:m,min:r.valueMax,max:h},a.focus.value="max");break;case g.MAX:m&gt;=r.ratioMin?(v={minR:r.ratioMin,maxR:m,min:r.valueMin,max:h},a.focus.value="max"):(v={minR:m,maxR:r.ratioMin,min:h,max:r.valueMin},a.focus.value="min");break;case g.RANGE:const C=m-r.offsetRatio,f=y(r.ratioMin+C,a.innerMinRatio.value,a.innerMaxRatio.value-r.rangeRatio),x=h-r.offsetModel,B=y(r.valueMin+x,a.innerMin.value,a.innerMax.value-r.rangeValue);v={minR:f,maxR:f+r.rangeRatio,min:a.roundValueFn.value(B),max:a.roundValueFn.value(B+r.rangeValue)},a.focus.value="both";break}t.value=t.value.min===null||t.value.max===null?{min:v.min||e.min,max:v.max||e.max}:{min:v.min,max:v.max},e.snap!==!0||e.step===0?(M.value=v.minR,V.value=v.maxR):(M.value=u.convertModelToRatio(t.value.min),V.value=u.convertModelToRatio(t.value.max))}function K(o){if(!ae.includes(o.keyCode))return;re(o);const r=([34,33].includes(o.keyCode)?10:1)*a.keyStep.value,v=([34,37,40].includes(o.keyCode)?-1:1)*(a.isReversed.value===!0?-1:1)*(e.vertical===!0?-1:1)*r;if(a.focus.value==="both"){const m=t.value.max-t.value.min,h=y(a.roundValueFn.value(t.value.min+v),a.innerMin.value,a.innerMax.value-m);t.value={min:h,max:a.roundValueFn.value(h+m)}}else{if(a.focus.value===!1)return;{const m=a.focus.value;t.value={...t.value,[m]:y(a.roundValueFn.value(t.value[m]+v),m==="min"?a.innerMin.value:t.value.min,m==="max"?a.innerMax.value:t.value.max)}}}S()}return()=&gt;{const o=u.getContent(P,Q,X,r=&gt;{r.push(Y(),_())});return ue("div",{ref:n,class:"q-range "+a.classes.value+(e.modelValue.min===null||e.modelValue.max===null?" q-slider--no-value":""),...a.attributes.value,"aria-valuenow":e.modelValue.min+"|"+e.modelValue.max},o)}}});const ye={name:"HandlerRange",components:{Info:xe,MaskInput:ge},props:{filter:{type:Object,required:!0}},data(){return{value:R({min:this.filter.min,max:this.filter.max})}},computed:{autoSelectText(){return this.$route.name==="diamonds-search"||this.$route.name==="settings-search"},newFiltersExperience(){return this.$store.getters["experiments/getIsTargetted"]("New_Diamond_Filters_Experience_Version_Three")},fromFormatted(){return this.filter.range&amp;&amp;this.filter.currency?G.format(this.filter.from):this.filter.from},toFormatted(){return this.filter.range&amp;&amp;this.filter.currency?G.format(this.filter.to):this.filter.to},labelWidth(){return this.filter.labels?`${100/this.filter.labels.length}%`:0}},beforeCreate(){this.matInfo=Me,this.matInfoOutline=be},methods:{onKeyUp(e,i){e.keyCode===13&amp;&amp;(i==="left"?this.onLeftInput(this.filter.from):this.onRightInput(this.filter.to))},onInputClick(e){!this.autoSelectText||e.target.select()},onRangeInput(e){this.onRangeChange(e,!1)},onRangeChange(e,i=!0){this.filter.range?(this.filter.from=this.filter.range[e.min],this.filter.to=this.filter.range[e.max]):(this.filter.from=e.min,this.filter.to=e.max),i&amp;&amp;(this.filter.labels?e.min===e.max?setTimeout(()=&gt;{e.min&gt;this.filter.defaultMin&amp;&amp;(this.value.min=e.max-1,this.filter.from=this.value.min),e.max&lt;this.filter.defaultMax&amp;&amp;(this.value.max=e.min+1,this.filter.to=this.value.max),this.$emit("change",this.filter)},100):this.$emit("change",this.filter):this.$emit("change",this.filter))},onLeftInput(e,i=!0){this.filter.range?this.value.min=W.getNearestWithinRange(this.filter.range,e):this.value.min=e,i&amp;&amp;this.$emit("change",this.filter)},onRightInput(e,i=!0){this.filter.range?this.value.max=W.getNearestWithinRange(this.filter.range,e):this.value.max=e,i&amp;&amp;this.$emit("change",this.filter)}},created(){this.$ssrContext&amp;&amp;(this.onLeftInput(this.filter.restoreFrom,!1),this.onRightInput(this.filter.restoreTo,!1))},mounted(){this.onLeftInput(this.filter.from,!1),this.onRightInput(this.filter.to,!1)},watch:{"filter.restoreFrom"(){this.onLeftInput(this.filter.from,!1)},"filter.restoreTo"(){this.onRightInput(this.filter.to,!1)},"filter.resetFrom"(){this.filter.resetFrom!==-1&amp;&amp;(this.onLeftInput(this.filter.resetFrom,!1),this.filter.resetFrom=-1)},"filter.resetTo"(){this.filter.resetTo!==-1&amp;&amp;(this.onRightInput(this.filter.resetTo,!1),this.filter.resetTo=-1)},"filter.updateUi"(){this.filter.structure?(this.value.min=this.filter.structure[Object.values(this.filter.structure).indexOf(this.filter.from)],this.value.max=this.filter.structure[Object.values(this.filter.structure).indexOf(this.filter.to)]):(this.value.min=this.filter.min,this.value.max=this.filter.max)}}},Re={key:0,class:"q-px-sm"},Ve={key:2,class:"inputs"},ke={class:"left"},Ce={class:"right"},Ie=["innerHTML"],Te={key:4,class:"labels"},Le={key:1,class:"text-thin"};function Fe(e,i,l,a,u,n){const M=A("MaskInput"),V=A("Info");return d(),b("div",{class:w(["range-wrap",[l.filter.className,{newMobileDesign:l.filter.newMobileDesign,newFiltersExperience:n.newFiltersExperience}]])},[l.filter.newMobileDesign?(d(),b("div",Re,[se(H,{modelValue:u.value,"onUpdate:modelValue":[i[0]||(i[0]=t=&gt;u.value=t),n.onRangeInput],reverse:!!l.filter.reverse,color:e.isDark?"primary":"secondary",min:l.filter.min,max:l.filter.max,onChange:n.onRangeChange,"left-label-value":n.fromFormatted,"thumb-size":"24px","track-size":"4px","thumb-color":e.isDark?"primary":"secondary","right-label-value":n.toFormatted,snap:l.filter.snap,step:l.filter.step,markers:l.filter.markers},null,8,["modelValue","reverse","color","min","max","onChange","onUpdate:modelValue","left-label-value","thumb-color","right-label-value","snap","step","markers"])])):(d(),c(H,{key:1,modelValue:u.value,"onUpdate:modelValue":[i[1]||(i[1]=t=&gt;u.value=t),n.onRangeInput],reverse:!!l.filter.reverse,color:e.isDark?"primary":"secondary",min:l.filter.min,max:l.filter.max,onChange:n.onRangeChange,"left-label-value":n.fromFormatted,"track-size":"2px","right-label-value":n.toFormatted,snap:l.filter.snap,step:l.filter.step,markers:l.filter.markers},null,8,["modelValue","reverse","color","min","max","onChange","onUpdate:modelValue","left-label-value","right-label-value","snap","step","markers"])),l.filter.labels?T("v-if",!0):(d(),b("div",Ve,[j("div",ke,[l.filter.mask&amp;&amp;l.filter.name!=="carat"?(d(),c(M,{key:0,modelValue:l.filter.from,"onUpdate:modelValue":[i[2]||(i[2]=t=&gt;l.filter.from=t),n.onLeftInput],align:"left",mask:l.filter.mask,label:l.filter.fromLabel},null,8,["modelValue","onUpdate:modelValue","mask","label"])):l.filter.name==="carat"?(d(),c(I,{key:1,modelValue:l.filter.from,"onUpdate:modelValue":[i[3]||(i[3]=t=&gt;l.filter.from=t),n.onLeftInput],dense:"",outlined:"",type:"number",onKeyup:i[4]||(i[4]=t=&gt;n.onKeyUp(t,"left")),onClick:i[5]||(i[5]=t=&gt;n.onInputClick(t)),label:l.filter.fromLabel},null,8,["modelValue","onUpdate:modelValue","label"])):(d(),c(I,{key:2,modelValue:l.filter.from,"onUpdate:modelValue":[i[6]||(i[6]=t=&gt;l.filter.from=t),n.onLeftInput],dense:"",outlined:"",onKeyup:i[7]||(i[7]=t=&gt;n.onKeyUp(t,"left")),onClick:i[8]||(i[8]=t=&gt;n.onInputClick(t)),label:l.filter.fromLabel},null,8,["modelValue","onUpdate:modelValue","label"]))]),j("div",Ce,[l.filter.mask&amp;&amp;l.filter.name!=="carat"?(d(),c(M,{key:0,modelValue:l.filter.to,"onUpdate:modelValue":[i[9]||(i[9]=t=&gt;l.filter.to=t),n.onRightInput],align:"right",mask:l.filter.mask,label:l.filter.toLabel},null,8,["modelValue","onUpdate:modelValue","mask","label"])):l.filter.name==="carat"?(d(),c(I,{key:1,modelValue:l.filter.to,"onUpdate:modelValue":[i[10]||(i[10]=t=&gt;l.filter.to=t),n.onRightInput],"input-class":"text-right",dense:"",outlined:"",type:"number",suffix:l.filter.unit,onKeyup:i[11]||(i[11]=t=&gt;n.onKeyUp(t,"right")),onClick:i[12]||(i[12]=t=&gt;n.onInputClick(t)),label:l.filter.toLabel},null,8,["modelValue","onUpdate:modelValue","suffix","label"])):(d(),c(I,{key:2,modelValue:l.filter.to,"onUpdate:modelValue":[i[13]||(i[13]=t=&gt;l.filter.to=t),n.onRightInput],"input-class":"text-right",dense:"",outlined:"",suffix:l.filter.unit,onKeyup:i[14]||(i[14]=t=&gt;n.onKeyUp(t,"right")),onClick:i[15]||(i[15]=t=&gt;n.onInputClick(t)),label:l.filter.toLabel},null,8,["modelValue","onUpdate:modelValue","suffix","label"]))])])),l.filter.banner?(d(),b("div",{key:3,innerHTML:l.filter.banner},null,8,Ie)):T("v-if",!0),l.filter.labels?(d(),b("div",Te,[(d(!0),b(fe,null,de(l.filter.labels,(t,k)=&gt;(d(),b("div",{style:ve({width:n.labelWidth}),class:w(["label text-center",{newFiltersExperience:n.newFiltersExperience,active:k&gt;=u.value.min&amp;&amp;k+1&lt;=u.value.max}]),key:t.text},[t.tip?(d(),c(V,{key:0,"title-class":"text-thin q-pa-none",title:t.tip.title,class:w([t.tip.class,{"justify-center":t.tip&amp;&amp;!e.isMobile}]),icon:n.newFiltersExperience?e.matInfoOutline:e.matInfo},{header:z(()=&gt;[he(q(t.tip.title),1)]),default:z(()=&gt;[typeof t.tip.content=="object"?(d(),c(ce(t.tip.content),{key:0})):T("v-if",!0)]),_:2},1032,["title","class","icon"])):(d(),b("span",Le,q(t.text),1))],6))),128))])):T("v-if",!0)],2)}var Ge=me(ye,[["render",Fe]]);export{Ge as default};
</pre></body></html>