@start-base/react-form-elements/Slider/index.mjs

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

import e,{forwardRef as l,useMemo as a}from"react";import r from"clsx";import o from"rc-slider";var t=Object.defineProperty,s=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,i=(e,l,a)=>l in e?t(e,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[l]=a,m=(e,l)=>{for(var a in l||(l={}))d.call(l,a)&&i(e,a,l[a]);if(s)for(var a of s(l))n.call(l,a)&&i(e,a,l[a]);return e},u="SUI-Slider-module-root-nimwu",c="SUI-Slider-module-inputRoot-H61xi",b="SUI-Slider-module-label-CfIjh",S="SUI-Slider-module-slider-gTQ5h",f="SUI-Slider-module-vertical-6u-n8",v="SUI-Slider-module-tracks-3aY2r",p="SUI-Slider-module-track-cy5dF",N="SUI-Slider-module-rail-K-UNZ",C="SUI-Slider-module-handle-G5nbR",g="SUI-Slider-module-horizontal-B05eH",I="SUI-Slider-module-disabled-hAd0M",U="SUI-Slider-module-error-Qeso1",y="SUI-Slider-module-errorLabel-2RUQj",h=l((l,t)=>{var i=l,{name:h,onChange:k,label:O=null,value:j=null,range:x=!1,vertical:E=!1,defaultValue:w=[0,0],tracksClassName:P=null,trackClassName:Q=null,railClassName:R=null,handleClassName:H=null,labelClassName:V=null,errorClassName:z=null,disabled:A=!1,error:B=null}=i,D=((e,l)=>{var a={};for(var r in e)d.call(e,r)&&l.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&s)for(var r of s(e))l.indexOf(r)<0&&n.call(e,r)&&(a[r]=e[r]);return a})(i,["name","onChange","label","value","range","vertical","defaultValue","tracksClassName","trackClassName","railClassName","handleClassName","labelClassName","errorClassName","disabled","error"]);const F=a(()=>B&&"string"==typeof B?B:B&&"object"==typeof B&&B.message?B.message:null,[B]);return e.createElement("div",{className:u},O&&e.createElement("div",{className:r(b,m({},V?{[V]:!0}:{}))},O),e.createElement("div",{className:r(c)},e.createElement(o,m({ref:t,classNames:{tracks:r(v,m({},P?{[P]:!0}:{})),track:r(p,m({},Q?{[Q]:!0}:{})),rail:r(N,m({},R?{[R]:!0}:{})),handle:r(C,m({},H?{[H]:!0}:{}))},activeDotStyle:{borderColor:"var(--rfe-black)",background:"var(--rfe-black)"},className:r(S,{[f]:E,[g]:!E,[I]:A,[U]:"boolean"==typeof B&&B}),dotStyle:{top:E?"unset":"1px",right:E?"-5px":"unset",borderColor:"var(--rfe-border)",background:"var(--rfe-border)"},value:null===j&&x?w:null===j?0:j,onChange:e=>{k({target:{name:h,value:e}})},disabled:A,range:x,vertical:E},D))),F&&e.createElement("div",{className:r(y,m({},z?{[z]:!0}:{}))},F))});h.displayName="Slider";var k=h;export{k as default};