https://www.beazley.com/dist-client/8598-9738f6fb810f4036624c.js

1"use strict";(globalThis.webpackChunkbeasley_design=globalThis.webpackChunkbeasley_design||[]).push([[8598],{8598(e,t,n){n.d(t,{A:()=>F});var a=n(6540),r=n(4164);function o(e){return"string"==typeof e}var l=n(5659),s=n(2426),i=n(5601);const u="Slider";function c(e){return(0,i.S)(u,e)}(0,s.W)(u,["root","active","focusVisible","disabled","dragging","marked","vertical","trackInverted","trackFalse","rail","track","mark","markActive","markLabel","markLabelActive","thumb"]);var d=n(2325);const v=function(e,t=Number.MIN_SAFE_INTEGER,n=Number.MAX_SAFE_INTEGER){return Math.max(t,Math.min(e,n))};var m=n(1523);function f(e){try{return e.matches(":focus-visible")}catch(e){0}return!1}var p=n(1529),b=n(1547);const h={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};var g=n(4959);function x(e,t){return e-t}function k(e,t){const{index:n}=e.reduce((e,n,a)=>{const r=Math.abs(t-n);return null===e||r<e.distance||r===e.distance?{distance:r,index:a}:e},null)??{};return n}function y(e,t){if(void 0!==t.current&&e.changedTouches){const n=e;for(let e=0;e<n.changedTouches.length;e+=1){const a=n.changedTouches[e];if(a.identifier===t.current)return{x:a.clientX,y:a.clientY}}return!1}return{x:e.clientX,y:e.clientY}}function A(e,t,n){return 100*(e-t)/(n-t)}function S(e,t,n){const a=Math.round((e-n)/t)*t+n;return Number(a.toFixed(function(e){if(Math.abs(e)<1){const t=e.toExponential().split("e-"),n=t[0].split(".")[1];return(n?n.length:0)+parseInt(t[1],10)}const t=e.toString().split(".")[1];return t?t.length:0}(t)))}function w({values:e,newValue:t,index:n}){const a=e.slice();return a[n]=t,a.sort(x)}function L({sliderRef:e,activeIndex:t,setActive:n}){const a=(0,d.A)(e.current);e.current?.contains(a.activeElement)&&Number(a?.activeElement?.getAttribute("data-index"))===t||e.current?.querySelector(`[type="range"][data-index="${t}"]`).focus(),n&&n(t)}function T(e,t){return"number"==typeof e&&"number"==typeof t?e===t:"object"==typeof e&&"object"==typeof t&&function(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,a)=>n(e,t[a]))}(e,t)}const P={horizontal:{offset:e=>({left:`${e}%`}),leap:e=>({width:`${e}%`})},"horizontal-reverse":{offset:e=>({right:`${e}%`}),leap:e=>({width:`${e}%`})},vertical:{offset:e=>({bottom:`${e}%`}),leap:e=>({height:`${e}%`})}},E=e=>e;let I;function N(){return void 0===I&&(I="undefined"==typeof CSS||"function"!=typeof CSS.supports||CSS.supports("touch-action","none")),I}function R(e){const{"aria-labelledby":t,defaultValue:n,disabled:r=!1,disableSwap:o=!1,isRtl:l=!1,marks:s=!1,max:i=100,min:u=0,name:c,onChange:I,onChangeCommitted:R,orientation:C="horizontal",rootRef:M,scale:V=E,step:j=1,shiftStep:F=10,tabIndex:D,value:O}=e,$=a.useRef(void 0),[_,z]=a.useState(-1),[K,B]=a.useState(-1),[W,X]=a.useState(!1),G=a.useRef(0),[H,U]=function({controlled:e,default:t,name:n,state:r="value"}){const{current:o}=a.useRef(void 0!==e),[l,s]=a.useState(t);return[o?e:l,a.useCallback(e=>{o||s(e)},[])]}({controlled:O,default:n??u,name:"Slider"}),Y=I&&((e,t,n)=>{const a=e.nativeEvent||e,r=new a.constructor(a.type,a);Object.defineProperty(r,"target",{writable:!0,value:{value:t,name:c}}),I(r,t,n)}),q=Array.isArray(H);let J=q?H.slice().sort(x):[H];J=J.map(e=>null==e?u:v(e,u,i));const Q=!0===s&&null!==j?[...Array(Math.floor((i-u)/j)+1)].map((e,t)=>({value:u+j*t})):s||[],Z=Q.map(e=>e.value),[ee,te]=a.useState(-1),ne=a.useRef(null),ae=(0,m.A)(M,ne),re=e=>t=>{const n=Number(t.currentTarget.getAttribute("data-index"));f(t.target)&&te(n),B(n),e?.onFocus?.(t)},oe=e=>t=>{f(t.target)||te(-1),B(-1),e?.onBlur?.(t)},le=(e,t)=>{const n=Number(e.currentTarget.getAttribute("data-index")),a=J[n],r=Z.indexOf(a);let l=t;if(Q&&null==j){const e=Z[Z.length-1];l=l>e?e:l<Z[0]?Z[0]:l<a?Z[r-1]:Z[r+1]}if(l=v(l,u,i),q){o&&(l=v(l,J[n-1]||-1/0,J[n+1]||1/0));const e=l;l=w({values:J,newValue:l,index:n});let t=n;o||(t=l.indexOf(e)),L({sliderRef:ne,activeIndex:t})}U(l),te(n),Y&&!T(l,H)&&Y(e,l,n),R&&R(e,l)},se=e=>t=>{if(null!==j){const e=Number(t.currentTarget.getAttribute("data-index")),n=J[e];let a=null;("ArrowLeft"===t.key||"ArrowDown"===t.key)&&t.shiftKey||"PageDown"===t.key?a=Math.max(n-F,u):(("ArrowRight"===t.key||"ArrowUp"===t.key)&&t.shiftKey||"PageUp"===t.key)&&(a=Math.min(n+F,i)),null!==a&&(le(t,a),t.preventDefault())}e?.onKeyDown?.(t)};(0,p.A)(()=>{r&&ne.current.contains(document.activeElement)&&document.activeElement?.blur()},[r]),r&&-1!==_&&z(-1),r&&-1!==ee&&te(-1);const ie=a.useRef(void 0);let ue=C;l&&"horizontal"===C&&(ue+="-reverse");const ce=({finger:e,move:t=!1})=>{const{current:n}=ne,{width:a,height:r,bottom:l,left:s}=n.getBoundingClientRect();let c,d;if(c=ue.startsWith("vertical")?(l-e.y)/r:(e.x-s)/a,ue.includes("-reverse")&&(c=1-c),d=function(e,t,n){return(n-t)*e+t}(c,u,i),j)d=S(d,j,u);else{const e=k(Z,d);d=Z[e]}d=v(d,u,i);let m=0;if(q){m=t?ie.current:k(J,d),o&&(d=v(d,J[m-1]||-1/0,J[m+1]||1/0));const e=d;d=w({values:J,newValue:d,index:m}),o&&t||(m=d.indexOf(e),ie.current=m)}return{newValue:d,activeIndex:m}},de=(0,b.A)(e=>{const t=y(e,$);if(!t)return;if(G.current+=1,"mousemove"===e.type&&0===e.buttons)return void ve(e);const{newValue:n,activeIndex:a}=ce({finger:t,move:!0});L({sliderRef:ne,activeIndex:a,setActive:z}),U(n),!W&&G.current>2&&X(!0),Y&&!T(n,H)&&Y(e,n,a)}),ve=(0,b.A)(e=>{const t=y(e,$);if(X(!1),!t)return;const{newValue:n}=ce({finger:t,move:!0});z(-1),"touchend"===e.type&&B(-1),R&&R(e,n),$.current=void 0,fe()}),me=(0,b.A)(e=>{if(r)return;N()||e.preventDefault();const t=e.changedTouches[0];null!=t&&($.current=t.identifier);const n=y(e,$);if(!1!==n){const{newValue:t,activeIndex:a}=ce({finger:n});L({sliderRef:ne,activeIndex:a,setActive:z}),U(t),Y&&!T(t,H)&&Y(e,t,a)}G.current=0;const a=(0,d.A)(ne.current);a.addEventListener("touchmove",de,{passive:!0}),a.addEventListener("touchend",ve,{passive:!0})}),fe=a.useCallback(()=>{const e=(0,d.A)(ne.current);e.removeEventListener("mousemove",de),e.removeEventListener("mouseup",ve),e.removeEventListener("touchmove",de),e.removeEventListener("touchend",ve)},[ve,de]);a.useEffect(()=>{const{current:e}=ne;return e.addEventListener("touchstart",me,{passive:N()}),()=>{e.removeEventListener("touchstart",me),fe()}},[fe,me]),a.useEffect(()=>{r&&fe()},[r,fe]);const pe=A(q?J[0]:u,u,i),be=A(J[J.length-1],u,i)-pe,he=e=>t=>{e.onMouseLeave?.(t),B(-1)};return{active:_,axis:ue,axisProps:P,dragging:W,focusedThumbIndex:ee,getHiddenInputProps:(n={})=>

1{const a=(0,g.A)(n),o={onChange:(s=a||{},e=>{s.onChange?.(e),le(e,e.target.valueAsNumber)}),onFocus:re(a||{}),onBlur:oe(a||{}),onKeyDown:se(a||{})};var s;const d={...a,...o};return{tabIndex:D,"aria-labelledby":t,"aria-orientation":C,"aria-valuemax":V(i),"aria-valuemin":V(u),name:c,type:"range",min:e.min,max:e.max,step:null===e.step&&e.marks?"any":e.step??void 0,disabled:r,...n,...d,style:{...h,direction:l?"rtl":"ltr",width:"100%",height:"100%"}}},getRootProps:(e={})=>{const t=(0,g.A)(e),n={onMouseDown:(a=t||{},e=>{if(a.onMouseDown?.(e),r)return;if(e.defaultPrevented)return;if(0!==e.button)return;e.preventDefault();const t=y(e,$);if(!1!==t){const{newValue:n,activeIndex:a}=ce({finger:t});L({sliderRef:ne,activeIndex:a,setActive:z}),U(n),Y&&!T(n,H)&&Y(e,n,a)}G.current=0;const n=(0,d.A)(ne.current);n.addEventListener("mousemove",de,{passive:!0}),n.addEventListener("mouseup",ve)})};var a;const o={...t,...n};return{...e,ref:ae,...o}},getThumbProps:(e={})=>{const t=(0,g.A)(e),n={onMouseOver:(a=t||{},e=>{a.onMouseOver?.(e);const t=Number(e.currentTarget.getAttribute("data-index"));B(t)}),onMouseLeave:he(t||{})};var a;return{...e,...t,...n}},marks:Q,open:K,range:q,rootRef:ae,trackLeap:be,trackOffset:pe,values:J,getThumbStyle:e=>({pointerEvents:-1!==_&&_!==e?"none":void 0})}}var C=n(7309);var M=n(3636),V=n(4848);function j(e){return e}const F=a.forwardRef(function(e,t){const{"aria-label":n,"aria-valuetext":s,"aria-labelledby":i,className:u,disableSwap:d=!1,disabled:v=!1,getAriaLabel:m,getAriaValueText:f,marks:p=!1,max:b=100,min:h=0,name:g,onChange:x,onChangeCommitted:k,orientation:y="horizontal",shiftStep:S=10,scale:w=j,step:L=1,tabIndex:T,track:P="normal",value:E,valueLabelFormat:I=j,isRtl:N=!1,defaultValue:F,slotProps:D={},slots:O={},...$}=e,_={...e,marks:p,disabled:v,disableSwap:d,isRtl:N,defaultValue:F,max:b,min:h,orientation:y,scale:w,step:L,shiftStep:S,track:P,valueLabelFormat:I},{axisProps:z,getRootProps:K,getHiddenInputProps:B,getThumbProps:W,active:X,axis:G,range:H,focusedThumbIndex:U,dragging:Y,marks:q,values:J,trackOffset:Q,trackLeap:Z,getThumbStyle:ee}=R({..._,rootRef:t}),te={..._,marked:q.length>0&&q.some(e=>e.label),dragging:Y,focusedThumbIndex:U,activeThumbIndex:X},ne=(e=>{const{disabled:t,dragging:n,marked:a,orientation:r,track:o}=e,s={root:["root",t&&"disabled",n&&"dragging",a&&"marked","vertical"===r&&"vertical","inverted"===o&&"trackInverted",!1===o&&"trackFalse"],rail:["rail"],track:["track"],mark:["mark"],markActive:["markActive"],markLabel:["markLabel"],markLabelActive:["markLabelActive"],valueLabel:["valueLabel"],thumb:["thumb",t&&"disabled"],active:["active"],disabled:["disabled"],focusVisible:["focusVisible"]};return(0,l.A)(s,(0,M.W)(c))})(te),ae=O.root??"span",re=(0,C.A)({elementType:ae,getSlotProps:K,externalSlotProps:D.root,externalForwardedProps:$,ownerState:te,className:[ne.root,u]}),oe=O.rail??"span",le=(0,C.A)({elementType:oe,externalSlotProps:D.rail,ownerState:te,className:ne.rail}),se=O.track??"span",ie=(0,C.A)({elementType:se,externalSlotProps:D.track,additionalProps:{style:{...z[G].offset(Q),...z[G].leap(Z)}},ownerState:te,className:ne.track}),ue=O.thumb??"span",ce=(0,C.A)({elementType:ue,getSlotProps:W,externalSlotProps:D.thumb,ownerState:te,skipResolvingSlotProps:!0}),de=O.valueLabel,ve=(0,C.A)({elementType:de,externalSlotProps:D.valueLabel,ownerState:te}),me=O.mark??"span",fe=(0,C.A)({elementType:me,externalSlotProps:D.mark,ownerState:te,className:ne.mark}),pe=O.markLabel??"span",be=(0,C.A)({elementType:pe,externalSlotProps:D.markLabel,ownerState:te}),he=O.input||"input",ge=(0,C.A)({elementType:he,getSlotProps:B,externalSlotProps:D.input,ownerState:te});return(0,V.jsxs)(ae,{...re,children:[(0,V.jsx)(oe,{...le}),(0,V.jsx)(se,{...ie}),q.filter(e=>e.value>=h&&e.value<=b).map((e,t)=>{const n=A(e.value,h,b),l=z[G].offset(n);let s;return s=!1===P?J.includes(e.value):"normal"===P&&(H?e.value>=J[0]&&e.value<=J[J.length-1]:e.value<=J[0])||"inverted"===P&&(H?e.value<=J[0]||e.value>=J[J.length-1]:e.value>=J[0]),(0,V.jsxs)(a.Fragment,{children:[(0,V.jsx)(me,{"data-index":t,...fe,...!o(me)&&{markActive:s},style:{...l,...fe.style},className:(0,r.A)(fe.className,s&&ne.markActive)}),null!=e.label?(0,V.jsx)(pe,{"aria-hidden":!0,"data-index":t,...be,...!o(pe)&&{markLabelActive:s},style:{...l,...be.style},className:(0,r.A)(ne.markLabel,be.className,s&&ne.markLabelActive),children:e.label}):null]},t)}),J.map((e,t)=>{const a=A(e,h,b),l=z[G].offset(a),u=function(e,t,n){return"function"==typeof e?e(t,n):e}(D.thumb,te,{index:t,focused:U===t,active:X===t});return(0,V.jsxs)(ue,{"data-index":t,...ce,...u,className:(0,r.A)(ne.thumb,ce.className,u?.className,X===t&&ne.active,U===t&&ne.focu

1sVisible),style:{...l,...ee(t),...ce.style,...u?.style},children:[(0,V.jsx)(he,{"data-index":t,"aria-label":m?m(t):n,"aria-valuenow":w(e),"aria-labelledby":i,"aria-valuetext":f?f(w(e),t):s,value:J[t],...ge}),de?(0,V.jsx)(de,{...!o(de)&&{valueLabelFormat:I,index:t,disabled:v},...ve,children:"function"==typeof I?I(w(e),t):I}):null]},t)})]})})}}]);