npm - @oneclick.dev/cms-core-modules - Versions diffs - 0.0.106 → 0.0.108 - Mend

@oneclick.dev/cms-core-modules 0.0.106 → 0.0.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (576) hide show

package/dist/GlobalStyling-DabldMZh.js ADDED Viewed

@@ -0,0 +1,15 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`@oneclick.dev/cms-kit`),t=require(`vue`),n=require(`@lucide/vue`);var r={class:`grid py-4`},i={class:`grid grid-cols-2 gap-2 mb-6`},a={class:`relative`},o={class:`grid grid-cols-3 gap-2 mb-6`},s={class:`relative`},c={class:`relative`},l={class:`relative`},u={class:`grid grid-cols-1 gap-2 mb-6`},d={class:`relative`},f={class:`flex items-center space-x-2`},p={class:`flex items-center space-x-2`},m={class:`grid grid-cols-2 gap-2 mb-6`},h={key:0},g={class:`relative`},_={key:1},v={class:`relative`},y={key:0,class:`bg-muted px-4 py-2 rounded-md text-sm`},b=(0,t.defineComponent)({__name:`SectionStyleDialog`,props:{buttons:{type:Array,default:()=>[]}},emits:[`add`,`edit`,`delete`],setup(n,{expose:b,emit:x}){let{confirm:S}=(0,e.useConfirmation)(),C=x,w=(0,t.ref)(!1),T=(0,t.ref)(`create`),E=(0,t.ref)(null),D=(0,t.ref)(!1),O=(0,t.reactive)({name:``,rendering:`class`,className:``,componentName:``,styles:{backgroundColor:`#FFFFFF`,titleColor:`#000000`,textColor:`#000000`}}),k=e=>{e?(T.value=`edit`,E.value=e.id,D.value=e.id===`DEFAULT`,O.name=e.name||``,O.rendering=e.rendering||`class`,O.className=e.className||``,O.componentName=e.componentName||``,O.styles.backgroundColor=e.styles.backgroundColor||`#FFFFFF`,O.styles.titleColor=e.styles.titleColor||`#000000`,O.styles.textColor=e.styles.textColor||`#000000`):(T.value=`create`,E.value=null,D.value=!1,O.name=``,O.rendering=`class`,O.className=``,O.componentName=``,O.styles.backgroundColor=`#FFFFFF`,O.styles.titleColor=`#000000`,O.styles.textColor=`#000000`),w.value=!0},A=()=>{C(`add`,O),w.value=!1},j=()=>{D.value&&(O.name=`Default`),C(`edit`,{id:E.value,...O}),w.value=!1},M=async()=>{D.value||await S(`Are you sure you want to delete this theme? This action cannot be undone.`,`Delete Theme`,`Delete`)&&(C(`delete`,E.value),w.value=!1)},N=()=>{O.styles.backgroundColor=`#FFFFFF`,O.styles.titleColor=`#000000`,O.styles.textColor=`#000000`};return b({openDialog:k}),(e,n)=>{let b=(0,t.resolveComponent)(`DialogTitle`),x=(0,t.resolveComponent)(`DialogDescription`),S=(0,t.resolveComponent)(`DialogHeader`),C=(0,t.resolveComponent)(`Label`),E=(0,t.resolveComponent)(`Input`),k=(0,t.resolveComponent)(`RadioGroupItem`),P=(0,t.resolveComponent)(`RadioGroup`),F=(0,t.resolveComponent)(`Button`),I=(0,t.resolveComponent)(`DialogFooter`),L=(0,t.resolveComponent)(`DialogScrollContent`),R=(0,t.resolveComponent)(`Dialog`);return(0,t.openBlock)(),(0,t.createBlock)(R,{open:w.value,"onUpdate:open":n[10]||=e=>w.value=e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(L,{class:`sm:max-w-2xl`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(S,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(b,null,{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(T.value===`create`?`Add New Section Style`:`Edit Section Style`),1)]),_:1}),(0,t.createVNode)(x,null,{default:(0,t.withCtx)(()=>[...n[11]||=[(0,t.createTextVNode)(` These settings change how this section looks in the editor. To style your live site, add matching CSS or use a custom component. `,-1)]]),_:1})]),_:1}),(0,t.createElementVNode)(`div`,r,[(0,t.createElementVNode)(`div`,i,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-theme-name`},{default:(0,t.withCtx)(()=>[...n[12]||=[(0,t.createTextVNode)(`Display name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,a,[(0,t.createVNode)(E,{modelValue:O.name,"onUpdate:modelValue":n[0]||=e=>O.name=e,id:`collection-theme-dialog-theme-name`,disabled:D.value},null,8,[`modelValue`,`disabled`])])])]),n[21]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Style Settings`,-1),(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-background-color`},{default:(0,t.withCtx)(()=>[...n[13]||=[(0,t.createTextVNode)(`Background color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,s,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":n[1]||=e=>O.styles.backgroundColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,O.styles.backgroundColor]]),(0,t.createVNode)(E,{modelValue:O.styles.backgroundColor,"onUpdate:modelValue":n[2]||=e=>O.styles.backgroundColor=e,class:`pl-12`,id:`collection-theme-dialog-background-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-title-color`},{default:(0,t.withCtx)(()=>[...n[14]||=[(0,t.createTextVNode)(`Heading color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,c,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":n[3]||=e=>O.styles.titleColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,O.styles.titleColor]]),(0,t.createVNode)(E,{modelValue:O.styles.titleColor,"onUpdate:modelValue":n[4]||=e=>O.styles.titleColor=e,class:`pl-12`,id:`collection-theme-dialog-title-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-text-color`},{default:(0,t.withCtx)(()=>[...n[15]||=[(0,t.createTextVNode)(`Body text color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,l,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":n[5]||=e=>O.styles.textColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,O.styles.textColor]]),(0,t.createVNode)(E,{modelValue:O.styles.textColor,"onUpdate:modelValue":n[6]||=e=>O.styles.textColor=e,class:`pl-12`,id:`collection-theme-dialog-text-color`},null,8,[`modelValue`])])])]),n[22]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Rendering Method`,-1),(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`div`,d,[(0,t.createVNode)(C,{class:`mb-4 text-muted-foreground`},{default:(0,t.withCtx)(()=>[...n[16]||=[(0,t.createTextVNode)(`Choose how this section should be styled on your site:`,-1)]]),_:1}),(0,t.createVNode)(P,{modelValue:O.rendering,"onUpdate:modelValue":n[7]||=e=>O.rendering=e,"default-value":`class`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,f,[(0,t.createVNode)(k,{id:`collection-theme-dialog-render-class`,value:`class`}),(0,t.createVNode)(C,{for:`collection-theme-dialog-render-class`},{default:(0,t.withCtx)(()=>[...n[17]||=[(0,t.createTextVNode)(`Use a CSS class`,-1)]]),_:1})]),(0,t.createElementVNode)(`div`,p,[(0,t.createVNode)(k,{id:`collection-theme-dialog-render-component`,value:`component`}),(0,t.createVNode)(C,{for:`collection-theme-dialog-render-component`},{default:(0,t.withCtx)(()=>[...n[18]||=[(0,t.createTextVNode)(`Custom component`,-1)]]),_:1})])]),_:1},8,[`modelValue`])])])]),(0,t.createElementVNode)(`div`,m,[O.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,h,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-class-name`},{default:(0,t.withCtx)(()=>[...n[19]||=[(0,t.createTextVNode)(`Class name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,g,[(0,t.createVNode)(E,{modelValue:O.className,"onUpdate:modelValue":n[8]||=e=>O.className=e,id:`collection-theme-dialog-class-name`},null,8,[`modelValue`])])])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,_,[(0,t.createVNode)(C,{class:`mb-2`,for:`collection-theme-dialog-component-name`},{default:(0,t.withCtx)(()=>[...n[20]||=[(0,t.createTextVNode)(`Component name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,v,[(0,t.createVNode)(E,{modelValue:O.componentName,"onUpdate:modelValue":n[9]||=e=>O.componentName=e,id:`collection-theme-dialog-component-name`},null,8,[`modelValue`])])]))]),O.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`pre`,y,`.`+(0,t.toDisplayString)(O.className)+` {
+  background-color: `+(0,t.toDisplayString)(O.styles.backgroundColor)+`;
+  color: `+(0,t.toDisplayString)(O.styles.textColor)+`;
+  h1, h2, h3, h4, h5, h6 {
+    color: `+(0,t.toDisplayString)(O.styles.titleColor)+`;
+  }
+}
+`,1)):(0,t.createCommentVNode)(``,!0)]),(0,t.createVNode)(I,null,{default:(0,t.withCtx)(()=>[T.value===`edit`&&!D.value?((0,t.openBlock)(),(0,t.createBlock)(F,{key:0,variant:`destructive`,class:`mr-auto`,onClick:M},{default:(0,t.withCtx)(()=>[...n[23]||=[(0,t.createTextVNode)(` Delete Style `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),T.value===`edit`&&D.value?((0,t.openBlock)(),(0,t.createBlock)(F,{key:1,variant:`outline`,class:`mr-auto`,onClick:N},{default:(0,t.withCtx)(()=>[...n[24]||=[(0,t.createTextVNode)(` Reset to Default `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),T.value===`create`?((0,t.openBlock)(),(0,t.createBlock)(F,{key:2,type:`submit`,onClick:A},{default:(0,t.withCtx)(()=>[...n[25]||=[(0,t.createTextVNode)(` Add Style `,-1)]]),_:1})):((0,t.openBlock)(),(0,t.createBlock)(F,{key:3,type:`submit`,onClick:j},{default:(0,t.withCtx)(()=>[...n[26]||=[(0,t.createTextVNode)(` Save Changes `,-1)]]),_:1}))]),_:1})]),_:1})]),_:1},8,[`open`])}}}),x={class:`grid py-4`},S={class:`grid grid-cols-2 gap-2 mb-6`},C={class:`relative`},w={class:`grid grid-cols-3 gap-2 mb-6`},T={class:`relative`},E={class:`relative`},D={class:`relative`},O={class:`grid grid-cols-1 gap-2 mb-6`},k={class:`relative`},A={class:`flex items-center space-x-2`},j={class:`flex items-center space-x-2`},M={class:`grid grid-cols-2 gap-2 mb-6`},N={key:0},P={class:`relative`},F={key:1},I={class:`relative`},L={key:0,class:`bg-muted px-4 py-2 rounded-md text-sm`},R=(0,t.defineComponent)({__name:`ButtonStyleDialog`,props:{defaultBackground:{type:String,default:`#FFFFFF`}},emits:[`add`,`edit`,`delete`],setup(r,{expose:i,emit:a}){let{confirm:o}=(0,e.useConfirmation)(),s=a,c=(0,t.ref)(!1),l=(0,t.ref)(`create`),u=(0,t.ref)(null),d=(0,t.ref)(!1),f=(0,t.reactive)({name:``,rendering:`class`,className:``,componentName:``,styles:{backgroundColor:`#FFFFFF`,textColor:`#000000`,borderColor:`#000000`,buttonRoundness:`none`,buttonStyle:`default`}}),p=e=>{e?(l.value=`edit`,u.value=e.id,d.value=e.id===`DEFAULT`,f.name=e.name||``,f.rendering=e.rendering||`class`,f.className=e.className||``,f.componentName=e.componentName||``,f.styles.backgroundColor=e.styles.backgroundColor||`#FFFFFF`,f.styles.textColor=e.styles.textColor||`#000000`,f.styles.borderColor=e.styles.borderColor||`#000000`,f.styles.buttonRoundness=e.styles.buttonRoundness||`none`,f.styles.buttonStyle=e.styles.buttonStyle||`default`):(l.value=`create`,u.value=null,d.value=!1,f.name=``,f.rendering=`class`,f.className=``,f.componentName=``,f.styles.backgroundColor=`#FFFFFF`,f.styles.textColor=`#000000`,f.styles.borderColor=`#000000`,f.styles.buttonRoundness=`none`,f.styles.buttonStyle=`default`),c.value=!0},m=()=>{s(`add`,f),c.value=!1},h=()=>{d.value&&(f.name=`Default`),s(`edit`,{id:u.value,...f}),c.value=!1},g=async()=>{d.value||await o(`Are you sure you want to delete this theme? This action cannot be undone.`,`Delete Theme`,`Delete`)&&(s(`delete`,u.value),c.value=!1)},_=()=>{f.styles.backgroundColor=`#FFFFFF`,f.styles.textColor=`#000000`,f.styles.borderColor=`#000000`,f.styles.buttonRoundness=`none`,f.styles.buttonStyle=`default`},v=e=>{switch(e){case`none`:return 0;case`small`:return 8;case`medium`:return 12;case`pill`:return 99;default:return 0}},y=(0,t.computed)(()=>{let e=`.`+f.className+` {
+`;return e+=`  background-color: ${f.styles.backgroundColor};\n`,e+=`  color: ${f.styles.textColor};\n`,f.styles.buttonStyle===`outline`?e+=`  border: 1px solid ${f.styles.borderColor};\n`:f.styles.buttonStyle===`shadow`?e+=`  box-shadow: 0 3px 6px #ccc;
+`:f.styles.buttonStyle===`retro`&&(e+=`  box-shadow: inset 0 0 0 2px ${f.styles.borderColor}, 2px 2px 0 ${f.styles.borderColor};\n`),f.styles.buttonRoundness!==`none`&&(e+=`  border-radius: ${v(f.styles.buttonRoundness)}px;\n`),e+=`}
+`,e});return i({openDialog:p}),(e,i)=>{let a=(0,t.resolveComponent)(`DialogTitle`),o=(0,t.resolveComponent)(`DialogDescription`),s=(0,t.resolveComponent)(`DialogHeader`),u=(0,t.resolveComponent)(`Label`),p=(0,t.resolveComponent)(`Input`),b=(0,t.resolveComponent)(`RadioGroupItem`),R=(0,t.resolveComponent)(`RadioGroup`),z=(0,t.resolveComponent)(`Button`),B=(0,t.resolveComponent)(`DialogFooter`),V=(0,t.resolveComponent)(`DialogScrollContent`),H=(0,t.resolveComponent)(`Dialog`);return(0,t.openBlock)(),(0,t.createBlock)(H,{open:c.value,"onUpdate:open":i[18]||=e=>c.value=e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(V,{class:`sm:max-w-2xl`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(s,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(a,null,{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(l.value===`create`?`Add New Button Style`:`Edit Button Style`),1)]),_:1}),(0,t.createVNode)(o,null,{default:(0,t.withCtx)(()=>[...i[19]||=[(0,t.createTextVNode)(` These settings change how this section looks in the editor. To style your live site, add matching CSS or use a custom component. `,-1)]]),_:1})]),_:1}),(0,t.createElementVNode)(`div`,x,[(0,t.createElementVNode)(`div`,S,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-theme-name`},{default:(0,t.withCtx)(()=>[...i[20]||=[(0,t.createTextVNode)(`Display name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,C,[(0,t.createVNode)(p,{modelValue:f.name,"onUpdate:modelValue":i[0]||=e=>f.name=e,id:`collection-theme-dialog-theme-name`,disabled:d.value},null,8,[`modelValue`,`disabled`])])])]),i[38]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Style Settings`,-1),(0,t.createElementVNode)(`div`,w,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-background-color`},{default:(0,t.withCtx)(()=>[...i[21]||=[(0,t.createTextVNode)(`Background color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,T,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[1]||=e=>f.styles.backgroundColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.backgroundColor]]),(0,t.createVNode)(p,{modelValue:f.styles.backgroundColor,"onUpdate:modelValue":i[2]||=e=>f.styles.backgroundColor=e,class:`pl-12`,id:`collection-theme-dialog-background-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-text-color`},{default:(0,t.withCtx)(()=>[...i[22]||=[(0,t.createTextVNode)(`Text color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,E,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[3]||=e=>f.styles.textColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.textColor]]),(0,t.createVNode)(p,{modelValue:f.styles.textColor,"onUpdate:modelValue":i[4]||=e=>f.styles.textColor=e,class:`pl-12`,id:`collection-theme-dialog-text-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-border-color`},{default:(0,t.withCtx)(()=>[...i[23]||=[(0,t.createTextVNode)(`Border color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,D,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[5]||=e=>f.styles.borderColor=e,type:`color`,label:`Primary Color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.borderColor]]),(0,t.createVNode)(p,{modelValue:f.styles.borderColor,"onUpdate:modelValue":i[6]||=e=>f.styles.borderColor=e,class:`pl-12`,id:`collection-theme-dialog-border-color`},null,8,[`modelValue`])])])]),(0,t.createElementVNode)(`div`,{style:(0,t.normalizeStyle)(`--button-background-color: ${f.styles.backgroundColor}; --button-text-color: ${f.styles.textColor}`)},[(0,t.createVNode)(u,{class:`mb-4`},{default:(0,t.withCtx)(()=>[...i[24]||=[(0,t.createTextVNode)(`Shape`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,{class:`grid grid-cols-4 gap-4 mb-6 p-2 rounded`,style:(0,t.normalizeStyle)({backgroundColor:r.defaultBackground})},[(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[7]||=e=>f.styles.buttonRoundness=`none`},[i[25]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)]`},`Button`,-1),f.styles.buttonRoundness===`none`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[8]||=e=>f.styles.buttonRoundness=`small`},[i[26]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[8px]`},`Button`,-1),f.styles.buttonRoundness===`small`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[9]||=e=>f.styles.buttonRoundness=`medium`},[i[27]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[12px]`},`Button`,-1),f.styles.buttonRoundness===`medium`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[10]||=e=>f.styles.buttonRoundness=`pill`},[i[28]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[99px]`},`Button`,-1),f.styles.buttonRoundness===`pill`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))])],4),(0,t.createVNode)(u,{class:`mb-4`},{default:(0,t.withCtx)(()=>[...i[29]||=[(0,t.createTextVNode)(`Style`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,{class:`grid grid-cols-4 gap-4 mb-6 p-2 rounded`,style:(0,t.normalizeStyle)(`--button-border-radius: ${v(f.styles.buttonRoundness)}px; --button-border-color: ${f.styles.borderColor}; background-color: ${r.defaultBackground}`)},[(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[11]||=e=>f.styles.buttonStyle=`default`},[i[30]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[var(--button-border-radius)]`},`Button`,-1),f.styles.buttonStyle===`default`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[12]||=e=>f.styles.buttonStyle=`outline`},[i[31]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[var(--button-border-radius)] border border-[var(--button-border-color)]`},` Button `,-1),f.styles.buttonStyle===`outline`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[13]||=e=>f.styles.buttonStyle=`shadow`},[i[32]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[var(--button-border-radius)]`,style:{"box-shadow":`0 3px 6px #ccc`}},` Button `,-1),f.styles.buttonStyle===`shadow`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[14]||=e=>f.styles.buttonStyle=`retro`},[(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-2 bg-[var(--button-background-color)] text-[var(--button-text-color)] rounded-[var(--button-border-radius)]`,style:(0,t.normalizeStyle)(`box-shadow: inset 0 0 0 2px ${f.styles.borderColor}, 2px 2px 0 ${f.styles.borderColor};`)},` Button `,4),f.styles.buttonStyle===`retro`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))])],4)],4),i[39]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Rendering Method`,-1),(0,t.createElementVNode)(`div`,O,[(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`div`,k,[(0,t.createVNode)(u,{class:`mb-4 text-muted-foreground`},{default:(0,t.withCtx)(()=>[...i[33]||=[(0,t.createTextVNode)(`Choose how this section should be styled on your site:`,-1)]]),_:1}),(0,t.createVNode)(R,{modelValue:f.rendering,"onUpdate:modelValue":i[15]||=e=>f.rendering=e,"default-value":`class`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,A,[(0,t.createVNode)(b,{id:`collection-theme-dialog-render-class`,value:`class`}),(0,t.createVNode)(u,{for:`collection-theme-dialog-render-class`},{default:(0,t.withCtx)(()=>[...i[34]||=[(0,t.createTextVNode)(`Use a CSS class`,-1)]]),_:1})]),(0,t.createElementVNode)(`div`,j,[(0,t.createVNode)(b,{id:`collection-theme-dialog-render-component`,value:`component`}),(0,t.createVNode)(u,{for:`collection-theme-dialog-render-component`},{default:(0,t.withCtx)(()=>[...i[35]||=[(0,t.createTextVNode)(`Custom component`,-1)]]),_:1})])]),_:1},8,[`modelValue`])])])]),(0,t.createElementVNode)(`div`,M,[f.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,N,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-class-name`},{default:(0,t.withCtx)(()=>[...i[36]||=[(0,t.createTextVNode)(`Class name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,P,[(0,t.createVNode)(p,{modelValue:f.className,"onUpdate:modelValue":i[16]||=e=>f.className=e,id:`collection-theme-dialog-class-name`},null,8,[`modelValue`])])])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,F,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-component-name`},{default:(0,t.withCtx)(()=>[...i[37]||=[(0,t.createTextVNode)(`Component name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,I,[(0,t.createVNode)(p,{modelValue:f.componentName,"onUpdate:modelValue":i[17]||=e=>f.componentName=e,id:`collection-theme-dialog-component-name`},null,8,[`modelValue`])])]))]),f.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`pre`,L,(0,t.toDisplayString)(y.value),1)):(0,t.createCommentVNode)(``,!0)]),(0,t.createVNode)(B,null,{default:(0,t.withCtx)(()=>[l.value===`edit`&&!d.value?((0,t.openBlock)(),(0,t.createBlock)(z,{key:0,variant:`destructive`,class:`mr-auto`,onClick:g},{default:(0,t.withCtx)(()=>[...i[40]||=[(0,t.createTextVNode)(` Delete Style `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),l.value===`edit`&&d.value?((0,t.openBlock)(),(0,t.createBlock)(z,{key:1,variant:`outline`,class:`mr-auto`,onClick:_},{default:(0,t.withCtx)(()=>[...i[41]||=[(0,t.createTextVNode)(` Reset to Default `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),l.value===`create`?((0,t.openBlock)(),(0,t.createBlock)(z,{key:2,type:`submit`,onClick:m},{default:(0,t.withCtx)(()=>[...i[42]||=[(0,t.createTextVNode)(` Add Style `,-1)]]),_:1})):((0,t.openBlock)(),(0,t.createBlock)(z,{key:3,type:`submit`,onClick:h},{default:(0,t.withCtx)(()=>[...i[43]||=[(0,t.createTextVNode)(` Save Changes `,-1)]]),_:1}))]),_:1})]),_:1})]),_:1},8,[`open`])}}}),z={class:`grid py-4`},B={class:`grid grid-cols-2 gap-2 mb-6`},V={class:`relative`},H={class:`grid grid-cols-4 gap-2 mb-6`},ee={class:`relative`},U={class:`relative`},W={class:`relative`},G={class:`relative`},K={class:`grid grid-cols-1 gap-2 mb-6`},q={class:`relative`},J={class:`flex items-center space-x-2`},Y={class:`flex items-center space-x-2`},X={class:`grid grid-cols-2 gap-2 mb-6`},Z={key:0},Q={class:`relative`},te={key:1},ne={class:`relative`},re={key:0,class:`bg-muted px-4 py-2 rounded-md text-sm`},ie=(0,t.defineComponent)({__name:`CardStyleDialog`,props:{defaultBackground:{type:String,default:`#FFFFFF`}},emits:[`add`,`edit`,`delete`],setup(r,{expose:i,emit:a}){let{confirm:o}=(0,e.useConfirmation)(),s=a,c=(0,t.ref)(!1),l=(0,t.ref)(`create`),u=(0,t.ref)(null),d=(0,t.ref)(!1),f=(0,t.reactive)({name:``,rendering:`class`,className:``,componentName:``,styles:{backgroundColor:`#FFFFFF`,titleColor:`#000000`,textColor:`#000000`,borderColor:`#000000`,roundness:`none`,style:`default`}}),p=e=>{e?(l.value=`edit`,u.value=e.id,d.value=e.id===`DEFAULT`,f.name=e.name||``,f.rendering=e.rendering||`class`,f.className=e.className||``,f.componentName=e.componentName||``,f.styles.backgroundColor=e.styles.backgroundColor||`#FFFFFF`,f.styles.titleColor=e.styles.titleColor||`#000000`,f.styles.textColor=e.styles.textColor||`#000000`,f.styles.borderColor=e.styles.borderColor||`#000000`,f.styles.roundness=e.styles.roundness||`none`,f.styles.style=e.styles.style||`default`):(l.value=`create`,u.value=null,d.value=!1,f.name=``,f.rendering=`class`,f.className=``,f.componentName=``,f.styles.backgroundColor=`#FFFFFF`,f.styles.titleColor=`#000000`,f.styles.textColor=`#000000`,f.styles.borderColor=`#000000`,f.styles.roundness=`none`,f.styles.style=`default`),c.value=!0},m=()=>{s(`add`,f),c.value=!1},h=()=>{d.value&&(f.name=`Default`),s(`edit`,{id:u.value,...f}),c.value=!1},g=async()=>{d.value||await o(`Are you sure you want to delete this theme? This action cannot be undone.`,`Delete Theme`,`Delete`)&&(s(`delete`,u.value),c.value=!1)},_=()=>{f.styles.backgroundColor=`#FFFFFF`,f.styles.titleColor=`#000000`,f.styles.textColor=`#000000`,f.styles.borderColor=`#000000`,f.styles.roundness=`none`,f.styles.style=`default`},v=e=>{switch(e){case`none`:return 0;case`small`:return 8;case`medium`:return 12;default:return 0}},y=(0,t.computed)(()=>{let e=`.`+f.className+` {
+`;return e+=`  background-color: ${f.styles.backgroundColor};\n`,e+=`  color: ${f.styles.textColor};\n`,f.styles.style===`outline`?e+=`  border: 1px solid ${f.styles.borderColor};\n`:f.styles.style===`shadow`?e+=`  box-shadow: 0 3px 6px #ccc;
+`:f.styles.style===`retro`&&(e+=`  box-shadow: inset 0 0 0 2px ${f.styles.borderColor}, 2px 2px 0 ${f.styles.borderColor};\n`),f.styles.roundness!==`none`&&(e+=`  border-radius: ${v(f.styles.roundness)}px;\n`),e+=`}
+`,e});return i({openDialog:p}),(e,i)=>{let a=(0,t.resolveComponent)(`DialogTitle`),o=(0,t.resolveComponent)(`DialogDescription`),s=(0,t.resolveComponent)(`DialogHeader`),u=(0,t.resolveComponent)(`Label`),p=(0,t.resolveComponent)(`Input`),b=(0,t.resolveComponent)(`RadioGroupItem`),x=(0,t.resolveComponent)(`RadioGroup`),S=(0,t.resolveComponent)(`Button`),C=(0,t.resolveComponent)(`DialogFooter`),w=(0,t.resolveComponent)(`DialogScrollContent`),T=(0,t.resolveComponent)(`Dialog`);return(0,t.openBlock)(),(0,t.createBlock)(T,{open:c.value,"onUpdate:open":i[19]||=e=>c.value=e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(w,{class:`sm:max-w-2xl`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(s,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(a,null,{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(l.value===`create`?`Add New Card Style`:`Edit Card Style`),1)]),_:1}),(0,t.createVNode)(o,null,{default:(0,t.withCtx)(()=>[...i[20]||=[(0,t.createTextVNode)(` These settings change how this section looks in the editor. To style your live site, add matching CSS or use a custom component. `,-1)]]),_:1})]),_:1}),(0,t.createElementVNode)(`div`,z,[(0,t.createElementVNode)(`div`,B,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-theme-name`},{default:(0,t.withCtx)(()=>[...i[21]||=[(0,t.createTextVNode)(`Display name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,V,[(0,t.createVNode)(p,{modelValue:f.name,"onUpdate:modelValue":i[0]||=e=>f.name=e,id:`collection-theme-dialog-theme-name`,disabled:d.value},null,8,[`modelValue`,`disabled`])])])]),i[40]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Style Settings`,-1),(0,t.createElementVNode)(`div`,H,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-background-color`},{default:(0,t.withCtx)(()=>[...i[22]||=[(0,t.createTextVNode)(`Background color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,ee,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[1]||=e=>f.styles.backgroundColor=e,type:`color`,label:`Background color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.backgroundColor]]),(0,t.createVNode)(p,{modelValue:f.styles.backgroundColor,"onUpdate:modelValue":i[2]||=e=>f.styles.backgroundColor=e,class:`pl-12`,id:`collection-theme-dialog-background-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-title-color`},{default:(0,t.withCtx)(()=>[...i[23]||=[(0,t.createTextVNode)(`Heading color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,U,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[3]||=e=>f.styles.titleColor=e,type:`color`,label:`Heading color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.titleColor]]),(0,t.createVNode)(p,{modelValue:f.styles.titleColor,"onUpdate:modelValue":i[4]||=e=>f.styles.titleColor=e,class:`pl-12`,id:`collection-theme-dialog-title-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-text-color`},{default:(0,t.withCtx)(()=>[...i[24]||=[(0,t.createTextVNode)(`Text color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,W,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[5]||=e=>f.styles.textColor=e,type:`color`,label:`Text color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.textColor]]),(0,t.createVNode)(p,{modelValue:f.styles.textColor,"onUpdate:modelValue":i[6]||=e=>f.styles.textColor=e,class:`pl-12`,id:`collection-theme-dialog-text-color`},null,8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-border-color`},{default:(0,t.withCtx)(()=>[...i[25]||=[(0,t.createTextVNode)(`Border color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,G,[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":i[7]||=e=>f.styles.borderColor=e,type:`color`,label:`Border color`,class:`absolute top-0.5 left-1 size-8`},null,512),[[t.vModelText,f.styles.borderColor]]),(0,t.createVNode)(p,{modelValue:f.styles.borderColor,"onUpdate:modelValue":i[8]||=e=>f.styles.borderColor=e,class:`pl-12`,id:`collection-theme-dialog-border-color`},null,8,[`modelValue`])])])]),(0,t.createElementVNode)(`div`,{style:(0,t.normalizeStyle)(`--card-background-color: ${f.styles.backgroundColor}; --card-title-color: ${f.styles.titleColor}; --card-text-color: ${f.styles.textColor}`)},[(0,t.createVNode)(u,{class:`mb-4`},{default:(0,t.withCtx)(()=>[...i[26]||=[(0,t.createTextVNode)(`Shape`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,{class:`grid grid-cols-3 gap-4 mb-6 p-2 rounded`,style:(0,t.normalizeStyle)({backgroundColor:r.defaultBackground})},[(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[9]||=e=>f.styles.roundness=`none`},[i[27]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)]`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.roundness===`none`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[10]||=e=>f.styles.roundness=`small`},[i[28]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[8px]`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.roundness===`small`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[11]||=e=>f.styles.roundness=`medium`},[i[29]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[12px]`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.roundness===`medium`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))])],4),(0,t.createVNode)(u,{class:`mb-4`},{default:(0,t.withCtx)(()=>[...i[30]||=[(0,t.createTextVNode)(`Style`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,{class:`grid grid-cols-4 gap-4 mb-6 p-2 rounded`,style:(0,t.normalizeStyle)(`--card-border-radius: ${v(f.styles.roundness)}px; --card-border-color: ${f.styles.borderColor}; background-color: ${r.defaultBackground}`)},[(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[12]||=e=>f.styles.style=`default`},[i[31]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[var(--card-border-radius)]`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.style===`default`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[13]||=e=>f.styles.style=`outline`},[i[32]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[var(--card-border-radius)] border border-[var(--card-border-color)]`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.style===`outline`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[14]||=e=>f.styles.style=`shadow`},[i[33]||=(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[var(--card-border-radius)]`,style:{"box-shadow":`0 3px 6px #ccc`}},[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`)],-1),f.styles.style===`shadow`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))]),(0,t.createElementVNode)(`div`,{class:`flex flex-col gap-2 items-center cursor-pointer`,onClick:i[15]||=e=>f.styles.style=`retro`},[(0,t.createElementVNode)(`div`,{class:`text-center px-8 py-4 bg-[var(--card-background-color)] rounded-[var(--card-border-radius)]`,style:(0,t.normalizeStyle)(`box-shadow: inset 0 0 0 2px ${f.styles.borderColor}, 2px 2px 0 ${f.styles.borderColor};`)},[...i[34]||=[(0,t.createElementVNode)(`strong`,{class:`text-2xl text-[var(--card-title-color)]`},`Card`,-1),(0,t.createElementVNode)(`p`,{class:`text-[var(--card-text-color)]`},`Lorem ipsum dolor sit amet.`,-1)]],4),f.styles.style===`retro`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CircleCheckBig),{key:1,class:`size-4 text-black`})):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0,class:`size-4 text-black/30`}))])],4)],4),i[41]||=(0,t.createElementVNode)(`h2`,{class:`font-semibold mb-4`},`Rendering Method`,-1),(0,t.createElementVNode)(`div`,K,[(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`div`,q,[(0,t.createVNode)(u,{class:`mb-4 text-muted-foreground`},{default:(0,t.withCtx)(()=>[...i[35]||=[(0,t.createTextVNode)(`Choose how this section should be styled on your site:`,-1)]]),_:1}),(0,t.createVNode)(x,{modelValue:f.rendering,"onUpdate:modelValue":i[16]||=e=>f.rendering=e,"default-value":`class`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,J,[(0,t.createVNode)(b,{id:`collection-theme-dialog-render-class`,value:`class`}),(0,t.createVNode)(u,{for:`collection-theme-dialog-render-class`},{default:(0,t.withCtx)(()=>[...i[36]||=[(0,t.createTextVNode)(`Use a CSS class`,-1)]]),_:1})]),(0,t.createElementVNode)(`div`,Y,[(0,t.createVNode)(b,{id:`collection-theme-dialog-render-component`,value:`component`}),(0,t.createVNode)(u,{for:`collection-theme-dialog-render-component`},{default:(0,t.withCtx)(()=>[...i[37]||=[(0,t.createTextVNode)(`Custom component`,-1)]]),_:1})])]),_:1},8,[`modelValue`])])])]),(0,t.createElementVNode)(`div`,X,[f.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Z,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-class-name`},{default:(0,t.withCtx)(()=>[...i[38]||=[(0,t.createTextVNode)(`Class name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,Q,[(0,t.createVNode)(p,{modelValue:f.className,"onUpdate:modelValue":i[17]||=e=>f.className=e,id:`collection-theme-dialog-class-name`},null,8,[`modelValue`])])])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,te,[(0,t.createVNode)(u,{class:`mb-2`,for:`collection-theme-dialog-component-name`},{default:(0,t.withCtx)(()=>[...i[39]||=[(0,t.createTextVNode)(`Component name`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,ne,[(0,t.createVNode)(p,{modelValue:f.componentName,"onUpdate:modelValue":i[18]||=e=>f.componentName=e,id:`collection-theme-dialog-component-name`},null,8,[`modelValue`])])]))]),f.rendering===`class`?((0,t.openBlock)(),(0,t.createElementBlock)(`pre`,re,(0,t.toDisplayString)(y.value),1)):(0,t.createCommentVNode)(``,!0)]),(0,t.createVNode)(C,null,{default:(0,t.withCtx)(()=>[l.value===`edit`&&!d.value?((0,t.openBlock)(),(0,t.createBlock)(S,{key:0,variant:`destructive`,class:`mr-auto`,onClick:g},{default:(0,t.withCtx)(()=>[...i[42]||=[(0,t.createTextVNode)(` Delete Style `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),l.value===`edit`&&d.value?((0,t.openBlock)(),(0,t.createBlock)(S,{key:1,variant:`outline`,class:`mr-auto`,onClick:_},{default:(0,t.withCtx)(()=>[...i[43]||=[(0,t.createTextVNode)(` Reset to Default `,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0),l.value===`create`?((0,t.openBlock)(),(0,t.createBlock)(S,{key:2,type:`submit`,onClick:m},{default:(0,t.withCtx)(()=>[...i[44]||=[(0,t.createTextVNode)(` Add Style `,-1)]]),_:1})):((0,t.openBlock)(),(0,t.createBlock)(S,{key:3,type:`submit`,onClick:h},{default:(0,t.withCtx)(()=>[...i[45]||=[(0,t.createTextVNode)(` Save Changes `,-1)]]),_:1}))]),_:1})]),_:1})]),_:1},8,[`open`])}}}),ae={class:`w-full`},oe={class:`flex items-center justify-between gap-4 w-full my-4`},se={key:0,class:`flex gap-4 flex-wrap mb-8`},ce=[`onClick`],$={class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},le={key:1,class:`flex gap-4 flex-wrap mb-8`},ue={key:2,class:`flex gap-4 flex-wrap mb-8`},de=[`onClick`],fe={class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},pe={key:3,class:`flex gap-4 flex-wrap mb-8`},me={key:4,class:`flex gap-4 flex-wrap mb-8`},he=[`onClick`],ge={class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},_e={key:5,class:`flex gap-4 flex-wrap mb-8`},ve=(0,t.defineComponent)({__name:`GlobalStyling`,setup(r){let{navigateTo:i}=(0,e.useModuleRoute)(),{getModuleData:a,setModuleData:o}=(0,e.useModuleStorage)();(0,e.useModuleBreadcrumbs)(()=>[{text:`Global Styling`}]);let s=(0,t.ref)(``),c=(0,t.ref)(``),l=(0,t.ref)(``),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(null),p=(0,t.computed)(()=>u.value===null?null:u.value&&u.value.find(e=>e.id===`DEFAULT`)?u.value:[{id:`DEFAULT`,name:`Default`,className:``,styles:{backgroundColor:`#FFFFFF`,textColor:`#000000`}},...u.value]),m=(0,t.computed)(()=>p.value?.find(e=>e.id===`DEFAULT`)?.styles.backgroundColor??`#FFFFFF`),h=(0,t.computed)(()=>d.value===null?null:d.value&&d.value.find(e=>e.id===`DEFAULT`)?d.value:[{id:`DEFAULT`,name:`Default`,className:``,styles:{backgroundColor:`#FFFFFF`,textColor:`#000000`}},...d.value]),g=(0,t.computed)(()=>f.value===null?null:f.value&&f.value.find(e=>e.id===`DEFAULT`)?f.value:[{id:`DEFAULT`,name:`Default`,className:``,styles:{backgroundColor:`#FFFFFF`,textColor:`#000000`}},...f.value]);async function _(e){let t=JSON.parse(JSON.stringify(e));t.id=crypto.randomUUID(),u.value.push(t),u.value=await a(`sectionThemes`)||[],u.value.push(t),o(`sectionThemes`,u.value)}async function v(e){let t=JSON.parse(JSON.stringify(e)),n=u.value.findIndex(e=>e.id===t.id);n===-1?t.id===`DEFAULT`&&(Array.isArray(u.value)||(u.value=[]),u.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...u.value]):u.value[n]=t,u.value=await a(`sectionThemes`)||[],n=u.value.findIndex(e=>e.id===t.id),n===-1?t.id===`DEFAULT`&&(Array.isArray(u.value)||(u.value=[]),u.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...u.value],o(`sectionThemes`,u.value)):(u.value[n]=t,o(`sectionThemes`,u.value))}async function y(e){u.value=u.value.filter(t=>t.id!==e),u.value=await a(`sectionThemes`)||[],u.value=u.value.filter(t=>t.id!==e),o(`sectionThemes`,u.value)}async function x(e){let t=JSON.parse(JSON.stringify(e));t.id=crypto.randomUUID(),d.value.push(t),d.value=await a(`buttonThemes`)||[],d.value.push(t),o(`buttonThemes`,d.value)}async function S(e){let t=JSON.parse(JSON.stringify(e)),n=d.value.findIndex(e=>e.id===t.id);n===-1?t.id===`DEFAULT`&&(Array.isArray(d.value)||(d.value=[]),d.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...d.value]):d.value[n]=t,d.value=await a(`buttonThemes`)||[],n=d.value.findIndex(e=>e.id===t.id),n===-1?t.id===`DEFAULT`&&(Array.isArray(d.value)||(d.value=[]),d.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...d.value],o(`buttonThemes`,d.value)):(d.value[n]=t,o(`buttonThemes`,d.value))}async function C(e){d.value=d.value.filter(t=>t.id!==e),d.value=await a(`buttonThemes`)||[],d.value=d.value.filter(t=>t.id!==e),o(`buttonThemes`,d.value)}let w=function(e){let t={};if(t.backgroundColor=e.styles.backgroundColor,t.color=e.styles.textColor,e.styles.buttonStyle===`outline`?t.border=`1px solid ${e.styles.borderColor}`:e.styles.buttonStyle===`shadow`?t.boxShadow=`0 3px 6px #ccc`:e.styles.buttonStyle===`retro`&&(t.boxShadow=`inset 0 0 0 2px ${e.styles.borderColor}, 2px 2px 0 ${e.styles.borderColor}`),e.styles.buttonRoundness!==`none`){let n=0;e.styles.buttonRoundness===`small`?n=4:e.styles.buttonRoundness===`medium`?n=8:e.styles.buttonRoundness===`pill`&&(n=9999),t.borderRadius=`${n}px`}return t};async function T(e){let t=JSON.parse(JSON.stringify(e));t.id=crypto.randomUUID(),f.value.push(t),f.value=await a(`cardThemes`)||[],f.value.push(t),o(`cardThemes`,f.value)}async function E(e){let t=JSON.parse(JSON.stringify(e)),n=f.value.findIndex(e=>e.id===t.id);n===-1?t.id===`DEFAULT`&&(Array.isArray(f.value)||(f.value=[]),f.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...f.value]):f.value[n]=t,f.value=await a(`cardThemes`)||[],n=f.value.findIndex(e=>e.id===t.id),n===-1?t.id===`DEFAULT`&&(Array.isArray(f.value)||(f.value=[]),f.value=[{id:`DEFAULT`,name:`Default`,styles:t.styles},...f.value],o(`cardThemes`,f.value)):(f.value[n]=t,o(`cardThemes`,f.value))}async function D(e){f.value=f.value.filter(t=>t.id!==e),f.value=await a(`cardThemes`)||[],f.value=f.value.filter(t=>t.id!==e),o(`cardThemes`,f.value)}let O=function(e){let t={};if(t.backgroundColor=e.styles.backgroundColor,t.color=e.styles.textColor,e.styles.style===`outline`?t.border=`1px solid ${e.styles.borderColor}`:e.styles.style===`shadow`?t.boxShadow=`0 3px 6px #ccc`:e.styles.style===`retro`&&(t.boxShadow=`inset 0 0 0 2px ${e.styles.borderColor}, 2px 2px 0 ${e.styles.borderColor}`),e.styles.roundness!==`none`){let n=0;e.styles.roundness===`small`?n=4:e.styles.roundness===`medium`&&(n=8),t.borderRadius=`${n}px`}return t};return(0,t.onMounted)(()=>{a(`sectionThemes`).then(e=>{u.value=e||[]}),a(`buttonThemes`).then(e=>{d.value=e||[]}),a(`cardThemes`).then(e=>{f.value=e||[]})}),(e,r)=>{let a=(0,t.resolveComponent)(`Button`),o=(0,t.resolveComponent)(`Skeleton`);return(0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`div`,ae,[(0,t.createElementVNode)(`div`,oe,[(0,t.createVNode)(a,{onClick:r[0]||=e=>(0,t.unref)(i)(`/`),variant:`link`,class:`!pl-0`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronLeft),{class:`size-4`}),r[4]||=(0,t.createTextVNode)(` Collections `,-1)]),_:1})]),r[10]||=(0,t.createElementVNode)(`h1`,{class:`text-3xl mb-8`},`Global Styling`,-1),r[11]||=(0,t.createElementVNode)(`h3`,{class:`text-2xl mb-2`},`Section Variants`,-1),r[12]||=(0,t.createElementVNode)(`p`,{class:`mb-6 max-w-3xl text-muted-foreground`},` Set up the default design variants for your sections. These styles will be available across all collections by default, but you can choose to disable them within individual collections if needed. `,-1),p.value===null?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,le,[(0,t.createVNode)(o,{class:`size-44 rounded-md`}),(0,t.createVNode)(o,{class:`size-44 rounded-md`})])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,se,[(0,t.createElementVNode)(`div`,{class:`group/item flex flex-col gap-2 items-center`,onClick:r[1]||=e=>s.value.openDialog()},[(0,t.createVNode)(a,{variant:`outline`,class:`size-44 border-dotted`,tabindex:`-1`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Plus),{class:`size-14`})]),_:1}),r[5]||=(0,t.createElementVNode)(`p`,{class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},`New Style`,-1)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(p.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`group/item flex flex-col gap-2 text-black items-center cursor-pointer hover:brightness-105 transition-all duration-300`,key:e.id,onClick:t=>s.value.openDialog(e)},[(0,t.createElementVNode)(`div`,{class:`flex flex-col items-start rounded-md p-4 size-44`,style:(0,t.normalizeStyle)({backgroundColor:e.styles.backgroundColor,border:`1px solid #E5E7EB`})},[(0,t.createElementVNode)(`strong`,{class:`text-2xl`,style:(0,t.normalizeStyle)({color:e.styles.titleColor})},`Title`,4),(0,t.createElementVNode)(`p`,{class:`mb-1`,style:(0,t.normalizeStyle)({color:e.styles.textColor})},[...r[6]||=[(0,t.createTextVNode)(`Lorem ipsum dolor`,-1),(0,t.createElementVNode)(`br`,null,null,-1),(0,t.createTextVNode)(`sit amet.`,-1)]],4),e.className?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:0,class:`px-3 py-1.5 rounded-[99px]`,style:(0,t.normalizeStyle)({backgroundColor:e.styles.textColor,color:e.styles.backgroundColor})},`.`+(0,t.toDisplayString)(e.className),5)):(0,t.createCommentVNode)(``,!0)],4),(0,t.createElementVNode)(`p`,$,(0,t.toDisplayString)(e.name),1)],8,ce))),128))])),r[13]||=(0,t.createElementVNode)(`h3`,{class:`text-2xl mb-2`},`Button Variants`,-1),r[14]||=(0,t.createElementVNode)(`p`,{class:`mb-6 max-w-3xl text-muted-foreground`},` Define your standard button styles here. Collections can inherit these defaults or customize their own variants for more tailored experiences. `,-1),h.value===null?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,pe,[(0,t.createVNode)(o,{class:`size-44 rounded-md`}),(0,t.createVNode)(o,{class:`size-44 rounded-md`})])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ue,[(0,t.createElementVNode)(`div`,{class:`group/item flex flex-col gap-2 items-center`,onClick:r[2]||=e=>c.value.openDialog()},[(0,t.createVNode)(a,{variant:`outline`,class:`size-44 border-dotted`,tabindex:`-1`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Plus),{class:`size-14`})]),_:1}),r[7]||=(0,t.createElementVNode)(`p`,{class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},`New Style`,-1)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(h.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`group/item flex flex-col gap-2 text-black items-center cursor-pointer hover:brightness-105 transition-all duration-300`,key:e.id,onClick:t=>c.value.openDialog(e)},[(0,t.createElementVNode)(`div`,{class:`flex flex-col items-center justify-center rounded-md p-4 size-44`,style:(0,t.normalizeStyle)({backgroundColor:m.value})},[(0,t.createElementVNode)(`div`,{style:(0,t.normalizeStyle)(w(e)),class:`px-4 py-2`},` Button `,4)],4),(0,t.createElementVNode)(`p`,fe,(0,t.toDisplayString)(e.name),1)],8,de))),128))])),r[15]||=(0,t.createElementVNode)(`h3`,{class:`text-2xl mb-2`},`Card Variants`,-1),r[16]||=(0,t.createElementVNode)(`p`,{class:`mb-6 max-w-3xl text-muted-foreground`},` Define your standard card styles here. Collections can inherit these defaults or customize their own variants for more tailored experiences. `,-1),g.value===null?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,_e,[(0,t.createVNode)(o,{class:`size-44 rounded-md`}),(0,t.createVNode)(o,{class:`size-44 rounded-md`})])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,me,[(0,t.createElementVNode)(`div`,{class:`group/item flex flex-col gap-2 items-center`,onClick:r[3]||=e=>l.value.openDialog()},[(0,t.createVNode)(a,{variant:`outline`,class:`size-44 border-dotted`,tabindex:`-1`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Plus),{class:`size-14`})]),_:1}),r[8]||=(0,t.createElementVNode)(`p`,{class:`text-muted-foreground group-hover/item:text-white transition-colors duration-300`},`New Style`,-1)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(g.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`group/item flex flex-col gap-2 text-black items-center cursor-pointer hover:brightness-105 transition-all duration-300`,key:e.id,onClick:t=>l.value.openDialog(e)},[(0,t.createElementVNode)(`div`,{class:`flex flex-col items-center justify-center rounded-md p-4 size-44`,style:(0,t.normalizeStyle)({backgroundColor:m.value})},[(0,t.createElementVNode)(`div`,{style:(0,t.normalizeStyle)(O(e)),class:`p-4`},[(0,t.createElementVNode)(`strong`,{class:`text-2xl`,style:(0,t.normalizeStyle)({color:e.styles.titleColor})},`Card`,4),r[9]||=(0,t.createElementVNode)(`p`,null,`Lorem ipsum dolor sit amet.`,-1)],4)],4),(0,t.createElementVNode)(`p`,ge,(0,t.toDisplayString)(e.name),1)],8,he))),128))]))]),(0,t.createVNode)(b,{ref_key:`sectionStyleDialog`,ref:s,onAdd:_,onEdit:v,onDelete:y},null,512),(0,t.createVNode)(R,{ref_key:`buttonStyleDialog`,ref:c,defaultBackground:m.value,onAdd:x,onEdit:S,onDelete:C},null,8,[`defaultBackground`]),(0,t.createVNode)(ie,{ref_key:`cardStyleDialog`,ref:l,defaultBackground:m.value,onAdd:T,onEdit:E,onDelete:D},null,8,[`defaultBackground`])],64)}}});exports.default=ve;

package/dist/NewReservationDialog-BhIiY2B9.js ADDED Viewed

@@ -0,0 +1 @@

+ require(`./chunk-DQi1bQcV.js`);const e=require(`./DateFormatter-Dni0Oq8r.js`),t=require(`./_plugin-vue_export-helper-5u7tqpWC.js`),n=require(`./utils-CVIHqQsU.js`);let r=require(`@oneclick.dev/cms-kit`),i=require(`vue`),a=require(`@lucide/vue`);var o={class:`space-y-3`},s={class:`grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1`},c={key:0,class:`flex items-center gap-3 min-h-9`},l={key:0,class:`italic text-xs opacity-50`},u={key:0,class:`italic text-xs opacity-50`},d={key:0,class:`italic text-xs opacity-50`},f={key:0,class:`italic text-xs opacity-50`},p={key:0,class:`text-red-400`},m={class:`list-disc pl-4`},h=(0,i.defineComponent)({__name:`CustomerInformation`,props:{agendaData:{}},setup(e,{expose:t}){let n=[{id:`firstName`,fieldName:`First Name`,fieldType:`text`,required:!0,visible:!0},{id:`lastName`,fieldName:`Last Name`,fieldType:`text`,required:!0,visible:!0},{id:`phone`,fieldName:`Phone No`,fieldType:`tel`,required:!0,visible:!0},{id:`email`,fieldName:`Email`,fieldType:`email`,required:!0,visible:!0},{id:`birthdate`,fieldName:`Birthdate`,fieldType:`date`,required:!0,visible:!0}],r=new Set([`firstName`,`email`]),a=e,h=(0,i.ref)([]),g=(0,i.reactive)({}),_=(0,i.computed)(()=>{let e=a.agendaData?.customerInformationFields,t=(Array.isArray(e)&&e.length>0?e:n).filter(e=>e?.id&&(e.visible!==!1||r.has(e.id))).map(e=>({...e,required:r.has(e.id),visible:!0})),i=n.filter(e=>r.has(e.id)&&!t.some(t=>t.id===e.id)).map(e=>({...e,required:!0,visible:!0}));return[...t,...i]}),v=e=>e.fieldName||e.id,y=e=>e.replace(/[^A-Za-z0-9_-]/g,`-`),b=(e,t)=>[`new-res-customer-info`,e.id,t].filter(Boolean).map(e=>y(e)).join(`-`),x=e=>e.fieldType===`email`||e.fieldType===`tel`||e.fieldType===`date`?e.fieldType:`text`,S=e=>Array.isArray(e.options)?e.options.filter(Boolean):[],C=e=>e.fieldType===`checkbox`?!1:``,w=(e=!1)=>{let t=new Set(_.value.map(e=>e.id));Object.keys(g).forEach(e=>{t.has(e)||delete g[e]}),_.value.forEach(t=>{let n=C(t);(e||g[t.id]===void 0||typeof g[t.id]!=typeof n)&&(g[t.id]=n)})},T=()=>{let e=_.value.reduce((e,t)=>{let n=g[t.id];return e[t.id]=typeof n==`string`?n.trim():!!n,e},{});return Object.entries(e).forEach(([e,t])=>{g[e]=t}),e},E=(e,t)=>e.fieldType===`checkbox`?t===!0:typeof t==`string`?t.trim().length>0:t!=null;return(0,i.watch)(_,()=>{w()},{immediate:!0}),t({getCustomerInfo:T,reset:()=>{h.value=[],w(!0)},validateForm:()=>{let e=[],t=T();return _.value.forEach(n=>{let r=t[n.id],i=v(n);n.required&&!E(n,r)&&e.push(`Please fill in ${i}.`),n.fieldType===`email`&&E(n,r)&&typeof r==`string`&&/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r)===!1&&e.push(`Please fill in a correct ${i}.`)}),h.value=e,e.length===0}}),(e,t)=>{let n=(0,i.resolveComponent)(`Checkbox`),r=(0,i.resolveComponent)(`Label`),a=(0,i.resolveComponent)(`SelectValue`),y=(0,i.resolveComponent)(`SelectTrigger`),C=(0,i.resolveComponent)(`SelectItem`),w=(0,i.resolveComponent)(`SelectGroup`),T=(0,i.resolveComponent)(`SelectContent`),E=(0,i.resolveComponent)(`Select`),D=(0,i.resolveComponent)(`RadioGroupItem`),O=(0,i.resolveComponent)(`RadioGroup`),k=(0,i.resolveComponent)(`Input`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[t[0]||=(0,i.createElementVNode)(`h2`,{class:`text-sm font-medium`},`Customer Information`,-1),(0,i.createElementVNode)(`div`,s,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(_.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:(0,i.normalizeClass)([`grid gap-2`,e.fieldType===`checkbox`?`@md/modal:col-span-2`:``])},[e.fieldType===`checkbox`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,c,[(0,i.createVNode)(n,{id:b(e),modelValue:g[e.id],"onUpdate:modelValue":t=>g[e.id]=t},null,8,[`id`,`modelValue`,`onUpdate:modelValue`]),(0,i.createVNode)(r,{for:b(e),class:`font-normal cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v(e))+` `,1),e.required?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,l,`optional`))]),_:2},1032,[`for`])])):e.fieldType===`select`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createVNode)(r,{for:b(e)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v(e))+` `,1),e.required?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,`optional`))]),_:2},1032,[`for`]),(0,i.createVNode)(E,{modelValue:g[e.id],"onUpdate:modelValue":t=>g[e.id]=t},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(y,{id:b(e),class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(a,{placeholder:`Select ${v(e)}`},null,8,[`placeholder`])]),_:2},1032,[`id`]),(0,i.createVNode)(T,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(w,null,{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S(e),e=>((0,i.openBlock)(),(0,i.createBlock)(C,{key:e,value:e},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e),1)]),_:2},1032,[`value`]))),128))]),_:2},1024)]),_:2},1024)]),_:2},1032,[`modelValue`,`onUpdate:modelValue`])],64)):e.fieldType===`radio`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:2},[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v(e))+` `,1),e.required?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,d,`optional`))]),_:2},1024),(0,i.createVNode)(O,{modelValue:g[e.id],"onUpdate:modelValue":t=>g[e.id]=t,class:`grid gap-2`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S(e),t=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:t,class:`flex items-center gap-2`},[(0,i.createVNode)(D,{id:b(e,t),value:t},null,8,[`id`,`value`]),(0,i.createVNode)(r,{for:b(e,t),class:`font-normal cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(t),1)]),_:2},1032,[`for`])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`])],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:3},[(0,i.createVNode)(r,{for:b(e)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v(e))+` `,1),e.required?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,f,`optional`))]),_:2},1032,[`for`]),(0,i.createVNode)(k,{modelValue:g[e.id],"onUpdate:modelValue":t=>g[e.id]=t,id:b(e),type:x(e),autocomplete:`off`},null,8,[`modelValue`,`onUpdate:modelValue`,`id`,`type`])],64))],2))),128))]),h.value.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,p,[(0,i.createElementVNode)(`ul`,m,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(h.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:e},(0,i.toDisplayString)(e),1))),128))])])):(0,i.createCommentVNode)(``,!0)])}}});function g(e={}){let t=(0,i.ref)(null),n=(0,i.ref)(!1),r=(0,i.ref)(!1),a=(0,i.ref)(!1),o=(0,i.ref)(!1),s=e.dragSpeed??1.1,c=e.dragThreshold??10,l=e.edgeThreshold??10,u=e.ignoreDragSelector??`input, select, textarea, [contenteditable="true"], [data-horizontal-scroll-ignore-drag]`,d=null,f=0,p=0,m=!1,h=null,g=null,_=null,v=()=>{h===null||typeof window>`u`||(window.clearTimeout(h),h=null)},y=()=>{let e=t.value;if(!e){r.value=!1,a.value=!1,o.value=!1;return}let n=Math.max(e.scrollWidth-e.clientWidth,0);r.value=n>l,a.value=r.value&&e.scrollLeft>l,o.value=r.value&&e.scrollLeft<n-l},b=()=>{(0,i.nextTick)(()=>{if(typeof window>`u`){y();return}window.requestAnimationFrame(()=>y())})},x=()=>{if(typeof e.scrollStep==`number`)return e.scrollStep;let n=t.value;return n?Math.max(Math.floor(n.clientWidth*.72),180):240},S=(e,n=`smooth`)=>{let r=t.value;if(r){if(r.scrollBy({left:e,behavior:n}),n===`auto`){y();return}b()}},C=()=>{S(-x())},w=()=>{S(x())},T=()=>{let e=t.value;d!==null&&e?.hasPointerCapture?.(d)&&e.releasePointerCapture(d),n.value&&(m=!0,v(),typeof window<`u`&&(h=window.setTimeout(()=>{m=!1,h=null},0))),d=null,n.value=!1,e&&(e.style.userSelect=``,e.style.cursor=``),y()},E=()=>{y()},D=e=>{let n=t.value;if(!n||!r.value||Math.abs(e.deltaY)<=Math.abs(e.deltaX))return;let i=e.deltaY<0,s=e.deltaY>0;i&&!a.value||s&&!o.value||(e.preventDefault(),n.scrollLeft+=e.deltaY,y())},O=e=>e instanceof Element?!!e.closest(u):!1,k=e=>{let n=t.value;!n||!r.value||e.pointerType!==`touch`&&e.button===0&&(O(e.target)||(d=e.pointerId,f=e.clientX,p=n.scrollLeft,m=!1))},A=e=>{let r=t.value;if(!r||d!==e.pointerId)return;let i=e.clientX-f;!n.value&&Math.abs(i)<c||(n.value||(n.value=!0,r.style.userSelect=`none`,r.style.cursor=`grabbing`,r.setPointerCapture?.(e.pointerId)),e.preventDefault(),r.scrollLeft=p-i*s,y())},j=e=>{d===e.pointerId&&T()},M=()=>{d!==null&&T()},N=e=>{m&&=(e.preventDefault(),e.stopPropagation(),!1)},ee=t=>{typeof ResizeObserver<`u`&&(g=new ResizeObserver(()=>y()),g.observe(t)),e.observeMutations!==!1&&typeof MutationObserver<`u`&&(_=new MutationObserver(()=>b()),_.observe(t,{childList:!0,subtree:!0,characterData:!0}))},te=()=>{g?.disconnect(),_?.disconnect(),g=null,_=null},P=e=>{e.addEventListener(`scroll`,E),e.addEventListener(`wheel`,D,{passive:!1}),e.addEventListener(`pointerdown`,k),e.addEventListener(`pointermove`,A),e.addEventListener(`pointerup`,j),e.addEventListener(`pointercancel`,M),e.addEventListener(`lostpointercapture`,M),e.addEventListener(`click`,N,!0),ee(e),b()},F=e=>{e.removeEventListener(`scroll`,E),e.removeEventListener(`wheel`,D),e.removeEventListener(`pointerdown`,k),e.removeEventListener(`pointermove`,A),e.removeEventListener(`pointerup`,j),e.removeEventListener(`pointercancel`,M),e.removeEventListener(`lostpointercapture`,M),e.removeEventListener(`click`,N,!0),te()};return(0,i.watch)(t,(e,t)=>{t&&F(t),e?P(e):y()}),(0,i.onMounted)(()=>{b()}),(0,i.onBeforeUnmount)(()=>{v(),t.value&&F(t.value),m=!1,T()}),{canScrollLeft:(0,i.computed)(()=>a.value),canScrollRight:(0,i.computed)(()=>o.value),containerRef:t,isDragging:n,isScrollable:r,refresh:b,scrollNext:w,scrollPrev:C,showLeftShadow:a,showRightShadow:o}}var _={class:`flex items-start justify-between gap-3`},v={class:`text-sm font-medium`},y={key:0,class:`mt-1 text-xs text-muted-foreground`},b={class:`grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4`},x={class:`grid gap-2`},S={key:0,class:`grid gap-2`},C={key:1,class:`grid gap-2`},w={key:2,class:`grid gap-2`},T={class:`grid gap-2`},E={key:0,class:`rounded-md border border-dashed bg-muted/20 px-4 py-4 text-sm text-muted-foreground`},D={key:1,class:`relative flex items-center gap-2 overflow-hidden`},O={class:`relative min-w-0 flex-1 overflow-hidden`},k={key:0,class:`pointer-events-none absolute inset-y-0 left-0 z-10 w-10 md:w-20 bg-gradient-to-r from-background via-background/95 to-transparent`},A={key:1,class:`pointer-events-none absolute inset-y-0 right-0 z-10 w-10 md:w-20 bg-gradient-to-l from-background via-background/95 to-transparent`},j={key:0,class:`absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4`},M={class:`flex flex-wrap gap-2`},N=[`onClick`],ee={key:0},te={key:1},P={key:2},F=(0,i.defineComponent)({__name:`QuickReservationAdder`,props:{agendaData:{},surface:{default:`card`}},emits:[`add`],setup(t,{emit:r}){let o=t,s=r,c=new e.t(`en-US`,{dateStyle:`long`}),l=e.o(e.a()),u=(0,i.computed)(()=>o.surface===`popover`),d=(0,i.ref)(``),f=(0,i.ref)(void 0),p=(0,i.ref)(``),m=(0,i.ref)(``),h=(0,i.ref)([]),F=(0,i.ref)(1),I=(0,i.computed)(()=>o.agendaData?.resources?.find(e=>e.id===p.value)),L=e=>{let[t,n]=e.split(`:`).map(Number);return t*60+n},R=e=>{let t=Math.floor(e/60),n=e%60;return`${t.toString().padStart(2,`0`)}:${n.toString().padStart(2,`0`)}`},z=()=>{if(!I.value)return[];let e=I.value.interval||60,t=null,n=null;for(let e of Object.values(I.value.openingHours||{}))for(let r of e){let e=L(r.start),i=L(r.end);(t===null||e<t)&&(t=e),(n===null||i>n)&&(n=i)}if(t===null||n===null)return[];let r=[];for(let i=t;i<n;i+=e)r.push(R(i));return r},B=(0,i.computed)(()=>f.value&&p.value&&m.value&&h.value.length>0),V=(0,i.computed)(()=>z()),{canScrollLeft:H,canScrollRight:ne,containerRef:U,isDragging:W,isScrollable:G,scrollNext:K,scrollPrev:q,showLeftShadow:J,showRightShadow:Y}=g(),X=e=>h.value.includes(e),re=e=>{if(X(e)){h.value=h.value.filter(t=>t!==e);return}h.value=[...h.value,e].sort((e,t)=>L(e)-L(t))},ie=(e,t)=>{f.value=e?(0,i.markRaw)(e):void 0,d.value=e?`${e}`:``,t()},Z=(0,i.ref)(``),Q=(0,i.ref)(``),$=(0,i.ref)([]),ae=()=>{s(`add`,{date:f.value,resourceId:p.value,pricingOptionId:m.value,startTimes:h.value,spots:F.value}),h.value=[],$.value=[],Q.value=``,Z.value=``},oe=()=>{d.value=l.toString(),f.value=l,p.value=o.agendaData?.resources?.[0]?.id||``,m.value=o.agendaData?.pricingOptions?.find(e=>e.isDefault)?.id||o.agendaData?.pricingOptions?.[0]?.id||``,h.value=[],F.value=1,Z.value=``};return(0,i.onMounted)(()=>{oe()}),(r,o)=>{let s=(0,i.resolveComponent)(`Label`),d=(0,i.resolveComponent)(`Button`),g=(0,i.resolveComponent)(`PopoverTrigger`),I=(0,i.resolveComponent)(`Calendar`),L=(0,i.resolveComponent)(`PopoverContent`),R=(0,i.resolveComponent)(`Popover`),z=(0,i.resolveComponent)(`DynamicSelectOption`),Z=(0,i.resolveComponent)(`DynamicSelect`),Q=(0,i.resolveComponent)(`Input`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)((0,i.unref)(n.t)(`@container/quick-adder grid gap-4 overflow-hidden bg-background`,(0,i.unref)(u)?`p-5 sm:p-6`:`rounded-md border p-4`))},[(0,i.createElementVNode)(`div`,_,[(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`h3`,v,(0,i.toDisplayString)((0,i.unref)(u)?`Quick add reservations`:`Add reservations`),1),(0,i.unref)(u)?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,y,` Choose one date and add multiple timeslots in one pass. `)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,b,[(0,i.createElementVNode)(`div`,x,[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...o[3]||=[(0,i.createTextVNode)(`Date`,-1)]]),_:1}),(0,i.createVNode)(R,null,{default:(0,i.withCtx)(({close:t})=>[(0,i.createVNode)(g,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{type:`button`,variant:`outline`,class:(0,i.normalizeClass)((0,i.unref)(n.t)(`w-full justify-start text-left font-normal`,!(0,i.unref)(f)&&`text-muted-foreground`))},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.CalendarIcon)),(0,i.createTextVNode)(` `+(0,i.toDisplayString)((0,i.unref)(f)?(0,i.unref)(c).format((0,i.unref)(f).toDate((0,i.unref)(e.a)())):`Pick a date`),1)]),_:1},8,[`class`])]),_:1}),(0,i.createVNode)(L,{class:`w-auto p-0`,align:`start`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(I,{"model-value":(0,i.unref)(f),"default-placeholder":(0,i.unref)(l),layout:`month-and-year`,"initial-focus":``,"onUpdate:modelValue":e=>ie(e,t),minValue:(0,i.unref)(e.o)((0,i.unref)(e.a)())},null,8,[`model-value`,`default-placeholder`,`onUpdate:modelValue`,`minValue`])]),_:2},1024)]),_:1})]),t.agendaData.resources?.length>1?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,S,[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...o[4]||=[(0,i.createTextVNode)(`Resource`,-1)]]),_:1}),(0,i.createVNode)(Z,{modelValue:(0,i.unref)(p),"onUpdate:modelValue":o[0]||=e=>(0,i.isRef)(p)?p.value=e:null,"wrapper-class":`w-full`,class:`w-full`,placeholder:`Select resource`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.agendaData.resources||[],e=>((0,i.openBlock)(),(0,i.createBlock)(z,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])])):(0,i.createCommentVNode)(``,!0),t.agendaData.pricingOptions?.length>1?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,C,[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...o[5]||=[(0,i.createTextVNode)(`Type`,-1)]]),_:1}),(0,i.createVNode)(Z,{modelValue:(0,i.unref)(m),"onUpdate:modelValue":o[1]||=e=>(0,i.isRef)(m)?m.value=e:null,"wrapper-class":`w-full`,class:`w-full`,placeholder:`Select type`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.agendaData.pricingOptions||[],e=>((0,i.openBlock)(),(0,i.createBlock)(z,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.name)+` (`+(0,i.toDisplayString)(e.duration)+`min) `,1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])])):(0,i.createCommentVNode)(``,!0),t.agendaData?.maxTicketsPerReservation>1?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,w,[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...o[6]||=[(0,i.createTextVNode)(`Spots/tickets`,-1)]]),_:1}),(0,i.createVNode)(Q,{modelValue:(0,i.unref)(F),"onUpdate:modelValue":o[2]||=e=>(0,i.isRef)(F)?F.value=e:null,modelModifiers:{number:!0},type:`number`,min:`1`,class:`no-spinner`,autocomplete:`off`},null,8,[`modelValue`])])):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,T,[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...o[7]||=[(0,i.createTextVNode)(`Available hours`,-1)]]),_:1}),(0,i.unref)(V).length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,E,` No preset hours are available for this resource. You can still add a custom time below. `)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,D,[(0,i.unref)(H)?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,type:`button`,size:`icon`,variant:`outline`,class:`hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] left-0.5`,onClick:(0,i.unref)(q)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ChevronLeft),{class:`size-4`})]),_:1},8,[`onClick`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,O,[(0,i.unref)(J)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,k)):(0,i.createCommentVNode)(``,!0),(0,i.unref)(Y)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,A)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{ref_key:`hourScrollContainer`,ref:U,class:(0,i.normalizeClass)((0,i.unref)(n.t)(`hour-scroll-track flex w-full min-w-0 gap-2 overflow-x-auto overscroll-contain py-2`,(0,i.unref)(G)&&!(0,i.unref)(W)&&`cursor-grab`,(0,i.unref)(W)&&`cursor-grabbing select-none`))},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(V),e=>((0,i.openBlock)(),(0,i.createBlock)(d,{key:e,type:`button`,variant:`outline`,class:(0,i.normalizeClass)([`relative h-12 shrink-0`,X(e)?`border-primary!`:``]),onClick:t=>re(e)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e)+` `,1),X(e)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,j,[(0,i.createVNode)((0,i.unref)(a.Check),{class:`size-3`})])):(0,i.createCommentVNode)(``,!0)]),_:2},1032,[`class`,`onClick`]))),128))],2)]),(0,i.unref)(ne)?((0,i.openBlock)(),(0,i.createBlock)(d,{key:1,type:`button`,size:`icon`,variant:`outline`,class:`hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] right-0.5`,onClick:(0,i.unref)(K)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ChevronRight),{class:`size-4`})]),_:1},8,[`onClick`])):(0,i.createCommentVNode)(``,!0)])),(0,i.createElementVNode)(`div`,M,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)($),e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e,class:`relative`},[(0,i.createVNode)(d,{type:`button`,variant:`outline`,class:`h-12 px-4 py-2`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e),1)]),_:2},1024),(0,i.createElementVNode)(`div`,{class:`absolute -top-1 -right-1 flex items-center justify-center bg-red-500 rounded-full text-white size-4 cursor-pointer`,onClick:t=>{$.value=(0,i.unref)($).filter(t=>t!==e),h.value=(0,i.unref)(h).filter(t=>t!==e)}},[(0,i.createVNode)((0,i.unref)(a.X),{class:`size-3`})],8,N)]))),128))])]),(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(d,{disabled:!(0,i.unref)(B),onClick:ae},{default:(0,i.withCtx)(()=>[(0,i.unref)(h).length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ee,`Select at least one timeslot`)):(0,i.unref)(h).length===1?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,te,`Add 1 reservation`)):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,P,`Add `+(0,i.toDisplayString)((0,i.unref)(h).length)+` reservations`,1))]),_:1},8,[`disabled`])])],2)}}}),I=t.t(F,[[`__scopeId`,`data-v-d6f90961`]]),L={class:`space-y-3`},R={class:`flex flex-wrap items-center justify-between gap-3`},z={class:`text-xs text-muted-foreground`},B={class:`flex flex-wrap items-center gap-2`},V={key:0,class:`rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground`},H={key:1,class:`space-y-3`},ne={class:`flex items-start gap-2 p-3 md:hidden`},U=[`aria-expanded`,`onClick`],W={class:`mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground`},G={class:`min-w-0 flex-1`},K={class:`flex items-start justify-between gap-3`},q={class:`min-w-0`},J={class:`block truncate text-base font-semibold`},Y={class:`mt-1 block truncate text-xs text-muted-foreground`},X={class:`mt-1 block truncate text-xs text-muted-foreground`},re={class:`flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground`},ie={class:`mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground`},Z={class:`inline-flex items-center gap-1.5`},Q={class:`inline-flex items-center gap-1.5`},$={class:`hidden items-start justify-between gap-3 p-4 pb-0 md:flex`},ae={class:`text-sm font-medium`},oe={class:`text-xs text-muted-foreground`},se={class:`grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5`},ce={class:`grid gap-2`},le={key:0,class:`text-xs text-orange-500`},ue={class:`grid gap-2`},de={class:`grid gap-2`},fe={class:`grid gap-2`},pe={key:0,class:`grid gap-2`},me=(0,i.defineComponent)({__name:`ReservationLines`,props:{modelValue:{},agendaData:{}},emits:[`add`,`quick-add`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,o=(0,i.computed)(()=>n.modelValue??[]),s=(0,i.computed)(()=>Number(n.agendaData?.maxTicketsPerReservation)>1),c=(0,i.ref)(null),l=(0,i.ref)(!1),u=(0,i.computed)(()=>String(n.agendaData?.currency||`EUR`).toUpperCase()),d=(0,i.computed)(()=>{try{return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:u.value,minimumFractionDigits:2,maximumFractionDigits:2})}catch{return new Intl.NumberFormat(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}}),f=e=>{r(`update:modelValue`,e)},p=(e,t,n)=>{f(o.value.map(r=>r.id===e?t===`date`?{...r,date:String(n??``),dateValue:n||void 0}:{...r,[t]:n}:r))},m=(e,t)=>{let n=Number(t);p(e,`paid`,Number.isFinite(n)?n:0)},h=(e,t)=>{let n=Number(t);p(e,`spots`,Number.isFinite(n)&&n>0?n:1)},g=e=>{f(o.value.filter(t=>t.id!==e))},_=e=>{r(`quick-add`,e),l.value=!1},v=e=>n.agendaData?.pricingOptions?.find(t=>t.id===e.pricingOption),y=e=>{let t=v(e);return t?t.duration?`${t.name} (${t.duration}min)`:t.name:`Reservation`},b=e=>n.agendaData?.resources?.find(t=>t.id===e.resourceId),x=e=>b(e)?.name||`Unknown resource`,S=e=>{if(!e.startTime)return``;let t=Number(v(e)?.duration);if(!Number.isFinite(t)||t<=0)return``;let[n,r]=e.startTime.split(`:`).map(Number);if(!Number.isFinite(n)||!Number.isFinite(r))return``;let i=n*60+r+t,a=Math.floor(i/60)%24,o=i%60;return`${a.toString().padStart(2,`0`)}:${o.toString().padStart(2,`0`)}`},C=e=>{if(!e.startTime)return`Select time`;let t=S(e);return t?`${e.startTime} - ${t}`:e.startTime},w=e=>{let t=Number(e);if(!Number.isFinite(t))return u.value===`EUR`?`€0.00`:`0.00`;try{return d.value.format(t)}catch{return`${t.toFixed(2)}`}},T=e=>{let t=Number(e.spots),n=Number.isFinite(t)&&t>0?t:1;return n===1?`1 spot`:`${n} spots`},E=e=>{if(!/^\d{4}-\d{2}-\d{2}$/.test(e))return null;let[t,n,r]=e.split(`-`).map(Number),i=new Date(t,n-1,r);return Number.isNaN(i.getTime())||i.getFullYear()!==t||i.getMonth()!==n-1||i.getDate()!==r?null:(i.setHours(0,0,0,0),i)},D=e=>{let t=E(String(e.date||``).trim());if(!t)return``;let n=new Date;if(n.setHours(0,0,0,0),t<n)return`This date is in the past. Double-check it before saving.`;let r=new Date(n);return r.setFullYear(r.getFullYear()+1),t>r?`This date is more than a year ahead. Double-check it before saving.`:``},O=e=>!e.date||!e.startTime||!e.resourceId||!e.pricingOption,k=e=>c.value===e,A=e=>{c.value=c.value===e?null:e};return(0,i.watch)(o,e=>{let t=new Set(e.map(e=>e.id));if(c.value&&!t.has(c.value)&&(c.value=null),!c.value){let t=e.find(O);t&&(c.value=t.id)}},{immediate:!0}),(t,n)=>{let c=(0,i.resolveComponent)(`Button`),u=(0,i.resolveComponent)(`PopoverTrigger`),d=(0,i.resolveComponent)(`PopoverContent`),f=(0,i.resolveComponent)(`Popover`),v=(0,i.resolveComponent)(`Label`),b=(0,i.resolveComponent)(`Input`),S=(0,i.resolveComponent)(`DynamicSelectOption`),E=(0,i.resolveComponent)(`DynamicSelect`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,L,[(0,i.createElementVNode)(`div`,R,[(0,i.createElementVNode)(`p`,z,(0,i.toDisplayString)(o.value.length===1?`1 reservation line`:`${o.value.length} reservation lines`),1),(0,i.createElementVNode)(`div`,B,[(0,i.createVNode)(f,{open:l.value,"onUpdate:open":n[0]||=e=>l.value=e},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{type:`button`,variant:`outline`,size:`sm`,class:`gap-2`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Zap),{class:`size-4 text-primary`}),n[2]||=(0,i.createTextVNode)(` Quick add `,-1)]),_:1})]),_:1}),(0,i.createVNode)(d,{align:`end`,class:`max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0`},{default:(0,i.withCtx)(()=>[l.value?((0,i.openBlock)(),(0,i.createBlock)(I,{key:0,surface:`popover`,agendaData:e.agendaData,onAdd:_},null,8,[`agendaData`])):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`open`]),(0,i.createVNode)(c,{type:`button`,variant:`outline`,size:`sm`,onClick:n[1]||=e=>r(`add`)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Plus),{class:`size-4`}),n[3]||=(0,i.createTextVNode)(` Add line `,-1)]),_:1})])]),o.value.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,V,` Use Quick add to create filled reservation lines, or add an empty line manually. `)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,H,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:t.id,class:`rounded-xl border bg-background`},[(0,i.createElementVNode)(`div`,ne,[(0,i.createElementVNode)(`button`,{type:`button`,class:`flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50`,"aria-expanded":k(t.id),onClick:e=>A(t.id)},[(0,i.createElementVNode)(`span`,W,(0,i.toDisplayString)(r+1),1),(0,i.createElementVNode)(`span`,G,[(0,i.createElementVNode)(`span`,K,[(0,i.createElementVNode)(`span`,q,[(0,i.createElementVNode)(`span`,J,(0,i.toDisplayString)(C(t)),1),(0,i.createElementVNode)(`span`,Y,(0,i.toDisplayString)(t.date||`No date selected`),1),(0,i.createElementVNode)(`span`,X,(0,i.toDisplayString)(x(t))+` · `+(0,i.toDisplayString)(y(t)),1)]),(0,i.createElementVNode)(`span`,re,[(0,i.createVNode)((0,i.unref)(a.Pencil),{class:`size-4`})])]),(0,i.createElementVNode)(`span`,ie,[(0,i.createElementVNode)(`span`,Z,[(0,i.createVNode)((0,i.unref)(a.Users),{class:`size-4`}),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(T(t)),1)]),(0,i.createElementVNode)(`span`,Q,[(0,i.createVNode)((0,i.unref)(a.Tag),{class:`size-4`}),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(w(t.paid)),1)])])])],8,U),(0,i.createVNode)(c,{type:`button`,variant:`ghost`,size:`icon`,class:`mt-1 shrink-0`,onClick:e=>g(t.id)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Trash2),{class:`size-4`})]),_:1},8,[`onClick`])]),(0,i.createElementVNode)(`div`,$,[(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`p`,ae,`Reservation `+(0,i.toDisplayString)(r+1),1),(0,i.createElementVNode)(`p`,oe,(0,i.toDisplayString)(x(t))+` · `+(0,i.toDisplayString)(y(t)),1)]),(0,i.createVNode)(c,{type:`button`,variant:`ghost`,size:`icon`,class:`shrink-0`,onClick:e=>g(t.id)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Trash2),{class:`size-4`})]),_:1},8,[`onClick`])]),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`px-3 pb-3 md:px-4 md:pb-4 overflow-hidden`,k(t.id)?`block`:`hidden md:block`])},[(0,i.createElementVNode)(`div`,se,[(0,i.createElementVNode)(`div`,ce,[(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createTextVNode)(`Date`,-1)]]),_:1}),(0,i.createVNode)(b,{"model-value":t.date,type:`date`,"onUpdate:modelValue":e=>p(t.id,`date`,String(e??``))},null,8,[`model-value`,`onUpdate:modelValue`]),D(t)?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,le,(0,i.toDisplayString)(D(t)),1)):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,ue,[(0,i.createVNode)(v,{for:`new_reservation_res_line_${r}_time`},{default:(0,i.withCtx)(()=>[...n[5]||=[(0,i.createTextVNode)(`Time`,-1)]]),_:1},8,[`for`]),(0,i.createVNode)(b,{id:`new_reservation_res_line_${r}_time`,"model-value":t.startTime,type:`time`,class:`reservation-time-input`,"onUpdate:modelValue":e=>p(t.id,`startTime`,String(e??``))},null,8,[`id`,`model-value`,`onUpdate:modelValue`])]),(0,i.createElementVNode)(`div`,de,[(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[...n[6]||=[(0,i.createTextVNode)(`Resource`,-1)]]),_:1}),(0,i.createVNode)(E,{"model-value":t.resourceId,"wrapper-class":`w-full`,class:`w-full`,placeholder:`Select resource`,"onUpdate:modelValue":e=>p(t.id,`resourceId`,String(e??``))},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.agendaData?.resources||[],e=>((0,i.openBlock)(),(0,i.createBlock)(S,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])]),(0,i.createElementVNode)(`div`,fe,[(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[...n[7]||=[(0,i.createTextVNode)(`Type`,-1)]]),_:1}),(0,i.createVNode)(E,{"model-value":t.pricingOption,"wrapper-class":`w-full`,class:`w-full`,placeholder:`Select type`,"onUpdate:modelValue":e=>p(t.id,`pricingOption`,String(e??``))},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.agendaData?.pricingOptions||[],e=>((0,i.openBlock)(),(0,i.createBlock)(S,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.name),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])]),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`grid gap-4`,s.value?`md:grid-cols-2 xl:grid-cols-2 xl:col-span-1`:``])},[s.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,pe,[(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[...n[8]||=[(0,i.createTextVNode)(`Spots`,-1)]]),_:1}),(0,i.createVNode)(b,{"model-value":t.spots,type:`number`,min:`1`,class:`no-spinner`,"onUpdate:modelValue":e=>h(t.id,e)},null,8,[`model-value`,`onUpdate:modelValue`])])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`grid gap-2`,s.value?``:`md:col-span-2 xl:col-span-1`])},[(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[...n[9]||=[(0,i.createTextVNode)(`Paid`,-1)]]),_:1}),(0,i.createVNode)(b,{"model-value":t.paid,type:`number`,min:`0`,step:`1`,class:`no-spinner`,"onUpdate:modelValue":e=>m(t.id,e)},null,8,[`model-value`,`onUpdate:modelValue`])],2)],2)])],2)]))),128))]))])}}}),he=t.t(me,[[`__scopeId`,`data-v-e6916de3`]]),ge={class:`space-y-5 md:mt-5`},_e={class:`space-y-3`},ve={class:`mt-4 text-red-400`},ye={class:`list-disc pl-4`},be={key:0},xe={key:1},Se=`00:00`,Ce=(0,i.defineComponent)({__name:`NewReservationDialog`,props:{agendaData:{}},setup(e){let t=e,{params:n}=(0,r.useModuleRoute)(),{config:o}=(0,r.useModule)(),s=(0,r.useFirebaseIntegration)(o.project),c=(0,i.computed)(()=>n.value?.id??n.id??``),l=(0,i.inject)(`agendaData`,(0,i.ref)({})),u=(0,i.computed)(()=>t.agendaData??l.value??{}),d=(0,i.ref)(!1),f=(0,i.ref)(!1),p=(0,i.ref)([]),m=/^([01]\d|2[0-3]):[0-5]\d$/,g=(0,i.ref)([]),_=(0,i.ref)(null),v=()=>u.value?.resources?.[0]?.id??``,y=()=>u.value?.pricingOptions?.find(e=>e.isDefault===!0)?.id??u.value?.pricingOptions?.[0]?.id??``,b=e=>{let t=e?.pricingOption??y(),n=u.value?.pricingOptions?.find(e=>e.id===t)?.price??0;typeof n==`string`&&(n=Number(n));let r=e?.paid??n;return typeof r==`string`&&(r=Number(r)),{id:`reservation_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,spots:Number(e?.spots)||1,paid:Number.isFinite(r)?r:0,resourceId:e?.resourceId??v(),pricingOption:t,date:e?.date??``,dateValue:e?.dateValue,startTime:e?.startTime??Se}},x=()=>{g.value=[b()]},S=e=>!e.date&&e.startTime===Se,C=()=>{let e=g.value[g.value.length-1];g.value=[...g.value,b(e?{...e}:void 0)]},w=e=>u.value?.pricingOptions?.find(t=>t.id===e.pricingOption),T=e=>u.value?.resources?.find(t=>t.id===e.resourceId),E=()=>{let e=Number(u.value?.maxTicketsPerReservation);return Number.isFinite(e)&&e>0?e:null},D=e=>`Reservation ${e+1}`,O=e=>{let t=String(e.date||``).trim(),n=String(e.startTime||``).trim(),r=String(e.resourceId||``).trim();return!t||!n||!r?``:`${r}_${t}_${n}`},k=()=>{let e=[],t=new Map,n=E();return g.value.forEach((r,i)=>{let a=D(i),o=String(r.date||``).trim(),s=String(r.startTime||``).trim(),c=String(r.resourceId||``).trim(),l=String(r.pricingOption||``).trim(),u=Number(r.spots),d=Number(r.paid);o||e.push(`${a}: please select a date.`),s?m.test(s)||e.push(`${a}: please enter a valid time.`):e.push(`${a}: please select a time.`),c?T(r)||e.push(`${a}: the selected resource is no longer available.`):e.push(`${a}: please select a resource.`),l?w(r)||e.push(`${a}: the selected type is no longer available.`):e.push(`${a}: please select a type.`),!Number.isFinite(u)||u<=0?e.push(`${a}: spots must be at least 1.`):n!==null&&u>n&&e.push(`${a}: spots cannot be more than ${n}.`),(!Number.isFinite(d)||d<0)&&e.push(`${a}: paid amount must be 0 or higher.`);let f=O(r);if(f){let n=t.get(f);n===void 0?t.set(f,i):e.push(`${a}: duplicate of ${D(n).toLowerCase()}.`)}}),e},A=e=>{let t=e.startTimes.map(t=>b({date:e.date?`${e.date}`:``,dateValue:e.date,pricingOption:e.pricingOptionId,resourceId:e.resourceId,spots:e.spots,startTime:t}));if(t.length!==0){if(g.value.length===1&&S(g.value[0])){g.value=t;return}g.value=[...g.value,...t]}},j=e=>{if(!e.startTime||!e.pricingOption)return``;let t=w(e);if(!t?.duration)return e.startTime;let[n,r]=e.startTime.split(`:`).map(Number);if(isNaN(n)||isNaN(r))return``;let i=n*60+r+t.duration,a=Math.floor(i/60)%24,o=i%60;return`${a.toString().padStart(2,`0`)}:${o.toString().padStart(2,`0`)}`};(0,i.watch)(d,async e=>{e&&(p.value=[],x(),await(0,i.nextTick)(),_.value?.reset())});let M=()=>{let e=[];p.value=[];let t=_.value,n=t?t.validateForm():!1;return t||e.push(`Customer information form is unavailable.`),g.value.length===0&&e.push(`Please add at least one reservation.`),e.push(...k()),p.value=e,e.length===0&&n},N=async()=>{let e=_.value;if(!e||!M())return;let t=!1;try{f.value=!0;let n=e.getCustomerInfo(),r=g.value.map(e=>{let t=Number(e.paid)||0,n=Number(e.spots)||1,r=w(e),i=T(e),a=e.date;return{paidAmount:t,flattenedReservationDate:`${e.resourceId}_${a}`,flattenedReservation:`${e.resourceId}_${a}_${e.startTime.replace(`:`,``)}`,reservation:{status:`approved`,totalPrice:Number(t.toFixed(2)),basePrice:Number((t/n).toFixed(2)),addOnsPrice:0,addOns:[],date:a,id:`res_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,pricingOption:{duration:r?.duration||``,id:r?.id||``,name:r?.name||``,price:r?.price||``},pricingOptionId:e.pricingOption,resource:{avatarLabel:i?.avatarLabel||``,color:i?.color||``,description:i?.description||``,id:i?.id||``,name:i?.name||``},resourceId:e.resourceId,spots:n,timeslot:{startTime:e.startTime,endTime:j(e)}}}}),i=Number(r.reduce((e,t)=>e+t.paidAmount,0).toFixed(2)),a={agendaId:c.value,customerInfo:n,metadata:{},amountPaid:i,amountDue:0,subtotal:i,total:i,createdAt:new Date,updatedAt:new Date,discount:0,flattenedReservationDates:Array.from(new Set(r.map(e=>e.flattenedReservationDate))),flattenedReservations:r.map(e=>e.flattenedReservation),paymentStatus:`paid`,paymentType:`full`,reservations:r.map(e=>e.reservation),status:`confirmed`};await s.add(o.reservationsCollection,a),t=!0}catch(e){console.error(`Error creating reservation:`,e)}finally{f.value=!1,t&&(d.value=!1)}};return(e,t)=>{let n=(0,i.resolveComponent)(`Button`),r=(0,i.resolveComponent)(`ResponsiveModalTrigger`),o=(0,i.resolveComponent)(`ResponsiveModalTitle`),s=(0,i.resolveComponent)(`ResponsiveModalHeader`),c=(0,i.resolveComponent)(`ResponsiveModalFooter`),l=(0,i.resolveComponent)(`ResponsiveModalScrollContent`),m=(0,i.resolveComponent)(`ResponsiveModal`);return(0,i.openBlock)(),(0,i.createBlock)(m,{open:d.value,"onUpdate:open":t[1]||=e=>d.value=e},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Plus),{class:`size-4`}),t[2]||=(0,i.createTextVNode)(` Add Reservation `,-1)]),_:1})]),_:1}),(0,i.createVNode)(l,{class:`@container/modal sm:max-w-7xl`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`Create new reservation`,-1)]]),_:1})]),_:1}),(0,i.createElementVNode)(`div`,ge,[(0,i.createVNode)(h,{ref_key:`customerInformationRef`,ref:_,agendaData:u.value},null,8,[`agendaData`]),t[5]||=(0,i.createElementVNode)(`div`,{class:`w-full h-[1px] bg-border my-8`},null,-1),(0,i.createElementVNode)(`div`,_e,[t[4]||=(0,i.createElementVNode)(`div`,{class:`flex items-center justify-between gap-3`},[(0,i.createElementVNode)(`h2`,{class:`text-sm font-medium`},`Reservations`)],-1),(0,i.createVNode)(he,{modelValue:g.value,"onUpdate:modelValue":t[0]||=e=>g.value=e,agendaData:u.value,onAdd:C,onQuickAdd:A},null,8,[`modelValue`,`agendaData`])]),(0,i.createElementVNode)(`div`,ve,[(0,i.createElementVNode)(`ul`,ye,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:e},(0,i.toDisplayString)(e),1))),128))])])]),(0,i.createVNode)(c,{class:`gap-2`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{onClick:N,disabled:f.value},{default:(0,i.withCtx)(()=>[f.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,be,`Creating...`)):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,xe,(0,i.toDisplayString)(g.value.length>1?`Create ${g.value.length} reservations`:`Create reservation`),1))]),_:1},8,[`disabled`])]),_:1})]),_:1})]),_:1},8,[`open`])}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return Ce}});