https://111cuts.com/static/js/async/5273.517767d820.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[5273],{13456(e,t,l){l.r(t),l.d(t,{default:()=>s});var r=l(74848),n=l(96540);let s=(0,n.forwardRef)(({SetValue:e,SetInterval:t,OnBlur:l,OnChange:s,MinimumValue:a=0,MaximumValue:i=120,Required:u,CustomErrorMessage:c,Disabled:o,OnIncrement:m,OnDecrement:d,CustomIntervalText:g="",LabelText:v="",View:p,Variant:h="large",SelectOnFocus:x=!1,PreventOnChangeOnInvalid:f=!1},b)=>{let[w,j]=(0,n.useState)(e??null),[N,C]=(0,n.useState)(!1),M=(0,n.useRef)(null);(0,n.useEffect)(()=>{j(e??null)},[e]),(0,n.useEffect)(()=>{M.current&&(M.current.offsetWidth<200?M.current.classList.add("vg-stepper-medium"):M.current.classList.remove("vg-stepper-medium"))},[]);let I=e=>e>0&&e<t?t:Math.ceil(e/t)*t,O=g&&/^[A-Za-z]+$/.test(g)?g.slice(0,3):null;return(0,n.useImperativeHandle)(b,()=>({validate:()=>{let e;return e={IsValidate:!0,IsRequired:u},u&&null===w&&(C(!0),e.IsValidate=!1),e}})),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:`vg-stepper-main ${"rounded"===p?`vg-stepper-rounded-${h}`:""}`,ref:M,children:[v?.length>0&&(0,r.jsx)("label",{className:"vg-input-label",htmlFor:"exampleFormControlTextarea1",children:(0,r.jsx)(r.Fragment,{children:v})}),(0,r.jsxs)("div",{className:`vg-stepper-control ${""===g?"vg-stepper-customtime":""}`,children:[(0,r.jsx)("input",{type:"text",className:` ${N&&u&&!o?"vg-input-control-error":o?"vg-input-control-disabled":""} vg-input-control vg-ritextcontrol`,value:null!==w?w:"",onChange:e=>{let t=e.target.value,l=Number(t);""===t?j(null):!isNaN(l)&&l>=a&&l<=i&&j(l),s&&(f?!isNaN(l)&&l>=a&&l<=i&&s(e):s(e))},onBlur:e=>{let t=w;null===w&&u?(C(!0),t=a):null!==w&&(t=Math.min(Math.max(I(w),a),i),C(!1)),j(t),l&&l(e)},onFocus:e=>{x&&e.target.select()},disabled:o}),O&&(0,r.jsxs)("span",{className:"vg-min-text",children:[" ",O]}),(0,r.jsx)("button",{className:"vg-ricontrol vg-riDown",onClick:e=>{if(j(e=>Math.max(I("number"==typeof e?e:a)-t,a)),d){let l=I("number"==typeof w?w:a)-t;d({...e,target:{...e.target,value:Math.max(l,a).toString()}})}},disabled:o,children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",children:(0,r.jsx)("path",{d:"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"})})}),(0,r.jsx)("button",{className:"vg-ricontrol vg-riUp",onClick:e=>{if(j(e=>{let l="number"==typeof e?e:a;return l<t?t:Math.min(l+t,i)}),m){let l=("number"==typeof w?w:a)<t?t:Math.min(("number"==typeof w?w:a)+t,i);m({...e,target:{...e.target,value:l.toString()}})}},disabled:o,children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",children:(0,r.jsx)("path",{d:"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"})})})]}),N&&u&&!o&&(0,r.jsx)("span",{className:"vg-input-control-error-msg",children:c})]})})})}}]);