https://azanaspa.com/static/js/async/283.c17410583f.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[283],{66266(){},84725(e,l,t){t.d(l,{FN:()=>i,gj:()=>a}),t(3409);let a=e=>{let l,{containerNodeRect:t,draggingNodeRect:a,transform:i}=e;return a&&t?(l={...i},a.top+i.y<=t.top?l.y=t.top-a.top:a.bottom+i.y>=t.top+t.height&&(l.y=t.top+t.height-a.bottom),a.left+i.x<=t.left?l.x=t.left-a.left:a.right+i.x>=t.left+t.width&&(l.x=t.left+t.width-a.right),l):i},i=e=>{let{transform:l}=e;return{...l,x:0}}},75797(e,l,t){t.r(l),t.d(l,{default:()=>n});var a=t(74848),i=t(96540);t(66266);var r=t(67247);let n=(0,i.forwardRef)(({OnChange:e,OnHover:l,CheckboxLabel:t,LableDescription:n,Disable:c=!1,SetValue:s=!1,PartialChecked:o=!1,CheckboxVariation:d="Checkbox-Simple",CheckBoxId:h="",Required:x=!1,Name:m="vg-checkbox",PreOnChange:g,OnClick:p,CustomErrorMessage:u,Title:f="",ShowRequiredFieldMark:b=!1,RawDataWithImage:k=[{title:"Briogeo",imgSource:`${r.C2}/Images/av-img.jpg`},{title:"Clairol",imgSource:""},{title:"Clairol Professional",imgSource:""},{title:"good hair day",imgSource:`${r.C2}/Images/av-img.jpg`},{title:"Karlius Professional",imgSource:""},{title:"Kadus",imgSource:`${r.C2}/Images/av-img.jpg`}],Options:v=[{label:"Briogeo",value:"briogeo",selected:!0},{label:"Clairol",value:"clairol"},{label:"Kadus",value:"kadus",selected:!1}],CheckBoxAlignment:C="Top",CheckBoxDirection:j="vertical",CheckboxPosition:w="top-left",CheckboxImgLabelSize:S="small",TabIndex:N=0,CheckboxType:$="normal",TickIconColor:y,CheckboxDisable:I=!1,ErrorAlignment:_="right",CheckboxIconSize:D=""},E)=>{let[P,L]=(0,i.useState)(s),[O,A]=(0,i.useState)(o),[B,V]=(0,i.useState)(v.reduce((e,l,t)=>({...e,[`${h}-${t}`]:l.selected??!1}),{})),M=(0,i.useRef)(null),[F,R]=(0,i.useState)(k.reduce((e,l,t)=>({...e,[`${h}-${t}`]:l.selected??s}),{})),[z,H]=(0,i.useState)(!1);(0,i.useEffect)(()=>{L(s),A(o)},[s,o]),(0,i.useEffect)(()=>{M.current&&(M.current.indeterminate=o)},[o]),(0,i.useEffect)(()=>{let e=k.reduce((e,l,t)=>(e[`${h}-${t}`]=l.selected??s,e),{});R(l=>{let t=Object.keys(l),a=Object.keys(e);return t.length===a.length&&t.every(t=>l[t]===e[t])?l:e})},[k,h,s]);let T=(l,t)=>{let a=l.target.checked;if(H(!1),I&&("radio"===$||"tickmark"===$)&&P&&!a)return void l.preventDefault();if("function"==typeof g&&!1===g(a,l)){l&&l.preventDefault&&l.preventDefault();return}("Checkbox-w-Image"===d||"Checkbox-img-label"===d)&&void 0!==t?(R(e=>({...e,[t]:a})),e&&e(l)):"Checkbox_Grouped"===d&&void 0!==t?V(i=>{let r={...i,[t]:a};return e&&e({event:l,selectedValues:r}),r}):(M.current?.indeterminate?(A(!1),L(!0)):o?(L(!P),A(!O)):(L(a),A(!1)),e&&e(a,l))},q=e=>{I&&("radio"===$||"tickmark"===$)?e.preventDefault():p&&p(e)},G=(e,l,t,i,r)=>(0,a.jsxs)("div",{className:`vg-form-check checkbox-with-image ${"Checkbox_Grouped"===d?"check-box-group-wrap":""} ${F[e]?"selected":""}`,children:[(0,a.jsx)("input",{type:"checkbox",id:`${d}-${e}`,className:`vg-form-check-input ${x&&!P?"vg-checkbox-control-error-msg":""}`,disabled:c,checked:"Checkbox-w-Image"===d?F[e]:"Checkbox_Grouped"===d?B[e]:P,ref:M,onChange:l=>T(l,e),name:m,tabIndex:N}),(0,a.jsxs)("label",{className:`${"Checkbox_Grouped"===d?"check-box-group":"check-box-with-img"}`,htmlFor:`${d}-${e}`,children:[(0,a.jsxs)("span",{className:"vg-check-label",children:[l,"Checkbox-w-Header"===d&&n&&(0,a.jsx)("div",{className:"vg-check-description",children:n})]}),"Checkbox-w-Image"===d&&t&&(0,a.jsx)("img",{src:t,alt:l})]})]},r??e),Z=e=>{l&&l(e)};return(0,i.useImperativeHandle)(E,()=>({validate:()=>(()=>{if("Checkbox_Grouped"===d){let e=!x||Object.values(B).some(e=>e);return e||H(!0),{[h]:B,IsValidate:e,IsRequired:x}}if("Checkbox-w-Image"===d||"Checkbox-img-label"===d){let e=Object.values(F).some(e=>!0===e),l=!x||e;return l||H(!0),{[h]:F,IsValidate:l,IsRequired:x}}let e=!x||P;return e||H(!0),{[h]:P,IsValidate:e,IsRequired:x}})()})),(0,a.jsxs)(a.Fragment,{children:[f&&(0,a.jsxs)("label",{className:"vg-checkbox-label",children:[f,b&&x&&(0,a.jsx)("span",{className:"vg-required-mark",children:"*"})]}),(0,a.jsxs)("div",{className:`${"Checkbox-w-Image"!==d&&"Checkbox-img-label"!==d?"vg-form-check":""} ${"Checkbox-img-label"===d?"vg-renderImgLabelCard-grid":""} ${S?`checkbox-img-label-${S}`:""}
2      ${D?`vg-checkbox-icon-size-${D}`:""}
3      `,onMouseEnter:()=>Z(!0),onMouseLeave:()=>Z(!1),children:["Checkbox-Simple"===d&&(0,a.jsxs)("div",{className:"vg-checkbox",style:y?{"--tick-icon-color":y}:void 0,children:[(0,a.jsx)("input",{type:"checkbox",id:`check-simple-${h}`,className:`vg-form-check-input ${"normal"!==$?`vg-checkbox-${$}`:""} ${I&&("radio"===$||"tickmark"===$)?"vg-checkbox-disabled":""} ${x&&z&&!P&&("radio"===$||"tickmark"===$)?"vg-checkbox-error":""} ${x?"vg-checkbox-control-error-msg":""}

