| 1 |
var q=Object.defineProperty;var B=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var R=Math.pow,E=(s,r,i)=>r in s?q(s,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[r]=i,U=(s,r)=>{for(var i in r||(r={}))G.call(r,i)&&E(s,i,r[i]);if(B)for(var i of B(r))H.call(r,i)&&E(s,i,r[i]);return s};import{a as M,r as S,j as t,h as O}from"./main-762.js";import{i as J,f as I}from"./bf-685-46.js";const f={container:{brs:"var(--bf-bdr-radius-sm)",flx:"align-center",h:30,p:3,bc:"var(--white-0-95)",cr:"var(--white-0-50)",b:"1px solid transparent",":focus-within":{focusShadow:1},":hover":{bs:"0 0 0 1px var(--white-0-83)"}},input:{jc:"space-between !important",":hover":{b:"1px solid transparent !important","& > div > input:first-child":{bc:"transparent !important"},"& button":{dy:"none"}},":focus":{bc:"transparent !important"},"& > span:first-child":{w:"40%",p:0,flx:"center"},"& > div:nth-child(2)":{w:"60%"},"& > div:nth-child(2) > input:first-child":{pr:"0px !important"}},selectt:{bi:"none !important",all:"unset","border-top-left-radius":"0 !important","border-bottom-left-radius":"0 !important",bl:"1px solid var(--white-0-75)",p:"0px !important",pr:"3px !important",pl:"3px !important",bc:"transparent !important",lh:"1.5 !important",mnh:"18px !important","&:focus":{bs:"none !important"}},listContainer:{pn:"relative",w:20,cur:"pointer","&:hover .value-list":{dy:"block"},"&:hover .down-icon":{transform:"rotate(180deg) !important"}},valueList:{dy:"none",pn:"absolute",m:0,mxh:200,owy:"auto",mnw:100,bc:"white",cr:"black",brs:5,p:5,bs:"rgb(191 191 191) 0px 0px 5px 2px",br:".5px solid rgb(218 218 218)"},listItem:{m:0,p:2,brs:3,cur:"pointer",":hover":{bc:" hsl(0deg 0% 76%)"}}},b={container:{flx:"center",w:"100%",brs:8,ow:"hidden",h:30,fw:500,b:"1px solid transparent",":hover":{b:"1px solid var(--white-0-50)","& input":{bc:"var(--white-0-89) !important"},"& button":{dy:"initial"}},"& div[data-tippy-root]":{w:"80%"}},visible:{bs:"0 0 0 2px var(--b-50) outset"},label:{p:"8px 12px",w:"50%"},resizer:{cur:"e-resize",us:"none"},inputcontainer:{dy:"inline-block",h:"100%",pn:"relative",width:"100%"},input:{"-moz-appearance":"textfield",b:"none !important",oe:"none",brs:"0px !important",m:0,p:"0 0 0 3px !important",h:"100%",w:"100%",mnh:"auto !important",bc:"transparent !important",":focus":{bs:"none !important",dy:"initial"},"&::-webkit-inner-spin-button":{"-webkit-appearance":"none"},"&::-webkit-outer-spin-button":{"-webkit-appearance":"none"}},button:{m:0,p:2,oe:"none",b:0,pn:"absolute",rt:0,fs:15,curp:1,cr:"var(--white-2-47)",lh:0,dy:"none",bc:"transparent !important",tn:"all .2s",":hover":{cr:"var(--black-0)",bs:"none"},"&:focus-visible":{bs:"0 0 0 2px var(--b-50) inset"}},inc:{tp:3,tm:"rotate(180deg)",":hover":{tp:1}},dec:{bm:3,":hover":{bm:1}},range:{m:"auto",oe:"none",p:0,h:6,w:"80%",bc:"#dedede",bi:"linear-gradient(90deg, #4099FF 0%, #4099FF 100%)","background-size":"50% 100%","background-repeat":"no-repeat",brs:10,curp:1,"-webkit-appearance":"none","::-webkit-slider-runnable-track":{bs:"none",b:"none",bd:"transparent","-webkit-appearance":"none"},"::-moz-range-track":{bs:"none",b:"none",bd:"transparent"},"::-webkit-slider-thumb":{se:14,bc:"#4099FF",b:"3px solid #FFFFFF",brs:"100%","-webkit-appearance":"none",bs:"0 1px 3px 0px rgba(0,0,0,0.3)",tn:"transform 0.2s cubic-bezier(0.42, 0, 0.68, 3.27) 0s"},"::-webkit-slider-thumb:active":{tm:"scale(0.85)",tn:"transform .2s ease"},"::-moz-range-thumb:active":{tm:"scale(0.85)",tn:"transform .2s ease"},"::-moz-range-thumb":{se:14,bc:"#4099FF",b:"3px solid #FFFFFF",brs:"100%",bs:"0 1px 3px 0px rgba(0,0,0,0.3)",tn:"transform 0.2s cubic-bezier(0.42, 0, 0.68, 3.27) 0s"},"::-ms-thumb:active":{tm:"scale(0.85)",tn:"transform .2s ease"},"::-ms-thumb":{se:14,bc:"#4099FF",b:"3px solid #FFFFFF",brs:"100%",bs:"0 1px 3px 0px rgba(0,0,0,0.3)",tn:"transform 0.2s cubic-bezier(0.42, 0, 0.68, 3.27) 0s"}}},Q=({min:s,max:r,step:i,val:u,onChangeHandler:a,dataTestId:l})=>{const{css:p}=M(),o=S.useRef(null);return S.useEffect(()=>{const v=(u-s)*100/(r-s);o.current.style.backgroundSize=`${v<0?0:v.toFixed(2)}% 100%`},[r,s,u]),t.jsxs("div",{className:p(O.flxc,{cg:3,h:25}),children:[t.jsx("span",{children:s}),t.jsx("input",{type:"range",ref:o,className:p(b.range),"data-testid":`${l}-range`,min:s,max:r,step:i,onInput:a,value:u}),t.jsx("span",{children:r})]})};function Y({width:s,label:r,className:i,value:u,min:a,max:l,step:p=1,onChange:o,showRangeTip:v=!0,resizeValueByLabel:d=!0,changeValueOnScroll:j=!0,showArrow:w=!0,placeholder:z,hasTextMode:K,dataTestId:g,sliderWidth:N}){const{css:m}=M(),[F,k]=S.useState(!1),h=e=>{const n=e.clientX;let C=parseFloat(u);Number.isNaN(C)&&(C=a),document.onmousemove=X=>{const A=Math.floor(X.clientX-n),L=Math.round(Math.sign(A)*R(Math.abs(A)/10,1.2));let y=C+L;y<a&&(y=a),y>l&&(y=l),o&&o(y)},document.onmouseup=()=>{document.onmousemove=null}},x=e=>{let n=0;return e.altKey&&!e.shiftKey&&!e.ctrlKey&&(n=.1),!e.altKey&&e.shiftKey&&!e.ctrlKey&&(n=10),!e.altKey&&!e.shiftKey&&e.ctrlKey&&(n=100),n},c=e=>{o&&o(e.target.value)},$=e=>{if(e.code==="ArrowDown"||e.code==="ArrowUp"){if(e.preventDefault(),e.code==="ArrowDown"){o(e.target.valueAsNumber-Number(x(e)||p));return}o(e.target.valueAsNumber+Number(x(e)||p))}},P=e=>{let n=Number(u)+Number(x(e)||p);Number.isInteger(n)||(n=parseFloat(n.toFixed(2))),n<a&&(n=a),n>l&&(n=l),o&&o(n)},W=e=>{let n=Number(u)-(x(e)||p);Number.isInteger(n)||(n=parseFloat(n.toFixed(3))),n<a&&(n=a),n>l&&(n=l),o&&o(n)};return t.jsxs("div",{className:`${m(b.container,{"& div[data-tippy-root]":{w:N}},F?b.visible:"")} ${i}`,style:{width:s||"100%"},children:[r&&t.jsx("span",{className:m(b.label,d?b.resizer:""),onMouseDown:d?h:void 0,children:r}),t.jsx(J,{className:m(b.tip),inertia:!0,placement:"bottom",duration:350,interactiveBorder:20,theme:"light-border",animation:"shift-away-extreme",interactive:!0,maxWidth:"100%",arrow:!0,content:t.jsx(Q,{dataTestId:g,min:a,max:l,step:p,val:u,onChangeHandler:c}),visible:F,onClickOutside:()=>k(!1),children:t.jsxs("div",{className:m(b.inputcontainer),children:[t.jsx("input",{className:`${m(b.input)} ${w&&"pr-4"}`,type:"number",min:a,max:l,placeholder:z||"value",step:p,onChange:c,onKeyDown:$,onFocusCapture:v?()=>k(!0):void 0,onWheelCapture:j?void 0:e=>e.target.blur(),value:u,"data-testid":`${g}-input`}),w&&!K&&t.jsxs("div",{children:[t.jsx("button",{type:"button",className:m(b.button,b.inc),onClick:P,children:t.jsx(I,{size:9,viewBox:"6 9 12 6"})}),t.jsx("button",{type:"button",className:m(b.button,b.dec),onClick:W,children:t.jsx(I,{size:9,viewBox:"6 9 12 6"})})]})]})})]})}function D({label:s,className:r,width:i,customStyle:u,options:a=[],sizeHandler:l,unit:p,inputHandler:o,actualValue:v,preDefinedValues:d,definedValueHandler:j,value:w,name:z,min:K=1,max:g=100,id:N,step:m=1,dataTestId:F,sliderWidth:k}){const{css:h}=M(),x=d==null?void 0:d.includes(v);return t.jsxs("div",{className:`${h(f.container)} ${r}`,style:U({width:i},u),children:[d&&t.jsxs("div",{className:h(f.listContainer),children:[t.jsx(I,{className:"down-icon",size:"18",rotate:!1}),t.jsx("ul",{className:`${h(f.valueList)} value-list`,children:d==null?void 0:d.map(c=>t.jsx("li",{role:"option","aria-selected":c,onClick:()=>j(c),onKeyUp:()=>j(c),className:h(f.listItem),children:c},c))})]}),t.jsx(Y,{className:h(f.input),label:s,value:x?"":w,min:K,max:g,step:m,width:`${i-20}px`,onChange:c=>o({value:c,unit:p,id:N}),placeholder:v,hasTextMode:x,dataTestId:F,sliderWidth:k}),!x&&t.jsxs("select",{value:p,className:h(f.selectt,O.fontBody,{fs:"12px !important"}),name:z,onChange:({target:{value:c}})=>l({unitKey:c,unitValue:w,id:N}),"data-testid":`${F}-unit-select`,children:[a.length===0&&t.jsxs(t.Fragment,{children:[t.jsx("option",{value:"px",children:"px"}),t.jsx("option",{value:"%",children:"%"}),t.jsx("option",{value:"em",children:"em"}),t.jsx("option",{value:"rem",children:"rem"})]}),a&&(a==null?void 0:a.map((c,$)=>t.jsx("option",{value:c,children:c},`scopt-${$*2}`)))]})]})}export{Y as C,D as S,f as s}; |
