https://thelashloungesalons.com/static/js/async/522.4c5bd141e1.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[522],{29060(){},96273(e,t,n){n.r(t),n.d(t,{default:()=>u});var o=n(74848),l=n(96540),s=n(65195),i=n(9414),r=n(7247),a=n(67247),d=n(27142),c=n(94089);let u=(0,l.forwardRef)(({OnClick:e,Items:t=[],MenuButtonPosition:n,OnThreeDotMenuClick:u,MenuOptions:p="ThreeDot",IconSVG:g,Cursor:h=!0,ThreeDotMenuOpenPosition:m,TextValue:x="",TextboxPrefixValue:v="$",OnTextClick:f,OnTextChange:w,OnTextBlur:b,OnTextKeyUp:j,OnTextKeyDown:T,OnTextKeypress:C,OnTextFoucus:$,TextMaxLength:N,SelectedItem:y,MenuOpen:k=!0,Disabled:M=!1,CustomMenuRender:E,CustomOptionsMenuMinWidth:I="",CustomOptionsSubMenuMinWidth:B="",OpenOnHover:F=!1,TooltipOnHoverText:S="",UsePortal:L=!1,Variant:O,IconDark:H=!1,ThreedotId:D="threedotmenu",MaxHeight:R="",DarkHoverIcon:V=!1,OnClose:P,AutoWidthInMobile:W=!1,forceClose:A,AutoHeight:U=!1,GlassDesign:_=!1,EnableVisibleItemLimit:q=!1,VisibleItemCount:K=6,DismissKeyboardBeforeOpenMs:z=0},Y)=>{let X,[Z,G]=(0,l.useState)(!1),[J,Q]=(0,l.useState)(!1),[ee,et]=(0,l.useState)(null!=x?String(x):""),[en,eo]=(0,l.useState)(null),[el,es]=(0,l.useState)(null),[ei,er]=(0,l.useState)(null),[ea,ed]=(0,l.useState)(""),ec=(0,l.useRef)(null),eu=(0,l.useRef)(null),[ep,eg]=(0,l.useState)(!1),eh=(0,l.useRef)(null),em=(0,l.useRef)(null),ex=(0,l.useRef)(null),ev=(0,l.useRef)({}),ef=(0,l.useRef)(null),ew=(0,l.useRef)(null),eb=(0,l.useRef)(!1),ej=(0,l.useRef)(null),[eT,eC]=(0,l.useState)(null),[e$,eN]=(0,l.useState)(!1),ey=(0,l.useRef)(null),ek=(0,l.useRef)(null),[eM,eE]=(0,l.useState)(0),eI=(e,t,n)=>{let o=window.innerWidth-n,l=o<e&&t>=e;return o<e&&t<e&&(l=t>o),Math.max(4,Math.min(l?t-e:n,window.innerWidth-e-4))};(0,l.useLayoutEffect)(()=>{if(!en||!eu.current||!ek.current)return;let e=eu.current.getBoundingClientRect().width,{menuLeft:t,menuRight:n}=ek.current,o=eI(e,t,n);er(e=>e&&Math.abs(e.left-o)>1?{...e,left:o}:e)},[eM,en]);let eB=a.Wp.CheckIsFromProAppWithoutState(),eF=a.Wp.CheckIsIphoneIosproWithoutState(),eS=(0,l.useRef)(null),[eL,eO]=(0,l.useState)(!1),[,eH]=(0,l.useState)(0),eD=(0,l.useRef)(null),[eR,eV]=(0,l.useState)({showInput:!1,inputDropdownValue:"",isSelectedFocus:!0,keyboardOpen:!1,viewportHeight:window.innerHeight,newItem:null}),eP=(0,l.useCallback)(e=>{let t=e.target.value;if(/^\d{0,3}(\.\d{0,2})?$/.test(t)){let e=parseFloat(t);if(""===t||isNaN(e))return void eV(e=>({...e,inputDropdownValue:t}));e>100&&(t=(e=100).toFixed(1));let[n]=t.split(".");if(n.length>3)return;eV(e=>({...e,inputDropdownValue:t}))}},[eR.inputDropdownValue]),eW=e=>{setTimeout(()=>{eS.current&&(eS.current.focus(),eR.isSelectedFocus&&eS.current.select(),eV(e=>({...e,isSelectedFocus:!1})))},0)};(0,l.useEffect)(()=>{if("CustomOptions"===p){let e=y?.inputValue||"0.00";eV(t=>({...t,inputDropdownValue:parseFloat(e).toFixed(2)}))}},[y]),(0,l.useEffect)(()=>{if(!eF||!window.visualViewport||"CustomOptions"!==p)return;let t=t=>{let n=window.visualViewport?window.visualViewport.height:0;if(eR.keyboardOpen&&n>eR.viewportHeight+100){eV(e=>({...e,keyboardOpen:!1,isSelectedFocus:!0}));let n={...eR.newItem,inputValue:eR.inputDropdownValue};eg(!1),G(!1),eS.current?.blur(),e?.(n,t)}else n<eR.viewportHeight-100&&(eV(e=>({...e,keyboardOpen:!0})),eS.current?.scrollIntoView({behavior:"smooth",block:"nearest"}));eV(e=>({...e,viewportHeight:n}))};return window.visualViewport.addEventListener("resize",t),window.visualViewport.addEventListener("scroll",t),()=>{window.visualViewport&&(window.visualViewport.removeEventListener("resize",t),window.visualViewport.removeEventListener("scroll",t))}},[eR]),(0,l.useEffect)(()=>(ep&&eB?document.body.classList.add("bottom-sheet-open"):document.body.classList.remove("bottom-sheet-open"),()=>{document.body.classList.remove("bottom-sheet-open")}),[ep,eB]),(0,l.useEffect)(()=>{let e=e=>{!ec?.current||ec.current.contains(e.target)||!(eu.current&&eu.current.contains(e.target))&&Z&&(G(!1),eg(!1),eo(null),eC(null))};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[Z]),(0,l.useEffect)(()=>{let e=e=>{let t=ec.current&&!document.getElementById("threedotmenu")?.contains(e.target),n=eh.current&&!eh.current.contains(e.target),o=em.current&&!em.current.contains(e.target),l=ex.current&&!ex.current.contains(e.target);"TextBox"===p||"TextBoxWithBorder"===p?o&&l&&(Q(!1),eg(!1)):t&&n&&(G(!1),eg(!1),eo(null),eC(null))};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e,{passive:!0}),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}