3`,disabled:c,checked:P,ref:M,onChange:l=>e&&T(l),name:m,tabIndex:N}),(0,a.jsx)("label",{className:"vg-check-label",...I&&("radio"===$||"tickmark"===$)?{}:{htmlFor:`check-simple-${h}`},onClick:q,children:t})]}),"Checkbox-w-Header"===d&&(0,a.jsxs)("div",{className:`vg-checkbox vg-checkbox-align-${C}`,children:[(0,a.jsx)("input",{type:"checkbox",id:`check-header-${h}`,className:"vg-form-check-input",disabled:c,checked:P,ref:M,onChange:l=>e&&T(l),name:m,tabIndex:N}),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("label",{className:"vg-check-label",htmlFor:`check-header-${h}`,onClick:q,children:[t,(0,a.jsxs)("div",{className:"vg-check-description",children:[" ",n," "]})]})})]}),"Checkbox_Grouped"===d&&(0,a.jsxs)("div",{className:`vg-checkbox-group ${"horizontal"===j?"vg-checkbox-group-horizontal":""}`,children:[v.length>0?v.map((e,l)=>G(`${h}-${l}`,e.label,e.value)):null,x&&!Object.values(B).some(e=>e)&&z&&(0,a.jsx)("span",{className:"vg-checkbox-control-error-msg",children:u||"required"})]}),"Checkbox-w-Image"===d&&(0,a.jsx)(a.Fragment,{children:k.length>0?k.map((e,l)=>G(`${h}-${l}`,e.title,e.imgSource)):null}),"Checkbox-img-label"===d&&(0,a.jsx)(a.Fragment,{children:k.length>0?k.map((e,l)=>{var t,i,r,n;let c;return t=`${h}-${l}`,i=e.title,r=e.imgSource,n=e.disabled,c=F[t],(0,a.jsxs)("div",{className:`vg-renderImgLabelCard ${c?"selected":""} ${n?"disabled":""}`,children:[(0,a.jsx)("input",{type:"checkbox",id:`card-${t}`,className:"vg-renderImgLabelCard-input",checked:c,onChange:e=>T(e,t),disabled:n,tabIndex:N}),(0,a.jsxs)("div",{className:"vg-renderImgLabelCard-overlay",children:[(0,a.jsx)("label",{htmlFor:`card-${t}`,className:`vg-renderImgLabelCard-checkbox ${w}`}),(0,a.jsx)("div",{className:"vg-renderImgLabelCard-img",children:r&&(0,a.jsx)("img",{src:r,alt:i,className:"vg-card-img"})})]}),(0,a.jsx)("span",{className:"vg-checkbox-label",children:i})]},t)}):null}),!P&&x&&z&&"Checkbox_Grouped"!==d&&(0,a.jsx)("span",{className:`vg-checkbox-control-error-msg ${"left"===_?"vg-checkbox-error-left":""}`,children:u||"required"})]})]})})},66438(e,l,t){t.r(l),t.d(l,{default:()=>m});var a=t(74848),i=t(96540),r=t(75797),n=t(273),c=t(49993),s=t(84725),o=t(65195);function d(e,l){return e.find(e=>e.id===l.id)||l}let h=({services:e,selectedServices:l=[],onChange:t,defaultExpanded:n=!0,accordionSide:c="left",accordionEnabled:s=!0,autoCollapseOnParentDeselect:h=!0,IsMultiple:x=!1,ShowSelectAllSelectNone:m=!1})=>{(0,i.useEffect)(()=>{for(let l of e)if(l.id&&l.name,l.children)for(let e of l.children)e.id&&e.name},[e]);let{expandedSections:g,toggleSection:p,handleParentCheckboxChange:u,handleChildCheckboxChange:f,isChildChecked:b,getSelectedServiceObjects:k,handleSelectAll:v,handleSelectNone:C}=(({services:e,selectedServices:l=[],onChange:t,defaultExpanded:a=!0,accordionEnabled:r=!0,autoCollapseOnParentDeselect:n=!0})=>{let[c,s]=(0,i.useState)([]),[o,d]=(0,i.useState)(new Set),[h,x]=(0,i.useState)(l),m=(0,i.useRef)(!1);(0,i.useEffect)(()=>{m.current||(a?s(e.map(e=>e.id)):s(e.filter(e=>e.children?.some(e=>l.includes(e.id))).map(e=>e.id)),m.current=!0)},[e,a,l]),(0,i.useEffect)(()=>{if(!a){let t=e.filter(e=>e.children?.some(e=>l.includes(e.id))).map(e=>e.id);s(e=>{let l=new Set([...e]);return t.forEach(e=>l.add(e)),Array.from(l)})}},[l,e,a]),(0,i.useEffect)(()=>{let t=[],a=[];l.forEach(l=>{let i=e.find(e=>e.id===l);i&&i.children&&i.children.length?(i.children.forEach(e=>{a.includes(e.id)||a.push(e.id)}),t.push(i.id)):a.includes(l)||a.push(l)}),x(a),t.length&&s(e=>Array.from(new Set([...e,...t])))},[l,e]);let g=l=>{let t=e.find(e=>e.id===l);if(!t?.children)return!1;let a=t.children.filter(e=>!e.disabled);return 0!==a.length&&a.every(e=>h.includes(e.id))},p=l=>{let t={},a=e=>{e.forEach(e=>{t[e.id]=e,e.children&&a(e.children)})};return a(e),l.map(e=>t[e]).filter(Boolean)};return{expandedSections:c,manuallyCollapsedSections:o,toggleSection:e=>{s(l=>l.includes(e)?(d(l=>new Set([...Array.from(l),e])),l.filter(l=>l!==e)):(d(l=>{if(l.has(e)){let t=new Set(Array.from(l));return t.delete(e),t}return l}),[...l,e]))},handleParentCheckboxChange:e=>{let l;if(!e.children)return;let a=e.children.filter(e=>!e.disabled).map(e=>e.id);0===a.length||(g(e.id)?(l=h.filter(e=>!a.includes(e)),n&&r&&s(l=>(l.includes(e.id)&&d(l=>

3new Set([...Array.from(l),e.id])),l.filter(l=>l!==e.id)))):(l=Array.from(new Set([...h,...a])),r&&(s(l=>l.includes(e.id)?l:[...l,e.id]),d(l=>{if(l.has(e.id)){let t=new Set(Array.from(l));return t.delete(e.id),t}return l}))),x(l),t(l))},handleChildCheckboxChange:(e,l,a)=>{let i;h.includes(e)?i=h.filter(l=>l!==e):(i=[...h,e],r&&(s(e=>e.includes(l)?e:[...e,l]),d(e=>{if(e.has(l)){let t=new Set(Array.from(e));return t.delete(l),t}return e}))),x(i),t(i)},isParentChecked:g,isChildChecked:e=>h.includes(e),isParentIndeterminate:l=>{let t=e.find(e=>e.id===l);if(!t?.children)return!1;let a=t.children.filter(e=>!e.disabled);if(0===a.length)return!1;let i=a.filter(e=>h.includes(e.id)).length;return i>0&&i<a.length},getSelectedServiceObjects:p,handleSelectAll:()=>{let l=[];e.forEach(e=>{!1!==e.changeParentSelection&&e.children&&e.children.forEach(e=>{e.disabled||l.push(e.id)})});let a=Array.from(new Set([...h,...l]));x(a),t(a,p(a))},handleSelectNone:()=>{let l=new Set;e.forEach(e=>{!1!==e.changeParentSelection&&e.children&&e.children.forEach(e=>{e.disabled||l.add(e.id)})});let a=h.filter(e=>!l.has(e));x(a),t(a,p(a))}}})({services:e,selectedServices:l,onChange:t,defaultExpanded:n,accordionEnabled:s,autoCollapseOnParentDeselect:h});return(0,a.jsxs)("div",{className:"h-full flex flex-col flex-1",children:[x&&m&&(0,a.jsxs)("div",{className:"flex gap-2 mb-3 sticky top-0 bg-bkg_neutral_default z-10",children:[(0,a.jsx)(o.default,{ButtonVariant:"ghost",IconPlacement:"prefix",ButtononClick:v,children:"Select All"}),(0,a.jsx)(o.default,{ButtonVariant:"ghost",IconPlacement:"prefix",ButtononClick:C,children:"Deselect All"})]}),(0,a.jsx)("div",{className:"flex grow overflow-auto flex-col",children:e.map(l=>(0,a.jsx)("div",{className:"relative",children:(l=>{let i=d(e,l),n=!!(i.children&&i.children.length),o=!s||g.includes(l.id),{checked:h,indeterminate:m}=function(e,l,t){let a=d(l,e);if(!(a.children&&a.children.length))return{checked:!1,indeterminate:!1,childIds:[],selectedCount:0};let i=a.children.map(e=>e.id),r=i.filter(e=>t(e)).length;return{checked:r===i.length&&i.length>0,indeterminate:r>0&&r<i.length,childIds:i,selectedCount:r}}(l,e,b),v=x&&s&&n?o?(0,a.jsx)("svg",{onClick:e=>{e.stopPropagation(),p(l.id)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),p(l.id))},tabIndex:0,role:"button","aria-label":o?"Collapse section":"Expand section",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:"h-[16px] w-[16px] mr-2 outline-none",fill:"currentColor",children:(0,a.jsx)("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"})}):(0,a.jsx)("svg",{onClick:e=>{e.stopPropagation(),p(l.id)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),p(l.id))},tabIndex:0,role:"button","aria-label":o?"Collapse section":"Expand section",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 512",className:"h-[16px] w-[16px] mr-2 outline-none",fill:"currentColor",children:(0,a.jsx)("path",{d:"M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"})}):null,C=x?(0,a.jsx)(r.default,{CheckBoxId:l.id,CheckboxLabel:l.name,CheckboxVariation:"Checkbox-Simple",SetValue:h,PartialChecked:m,OnChange:()=>!1!==i.changeParentSelection&&u(i),Disable:i?.disabled,PreOnChange:()=>!1!==i.changeParentSelection}):null;return(0,a.jsxs)("div",{className:"",children:[(0,a.jsxs)("div",{className:`flex items-center select-none text-[15px] leading-[20px] text-text_neutral_default ${x?"font-normal py-2 ":"font-medium pt-2"}`,children:["left"===c&&v,C,"right"===c&&v]}),n&&(o||!x)&&(0,a.jsx)("div",{className:`mt-1 ${x?"pl-12":"pl-7"}`,children:i.children.map(e=>{var i;let n;return i=l.id,n=b(e.id),x?(0,a.jsx)("div",{className:"flex items-center py-2",children:(0,a.jsx)(r.default,{CheckBoxId:e.id,CheckboxLabel:e.name,CheckboxVariation:"Checkbox-Simple",SetValue:n,OnChange:()=>f(e.id,i),Disable:!!e.disabled})},e.id):(0,a.jsx)("div",{className:"text-[15px] leading-[20px] text-text_neutral_default font-regular py-1",onClick:()=>t([e.id],k([e.id])),children:(0,a.jsx)("span",{children:e.name})},e.id)})})]},l.id)})(l)},l.id))})]})},x=({option:e,dragDropEditSave:l,ParentCheckboxTitle:t,onCheckboxChange:i,onLabelClick:r,isDraggable:c,ChildPadding:s,ExpandIconPosition:o,DisableDragInteraction:d})=>{let h=!d&&!e.dragDisabled&&(l||c),{attributes:x,listeners:m,setN

3odeRef:g,transform:p,transition:u,isDragging:f}=(0,n.gl)({id:e.id,disabled:!h}),b={transform:p?`translate3d(${p.x}px, ${p.y}px, 0)`:void 0,transition:u,opacity:f?.5:1,touchAction:h?"none":"auto"};return(0,a.jsx)(a.Fragment,{children:c?(0,a.jsx)("div",{ref:g,style:b,className:`flex mb-[4px] pt-[4px] pb-[4px] items-center ${s?"pl-[44px]":""} ${"right"===o&&s?"pl-[16px]":""}`,children:(0,a.jsxs)("div",{className:"vg-form-check group w-full !flex items-center relative",children:[(0,a.jsxs)("div",{className:"vg-checkbox flex-1",children:[(0,a.jsx)("input",{type:"checkbox",id:`OptionsListItem-${e.id}-${t?.replace(/\s+/g,"_")}`,className:"vg-form-check-input",name:e.name,checked:e.selected,onChange:l=>i(l,e.id)}),(0,a.jsx)("label",{htmlFor:`OptionsListItem-${e.id}-${t?.replace(/\s+/g,"_")}`,className:"vg-check-label cursor-pointer absolute w-[20px] h-[20px] left-0 top-0 !ml-[0px]"}),(0,a.jsx)("span",{className:"ml-2 mb-0 text-[15px] leading-5 text-text_neutral_default font-normal block select-none",onClick:l=>r(l,e.id,e.name),children:e.name})]}),!d&&!e.dragDisabled&&(0,a.jsx)("span",{...m,...x,className:"ml-2 mr-2 text-sm font-normal fas fa-bars relative top-[1px] text-icon_neutral_weak !cursor-move \r\n\n              opacity-0 group-hover:opacity-100 transition-opacity duration-150"})]})}):(0,a.jsxs)("div",{ref:g,style:b,className:`flex mb-[4px] pt-[4px] pb-[4px] items-center ${s?"pl-[44px]":""} ${"right"===o&&s?"pl-[16px]":""}`,...x,...m,children:[l&&!d&&!e.dragDisabled&&(0,a.jsx)("span",{className:"text-[15px] font-normal fas fa-bars relative top-[1px] w-[20px] text-icon_neutral_weak cursor-ns-resize"}),(0,a.jsx)("div",{className:`vg-form-check ${l?"!pl-0":""}`,children:(0,a.jsxs)("div",{className:"vg-checkbox",children:[(0,a.jsx)("input",{type:"checkbox",id:`OptionsListItem-${e.id}-${t?.replace(/\s+/g,"_")}`,className:"vg-form-check-input",name:e.name,checked:e.selected,onChange:l=>i(l,e.id)}),(0,a.jsx)("label",{htmlFor:`OptionsListItem-${e.id}-${t?.replace(/\s+/g,"_")}`,className:`vg-check-label cursor-pointer absolute w-[20px] h-[20px] left-0 top-0 !ml-[0px] ${l?"ml-0 before:!content-[none] after:!content-[none]":""}`}),(0,a.jsx)("span",{className:"ml-2 mb-0 text-[15px] leading-5 text-text_neutral_default font-normal block select-none",onClick:l=>r(l,e.id,e.name),children:e.name})]})})]})})},m=(0,i.forwardRef)(({ShowEditSave:e=!0,ShowParentCheckbox:l=!0,PartialParentChecked:t=!1,ExpandIconPosition:d="left",ParentCheckboxTitle:m,RawData:g=[],DropdownState:p,OnDropdownChange:u,onChange:f,OnEditSave:b,OnLabelClick:k,OnCheckboxClick:v,ShowSave:C=!1,isDraggable:j=!1,key:w,IsMultiple:S=!1,listViewType:N="drag",selectedServices:$=[],searchable:y,services:I=[],accordionEnabled:_=!0,defaultExpanded:D=!0,ChildPadding:E=!0,DisableDragInteraction:P=!1,autoCollapseOnParentDeselect:L=!0,ShowSelectAllSelectNone:O=!1},A)=>{let[B,V]=(0,i.useState)(!1),[M,F]=(0,i.useState)({options:p?.options??!0}),[R,z]=(0,i.useState)(g),[H,T]=(0,i.useState)(!1),q=(0,c.FR)((0,c.MS)(c.AN),(0,c.MS)(c.uN,{coordinateGetter:n.JR}));(0,i.useEffect)(()=>{Array.isArray(g)&&g.length>0&&z(g)},[g]);let G=()=>{F(e=>{let l={...e,options:!e.options};if(u&&void 0!==p)try{u(l.options)}catch(e){}return l})},Z=(e,l)=>{let t=R.map(l=>l.id===e?{...l,selected:!l.selected}:l);z(t);let a=t.findIndex(l=>l.id===e),i=t[a];f&&i&&f([i],void 0,l)},K=(e,l)=>{!B&&(Z(l,"checkbox"),v&&v(e,l))},U=(e,l,t)=>{!B&&(Z(l,"label"),k&&k(e,t))},J=R.length>0&&R.every(e=>e.selected),W=R.some(e=>e.selected);return((0,i.useEffect)(()=>{C&&V(!0)},[C]),(0,i.useImperativeHandle)(A,()=>({validate:()=>({isValid:R.some(e=>e.selected),value:R})})),"serviceAccordion"===N)?(0,a.jsx)(h,{services:I,selectedServices:$,onChange:(e,l)=>{f&&f(e,l)},defaultExpanded:D,accordionSide:"left",accordionEnabled:_,IsMultiple:S,autoCollapseOnParentDeselect:L,ShowSelectAllSelectNone:O}):(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:`draglist_wrapper h-full w-full flex flex-col relative min-w-full ${B?"save":"edit"}`,children:[e&&(0,a.jsx)("div",{className:`absolute z-[99] top-[8px] right-[15px] select-none ${"right"===d?"right-[22px]":"!right-[0px]"}`,children:(0,a.jsx)(o.default,{ButtonVariant:"ghost",IconPlacement:"prefix",ButtononClick:()=>{let e=!B;V(e),!e&&H&&f&&H&&(f(R),T(!1)),b&&B&&b(e,R)},children:B?"Save":"Edit"})}),(0,a.jsxs)("div",{className:`tab-content overflow-visible ${"left"===d&&l?"pl-[0px]":""}`,children:[(0,a.jsxs)("div",{className:`flex items-center relative py-2 hover:bg-bkg_neutral_secondary ${"right"===d?"justify-between":""}`,children:["left"===d&&(0,a.jsx)("span",{className:`flex items-center cursor-pointer justify-center text-text_neutral_default h-[28px] w-[23px]  ${l?"left-[0px]":""}`,onClick:G,children:M.options?(0,a.jsxs)("svg",{className:"h-[15p

3x] w-[15px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("mask",{id:"mask0_6349_589",maskUnits:"userSpaceOnUse",x:"1",y:"4",width:"14",height:"9",children:(0,a.jsx)("path",{d:"M15 4H1V13H15V4Z",fill:"white"})}),(0,a.jsx)("g",{mask:"url(#mask0_6349_589)",children:(0,a.jsx)("path",{d:"M7.99978 12.0621C7.73579 12.0621 7.50179 11.9751 7.32579 11.7991L1.70079 6.17407C1.31979 5.82207 1.31979 5.20707 1.70079 4.85507C2.05279 4.47507 2.66779 4.47507 3.01979 4.85507L7.99978 9.80706L12.9508 4.85507C13.3028 4.47507 13.9178 4.47507 14.2688 4.85507C14.6498 5.20707 14.6498 5.82207 14.2688 6.17407L8.64479 11.7991C8.46879 11.9751 8.23379 12.0621 7.99978 12.0621Z"})})]}):(0,a.jsx)("svg",{className:"h-[15px] w-[15px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M4.95948 14.118C4.69578 14.118 4.46147 14.03 4.28567 13.854C3.90477 13.502 3.90477 12.887 4.28567 12.535L9.23678 7.55499L4.28567 2.604C3.90477 2.252 3.90477 1.637 4.28567 1.285C4.63717 0.905 5.25248 0.905 5.60398 1.285L11.229 6.91C11.6099 7.262 11.6099 7.877 11.229 8.229L5.60398 13.854C5.42828 14.03 5.19388 14.118 4.95948 14.118Z"})})}),l?(0,a.jsx)("div",{className:`${"left"===d?"ml-2":""}`,onClick:e=>{B&&(e.preventDefault(),e.stopPropagation())},children:(0,a.jsx)(r.default,{CheckBoxId:`OptionsDropDown-${m?.replace(/\s+/g,"_")}`,CheckboxLabel:m,CheckboxVariation:"Checkbox-Simple",SetValue:J,PartialChecked:t&&W&&!J,OnChange:e=>{let l,t;l=R.every(e=>e.selected),z(t=R.map(e=>({...e,selected:!l}))),f&&f(t,void 0,"checkbox")}})}):(0,a.jsx)("span",{className:`text-[15px] leading-5 text-text_neutral_default font-medium block select-none ml-2 ${"right"===d&&!1===l?"!ml-0":""}`,children:m}),"right"===d&&(0,a.jsx)("span",{className:"flex items-center cursor-pointer justify-center text-text_neutral_default h-[28px] w-[23px]  left-[0px]",onClick:G,children:M.options?(0,a.jsxs)("svg",{className:"h-[15px] w-[15px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("mask",{id:"mask0_6349_589",maskUnits:"userSpaceOnUse",x:"1",y:"4",width:"14",height:"9",children:(0,a.jsx)("path",{d:"M15 4H1V13H15V4Z",fill:"white"})}),(0,a.jsx)("g",{mask:"url(#mask0_6349_589)",children:(0,a.jsx)("path",{d:"M7.99978 12.0621C7.73579 12.0621 7.50179 11.9751 7.32579 11.7991L1.70079 6.17407C1.31979 5.82207 1.31979 5.20707 1.70079 4.85507C2.05279 4.47507 2.66779 4.47507 3.01979 4.85507L7.99978 9.80706L12.9508 4.85507C13.3028 4.47507 13.9178 4.47507 14.2688 4.85507C14.6498 5.20707 14.6498 5.82207 14.2688 6.17407L8.64479 11.7991C8.46879 11.9751 8.23379 12.0621 7.99978 12.0621Z"})})]}):(0,a.jsx)("svg",{className:"h-[15px] w-[15px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M4.95948 14.118C4.69578 14.118 4.46147 14.03 4.28567 13.854C3.90477 13.502 3.90477 12.887 4.28567 12.535L9.23678 7.55499L4.28567 2.604C3.90477 2.252 3.90477 1.637 4.28567 1.285C4.63717 0.905 5.25248 0.905 5.60398 1.285L11.229 6.91C11.6099 7.262 11.6099 7.877 11.229 8.229L5.60398 13.854C5.42828 14.03 5.19388 14.118 4.95948 14.118Z"})})})]}),(0,a.jsx)("div",{className:`grid transition-all duration-300 ease-in-out ${M.options?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"}`,children:(0,a.jsx)("div",{className:"overflow-hidden",children:(0,a.jsx)(c.Mp,{sensors:q,collisionDetection:c.fp,onDragEnd:e=>{if(P)return;let{active:l,over:t}=e;if(!t)return;let a=R.find(e=>e.id===String(t.id));if((!a||!0!==a.dragDisabled)&&l.id!==t?.id){let e=R.findIndex(e=>e.id===l.id),a=R.findIndex(e=>e.id===t?.id);if(a>=0&&e>=0){let l=(0,n.be)(R,e,a);if(z(l),T(!0),b&&j)try{b(!0,l)}catch(e){}}}},modifiers:[s.gj,s.FN],children:(0,a.jsx)(n.gB,{items:R.map(e=>e.id),strategy:n.kL,children:(0,a.jsx)("div",{className:"draglist",children:R.map((e,l)=>(0,a.jsx)(x,{option:e,dragDropEditSave:B,ParentCheckboxTitle:m,onCheckboxChange:K,onLabelClick:U,isDraggable:j,ChildPadding:E,ExpandIconPosition:d,DisableDragInteraction:P},e.id))})})})})})]})]},w)})})}}]);