1,[p]),(0,l.useEffect)(()=>()=>{ey.current&&clearTimeout(ey.current)},[]),(0,l.useEffect)(()=>{A&&(ey.current&&clearTimeout(ey.current),eN(!1),G(!1),eg(!1),eo(null),eC(null))},[A]),(0,l.useEffect)(()=>{if(!U||!Z&&!J)return;let e=(Z?ec.current:null)??(J?ex.current:null),n=eh.current;if(!e||!n)return;let o=85*!!_,l=n.getBoundingClientRect(),s=window.innerHeight-l.bottom-8-o,i=l.top-8,r=36*(t?.length||0)+10;e.style.maxHeight=`${Math.max(100,s<r&&i>=r?i:s)}px`,e.style.overflowY="auto"},[Z,J,U,_,t]),(0,l.useEffect)(()=>{et(null!=x?String(x):"")},[x]),(0,l.useEffect)(()=>{if(!F||M)return;let e=()=>{ef.current&&clearTimeout(ef.current),ef.current=setTimeout(()=>{k&&("TextBox"===p||"TextBoxWithBorder"===p?Q(!0):G(!0),eg(!0))},0)},t=()=>{ef.current&&clearTimeout(ef.current),ef.current=setTimeout(()=>{G(!1),Q(!1),eg(!1),eo(null)},150)},n=ew.current,o=ex.current;n&&(n.addEventListener("mouseenter",e),n.addEventListener("mouseleave",t));let l=null;return(Z||J||ep)&&setTimeout(function(){(l=document.getElementById("threedotmenu"))&&(l.addEventListener("mouseenter",e),l.addEventListener("mouseleave",t)),o&&(o.addEventListener("mouseenter",e),o.addEventListener("mouseleave",t))},0),()=>{n&&(n.removeEventListener("mouseenter",e),n.removeEventListener("mouseleave",t));let l=document.getElementById("threedotmenu");l&&(l.removeEventListener("mouseenter",e),l.removeEventListener("mouseleave",t)),o&&(o.removeEventListener("mouseenter",e),o.removeEventListener("mouseleave",t)),ef.current&&clearTimeout(ef.current)}},[F,k,M,p,Z,J,ep]),(0,l.useEffect)(()=>{if(J&&"TextBoxWithBorder"===p&&em.current&&ex.current){let e=em.current.getBoundingClientRect(),t=ex.current.offsetHeight,n=window.innerHeight-e.bottom,o=e.top;n<t&&o>n?eO(!0):eO(!1)}},[J,p,t]),(0,l.useEffect)(()=>{let e=Z||J;eb.current&&!e&&P?.(D),eb.current=e},[Z,J,P,D]);let eA=(t,n)=>{"CustomOptions"===p&&eV(e=>({...e,showInput:!1})),!t.disabled&&("TextBox"===p||"TextBoxWithBorder"===p?("TextBox"===p?null!=x&&""!==x?et(String(x)):et(t?.label):null!=x&&""!==x?et(String(x)):et(t?.label?.startsWith(v)?t.label.substring(v.length):t.label),Q(!1)):G(!1),eg(!1),e&&e(t,n))},eU=(t,n,o)=>{o.stopPropagation(),e&&e({...n,parentId:t.id},o),G(!1),eg(!1),eo(null)},e_=(t,n)=>{e&&(t.ToggleValue=n,e(t,null)),eH(e=>e+1)},eq=e=>{ey.current&&clearTimeout(ey.current),eN(!1),eg(!1),G(!1),Q(!1),eV(e=>({...e,showInput:!1})),eo(null),eC(null)},eK=n=>{if(n.stopPropagation(),"CustomOptions"===p&&eV(e=>({...e,inputDropdownValue:y?.inputValue||"0.00"})),k){let o=()=>{if(U&&eh.current){let e=85*!!_,n=eh.current.getBoundingClientRect(),o=window.innerHeight-n.bottom-8-e,l=n.top-8,s=36*(t?.length||0)+10;eD.current=Math.max(100,o<s&&l>=s?l:o)}G(t=>{let o=!t;return eg(o),eB&&eg(o),o||eo(null),u&&u(n,o),e&&"CustomOptions"!==p&&e(n),o})},l="u">typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(pointer: coarse)").matches,s="u">typeof window?window.visualViewport:null,i="u">typeof document?document.activeElement:null,r=!!i&&("INPUT"===i.tagName||"TEXTAREA"===i.tagName||i.isContentEditable)||!!s&&window.innerHeight-s.height>150;z>0&&!Z&&l&&r&&!eB?(i?.blur(),setTimeout(o,z)):o()}else G(!1)},ez=e=>{e.stopPropagation(),f&&f(e),k?Q(t=>{let n=!t;return eg(n),eB&&eg(n),u&&u(e,n),n}):Q(!1)},eY=e=>{if("TextBox"===p){let t=e.target,n=t.value,o=v.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),l=n.replace(RegExp(`^${o}`),"").replace(/[^0-9.]/g,"").replace(/(\..*)\./g,"$1").replace(/^0+(?=\d)/,""),s=l?`${v}${l}`:v,i=t.selectionStart;if(t.selectionEnd,et(s),t&&document.activeElement===t){let e=v.length,n=Math.max(i||e,e);requestAnimationFrame(()=>{t.setSelectionRange(n,n)})}w&&w(l)}else if("TextBoxWithBorder"===p){let t=e.target.value.replace(/[^0-9.]/g,"").replace(/(\..*)\./g,"$1").replace(/^0+(?=\d)/,"");et(t),w&&w(t)}},eX=e=>{let t=ee||"";"TextBox"===p&&!1===String(t).startsWith(v)&&et(`${v}${t}`),b&&b(e,t)},eZ=e=>{"TextBox"===p&&e.target.selectionStart<=1&&"Backspace"===e.key&&e.preventDefault(),T&&T(e)},eG=e=>{j&&j(e)},eJ=e=>{("TextBox"===p||"TextBoxWithBorder"===p)&&(/^[0-9.]$/.test(e.key)||e.preventDefault()),C&&C(e)},eQ=e=>{let t=ee||"";"TextBox"===p&&!1===String(t).startsWith(v)&&et(`${v}${t}`),$&&$(e,t)},e0=e=>!!y&&(y.id&&e.id?y.id===e.id:!!y.label&&!!e.label&&y.label===e.label),e1=(e,t,n,l)=>t&&""!==t.trim()?(0,o.jsx)(c.default,{TooltipText:t,ShowHover:!0,BeakPoint:"Up",BeakPosition:"Middle",Duration:2e3,TriggerTooltip:!1,OnTooltipClose:()=>{},ScreenTitleForMobile:"",TextAlign:"center",FullWidth:!0,TooltipRender:"portal",Children:(0,o.jsx)("div",{children:e})},`tooltip-${n??l??"fallback"}`):e,e2=(0,o.jsxs)("div",{ref:ew,className:`${"TextBox"!=p&&"TextBoxWithBorder"!=p?"vg-threedot-dropdown-menu vg-tk-btn":""} ${W?"vg-threedot-dropdown-auto-width":""}`,children:[(()=>{switch(p){case"Icon":return(0,o.jsx)("div",{ref:"Icon"!==p||M?void 0:eh,onClick:e=>{M||(e.stopPropagation(),eK(e))},className:`vg-threedot-icon-wrapper ${M?"vg-threedot-disabled":""}`,style:{cursor:M?"not-allowed":h?"":"pointer"},children:g});case"TextBox":let e=ee&&ee.toString()?.startsWith(v)?ee:void 0!==ee&&""!==ee?`${v}${ee}`:v;return(0,o.jsxs)("div",{className:"vg-threedot-textbox-wrapper threedot-textbox",children:[(0,o.jsx)("input",{type:"text",className:`vg-threedot-textbox ${M?"vg-threedot-disabled":""} ${h?"vg-threedot-cursor":""}`,value:e,disabled:M,onChange:eY,onBlur:eX,onClick:e=>ez(e),ref:em,onKeyUp:e=>{eG(e)},onKeyDown:e=>{eZ(e)},onKeyPress:e=>{eJ(e)},onFocus:e=>{eQ(e)},maxLength:N}),J&&!eB&&(0,o.jsx)(o.Fragment,{children:L?(0,o.jsx)(r.A,{wrapperElementId:"threedotmenu",wrapperElement:"div",inputRef:em,type:"Right"===m?a.IU.threeDotmenu:null,children:(0,o.jsx)("div",{className:"vg-threedot-dropdown-action",ref:ex,style:{maxHeight:R},children:t?.map((t,n)=>e1((0,o.jsxs)("a",{style:{color:t.color},className:`vg-threedot-dropdown-list ${y?e0(t)?"active":"":e===t.label?"active":""} ${el===t.id&&t.onHoverClass?t.onHoverClass:""} ${t.disabled?"vg-threedot-disabled-link":""}`,onClick:()=>eA(t),onMouseEnter:()=>es(t.id||null),onMouseLeave:()=>es(null),children:[t.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:t.icon})}),t.percentage&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-percentage",children:t.percentage}),(0,o.jsx)("span",{className:"vg-threedot-dropdown-price",children:t.label})]},t.id),t.tooltipText,t.id,n))})}):(0,o.jsx)("div",{className:"vg-threedot-dropdown-action",ref:ex,style:{maxHeight:R},children:t?.map((t,n)=>e1((0,o.jsxs)("a",{style:{color:t.color},className:`vg-threedot-dropdown-list ${y?e0(t)?"active":"":e===t.label?"active":""} ${el===t.id&&t.onHoverClass?t.onHoverClass:""} ${t.disabled?"vg-threedot-disabled-link":""}`,onClick:()=>eA(t),onMouseEnter:()=>es(t.id||null),onMouseLeave:()=>es(null),children:[t.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:t.icon})}),t.percentage&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-percentage",children:t.percentage}),(0,o.jsx)("span",{className:"vg-threedot-dropdown-price",children:t.label})]},t.id),t.tooltipText,t.id,n))})})]});case"TextBoxWithBorder":return(0,o.jsxs)("div",{className:"vg-threedot-textbox-wrapper threedot-with-border-textbox",children:[(0,o.jsx)("span",{className:H?"vg-input-control-prefix vg-input-dark":"vg-input-control-prefix",children:v}),(0,o.jsx)("input",{type:"text",className:`vg-threedot-textbox-with-border vg-input-control-prefix-left-padding ${h?"vg-threedot-cursor":""} ${M?"vg-threedot-disabled":""}`,value:ee||"",disabled:M,onChange:eY,onBlur:eX,onClick:e=>ez(e),ref:em,onKeyUp:e=>{eG(e)},onKeyDown:e=>{eZ(e)},onKeyPress:e=>{eJ(e)},onFocus:e=>{eQ(e)},maxLength:N?N+v.length:void 0}),J&&!eB&&(0,o.jsx)(o.Fragment,{children:L?(0,o.jsx)(r.A,{wrapperElementId:"threedotmenu",wrapperElement:"div",inputRef:em,type:"Right"===m?a.IU.threeDotmenu:null,children:(0,o.jsx)("div",{className:`vg-threedot-dropdown-action ${eL?"vg-threedot-dropdown-open-top":""}`,ref:ex,style:{maxHeight:R},children:t?.map((e,t)=>{let n=e.label?.startsWith(v)?e.label.substring(v.length):e.label,l=y?e0(e):String(ee)===n||`${v}${ee}`===e.label;return e1((0,o.jsxs)("a",{style:{color:e.color},className:`vg-threedot-dropdown-list ${l?"active":""} ${el===e.id&&e.onHoverClass?e.onHoverClass:""} ${e.disabled?"vg-threedot-disabled-link":""}`,onClick:()=>eA(e),onMouseEnter:()=>es(e.id||null),onMouseLeave:()=>es(null),children:[e.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:e.icon})}),e.percentage&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-percentage",children:e.percentage}),(0,o.jsx)("span",{className:"vg-threedot-dropdown-price",children:e.label})]},e.id),e.tooltipText,e.id,t)})})}):(0,o.jsx)("div",{className:`vg-threedot-dropdown-action ${eL?"vg-threedot-dropdown-open-top":""}`,ref:ex,style:{maxHeight:R},children:t?.map((e,t)=>{let n=e.label?.startsWith(v)?e.label.substring(v.length):e.label,l=y?e0(e):String(ee)===n||`${v}${ee}`===e.label;return e1((0,o.jsxs)("a",{style:{color:e.color},className:`vg-threedot-dropdown-list ${l?"active":""} ${el===e.id&&e.onHoverClass?e.onHoverClass:""} ${e.disabled?"vg-threedot-disabled-link":""}`,onClick:()=>eA(e),onMouseEnter:()=>es(e.id||null),onMouseLeave:()=>es(null),children:[e.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:e.icon})}),e.percentage&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-percentage",children:e.percentage}),(0,o.jsx)("span",{className:"vg-threedot-dropdown-price",children:e.label})]},e.id),e.tooltipText,e.id,t)})})})]});case"CustomMenu":return(0,o.jsx)("div",{ref:"CustomMenu"!==p||M?void 0:eh,onClick:e=>{M||(e.stopPropagation(),eK(e))},onTouchEnd:e=>{M||(e.preventDefault(),eK(e))},className:`${h?"vg-threedot-cursor":""}`,style:{cursor:M?"not-allowed":"pointer"},children:E&&("function"==typeof E?E():E)});case"CustomOptions":return(0,o.jsx)("div",{ref:"CustomOptions"!==p||M?void 0:eh,onClick:e=>{M||(e.stopPropagation(),eK(e))},onTouchStart:e=>{ej.current={x:e.touches[0].clientX,y:e.touches[0].clientY}},onTouchEnd:e=>{if(!M){if(ej.current){let t=Math.abs(e.changedTouches[0].clientX-ej.current.x),n=Math.abs(e.changedTouches[0].clientY-ej.current.y);if(t>10||n>10)return void e.preventDefault()}e.preventDefault(),eK(e)}},className:`${h?"vg-threedot-cursor":""}`,style:{cursor:M?"not-allowed":"pointer"},children:E&&("function"==typeof E?E():E)});default:return(0,o.jsx)(s.default,{ButtonIcon:"",ButtonDisabled:M,ButtonVariant:"action",DarkHoverIcon:V,ButtononClick:e=>{eK(e)},ButtononHover:()=>{},actionbutton:n,onClick:()=>{},ref:eh})}})(),Z&&t&&"CustomOptions"===p&&!eB&&(0,o.jsxs)(r.A,{wrapperElementId:"threedotmenu",wrapperElement:"div",inputRef:eh,type:m?a.IU.threeDotmenu:null,DropdownDirection:"Left"===m?"left"

1:"right",children:[(0,o.jsx)("div",{className:`vg-custom-options-menu ${"radius"===O?"vg-threedot-custommenu-outerrounded":""} `,ref:ec,style:{minWidth:I,...U&&eD.current?{maxHeight:`${eD.current}px`,overflowY:"auto"}:{}},children:t?.map(e=>{let t=e.subMenu&&e.subMenu.length>0,n=e.id||"",l=(void 0!==e.selected?e.selected:e0(e))&&(!y?.subMenu||0===y.subMenu.length);return(0,o.jsx)("div",{className:`vg-custom-options-item${"border-top"===e.itemborder?" menuitem-border-top":""}${"border-bottom"===e.itemborder?" menuitem-border-bottom":""}`,ref:e=>{ev.current[n]=e},onMouseEnter:()=>((e,t)=>{if(e.subMenu&&e.subMenu.length>0){let n=ev.current[t];if(n&&ec.current){let o=n.getBoundingClientRect(),l=ec.current.getBoundingClientRect();ek.current={menuLeft:l.left,menuRight:l.right};let s=eI(((e,t=220)=>{if(!e)return t;let n=parseInt(String(e),10);return isNaN(n)?t:n})(B,200),l.left,l.right);if(q){let t=36*Math.min(K,e?.subMenu?.length)+16,n=window.innerHeight,l=n-o.top-8,i=o.top-8,r=o.top;l<t&&i>l?(r=o.bottom-t)<8&&(r=8):r+t>n-8&&(r=n-8-t),ed(`${t}px`),er({top:r,left:s})}else if(U){let e=85*!!_,t=window.innerHeight-8-e,n=Math.max(36*K,t-o.top),l=o.top,i=l+n-t;i>0&&(l=Math.max(8,l-i)),ed(`${n}px`),er({top:l,left:s})}else{let t=36*(e?.subMenu?.length||0)+10,n=o.top;n+t>window.innerHeight-8&&(n=Math.max(8,window.innerHeight-8-t)),er({top:n,left:s})}eo(t),eE(e=>e+1)}}else eo(null)})(e,n),onMouseLeave:()=>{},children:(0,o.jsxs)("div",{className:`vg-custom-options-main ${e.disabled?"vg-threedot-disabled-link":""} ${t?"vg-custom-options-has-submenu":""}
2                ${"radius"===O?"vg-threedot-custommenu-innerrounded":""}`,onClick:t=>((e,t)=>{if(t.stopPropagation(),e.IsToggle&&!e.disabled){let t=!e.ToggleValue;e.ToggleValue=t,e_(e,t);return}e.subMenu&&0!==e.subMenu.length||eA(e,t)})(e,t),children:[(0,o.jsxs)("div",{className:`vg-custom-options-content ${el===e.id&&e.onHoverClass?e.onHoverClass:""}`,style:{color:e.color},onMouseEnter:()=>es(e.id||null),onMouseLeave:()=>es(null),children:[e.prefix&&(0,o.jsx)("span",{className:"vg-custom-options-prefix",children:e.prefix}),(0,o.jsx)("span",{className:"vg-custom-options-label",children:e.label})]}),(0,o.jsxs)("div",{className:"vg-custom-options-actions",children:[e.suffix&&(e.suffixTooltipText?(0,o.jsx)(c.default,{TooltipText:e.suffixTooltipText,ShowHover:!0,BeakPoint:"Up",BeakPosition:"Middle",Duration:2e3,TriggerTooltip:!1,OnTooltipClose:()=>{},ScreenTitleForMobile:"",TextAlign:"center",FullWidth:!0,TooltipRender:"portal",Children:(0,o.jsx)("span",{className:"vg-custom-options-suffix",children:e.suffix})}):(0,o.jsx)("span",{className:"vg-custom-options-suffix",children:e.suffix})),l&&!e.IsToggle&&!t&&!e.suffix&&(0,o.jsx)(d.default,{name:"check",width:16,height:16}),e.IsToggle&&(0,o.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,o.jsx)(i.default,{ToggleId:e.id||"",ToggleOn:e.ToggleValue,OnChange:t=>e_(e,t),ToggleVariation:"Default"})}),t&&(0,o.jsx)("span",{className:"vg-custom-options-arrow",children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"currentColor",children:(0,o.jsx)("path",{d:"M1.582 0.27524L5.332 3.99622C5.5078 4.20122 5.625 4.43623 5.625 4.67023C5.625 4.87523 5.5078 5.13922 5.332 5.31522L1.582 9.03522C1.3184 9.29922 0.908199 9.38724 0.556599 9.24024C0.205099 9.09424 0 8.80123 0 8.42023V0.920229C0 0.568229 0.205099 0.217222 0.556599 0.0702224C0.908199 -0.0757776 1.3184 0.0122395 1.582 0.27524Z"})})})]})]})},e.id)})}),en&&((X=t?.find(e=>e.id===en))&&X.subMenu&&ei?(0,o.jsx)("div",{className:`vg-custom-options-submenu-flyout ${"radius"===O?"vg-threedot-custommenu-outerrounded":""}`,ref:eu,style:{position:"fixed",top:`${ei.top}px`,left:`${ei.left}px`,minWidth:B,...U&&ea?{maxHeight:ea,overflowY:"auto"}:{}},onMouseEnter:()=>eo(X.id||null),onMouseLeave:()=>eo(null),children:X.subMenu.map(e=>{let t=!1;return t=void 0!==e.selected?e.selected:!!(y&&(y.id&&X.id&&y.id===X.id||y.label&&X.label&&y.label===X.label)&&y.subMenu&&y.subMenu.length>0&&y.subMenu.some(t=>t.id&&e.id&&t.id===e.id||t.label&&e.label&&t.label===e.label)),(0,o.jsxs)("div",{className:`vg-custom-options-submenu-item${"border-top"===e.itemborder?" menuitem-border-top":""}${"border-bottom"===e.itemborder?" menuitem-border-bottom":""}`,onClick:t=>eU(X,e,t),children:[(0,o.jsxs)("div",{className:`vg-custom-options-content ${"radius"===O?"vg-threedot-custommenu-innerrounded":""}`,children:[(0,o.jsxs)("div",{className:"vg-custom-options-icontext",children:[e.prefix&&(0,o.jsx)("span",{className:"vg-custom-options-prefix",children:e.prefix}),(0,o.jsx)("span",{className:"vg-custom-options-label",children:e.label})]}),(0,o.jsx)("div",{className:"vg-custom-options-actions",children:e.suffix&&(e.suffixTooltipText?(0,o.jsx)(c.default,{TooltipText:e.suffixTooltipText,ShowHover:!0,BeakPoint:"Up",BeakPosition:"Middle",Duration:2e3,TriggerTooltip:!1,OnTooltipClose:()=>{},ScreenTitleForMobile:"",TextAlign:"center",FullWidth:!0,TooltipRender:"portal",Children:(0,o.jsx)("span",{className:"vg-custom-options-suffix",children:e.suffix})}):(0,o.jsx)("span",{className:"vg-custom-options-suffix",children:e.suffix}))}),t&&!e.IsToggle&&!e.suffix&&(0,o.jsx)(d.default,{name:"check",width:16,height:16})]}),e.IsToggle&&(0,o.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,o.jsx)(i.default,{ToggleId:e.id||"",ToggleOn:e.ToggleValue,OnChange:t=>e_(e.id||"",t),ToggleVariation:"Default"})})]},e.id)})},en):null)]}),Z&&t&&"CustomOptions"!==p&&!eB&&(0,o.jsx)(r.A,{wrapperElementId:"threedotmenu",wrapperElement:"div",inputRef:eh,type:"Right"===m?a.IU.threeDotmenu:null,children:(0,o.jsx)("div",{className:"vg-threedot-dropdown-action",ref:ec,style:{display:eB?"none":"block",maxHeight:R},children:t?.map((e,t)=>e1((0,o.jsx)("div",{style:{color:e.color},className:`vg-threedot-dropdown-link ${el===e.id&&e.onHoverClass?e.onHoverClass:""} ${e.disabled?"vg-threedot-disabled-link":""}`,onClick:t=>eA(e,t),onMouseEnter:()=>es(e.id||null),onMouseLeave:()=>es(null),children:Object.keys(e).some(t=>"id"!==t&&"label"!==t&&"icon"!==t&&"disabled"!==t&&"percentage"!==t&&"object"==typeof e[t]&&null!==e[t])?Object.values(e).find(e=>"object"==typeof e&&null!==e&&e.type):(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:e.icon})}),e.label]})},e.id),e.tooltipText,e.id,t))})}),eB&&(0,o.jsxs)(r.A,{wrapperElementId:D,wrapperElement:"div",inputRef:eh,type:"Right"===m?a.IU.threeDotmenu:null,wrapperName:"threedotmenu",children:[(0,o.jsx)("div",{className:`vg-threedot-dropdown-action-bottom-sheet ${"CustomOptions"===p?"vg-editable-menu":""} ${ep&&!eT?"vg-threedot-dropdown-action-bottomsheet-show":"vg-threedot-dropdown-action-bottomsheet-hide"}`,style:{transform:ep&&!eT?"translateY(0)":"translateY(100%)"},children:(0,o.jsx)("div",{className:"vg-threedot-dropdown-action-bottomsheet-menu",style:{paddingBottom:_?"85px":void 0},children:t.map((t,n)=>(0,o.jsxs)("div",{className:"vg-threedot-dropdown-action-bottomsheet-item",children:[e1((0,o.jsx)("a",{style:{color:t.color},className:`vg-threedot-dropdown-bottomsheet-link ${el===t.id&&t.onHoverClass?t.onHoverClass:""} ${e0(t)?"active":""} ${"CustomOptions"===p&&t?.isEditable&&(eR?.showInput||e0(t))?"vg-link-right-space":""} ${t.disabled?"vg-threedot-bottomsheet-disabled-link":""}`,onClick:()=>

2{if(t?.subMenu&&t?.subMenu?.length>0)return void eC(t);if("CustomOptions"===p&&t.isEditable){eW(t),eV(e=>({...e,showInput:!0,newItem:t}));return}eA(t)},onMouseEnter:()=>es(t.id||null),onMouseLeave:()=>es(null),children:Object.keys(t).some(e=>"id"!==e&&"label"!==e&&"icon"!==e&&"disabled"!==e&&"percentage"!==e&&"object"==typeof t[e]&&null!==t[e])?(0,o.jsxs)(o.Fragment,{children:[Object.values(t).find(e=>"object"==typeof e&&null!==e&&l.isValidElement(e)),"CustomOptions"===p&&(0,o.jsxs)("span",{className:"vg-threedot-dropdown-item-label",children:[t?.label,t?.subMenu&&t?.subMenu?.length>0&&(0,o.jsx)("span",{className:"vg-threedot-bottomsheet-submenu-arrow",children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"currentColor",children:(0,o.jsx)("path",{d:"M1.582 0.27524L5.332 3.99622C5.5078 4.20122 5.625 4.43623 5.625 4.67023C5.625 4.87523 5.5078 5.13922 5.332 5.31522L1.582 9.03522C1.3184 9.29922 0.908199 9.38724 0.556599 9.24024C0.205099 9.09424 0 8.80123 0 8.42023V0.920229C0 0.568229 0.205099 0.217222 0.556599 0.0702224C0.908199 -0.0757776 1.3184 0.0122395 1.582 0.27524Z"})})})]})]}):(0,o.jsxs)(o.Fragment,{children:[t.icon&&(0,o.jsx)("span",{className:"vg-threedot-dropdown-item-icon",children:(0,o.jsx)(d.default,{name:t.icon})}),t.label,t?.subMenu&&t?.subMenu?.length>0&&(0,o.jsx)("span",{className:"vg-threedot-bottomsheet-submenu-arrow",children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"currentColor",children:(0,o.jsx)("path",{d:"M1.582 0.27524L5.332 3.99622C5.5078 4.20122 5.625 4.43623 5.625 4.67023C5.625 4.87523 5.5078 5.13922 5.332 5.31522L1.582 9.03522C1.3184 9.29922 0.908199 9.38724 0.556599 9.24024C0.205099 9.09424 0 8.80123 0 8.42023V0.920229C0 0.568229 0.205099 0.217222 0.556599 0.0702224C0.908199 -0.0757776 1.3184 0.0122395 1.582 0.27524Z"})})})]})},t.id),t.tooltipText,t.id,n),"CustomOptions"===p&&(0,o.jsxs)("div",{className:"vg-threedot-item-input-icon",children:[t.isEditable&&(eR.showInput||e0(t))&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("input",{ref:eS,type:"decimal",value:eR.inputDropdownValue?eR.inputDropdownValue:"",onChange:eP,onClick:eW,placeholder:"0.00",onFocus:()=>eV(e=>({...e,keyboardOpen:!0})),inputMode:"decimal",onKeyDown:n=>{if("Enter"===n.key){eg(!1),G(!1),eV(e=>({...e,isSelectedFocus:!0})),eS.current&&eS.current.blur();let o={...t,inputValue:eR.inputDropdownValue};e?.(o,n)}}}),(0,o.jsx)("span",{children:"%"})]}),e0(t)&&(0,o.jsx)(d.default,{name:"check"})]})]},n))})}),(0,o.jsx)("div",{className:`vg-threedot-dropdown-action-bottom-sheet vg-editable-menu ${ep&&eT&&!e$?"vg-threedot-dropdown-action-bottomsheet-show":"vg-threedot-dropdown-action-bottomsheet-hide"}`,style:{transform:ep&&eT&&!e$?"translateY(0)":"translateY(100%)"},children:(0,o.jsxs)("div",{className:"vg-threedot-dropdown-action-bottomsheet-menu",style:{paddingBottom:_?"85px":void 0},children:[(0,o.jsxs)("div",{className:"vg-threedot-bottomsheet-back-header",onClick:()=>{ey.current&&clearTimeout(ey.current),eN(!0),ey.current=setTimeout(()=>{eC(null),eN(!1)},300)},children:[(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",children:(0,o.jsx)("path",{d:"M7 1L1 7L7 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("span",{children:eT?.label})]}),eT?.subMenu?.map((e,t)=>{let n=!1;return n=void 0!==e.selected?e.selected:!!(y&&(y.id&&eT?.id&&y.id===eT?.id||y.label&&eT?.label&&y.label===eT?.label)&&y?.subMenu&&y.subMenu.length>0&&y.subMenu.some(t=>t.id&&e.id&&t.id===e.id||t.label&&e.label&&t.label===e.label)),(0,o.jsxs)("div",{className:"vg-threedot-dropdown-action-bottomsheet-item",children:[(0,o.jsxs)("a",{className:`vg-threedot-dropdown-bottomsheet-link ${n?"active":""}`,onClick:t=>{eU(eT,e,t),eC(null)},children:[e.prefix&&(0,o.jsx)("span",{className:"vg-custom-options-prefix",children:e.prefix}),e.label,n&&!e.IsToggle&&!e.suffix&&(0,o.jsx)("span",{className:"vg-threedot-bottomsheet-check",children:(0,o.jsx)(d.default,{name:"check",width:16,height:16})})]}),e.IsToggle&&(0,o.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,o.jsx)(i.default,{ToggleId:e?.id||"",ToggleOn:e?.ToggleValue,OnChange:t=>e_(e?.id||"",t),ToggleVariation:"Default"})})]},t)})]})}),ep&&(0,o.jsx)("div",{className:"vg-threedot-dropdown-action-bottomsheet-overlay",onClick:()=>eq("overlay"),onPointerDown:()=>eq("overlay"),onTouchStart:()=>eq("overlay")}),(0,o.jsx)("input",{type:"hidden",onClick:()=>eq})]})]});return S?(0,o.jsx)(c.default,{BeakPoint:"Down",BeakPosition:"Middle",Children:e2,Duration:0,OnTooltipClose:()=>{}

2,ScreenTitleForMobile:"",ShowHover:!0,TextAlign:"right",TooltipText:S,TooltipRender:"portal"}):e2})},9414(e,t,n){n.r(t),n.d(t,{default:()=>d});var o=n(74848),l=n(96540);n(29060);var s=n(94089),i=n(27142),r=n(7247);let a="Replace your content here",d=(0,l.forwardRef)(({ToggleVariation:e="Default",Title:t="",ExpandedText:n=(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:a}}),Disable:d=!1,ToggleOn:c=!1,Description:u,CopyHorizontal:p=!1,CopyVertical:g=!1,OnChange:h,SetValue:m,ToogleRight:x,SetToggleOption:v,OnClick:f,ToggleId:w="",CustomButtonText:b="",VerticalOnClick:j,HorizontalOnClick:T,Name:C="vg-switch",BeakPosition:$="Middle",InfoTooltipMessage:N,CustomButtonTextOnClick:y,OnBlur:k,OnFocus:M,TooltipTitleForMobile:E="",Html:I="",ComponentTooltipText:B="",InputDrop:F=!1,ToggleOptions:S=[],PreOnChange:L,UsePortal:O=!1,CustomButtonClose:H=!1,InputAutoFocus:D=!1,TabIndex:R=0,ContentFullWidth:V=!1,HideSymbolToggle:P=!1,SuffixIcon:W,DisableDefaultToggleOption:A=!1,MaxLength:U=8},_)=>{let q,K,z,Y,X="InputToggle"===e||"InputToggleSplit"===e,Z="InputToggleSplit"===e,[G,J]=(0,l.useState)(c||!1),[Q,ee]=(0,l.useState)(v||(A?"":"$")),[et,en]=(0,l.useState)(m||""),[eo,el]=(0,l.useState)(!1),[es,ei]=(0,l.useState)(void 0),[er,ea]=(0,l.useState)("arrow-copy-vertical"),ed=(0,l.useRef)(null),ec=(0,l.useRef)(null),eu=(0,l.useRef)(null),[ep,eg]=(0,l.useState)(void 0),eh=(null==u||"string"==typeof u&&""===u.trim())&&("string"==typeof t?""!==t.trim():!!t);(0,l.useEffect)(()=>{en(m)},[m]),(0,l.useEffect)(()=>{ee(v||(A?"":"%"))},[v,A]),(0,l.useEffect)(()=>{J(c)},[c]),(0,l.useEffect)(()=>{X&&ea("arrow-copy-vertical")},[X]),(0,l.useEffect)(()=>{let e=parseInt(et,10);"%"===Q&&e>100&&en("100")},[Q]),(0,l.useEffect)(()=>{let e=e=>{ed.current&&!ed.current.contains(e.target)&&el(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,l.useEffect)(()=>{if(!O||!eo)return;let e=()=>{let e=ec.current?.getBoundingClientRect();e?.width&&ei(e.width)};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[O,eo]),(0,l.useLayoutEffect)(()=>{"InputToggle"===e&&W&&eu.current?eg(eu.current.offsetWidth+12):eg(void 0)},[e,W,et]);let em=()=>{if(Z)return;let e=ec.current;if(!e)return;let t=e.value||"",n="";if(!(n=S?.length>1?S[1]?.value||"":Q||"%")||!t.endsWith(n))return;let o=Math.max(0,t.length-n.length);(e.selectionStart??0)>o&&e.setSelectionRange(o,o)},ex=e=>{let t=e.target.checked;("function"!=typeof L||!1!==L(t,e))&&(J(t),h&&h(t))},ev=e=>{ee(e),F&&el(!1),f&&f(e),k&&("$"===e?k(`$${et?.replace("$","")}`):k(`${et?.replace("%","")}%`))},ef=e=>{el(!0)},ew=e=>{"arrow-copy-vertical"===e?(ea(e),f(e),j(e)):(ea(e),T(e))},eb=()=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("input",{type:"checkbox",id:`switch-${w}`,className:`vg-switch-input ${G?"checked":""}`,checked:G,onChange:ex,disabled:d,name:C,tabIndex:R}),(0,o.jsx)("label",{className:"vg-switch-label",htmlFor:`switch-${w}`})]}),ej=e=>""!==B?(0,o.jsx)(s.default,{BeakPoint:"Up",BeakPosition:$,Children:(0,o.jsx)("div",{id:"notblockeventdiv",children:e}),Duration:0,OnTooltipClose:()=>{},ScreenTitleForMobile:"",ShowHover:!0,TextAlign:"center",TooltipText:B,TooltipRender:"portal",FullWidth:!0}):e;(0,l.useImperativeHandle)(_,()=>({validate:()=>({[w]:G,IsValidate:!0,IsRequired:!0})}));let eT=e=>(0,o.jsxs)("div",{ref:ed,className:"input-toggle-list",style:e?{minWidth:es,width:es}:void 0,children:[!P&&(S?.length?(0,o.jsx)("div",{className:"input-toggle",children:S.map(e=>(0,o.jsx)("span",{className:`toggle-btn ${Q===e.value?"active":""}`,onClick:()=>{var t;ee(t=e.value),F&&el(!1),f&&f(t),k&&(t===S[0]?.value?k(`${S[0]?.value}${et?.replace(S[0]?.value,"")}`,t):k(`${et?.replace(S[1]?.value,"")}${S[1]?.value}`,t))},children:e.label},e?.value))}):(0,o.jsxs)("div",{className:"input-toggle",children:[(0,o.jsx)("span",{className:`toggle-btn ${"$"===Q?"active":""}`,onClick:()=>ev("$"),children:"$"}),(0,o.jsx)("span",{className:`toggle-btn ${"%"===Q?"active":""}`,onClick:()=>ev("%"),children:"%"})]})),(0,o.jsxs)("div",{className:"arrow-copy",children:[b&&(0,o.jsx)("span",{className:"arrow-btn",onClick:e=>{y&&y(e),F&&(en("100"),ee(S[1]?.value||"%"),el(!1),k(`100${S[1]?.value||"%"}`,S[1]?.value||"%")),H&&el(!1)},children:b}),p&&(0,o.jsxs)("span",{className:`arrow-btn ${"arrow-copy-horizontal"===er?"active":""}`,onClick:()=>ew("arrow-copy-horizontal"),children:[(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"

2currentColor",children:(0,o.jsx)("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})}),(0,o.jsx)("span",{children:"Copy"}),(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",children:(0,o.jsx)("path",{d:"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"})})]}),g&&(0,o.jsxs)("span",{className:`arrow-btn ${"arrow-copy-vertical"===er?"active":""}`,onClick:()=>ew("arrow-copy-vertical"),children:[(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:(0,o.jsx)("path",{d:"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 370.7V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"})}),(0,o.jsx)("span",{children:"Copy"}),(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:(0,o.jsx)("path",{d:"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L128 141.3V480c0 17.7 14.3 32 32 32s32-14.3 32-32V141.3l114.6 114.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"})})]})]})]});return(0,o.jsxs)(o.Fragment,{children:["InputToggle"!==e&&"InputToggleSplit"!==e&&(0,o.jsx)(o.Fragment,{children:"Default"===e&&(0,o.jsx)(o.Fragment,{children:ej((0,o.jsxs)("div",{className:`vg-toggle-switch ${x?"vg-toggle-switch-right":""} ${V?"vg-label-full":""}`,children:[(0,o.jsx)("input",{type:"checkbox",id:`switch-${w}`,className:`vg-switch-input ${G?"checked":""}`,checked:G,onChange:ex,disabled:d,name:C,tabIndex:R}),(0,o.jsxs)("label",{htmlFor:`switch-${w}`,className:"vg-switch-label",children:["Default"!==e&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"toggle-switch-title",children:t}),(0,o.jsx)("div",{className:"toggle-switch-desc",children:u})]}),"Default"!==e&&G&&(0,o.jsx)("div",{className:"expanded-image-box",children:(0,o.jsx)("p",{children:n})})]})]}))})}),"InputToggle"!==e&&"InputToggleSplit"!==e&&(0,o.jsx)(o.Fragment,{children:"WithDescription"===e&&(0,o.jsx)(o.Fragment,{children:""===B?(0,o.jsxs)("div",{className:`vg-toggle-switch ${x?"vg-toggle-switch-right":""} ${V?"vg-label-full":""}`,children:[(0,o.jsx)("input",{type:"checkbox",id:`switch-${w}`,className:`vg-switch-input ${G?"checked":""}`,checked:G,onChange:ex,disabled:d,name:C,tabIndex:R}),(0,o.jsx)("label",{htmlFor:`switch-${w}`,className:"vg-switch-label",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:`toggle-switch-title vg-toggle-lable-title ${eh?"text-alignment-toggle":""}`,children:[t,N&&""!==N&&(0,o.jsx)("span",{className:"vg-toggle-label-infochip",children:(0,o.jsx)(s.default,{BeakPoint:"Up",BeakPosition:$,Children:(0,o.jsx)("div",{className:"vg-tooltiptext",children:(0,o.jsx)(i.default,{name:"info_circle"})}),TextAlign:"center",TooltipText:N,ScreenTitleForMobile:E,Html:!0,TooltipRender:"portal"})})]}),I?"string"==typeof I?(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:I}}):(0,o.jsx)(o.Fragment,{children:I}):(0,o.jsx)("div",{className:"toggle-switch-desc",children:u}),"WithDescription"!==e&&G&&(0,o.jsx)("div",{className:"expanded-image-box",children:(0,o.jsx)("p",{children:n})})]})})]}):(0,o.jsxs)("div",{className:`vg-toggle-switch vg-toggle-switch-tooltip ${x?"vg-toggle-switch-right":""} ${V?"vg-label-full":""}`,children:[ej(eb()),(0,o.jsx)("label",{htmlFor:`switch-${w}`,children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:`toggle-switch-title vg-toggle-lable-title ${eh?"text-alignment-toggle":""}`,children:[t,N&&""!==N&&(0,o.jsx)("span",{className:"vg-toggle-label-infochip",children:(0,o.jsx)(s.default,{BeakPoint:"Up",BeakPosition:$,Children:(0,o.jsx)("div",{className:"vg-tooltiptext",children:(0,o.jsx)(i.default,{name:"info_circle"})}),TextAlign:"center",TooltipText:N,ScreenTitleForMobile:E,Html:!0,TooltipRender:"portal"})})]}),I?"string"==typeof I?(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:I}}):(0,o.jsx)(o.Fragment,{children:I}):(0,o.jsx)("div",{className:"toggle-switch-desc",children:u}),"WithDescription"!==e&&G&&(0,o.jsx)("div",{className:"expanded-image-box",children:(0,o.jsx)("p",{children:n})})]})})]})})}

2),"InputToggle"!==e&&"InputToggleSplit"!==e&&(0,o.jsx)(o.Fragment,{children:"Expanded"===e&&(0,o.jsx)(o.Fragment,{children:""===B?(0,o.jsxs)("div",{className:`vg-toggle-switch ${V?"vg-label-full":""}`,children:[(0,o.jsx)("input",{type:"checkbox",id:`switch-${w}`,className:`vg-switch-input ${G?"checked":"efwefwe"}`,checked:G,onChange:ex,disabled:d,name:C,tabIndex:R}),(0,o.jsxs)("label",{htmlFor:`switch-${w}`,className:"vg-switch-label",children:[(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"toggle-switch-title vg-toggle-lable-title",children:[t,N&&""!=N?(0,o.jsx)("span",{className:"vg-toggle-label-infochip",children:(0,o.jsx)(s.default,{BeakPoint:"Up",BeakPosition:$,Children:(0,o.jsx)("div",{className:"vg-tooltiptext",children:(0,o.jsx)(i.default,{name:"info_circle"})}),TextAlign:"center",TooltipText:N,ScreenTitleForMobile:E,Html:!0,TooltipRender:"portal"})}):""]}),(0,o.jsx)("div",{className:"toggle-switch-desc",children:u})]}),G&&(0,o.jsx)(o.Fragment,{children:n&&"string"==typeof n&&""!==n.trim()?(0,o.jsx)("div",{className:"expanded-image-box",children:(0,o.jsx)("p",{children:n})}):(0,o.jsx)("div",{className:"expanded-image-box",children:I?"string"==typeof I?(0,o.jsx)("p",{children:(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:I}})}):I:(0,o.jsx)("p",{children:u})})})]})]}):(0,o.jsxs)("div",{className:`vg-toggle-switch vg-toggle-switch-tooltip ${x?"vg-toggle-switch-right":""} ${V?"vg-label-full":""}`,children:[ej(eb()),(0,o.jsx)("label",{htmlFor:`switch-${w}`,children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"toggle-switch-title vg-toggle-lable-title",children:[t,N&&""!==N&&(0,o.jsx)("span",{className:"vg-toggle-label-infochip",children:(0,o.jsx)(s.default,{BeakPoint:"Up",BeakPosition:$,Children:(0,o.jsx)("div",{className:"vg-tooltiptext",children:(0,o.jsx)(i.default,{name:"info_circle"})}),TextAlign:"center",TooltipText:N,ScreenTitleForMobile:E,Html:!0,TooltipRender:"portal"})})]}),I?"string"==typeof I?(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:I}}):(0,o.jsx)(o.Fragment,{children:I}):(0,o.jsx)("div",{className:"toggle-switch-desc",children:u}),"WithDescription"!==e&&G&&(0,o.jsx)("div",{className:"expanded-image-box",children:(0,o.jsx)("p",{children:n})})]})})]})})}),(0,o.jsx)("div",{className:"vg-group",children:X&&(0,o.jsxs)("div",{className:`input-toggle-wrapper ${F?"vg-input-drop-wrapper":""}`,children:[t&&(0,o.jsx)("div",{className:"vg-input-label",children:t}),ej(S?.length?(0,o.jsx)("div",{className:"vg-toggle-input-container",children:(q=Z&&Q===S[0]?.value,K=Z&&Q===S[1]?.value,(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("input",{ref:ec,autoComplete:"off","aria-label":"Input-toggle",type:"text",autoFocus:D,value:Z?et||"":Q===S[0].value?`${S[0].value}${et?.replace(S[0].value,"")}`:`${et?.replace(S[1].value,"")}${S[1].value}`,className:`toggle-input-box vg-input-control ${d?"cursor-not-allowed":""} ${q?"has-prefix":""} ${K?"has-suffix":""}`,style:ep?{paddingRight:ep}:void 0,disabled:d,maxLength:U,onClick:ef,onChange:e=>{let t=e.target.value?.replace(/[^0-9.]/g,"");if(t.length>U){Z||requestAnimationFrame(em);return}en(t),h&&h(t),Z||requestAnimationFrame(em)},onFocus:e=>{Z||requestAnimationFrame(em),M&&M(e)},onMouseUp:()=>{Z||requestAnimationFrame(em)},onKeyDown:e=>{"ArrowRight"!==e.key&&"End"!==e.key||Z||requestAnimationFrame(em)},onBlur:()=>{let e=parseInt(et,10),t=et;isNaN(e)?(t="",en("")):e>=1e6&&Q!==S[0].value&&Q!==S[1].value?(t="1",en("1")):Q===S[1].value?e>100?(t="100",en("100")):en(et):Q===S[0].value&&(e<0?(t="0",en("0")):en(et)),k&&(Q===S[0].value?k(`${S[0].value}${t?.replace(S[0].value,"")}`):k(`${t?.replace(S[1].value,"")}${S[1].value}`))},name:C,tabIndex:R}),Z&&Q&&(0,o.jsx)("span",{className:`vg-toggle-input-symbol ${q?"prefix":""} ${K?"suffix":""}`,children:Q}),"InputToggle"===e&&W&&(0,o.jsx)("span",{ref:eu,className:"vg-toggle-input-symbol suffix",children:W})]}))}):(0,o.jsx)(o.Fragment,{children:(z=Z&&"$"===Q,Y=Z&&"%"===Q,(0,o.jsxs)("div",{className:"vg-toggle-input-container",children:[(0,o.jsx)("input",{ref:ec,autoComplete:"off","aria-label":"Input-toggle",type:"text",value:Z?et||"":"$"===Q?`$${et?.replace("$","")}`:"%"===Q?`${et?.replace("%","")}%`:et||"",className:`toggle-input-box vg-input-control ${d?"cursor-not-allowed":""} ${z?"has-prefix":""} ${Y?"has-suffix":""}`,style:ep?{paddingRight:ep}:void 0,disabled:d,autoFocus:D,maxLength:U,onClick:e=>{ef(e),Z||requestAnimationFrame(em)},onFocus:e=>{Z||requestAnimationFrame(em),M&&M(e)},onMouseUp:()=>{Z||requestAnimationFrame(em)},onKeyDown:e=>{"ArrowRight"!==e.key&&"End"!==e.key||Z||requestAnimationFrame(em)},onChange:e=>{let t=e.target.value?.replace(/[^0-9.]/g,"");if(t.length>U){Z||requestAnimationFrame(em);return}en(t),h&&h(t),Z||requestAnimationFrame(em)},onBlur:()=>{let e=parseInt(et,10),t=et;isNaN(e)?(t="",en("")):e>=1e6&&"$"!==Q&&"%"!==Q?(t="1",en("1")):"%"===Q?e>100?(t="100",en("100")):en(et):"$"===Q&&(e<0?(t="0",en("0")):en(et)),

2k&&("$"===Q?k(`$${t?.replace("$","")}`):"%"===Q?k(`${t?.replace("%","")}%`):k(t))},name:C,tabIndex:R}),Z&&Q&&(0,o.jsx)("span",{className:`vg-toggle-input-symbol ${z?"prefix":""} ${Y?"suffix":""}`,children:Q}),"InputToggle"===e&&W&&(0,o.jsx)("span",{ref:eu,className:"vg-toggle-input-symbol suffix",children:W})]}))})),eo&&(O?(0,o.jsx)(r.A,{wrapperElementId:"inputtogglemenu",wrapperElement:"div",inputRef:ec,children:eT(!0)}):eT(!1))]})})]})})}}]);