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

package/dist/Detail-Dc_ui4LM.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./lib-4wSi00Vr.js`),t=require(`./google-DTSRmJ51.js`),n=require(`./vee-validate-zod-BmXMJo8W.js`);let r=require(`@oneclick.dev/cms-kit`),i=require(`vue`),a=require(`@lucide/vue`),o=require(`@formkit/drag-and-drop`);var s={class:`flex flex-col gap-4`},c={class:`flex flex-col`},l={key:0,class:`text-red-500 text-sm mt-1`},u={class:`flex flex-col gap-4`},d={class:`flex flex-col`},f={key:0,class:`text-red-500 text-sm mt-1`},p={class:`flex flex-col gap-4`},m={class:`flex flex-col`},h={key:0,class:`text-red-500 text-sm mt-1`},g=(0,i.defineComponent)({__name:`Main`,setup(e){let t=(0,i.inject)(`sources`),r=(0,i.inject)(`defaultSource`),{errors:a}=n.d(),{value:o}=n.l(`title`),{value:g}=n.l(`description`),{value:_}=n.l(`media`);return(e,n)=>{let v=(0,i.resolveComponent)(`Label`),y=(0,i.resolveComponent)(`Input`),b=(0,i.resolveComponent)(`Textarea`),x=(0,i.resolveComponent)(`MediaPicker`),ee=(0,i.resolveComponent)(`CardContent`),S=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(S,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(ee,{class:`flex flex-col gap-4`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,s,[(0,i.createElementVNode)(`div`,c,[(0,i.createVNode)(v,{for:`title`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[3]||=[(0,i.createTextVNode)(`Title`,-1)]]),_:1}),(0,i.createVNode)(y,{type:`text`,id:`title`,placeholder:`T-shirt with red heart`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":n[0]||=e=>(0,i.isRef)(o)?o.value=e:null},null,8,[`modelValue`]),(0,i.unref)(a).title?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)((0,i.unref)(a).title),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,u,[(0,i.createElementVNode)(`div`,d,[(0,i.createVNode)(v,{for:`description`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createTextVNode)(`Description`,-1)]]),_:1}),(0,i.createVNode)(b,{id:`description`,placeholder:`Lovely T-shirt featuring a red heart`,modelValue:(0,i.unref)(g),"onUpdate:modelValue":n[1]||=e=>(0,i.isRef)(g)?g.value=e:null},null,8,[`modelValue`]),(0,i.unref)(a).description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,f,(0,i.toDisplayString)((0,i.unref)(a).description),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,p,[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)(v,{for:`media`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[5]||=[(0,i.createTextVNode)(`Media`,-1)]]),_:1}),(0,i.createVNode)(x,{id:`media`,modelValue:(0,i.unref)(_),"onUpdate:modelValue":n[2]||=e=>(0,i.isRef)(_)?_.value=e:null,sources:(0,i.unref)(t),defaultSource:(0,i.unref)(r)},null,8,[`modelValue`,`sources`,`defaultSource`]),(0,i.unref)(a).media?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,h,(0,i.toDisplayString)((0,i.unref)(a).media),1)):(0,i.createCommentVNode)(``,!0)])])]),_:1})]),_:1})}}}),_={class:`grid grid-cols-2 gap-4 mb-4`},v={class:`relative`},y={key:0,class:`text-red-500 text-sm mt-1`},b={class:`relative`},x={class:`absolute right-2 top-1/2 -translate-y-1/2`},ee={key:0,class:`text-red-500 text-sm mt-1`},S={class:`flex items-center gap-2 mb-4`},C={class:`flex items-center border-t mt-4 pt-4`},w={class:`relative`},te={key:0,class:`text-red-500 text-sm mt-1`},ne=(0,i.defineComponent)({__name:`Price`,setup(e){let{errors:t}=n.d(),{value:r}=n.l(`price`),{value:o}=n.l(`compareAtPrice`),{value:s}=n.l(`isTaxable`),{value:c}=n.l(`costPerItem`);return(0,i.computed)(()=>Number(r.value)>0),(e,n)=>{let l=(0,i.resolveComponent)(`Label`),u=(0,i.resolveComponent)(`Input`),d=(0,i.resolveComponent)(`TooltipTrigger`),f=(0,i.resolveComponent)(`TooltipContent`),p=(0,i.resolveComponent)(`Tooltip`),m=(0,i.resolveComponent)(`Checkbox`),h=(0,i.resolveComponent)(`CardContent`),g=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(g,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(h,null,{default:(0,i.withCtx)(()=>[n[12]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Pricing`,-1),(0,i.createElementVNode)(`div`,_,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(l,{for:`price`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createTextVNode)(`Price`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,v,[(0,i.createVNode)(u,{type:`number`,id:`price`,class:`pl-10 no-spinner`,modelValue:(0,i.unref)(r),"onUpdate:modelValue":n[0]||=e=>(0,i.isRef)(r)?r.value=e:null},null,8,[`modelValue`]),n[5]||=(0,i.createElementVNode)(`span`,{class:`absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none`},`€`,-1)]),(0,i.unref)(t).price?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,y,(0,i.toDisplayString)((0,i.unref)(t).price),1)):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(l,{for:`compare-at-price`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[6]||=[(0,i.createTextVNode)(`Compare-at price`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,b,[(0,i.createVNode)(u,{type:`number`,id:`compare-at-price`,class:`pl-10 no-spinner`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":n[1]||=e=>(0,i.isRef)(o)?o.value=e:null},null,8,[`modelValue`]),n[8]||=(0,i.createElementVNode)(`span`,{class:`absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none`},`€`,-1),(0,i.createVNode)(p,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,x,[(0,i.createVNode)((0,i.unref)(a.Info),{class:`size-4 text-muted-foreground`})])]),_:1}),(0,i.createVNode)(f,null,{default:(0,i.withCtx)(()=>[...n[7]||=[(0,i.createElementVNode)(`p`,null,[(0,i.createTextVNode)(` To display a markdown, enter a value higher than your price.`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(` Often shown with a strikethrough (e.g. `),(0,i.createElementVNode)(`span`,{class:`font-semibold line-through`},`€25,00`),(0,i.createTextVNode)(`). `)],-1)]]),_:1})]),_:1})]),(0,i.unref)(t).compareAtPrice?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,ee,(0,i.toDisplayString)((0,i.unref)(t).compareAtPrice),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,S,[(0,i.createVNode)(m,{id:`charge-tax`,modelValue:(0,i.unref)(s),"onUpdate:modelValue":n[2]||=e=>(0,i.isRef)(s)?s.value=e:null},null,8,[`modelValue`]),(0,i.createVNode)(l,{for:`charge-tax`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...n[9]||=[(0,i.createTextVNode)(`Charge tax on this product`,-1)]]),_:1})]),(0,i.createElementVNode)(`div`,C,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(l,{for:`cost-per-item`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[10]||=[(0,i.createTextVNode)(`Cost per item`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,w,[(0,i.createVNode)(u,{type:`number`,id:`cost-per-item`,class:`pl-10 no-spinner`,modelValue:(0,i.unref)(c),"onUpdate:modelValue":n[3]||=e=>(0,i.isRef)(c)?c.value=e:null},null,8,[`modelValue`]),n[11]||=(0,i.createElementVNode)(`span`,{class:`absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none`},`€`,-1)]),(0,i.unref)(t).costPerItem?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,te,(0,i.toDisplayString)((0,i.unref)(t).costPerItem),1)):(0,i.createCommentVNode)(``,!0)])])]),_:1})]),_:1})}}}),T={class:`grid grid-cols-2 gap-4 mb-4`},E={class:`flex items-center gap-2 mb-4`},re={key:0,class:`grid grid-cols-2 gap-4 mb-4`},ie={class:`flex items-center gap-2`},D=(0,i.defineComponent)({__name:`Inventory`,setup(e){let{errors:t}=n.d(),{value:r}=n.l(`sku`),{value:a}=n.l(`barcode`),{value:o}=n.l(`trackInventory`),{value:s}=n.l(`allowBackorder`),{value:c}=n.l(`stock`),{value:l}=n.l(`options`),{value:u}=n.l(`variants`),d=(0,i.computed)(()=>u.value.reduce((e,t)=>t.stock<0?e:e+t.stock,0));return(e,t)=>{let n=(0,i.resolveComponent)(`Label`),u=(0,i.resolveComponent)(`Input`),f=(0,i.resolveComponent)(`Checkbox`),p=(0,i.resolveComponent)(`TooltipTrigger`),m=(0,i.resolveComponent)(`TooltipContent`),h=(0,i.resolveComponent)(`Tooltip`),g=(0,i.resolveComponent)(`CardContent`),_=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(_,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(g,null,{default:(0,i.withCtx)(()=>[t[12]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Inventory`,-1),(0,i.createElementVNode)(`div`,T,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(n,{for:`sku`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[6]||=[(0,i.createTextVNode)(`SKU (Stock Keeping Unit)`,-1)]]),_:1}),(0,i.createVNode)(u,{id:`sku`,modelValue:(0,i.unref)(r),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(r)?r.value=e:null},null,8,[`modelValue`])]),(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(n,{for:`barcode`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(`Barcode (ISBN, UPC, GTIN, etc.)`,-1)]]),_:1}),(0,i.createVNode)(u,{id:`barcode`,modelValue:(0,i.unref)(a),"onUpdate:modelValue":t[1]||=e=>(0,i.isRef)(a)?a.value=e:null},null,8,[`modelValue`])])]),(0,i.createElementVNode)(`div`,E,[(0,i.createVNode)(f,{id:`track-quantity`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":t[2]||=e=>(0,i.isRef)(o)?o.value=e:null},null,8,[`modelValue`]),(0,i.createVNode)(n,{for:`track-quantity`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[8]||=[(0,i.createTextVNode)(`Track quantity`,-1)]]),_:1})]),(0,i.unref)(o)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,re,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(n,{for:`stock`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[9]||=[(0,i.createTextVNode)(`Stock`,-1)]]),_:1}),!(0,i.unref)(l)||(0,i.unref)(l)?.length===0?((0,i.openBlock)(),(0,i.createBlock)(u,{key:0,id:`stock`,type:`number`,modelValue:(0,i.unref)(c),"onUpdate:modelValue":t[3]||=e=>(0,i.isRef)(c)?c.value=e:null,class:`no-spinner`},null,8,[`modelValue`])):((0,i.openBlock)(),(0,i.createBlock)(h,{key:1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`cursor-not-allowed`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{modelValue:d.value,"onUpdate:modelValue":t[4]||=e=>d.value=e,disabled:``,class:`no-spinner`},null,8,[`modelValue`])]),_:1}),(0,i.createVNode)(m,null,{default:(0,i.withCtx)(()=>[...t[10]||=[(0,i.createElementVNode)(`p`,null,`Total stock of all variants`,-1)]]),_:1})]),_:1}))])])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,ie,[(0,i.createVNode)(f,{id:`continue-selling`,modelValue:(0,i.unref)(s),"onUpdate:modelValue":t[5]||=e=>(0,i.isRef)(s)?s.value=e:null},null,8,[`modelValue`]),(0,i.createVNode)(n,{for:`continue-selling`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[11]||=[(0,i.createTextVNode)(`Continue selling when out of stock`,-1)]]),_:1})])]),_:1})]),_:1})}}}),O={class:`flex items-center gap-2 mb-4`},ae={key:0,class:`grid grid-cols-2 gap-4 mb-4`},oe=(0,i.defineComponent)({__name:`Shipping`,setup(e){let{errors:t}=n.d(),{value:r}=n.l(`isPhysicalProduct`),{value:a}=n.l(`weight`),{value:o}=n.l(`weightUnit`);return(e,t)=>{let n=(0,i.resolveComponent)(`Checkbox`),s=(0,i.resolveComponent)(`Label`),c=(0,i.resolveComponent)(`Input`),l=(0,i.resolveComponent)(`SelectValue`),u=(0,i.resolveComponent)(`SelectTrigger`),d=(0,i.resolveComponent)(`SelectItem`),f=(0,i.resolveComponent)(`SelectGroup`),p=(0,i.resolveComponent)(`SelectContent`),m=(0,i.resolveComponent)(`Select`),h=(0,i.resolveComponent)(`CardContent`),g=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(g,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(h,null,{default:(0,i.withCtx)(()=>[t[10]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Shipping`,-1),(0,i.createElementVNode)(`div`,O,[(0,i.createVNode)(n,{id:`is-physical-product`,modelValue:(0,i.unref)(r),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(r)?r.value=e:null},null,8,[`modelValue`]),(0,i.createVNode)(s,{for:`is-physical-product`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`This is a physical product`,-1)]]),_:1})]),(0,i.unref)(r)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ae,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(s,{for:`weight`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[4]||=[(0,i.createTextVNode)(`Weight`,-1)]]),_:1}),(0,i.createVNode)(c,{id:`weight`,type:`number`,modelValue:(0,i.unref)(a),"onUpdate:modelValue":t[1]||=e=>(0,i.isRef)(a)?a.value=e:null,class:`no-spinner`},null,8,[`modelValue`])]),(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(s,{for:`weight-unit`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[5]||=[(0,i.createTextVNode)(`Weight unit`,-1)]]),_:1}),(0,i.createVNode)(m,{modelValue:(0,i.unref)(o),"onUpdate:modelValue":t[2]||=e=>(0,i.isRef)(o)?o.value=e:null},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{placeholder:`Select unit`})]),_:1}),(0,i.createVNode)(p,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(f,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{value:`lb`},{default:(0,i.withCtx)(()=>[...t[6]||=[(0,i.createTextVNode)(` lb `,-1)]]),_:1}),(0,i.createVNode)(d,{value:`oz`},{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(` oz `,-1)]]),_:1}),(0,i.createVNode)(d,{value:`kg`},{default:(0,i.withCtx)(()=>[...t[8]||=[(0,i.createTextVNode)(` kg `,-1)]]),_:1}),(0,i.createVNode)(d,{value:`g`},{default:(0,i.withCtx)(()=>[...t[9]||=[(0,i.createTextVNode)(` g `,-1)]]),_:1})]),_:1})]),_:1})]),_:1},8,[`modelValue`])])])):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})}}});function k(e){e.preventDefault()}function A(e){e.stopPropagation()}function j(){let e=new Map;return[function(t,n){e.get(t)&&e.get(t).forEach(e=>{e(n)})},function(t,n){let r=e.get(t)??[];r.push(n),e.set(t,r)}]}var[M,N]=j();function P(e,t){return e.source===t.source&&e.flags.split(``).sort().join(``)===t.flags.split(``).sort().join(``)}function F(e,t,n=!0,r=[`__key`]){if(e===t)return!0;if(typeof t==`object`&&typeof e==`object`&&e&&t!==null){if(e instanceof Map||e instanceof Set)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return P(e,t);if(e===null||t===null)return!1;let i=e,a=t;if(Object.keys(i).length!==Object.keys(a).length)return!1;for(let e of r)if((e in i||e in a)&&i[e]!==a[e])return!1;for(let e in i)if(!(e in a)||i[e]!==a[e]&&!n||n&&!F(i[e],a[e],n,r))return!1;return!0}return!1}function I(e){return e.split(` `).filter(e=>e)}function L(e){return{x:e.clientX,y:e.clientY}}var R=typeof window<`u`,z=new WeakMap,B=new WeakMap;function se(){if(!R)return!1;if(`userAgentData`in navigator)return navigator.userAgentData.mobile===!0;let e=navigator.userAgent,t=/android|iphone|ipod/i.test(e),n=/iPad/.test(e)||e.includes(`Macintosh`)&&navigator.maxTouchPoints>1;return t||n}var V={affectedNodes:[],coordinates:{x:0,y:0},currentTargetValue:void 0,on:N,emit:M,originalZIndex:void 0,pointerSelection:!1,preventEnter:!1,rootUserSelect:void 0,nodePointerdown:void 0,longPress:!1,scrolling:!1,longPressTimeout:void 0,remapJustFinished:!1,selectedNodes:[],selectedParent:void 0,preventSynthDrag:!1,pointerDown:void 0,lastScrollContainerX:null,lastScrollContainerY:null,rootScrollWidth:void 0,rootScrollHeight:void 0,dragItemRect:void 0,windowScrollX:void 0,windowScrollY:void 0,lastScrollDirectionX:void 0,lastScrollDirectionY:void 0,scrollDebounceTimeout:void 0,frameIdX:void 0,frameIdY:void 0},H=!1,ce,le;function ue(){V.scrollDebounceTimeout&&clearTimeout(V.scrollDebounceTimeout),V.longPressTimeout&&clearTimeout(V.longPressTimeout),V.frameIdX!==void 0&&cancelAnimationFrame(V.frameIdX),V.frameIdY!==void 0&&cancelAnimationFrame(V.frameIdY),V={affectedNodes:[],coordinates:{x:0,y:0},on:N,emit:M,currentTargetValue:void 0,originalZIndex:void 0,pointerId:void 0,preventEnter:!1,remapJustFinished:!1,selectedNodes:[],nodePointerdown:void 0,rootUserSelect:void 0,preventSynthDrag:!1,scrolling:!1,selectedParent:void 0,pointerSelection:!1,synthScrollDirection:void 0,draggedNodeDisplay:void 0,synthDragScrolling:!1,longPress:!1,pointerDown:void 0,longPressTimeout:void 0,lastScrollContainerX:null,lastScrollContainerY:null,rootScrollWidth:void 0,rootScrollHeight:void 0,dragItemRect:void 0,windowScrollX:void 0,windowScrollY:void 0,lastScrollDirectionX:void 0,lastScrollDirectionY:void 0,scrollDebounceTimeout:void 0,frameIdX:void 0,frameIdY:void 0}}function de(e){return Object.assign(V,e),e.initialParent.data.emit(`dragStarted`,V),H=!1,V.emit(`dragStarted`,V),V}function fe(){V.activeState&&U(V.activeState.parent,void 0,V),V.selectedState&&W(V.selectedState.nodes,V.selectedState.parent,V),V.selectedState=V.activeState=void 0}function pe(){if(V.pointerDown&&(V.pointerDown.node.el.draggable=!0),V.pointerDown=void 0,!J(V))return;let e=V.currentParent.data.config;J(V)&&e.handleEnd(V)}function me(e){e.key===`Escape`&&(V.selectedState&&W(V.selectedState.nodes,V.selectedState.parent,V),V.activeState&&U(V.activeState.parent,void 0,V),V.selectedState=V.activeState=void 0)}function he(e){if(!q(V))return;H=!0;let t=V.initialParent.data.config.handleEnd;t(V)}function ge(e){if(!q(V))return;k(e);let{x:t,y:n}=L(e);q(V)&&Q({x:t,y:n},e,V)}function _e(e){if(!V.pointerDown||!V.pointerDown.validated)return;let t=V.pointerDown.parent.data.config;if(!(e.pointerType===`mouse`&&!se()))if(J(V))J(V)&&nt(e,V);else{if(k(e),t.longPress&&!V.longPress){clearTimeout(V.longPressTimeout),V.longPress=!1;return}let n=t.draggedNodes(V.pointerDown);t.dragstartClasses(V.pointerDown.node,n,t,!0);let r=V.pointerDown.node.el.getBoundingClientRect();nt(e,Qe(V.pointerDown.node,V.pointerDown.parent,e,V,n,r),!0)}}function ve({parent:e,getValues:t,setValues:n,config:r={}}){if(!R)return;ce||=$(document,{dragover:ge,pointerdown:fe,pointerup:pe,keydown:me,drop:he,pointermove:_e,pointercancel:Y(r.handlePointercancel),touchmove:e=>{q(V)&&e.cancelable&&k(e)},contextmenu:e=>{J(V)&&k(e)}}),Te(e);let[i,a]=j(),o={getValues:t,setValues:n,config:{dragDropEffect:r.dragDropEffect??`move`,dragEffectAllowed:r.dragEffectAllowed??`move`,draggedNodes:Ie,dragstartClasses:Be,handleNodeKeydown:Ue,handleDragstart:Re,handleNodeDragover:rt,handleParentDragover:it,handleNodeDrop:Ge,handleNodeFocus:Ke,handleNodeBlur:qe,handlePointercancel:Ye,handleEnd:Xe,handleDragend:Je,handleParentFocus:xe,handleNodePointerup:Ze,handleNodePointerover:We,handleParentPointerover:at,handleParentScroll:Le,handleNodePointerdown:ze,handleNodeDragenter:st,handleNodeDragleave:ct,handleParentDrop:we,multiDrag:r.multiDrag??!1,nativeDrag:r.nativeDrag??!0,performSort:be,performTransfer:Se,root:r.root??document,setupNode:De,setupNodeRemap:Oe,reapplyDragClasses:ke,tearDownNode:je,tearDownNodeRemap:Ae,remapFinished:Pe,threshold:{horizontal:0,vertical:0},...r},enabledNodes:[],abortControllers:{},privateClasses:[],on:a,emit:i};new MutationObserver(Me).observe(e,{childList:!0}),z.set(e,o),r.plugins?.forEach(t=>{t(e)?.tearDown?.()}),r.plugins?.forEach(t=>{t(e)?.tearDown?.()}),r.plugins?.forEach(t=>{t(e)?.setup?.()}),Ee(e,o),Ne(e,!0)}function ye(e,t,n,r,i,a){let{x:o,y:s}=L(n),c=e.el.getBoundingClientRect();return{affectedNodes:[],ascendingDirection:!1,clonedDraggedEls:[],coordinates:{x:o,y:s},draggedNode:{el:e.el,data:e.data},draggedNodes:r,incomingDirection:void 0,initialIndex:e.data.index,initialParent:{el:t.el,data:t.data},currentParent:{el:t.el,data:t.data},longPress:t.data.config.longPress??!1,longPressTimeout:void 0,currentTargetValue:e.data.value,scrollEls:[],startLeft:i||o-(c?.left??0),startTop:a||s-(c?.top??0),targetIndex:e.data.index,transferred:!1}}function be({parent:e,draggedNodes:t,targetNodes:n}){Ne(e.el);let r=t.map(e=>e.data.value),i=K(e.el,e.data),a=t[0].data.index,o=[...e.data.enabledNodes],s=[...i.filter(e=>!r.some(t=>F(e,t)))];s.splice(n[0].data.index,0,...r),`draggedNode`in V&&(V.currentTargetValue=n[0].data.value),Ce(e.el,e.data,[...s]),e.data.config.onSort&&e.data.config.onSort({parent:{el:e.el,data:e.data},previousValues:[...i],previousNodes:[...o],nodes:[...e.data.enabledNodes],values:[...s],draggedNodes:t,previousPosition:a,position:n[0].data.index,targetNodes:n,state:V})}function U(e,t,n){if(!t){n.activeState=void 0;return}n.activeState={node:t,parent:e}}function W(e,t,n){let r=t.data.config.selectedClass;if(!n.selectedState)return;let i=Array.from(e);Z(e.map(e=>e.el),r);for(let e of i){e.el.setAttribute(`aria-selected`,`false`);let t=n.selectedState.nodes.findIndex(t=>t.el===e.el);t!==-1&&n.selectedState.nodes.splice(t,1)}}function G(e,t,n,r,i=!1){r.pointerSelection=i;for(let n of t)n.el.setAttribute(`aria-selected`,`true`),X([n.el],e.data.config.selectedClass,!0);r.selectedState={nodes:t,parent:e},U(e,n,r)}function xe(e,t){let n=e.targetData.parent.data.enabledNodes[0];n&&(t.selectedState&&t.selectedState.parent.el!==e.targetData.parent.el?U(e.targetData.parent,n,t):t.selectedState||U(e.targetData.parent,n,t))}function Se({currentParent:e,targetParent:t,initialParent:n,draggedNodes:r,initialIndex:i,targetNodes:a,state:o}){Ne(n.el);let s=r.map(e=>e.data.value),c=[...K(e.el,e.data).filter(e=>!s.some(t=>F(e,t)))],l=K(t.el,t.data),u=n.el===t.el&&t.data.config.sortable===!1,d;a.length?(d=u?i:t.data.config.sortable===!1?t.data.enabledNodes.length:a[0].data.index,l.splice(d,0,...s)):(d=u?i:t.data.enabledNodes.length,l.splice(d,0,...s)),Ce(e.el,e.data,c),Ce(t.el,t.data,l),t.data.config.onTransfer&&t.data.config.onTransfer({sourceParent:e,targetParent:t,initialParent:n,draggedNodes:r,targetIndex:d,state:o,targetNodes:a}),e.data.config.onTransfer&&e.data.config.onTransfer({sourceParent:e,targetParent:t,initialParent:n,draggedNodes:r,targetIndex:d,state:o,targetNodes:a||[]})}function K(e,t){return[...t.getValues(e)]}function Ce(e,t,n){t.setValues(n,e)}function we(e,t){A(e.e),H=!0;let n=t.initialParent.data.config.handleEnd;n(t)}function Te(e){let t=z.get(e);t&&t.abortControllers.mainParent&&t.abortControllers.mainParent.abort()}function q(e){return`draggedNode`in e&&!!e.draggedNode}function J(e){return`synthDragging`in e&&!!e.synthDragging}function Ee(e,t){t.abortControllers.mainParent=$(e,{dragover:ft(t.config.handleParentDragover),handleParentPointerover:t.config.handleParentPointerover,scroll:ft(t.config.handleParentScroll),drop:ft(t.config.handleParentDrop),hasNestedParent:e=>{let t=z.get(e.target);t&&(t.nestedParent=e.detail.parent)},focus:ft(t.config.handleParentFocus)}),t.config.externalDragHandle&&t.config.externalDragHandle.el&&t.config.externalDragHandle.callback&&(t.abortControllers.externalDragHandle=$(t.config.externalDragHandle.el,{pointerdown:e=>{if(!t.config.externalDragHandle||!t.config.externalDragHandle.callback)return;let n=t.config.externalDragHandle.callback();if(!vt(n)){console.warn(`No draggable item found from external drag handle callback`);return}let r=B.get(n);if(!r)return;let i=n.parentNode;if(!(i instanceof HTMLElement))return;let a=z.get(i);a&&(V.pointerDown={parent:{el:i,data:a},node:{el:n,data:r},validated:!0},n.draggable=!0)}}))}function De(e){let t=e.parent.data.config;e.node.data.abortControllers.mainNode=$(e.node.el,{keydown:Y(t.handleNodeKeydown),dragstart:Y(t.handleDragstart),dragover:Y(t.handleNodeDragover),dragenter:Y(t.handleNodeDragenter),dragleave:Y(t.handleNodeDragleave),dragend:Y(t.handleDragend),drop:Y(t.handleNodeDrop),focus:Y(t.handleNodeFocus),blur:Y(t.handleNodeBlur),pointerup:Y(t.handleNodePointerup),pointercancel:Y(t.handlePointercancel),pointerdown:Y(t.handleNodePointerdown),handleNodePointerover:t.handleNodePointerover,touchmove:e=>{q(V)&&e.cancelable&&k(e)},contextmenu:e=>{J(V)&&k(e)}}),e.node.el.draggable=!0,t.reapplyDragClasses(e.node.el,e.parent.data),e.parent.data.config.plugins?.forEach(t=>{t(e.parent.el)?.setupNode?.(e)})}function Oe(e){B.set(e.node.el,e.node.data),e.parent.data.config.plugins?.forEach(t=>{t(e.parent.el)?.setupNodeRemap?.(e)})}function ke(e,t){if(!q(V))return;let n=J(V)?t.config.synthDropZoneClass:t.config.dropZoneClass;V.draggedNode.el===e&&X([e],n,!0)}function Ae(e){e.parent.data.config.plugins?.forEach(t=>{t(e.parent.el)?.tearDownNodeRemap?.(e)})}function je(e){e.parent.data.config.plugins?.forEach(t=>{t(e.parent.el)?.tearDownNode?.(e)}),e.node.el.draggable=!1,e.node.data?.abortControllers?.mainNode&&e.node.data?.abortControllers?.mainNode.abort()}function Me(e){if(e.length===1&&e[0].addedNodes.length===1&&!(e[0].addedNodes[0]instanceof HTMLElement))return;let t=e[0].target;t instanceof HTMLElement&&z.get(t)&&Ne(t)}function Ne(e,t){let n=z.get(e);if(!n)return;n.privateClasses=Array.from(e.classList);let r=[],i=n.config;for(let a=0;a<e.children.length;a++){let o=e.children[a];if(!vt(o)||o.id===`dnd-dragged-node-clone`)continue;let s=B.get(o);(t||!s)&&i.tearDownNode({parent:{el:e,data:n},node:{el:o,data:s}}),!i.disabled&&(!i.draggable||i.draggable&&i.draggable(o))&&r.push(o)}if(r.length!==n.getValues(e).length&&!i.disabled){console.warn(`The number of draggable items defined in the parent element does not match the number of values. This may cause unexpected behavior.`);return}let a=n.getValues(e),o=[];for(let s=0;s<r.length;s++){let c=r[s],l=B.get(c);if(i.draggableValue&&!i.draggableValue(a[s]))continue;let u=Object.assign(l??{privateClasses:[],abortControllers:{}},{value:a[s],index:s});if(!q(V)&&V.activeState&&F(V.activeState.node.data.value,u.value)&&U({data:n,el:e},{el:c,data:u},V),q(V)&&F(V.draggedNode.data.value,u.value)){V.draggedNode.data=u,V.draggedNode.el=c;let e=V.draggedNodes.find(e=>e.data.value===u.value);e&&(e.el=c)}o.push({el:c,data:u}),(t||!l)&&i.setupNode({parent:{el:e,data:n},node:{el:c,data:u}}),Oe({parent:{el:e,data:n},node:{el:c,data:u}})}z.set(e,{...n,enabledNodes:o}),i.remapFinished(n),n.config.plugins?.forEach(t=>{t(e)?.remapFinished?.()})}function Pe(){V.remapJustFinished=!0,`draggedNode`in V&&(V.affectedNodes=[])}function Fe(e){return!!e.targetData.parent.data.config.nativeDrag}function Ie(e){return e.parent.data.config.multiDrag?V.selectedState?[e.node,...V.selectedState?.nodes.filter(t=>t.el!==e.node.el)]:[]:[e.node]}function Le(e){q(V)&&(V.emit(`scrollStarted`,V),!J(V)&&(V.preventEnter=!0,le&&clearTimeout(le),le=setTimeout(()=>{V.preventEnter=!1,V.emit(`scrollEnded`,V)},100)))}function Re(e,t){let n=e.targetData.parent.data.config;if(!n.nativeDrag||!Fe(e)||!He({x:e.e.clientX,y:e.e.clientY,node:e.targetData.node,config:n})){k(e.e);return}let r=n.draggedNodes({parent:e.targetData.parent,node:e.targetData.node});r.length===0&&(r=[e.targetData.node]),n.dragstartClasses(e.targetData.node,r,n);let i=Ve(e,r);if(n.onDragstart){let t={parent:e.targetData.parent,values:K(e.targetData.parent.el,e.targetData.parent.data),draggedNode:i.draggedNode,draggedNodes:i.draggedNodes,position:i.initialIndex,state:i};n.onDragstart(t)}}function ze(e,t){if(A(e.e),t.pointerDown={parent:e.targetData.parent,node:e.targetData.node,validated:!1},!He({x:e.e.clientX,y:e.e.clientY,node:e.targetData.node,config:e.targetData.parent.data.config}))return;t.pointerDown.validated=!0,$e(e,t,e.targetData.node);let n=e.targetData.parent.data,r=[e.targetData.node],i=e.e.ctrlKey||e.e.metaKey,a=e.e.shiftKey,o=e.targetData.node;if(i&&n.config.multiDrag){r=t.selectedState?t.selectedState.nodes.findIndex(e=>e.el===o.el)===-1?[...t.selectedState.nodes,o]:t.selectedState.nodes.filter(e=>e.el!==o.el):[o],G(e.targetData.parent,r,e.targetData.node,t,!0);return}if(a&&n.config.multiDrag){let n=e.targetData.parent.data.enabledNodes;if(t.selectedState&&t.activeState)if(t.selectedState.parent.el!==e.targetData.parent.el){W(t.selectedState.nodes,t.selectedState.parent,t),t.selectedState=void 0;for(let e=0;e<=o.data.index;e++)r.push(n[e])}else{let[i,a]=t.activeState.node.data.index<e.targetData.node.data.index?[t.activeState.node.data.index,e.targetData.node.data.index]:[e.targetData.node.data.index,t.activeState.node.data.index];r=n.slice(i,a+1)}else for(let e=0;e<=o.data.index;e++)r.push(n[e]);G(e.targetData.parent,r,e.targetData.node,t,!0);return}t.selectedState?.nodes?.length?t.selectedState.nodes.findIndex(t=>t.el===e.targetData.node.el)===-1&&(t.selectedState.parent.el===e.targetData.parent.el&&n.config.multiDrag&&se()?r.push(...t.selectedState.nodes):W(t.selectedState.nodes,e.targetData.parent,t),G(e.targetData.parent,r,e.targetData.node,t,!0)):G(e.targetData.parent,[e.targetData.node],e.targetData.node,t,!0)}function Be(e,t,n,r=!1){X(t.map(e=>e.el),r?n.synthDraggingClass:n.draggingClass),setTimeout(()=>{Z(t.map(e=>e.el),r?n.synthDraggingClass:n.draggingClass),X(t.map(e=>e.el),r?n.synthDragPlaceholderClass:n.dragPlaceholderClass),X(t.map(e=>e.el),r?n.synthDropZoneClass:n.dropZoneClass),Z(t.map(e=>e.el),n.selectedClass)})}function Ve(e,t){A(e.e);let n=de(ye(e.targetData.node,e.targetData.parent,e.e,t));if(e.e.dataTransfer){let r=e.targetData.parent.data.config;e.e.dataTransfer.dropEffect=r.dragDropEffect,e.e.dataTransfer.effectAllowed=r.dragEffectAllowed;let i;if(e.e.dataTransfer.setData(`text/plain`,``),r.dragImage)i=r.dragImage(e,t);else if(!r.multiDrag||t.length===1)return e.targetData.node.el.style.zIndex=`9999`,e.targetData.node.el.style.boxSizing=`border-box`,e.e.dataTransfer.setDragImage(e.targetData.node.el,e.e.offsetX,e.e.offsetY),n.originalZIndex=e.targetData.node.el.style.zIndex,n;else{let n=document.createElement(`div`);n.setAttribute(`id`,`dnd-dragged-node-clone`),n.setAttribute(`popover`,`manual`);for(let e of t){let t=e.el.cloneNode(!0);t.id=e.el.id+`-clone`,t.style.pointerEvents=`none`,n.appendChild(t)}let{width:r}=t[0].el.getBoundingClientRect();Object.assign(n.style,{display:`flex`,flexDirection:`column`,width:`${r}px`,position:`absolute`,pointerEvents:`none`,zIndex:`9999`,left:`-9999px`,boxSizing:`border-box`,background:`transparent`,overflow:`hidden`}),e.targetData.parent.el.appendChild(n),n.showPopover(),n.getBoundingClientRect(),i=n,e.e.dataTransfer.setDragImage(i,e.e.offsetX,e.e.offsetY)}setTimeout(()=>{i?.remove()})}return n}function He({x:e,y:t,node:n,config:r}){if(r.externalDragHandle)return!1;if(!r.dragHandle)return!0;let i=n.el.querySelectorAll(r.dragHandle);if(!i)return!1;let a=r.root.elementFromPoint(e,t);if(!a)return!1;for(let e of Array.from(i))if(a===e||e.contains(a))return!0;return!1}function Ue(e){}function We(e){e.detail.targetData.parent.el===e.detail.state.currentParent.el?ut(e.detail,e.detail.state):dt(e.detail,e.detail.state)}function Ge(e,t){let n=e.targetData.parent.data.config;n.nativeDrag&&(A(e.e),H=!0,n.handleEnd(t))}function Ke(e){e.e.target!==e.e.currentTarget&&V.pointerDown&&(V.pointerDown.node.el.draggable=!1)}function qe(e){e.e.target!==e.e.currentTarget&&V.pointerDown&&(V.pointerDown.node.el.draggable=!0)}function Je(e,t){let n=e.targetData.parent.data.config;if(n.nativeDrag){if(k(e.e),A(e.e),H){H=!1;return}n.handleEnd(t)}}function Ye(e,t){if(!J(t))return;if(k(e.e),H){H=!1;return}let n=z.get(t.initialParent.el)?.config;n?.onDragend&&n.onDragend({parent:t.currentParent,values:K(t.currentParent.el,t.currentParent.data),draggedNode:t.draggedNode,draggedNodes:t.draggedNodes,state:t}),n?.handleEnd(t)}function Xe(e){e.draggedNode&&(e.draggedNode.el.draggable=!0);let t=e.draggedNodes.map(e=>e.el),n=e.initialParent.data,r=J(e),i=z.get(e.initialParent.el)?.config,a=r?i?.synthDropZoneClass:i?.dropZoneClass,o=n?.config?.longPressClass,s=r?n?.config?.synthDragPlaceholderClass:n?.config?.dragPlaceholderClass,c=e.originalZIndex;J(e)&&(e.clonedDraggedNode&&e.clonedDraggedNode.remove(),e.longPressTimeout&&clearTimeout(e.longPressTimeout)),et(e),e.lastScrollDirectionX=void 0,e.lastScrollDirectionY=void 0,e.preventEnter=!1,e.scrollDebounceTimeout&&=(clearTimeout(e.scrollDebounceTimeout),void 0),c!==void 0&&e.draggedNode&&(e.draggedNode.el.style.zIndex=c),requestAnimationFrame(()=>{Z(t,a),Z(t,o),Z(t,s)}),W(e.draggedNodes,e.currentParent,e),U(e.currentParent,void 0,e);let l={...e};i?.onDragend?.({parent:l.currentParent,values:K(l.currentParent.el,l.currentParent.data),draggedNode:l.draggedNode,draggedNodes:l.draggedNodes,state:l}),e.emit(`dragEnded`,l),ue()}function Ze(e,t){A(e.e),!t.pointerSelection&&t.selectedState&&W(t.selectedState.nodes,e.targetData.parent,t);let n=e.targetData.parent.data.config;t.pointerSelection=!1,`longPressTimeout`in t&&t.longPressTimeout&&clearTimeout(t.longPressTimeout),t.longPress=!1,Z(e.targetData.parent.data.enabledNodes.map(e=>e.el),n.longPressClass),q(t)&&n.handleEnd(t)}function Qe(e,t,n,r,i,a){let o=t.data.config,s,c,l=`display.flexDirection.alignItems.justifyContent.padding.paddingTop.margin.marginTop.marginBottom.marginLeft.marginRight.paddingBottom.paddingLeft.paddingRight.border.borderRadius.background.backgroundColor.boxShadow.font.color.lineHeight.gap.width.height.boxSizing.overflow`.split(`.`),u=(e,t)=>{let n=window.getComputedStyle(e);l.forEach(e=>{t.style[e]=n[e]})},d=(e,t={})=>{Object.assign(e.style,{position:`absolute`,zIndex:`9999`,pointerEvents:`none`,willChange:`transform`,boxSizing:`border-box`,opacity:`0`,overflow:`hidden`,width:`${a.width}px`,height:`${a.height}px`,...t})};if(o.synthDragImage)c=o.synthDragImage(e,t,n,i),s=c.dragImage,s.setAttribute(`popover`,`manual`),d(s);else if(!o.multiDrag||i.length===1)s=e.el.cloneNode(!0),u(e.el,s),s.setAttribute(`popover`,`manual`),d(s);else{let e=document.createElement(`div`);e.setAttribute(`popover`,`manual`),i.forEach(t=>{let n=t.el.cloneNode(!0);u(t.el,n),n.style.pointerEvents=`none`,n.style.margin=`0`,e.append(n)}),e.style.display=`flex`,e.style.flexDirection=`column`,e.style.padding=`0`,e.style.margin=`0`,e.style.position=`absolute`,e.style.zIndex=`9999`,e.style.pointerEvents=`none`,s=e}s.id=`dnd-dragged-node-clone`,t.el.appendChild(s),s.showPopover();let f={clonedDraggedEls:[],clonedDraggedNode:s,synthDragScrolling:!1,synthDragging:!0,rootScrollWidth:document.scrollingElement?.scrollWidth,rootScrollHeight:document.scrollingElement?.scrollHeight};return de({...ye(e,t,n,i,c?.offsetX,c?.offsetY),...f})}function $e(e,t,n){let r=e.targetData.parent.data.config;t.longPressTimeout=setTimeout(()=>{t&&(t.longPress=!0,r.longPressClass&&e.e.cancelable&&X([n.el],r.longPressClass),k(e.e))},r.longPressDuration||1e3)}function et(e,t=!0,n=!0){t&&(e.frameIdX!==void 0&&(cancelAnimationFrame(e.frameIdX),e.frameIdX=void 0),e.lastScrollDirectionX=void 0),n&&(e.frameIdY!==void 0&&(cancelAnimationFrame(e.frameIdY),e.frameIdY=void 0),e.lastScrollDirectionY=void 0),!e.frameIdX&&!e.frameIdY&&(e.preventEnter=!1)}function tt(e,t=!1){let{x:n,y:r}=e.coordinates,i=e.startLeft??0,a=e.startTop??0,o=window.scrollX??0,s=window.scrollY??0,c=n-i+o,l=r-a+s;e.clonedDraggedNode.style.transform=`translate3d(${c}px, ${l}px, 0px)`,t&&(e.clonedDraggedNode.style.opacity=`1`,Z(e.draggedNodes.map(e=>e.el),e.initialParent.data.config?.longPressClass))}function nt(e,t,n=!1){let r=L(e);t.coordinates.x=r.x,t.coordinates.y=r.y,tt(t,n),t.scrollDebounceTimeout&&=(clearTimeout(t.scrollDebounceTimeout),void 0),t.scrollDebounceTimeout=setTimeout(()=>{J(t)&&Q(t.coordinates,e,t)},16);let i=_t(r);if(!i){document.dispatchEvent(new CustomEvent(`handleRootPointerover`,{detail:{e,state:t}}));return}let a={e,targetData:i,state:t};`node`in i?i.node.el.dispatchEvent(new CustomEvent(`handleNodePointerover`,{detail:a})):i.parent.el.dispatchEvent(new CustomEvent(`handleParentPointerover`,{detail:a}))}function rt(e,t){if(!e.targetData.parent.data.config.nativeDrag)return;let{x:n,y:r}=L(e.e);t.coordinates.y=r,t.coordinates.x=n,k(e.e),A(e.e),q(t)&&Q({x:n,y:r},e.e,t),e.targetData.parent.el===t.currentParent?.el?ut(e,t):dt(e,t)}function it(e,t){if(!e.targetData.parent.data.config.nativeDrag)return;k(e.e),A(e.e);let{x:n,y:r}=L(e.e);q(t)&&Q({x:n,y:r},e.e,t),dt(e,t)}function at(e){e.detail.targetData.parent.el!==e.detail.state.currentParent.el&&dt(e.detail,e.detail.state)}function ot({currentParent:e,targetParent:t,initialParent:n,draggedNodes:r,state:i}){if(t.el===e.el)return!1;let a=t.data.config;if(r[0].el.contains(t.el)||a.dropZone===!1)return!1;let o=n.data.config;return a.accepts?a.accepts(t,n,e,i):!(!a.group||a.group!==o.group)}function st(e,t){k(e.e)}function ct(e,t){k(e.e)}function lt(e,t,n,r){if(t.affectedNodes.map(e=>e.data.value).includes(e.targetData.node.data.value))return!1;if(t.remapJustFinished)return t.remapJustFinished=!1,(e.targetData.node.data.value===t.currentTargetValue||t.draggedNodes.map(e=>e.el).includes(e.targetData.node.el))&&(t.currentTargetValue=e.targetData.node.data.value),!1;if(t.preventEnter)return!1;if(t.draggedNodes.map(e=>e.el).includes(e.targetData.node.el))return t.currentTargetValue=void 0,!1;if(e.targetData.node.data.value===t.currentTargetValue||e.targetData.parent.el!==t.currentParent?.el||e.targetData.parent.data.config.sortable===!1||e.targetData.node.el.contains(t.draggedNodes[0].el))return!1;let i=e.targetData.node.el.getBoundingClientRect(),a=t.draggedNode.el.getBoundingClientRect(),o=i.y-a.y,s=i.x-a.x,c;c=Math.abs(o)>Math.abs(s)?o>0?`above`:`below`:s>0?`left`:`right`;let l=t.currentParent.data.config.threshold;switch(c){case`left`:if(n>i.x+i.width*l.horizontal)return t.incomingDirection=`left`,!0;break;case`right`:if(n<i.x+i.width*(1-l.horizontal))return t.incomingDirection=`right`,!0;break;case`above`:if(r>i.y+i.height*l.vertical)return t.incomingDirection=`above`,!0;break;case`below`:if(r<i.y+i.height*(1-l.vertical))return t.incomingDirection=`below`,!0;break;default:break}return!1}function ut(e,t){let{x:n,y:r}=L(e.e);if(!lt(e,t,n,r))return;let i=t.draggedNode.data.index>e.targetData.node.data.index?[e.targetData.node.data.index,t.draggedNode.data.index]:[t.draggedNode.data.index,e.targetData.node.data.index];t.targetIndex=e.targetData.node.data.index,t.affectedNodes=e.targetData.parent.data.enabledNodes.filter(e=>i[0]<=e.data.index&&e.data.index<=i[1]&&e.el!==t.draggedNode.el),e.targetData.parent.data.config.performSort({parent:e.targetData.parent,draggedNodes:t.draggedNodes,targetNodes:[e.targetData.node]})}function Y(e){function t(e){let t=B.get(e);if(!t)return;let n=z.get(e.parentNode);if(n)return{node:{el:e,data:t},parent:{el:e.parentNode,data:n}}}return n=>{let r=t(n.currentTarget);if(r)return e({e:n,targetData:r},V)}}function dt(e,t){k(e.e),ot({currentParent:t.currentParent,targetParent:e.targetData.parent,initialParent:t.initialParent,draggedNodes:t.draggedNodes,state:t})&&(e.targetData.parent.data.config.performTransfer({currentParent:t.currentParent,targetParent:e.targetData.parent,initialParent:t.initialParent,draggedNodes:t.draggedNodes,initialIndex:t.initialIndex,state:t,targetNodes:`node`in e.targetData?[e.targetData.node]:[]}),t.currentParent=e.targetData.parent,t.transferred=!0)}function ft(e){function t(e){let t=z.get(e);if(t)return{parent:{el:e,data:t}}}return n=>{let r=t(n.currentTarget);if(r)return e({e:n,targetData:r},V)}}function X(e,t,n=!1){function r(e,t){B.set(e,t)}for(let i of e){let e=pt(i,t,B.get(i),n);e&&r(i,e)}}function pt(e,t,n,r=!1){if(!t)return;let i=I(t);if(!i.length)return;if(!n){e.classList.add(...i);return}let a=[];for(let t of i)e.classList.contains(t)?e.classList.contains(t)&&r===!1&&a.push(t):e.classList.add(t);return n.privateClasses=a,n}function Z(e,t){if(!t)return;let n=I(t);if(n.length)for(let t of e){if(!vt(t)){t.classList.remove(...n);continue}let e=B.get(t)||z.get(t);if(e)for(let r of n)e.privateClasses.includes(r)||t.classList.remove(r)}}function mt(e,t,n,r,i){let a=.075,o=i.axis===`x`,s=e===document.scrollingElement,c=o?`scrollLeft`:`scrollTop`,l=o?`clientWidth`:`clientHeight`,u=o?`offsetWidth`:`offsetHeight`,d=o?`scrollWidth`:`scrollHeight`,f=o?t.clientX:t.clientY,p=o?r.left:r.top,m=o?n.overflowX:n.overflowY;if(s){let t=e[c],n=e[l],r=t>0,s=t+n<(o?i.state.rootScrollWidth||0:e[d]);return o?{left:r&&f<n*a,right:s&&f>n*(1-a)}:{up:r&&f<n*a,down:s&&f>n*(1-a)}}if((m===`auto`||m===`scroll`)&&e!==document.body&&e!==document.documentElement){let t=e[d],n=e[u],r=e[c],i=r>0,s=r<t-n;return o?{left:i&&f<p+n*a,right:s&&f>p+n*(1-a)}:{up:i&&f<p+n*a,down:s&&f>p+n*(1-a)}}return o?{left:!1,right:!1}:{up:!1,down:!1}}function ht(e,t,n,r){if(!q(n)||!n.draggedNode)return;n.preventEnter=!0;let i=r.axis===`x`,a=r.direction===`positive`?1:-1,o=i?`lastScrollDirectionX`:`lastScrollDirectionY`,s=i?`frameIdX`:`frameIdY`;n[s]!==void 0&&(cancelAnimationFrame(n[s]),n[s]=void 0),n[o]=r.direction;let c=()=>{if(!q(n)||!n.draggedNode){n[s]!==void 0&&(cancelAnimationFrame(n[s]),n[s]=void 0);return}let t=i?`scrollLeft`:`scrollTop`,r=i?`clientWidth`:`clientHeight`,l=i?`scrollWidth`:`scrollHeight`,u=e[t],d=e[r],f=e[l];if(!(a>0?u+d<f:u>0)){n[s]=void 0,n[o]=void 0;return}e[t]+=20*a,J(n)&&tt(n),n[s]=requestAnimationFrame(c)};n[s]=requestAnimationFrame(c)}function gt(e,t,n){let r=e.getBoundingClientRect();return t>=r.left&&t<=r.right&&n>=r.top&&n<=r.bottom}function Q(e,t,n){if(!q(n)||!n.draggedNode)return;et(n);let{x:r,y:i}=e,a=!1,o=(e,r,i)=>{ht(i,t,n,{axis:e,direction:r}),a=!0},s=e=>{let r=window.getComputedStyle(e),i=e.getBoundingClientRect(),a=mt(e,t,r,i,{axis:`x`,state:n}),s=mt(e,t,r,i,{axis:`y`});(a.left||a.right)&&(n.lastScrollContainerX=e,o(`x`,a.right?`positive`:`negative`,e)),(s.up||s.down)&&(n.lastScrollContainerY=e,o(`y`,s.down?`positive`:`negative`,e))};if(n.lastScrollContainerX&&gt(n.lastScrollContainerX,r,i)&&s(n.lastScrollContainerX),!a&&n.lastScrollContainerY&&gt(n.lastScrollContainerY,r,i)&&s(n.lastScrollContainerY),!a){let e=document.elementFromPoint(r,i);for(;e&&!(a&&n.lastScrollContainerX&&n.lastScrollContainerY);)e instanceof HTMLElement&&s(e),e=e.parentElement}if(!a){let e=document.scrollingElement;e instanceof HTMLElement&&s(e)}a||et(n)}function _t(e){let t=document.elementFromPoint(e.x,e.y);if(!vt(t))return;let n,r=!0;for(;t&&r;){if(B.has(t)||z.has(t)){r=!1,n=z.has(t);break}t=t.parentNode}if(n){let e=z.get(t);return e?{parent:{el:t,data:e}}:void 0}else{let e=B.get(t);if(!e)return;let n=z.get(t.parentNode);return n?{node:{el:t,data:e},parent:{el:t.parentNode,data:n}}:void 0}}function vt(e){return e instanceof HTMLElement&&e.parentNode instanceof HTMLElement}function $(e,t){let n=new AbortController;for(let r in t){let i=t[r];e.addEventListener(r,i,{signal:n.signal,passive:!1,capture:r===`focus`||r===`blur`})}return n}function yt(e){if(e instanceof HTMLElement)return e;if(e.value instanceof HTMLElement)return e.value;if(`$el`in e&&e.$el instanceof HTMLElement)return e.$el}function bt(e,t){Array.isArray(e)||(e=[e]);for(let n of e){let e=yt(n);if(e)return t(e);let r=(0,i.watch)(n,e=>{if(!e)return;let n=yt(e);n?t(n):console.warn(`Invalid parent element`,e),r()})}}var xt=new WeakMap;function St(e){let t=xt.get(e);return t?`value`in t?t.value:t:(console.warn(`No values found for parent element`),[])}function Ct(e,t){let n=xt.get(t);n&&`value`in n&&(n.value=e)}function wt(e){R&&(Array.isArray(e)||(e=[e]),e.forEach(e=>{let{parent:t,values:n,...r}=e;bt(t,Tt(r,n))}))}function Tt(e,t){return n=>{xt.set(n,t),ve({parent:n,getValues:St,setValues:Ct,config:{...e}})}}var Et={key:0,class:`flex gap-4 p-6 border-b last:border-b-0`},Dt={class:`option-drag-handle flex-none mt-9.5 cursor-grab`},Ot={class:`flex-1`},kt={class:`mb-3`},At={class:`flex items-center`},jt={key:0,class:`mt-1 text-sm text-red-600`},Mt={class:`flex items-center gap-1`},Nt={class:`mb-2`},Pt={key:0,class:`option-value-drag-handle absolute -left-7 top-1/2 -translate-y-1/2 flex-none mr-2 cursor-grab`},Ft=[`onClick`],It={class:`flex justify-between`},Lt={class:`flex-1`},Rt={class:`text-sm mb-2`},zt={class:`flex flex-wrap gap-2`},Bt={key:0,class:`px-2 py-1 border rounded-full bg-muted text-muted-foreground text-sm`},Vt=(0,i.defineComponent)({__name:`Option`,props:{option:{type:Object,required:!0}},emits:[`update:option`,`remove`],setup(e,{expose:t,emit:n}){let s=e,{confirm:c}=(0,r.useConfirmation)(),l=n,u=(0,i.computed)({get(){return s.option},set(e){l(`update:option`,e)}}),d=(0,i.computed)({get(){return u.value.values},set(e){u.value.values=e}}),f=(0,i.useTemplateRef)(`valueListRef`),p=(0,i.ref)(!1);(0,i.watch)(p,async e=>{e||(await(0,i.nextTick)(),wt({parent:f?.value,values:d,group:`valueList`,dragHandle:`.option-value-drag-handle`,plugins:[(0,o.animations)()]}))},{immediate:!0});let m=()=>Math.random().toString(36).substring(2,15),h=()=>{u.value.values.push({id:m(),value:``})},g=async()=>{(u.value.name.trim()||u.value.values.filter(e=>e.value.trim()!==``).length>0)&&!await c(`Are you sure you want to remove this option?`)||l(`remove`)},_=e=>{u.value.values.splice(e,1)},v=e=>{e.name.trim()?e.nameError=void 0:e.nameError=`Option name is required.`},y=(e,t)=>{let n=e.target,r=u.value.values;if(e.key===`Backspace`&&n.value===``&&r?.length>2){_(t);return}},b=(e,t)=>{e.target;let n=u.value.values,r=n?.[t];r.touched=!0,n?.every(e=>e.value.trim()!==``)&&h()},x=e=>{let t=u.value,n=t?.values.every((t,n)=>t.value.trim()!==``||n===e);t&&t.values[e].value.trim()===``&&!n&&_(e)};return t({minified:p}),(e,t)=>{let n=(0,i.resolveComponent)(`Input`),r=(0,i.resolveComponent)(`Button`);return p.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`flex gap-4 p-6 border-b last:border-b-0 hover:bg-accent dark:hover:bg-accent/50 cursor-pointer transition-colors duration-200`,onClick:t[5]||=e=>p.value=!1},[(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`div`,{class:`option-drag-handle flex-none mt-5 cursor-grab`,onClick:t[4]||=(0,i.withModifiers)(()=>{},[`stop`])},[(0,i.createVNode)((0,i.unref)(a.GripVertical),{class:`size-4 text-gray-400`})])]),(0,i.createElementVNode)(`div`,Lt,[(0,i.createElementVNode)(`p`,Rt,(0,i.toDisplayString)(u.value.name),1),(0,i.createElementVNode)(`div`,zt,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(d.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:e.id},[e.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,Bt,(0,i.toDisplayString)(e.value),1)):(0,i.createCommentVNode)(``,!0)],64))),128))])])])):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Et,[(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`div`,Dt,[(0,i.createVNode)((0,i.unref)(a.GripVertical),{class:`size-4 text-gray-400`})])]),(0,i.createElementVNode)(`div`,Ot,[(0,i.createElementVNode)(`div`,kt,[t[6]||=(0,i.createElementVNode)(`label`,{class:`block text-sm mb-2`},`Option name`,-1),(0,i.createElementVNode)(`div`,At,[(0,i.createVNode)(n,{modelValue:u.value.name,"onUpdate:modelValue":t[0]||=e=>u.value.name=e,onBlur:t[1]||=e=>v(u.value),"aria-invalid":u.value.nameError?`true`:`false`,placeholder:`Color`,spellcheck:`false`},null,8,[`modelValue`,`aria-invalid`])]),u.value.nameError?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,jt,[(0,i.createElementVNode)(`span`,Mt,[(0,i.createVNode)((0,i.unref)(a.CircleX),{class:`size-4`}),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(u.value.nameError),1)])])):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,Nt,[t[7]||=(0,i.createElementVNode)(`label`,{class:`block text-sm mb-2`},`Option values`,-1),(0,i.createElementVNode)(`div`,{ref_key:`valueListRef`,ref:f},[d.value?((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,{key:0},(0,i.renderList)(d.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:`relative flex items-center mb-2`},[e.touched?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Pt,[(0,i.createVNode)((0,i.unref)(a.GripVertical),{class:`size-4 text-gray-400`})])):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(n,{modelValue:e.value,"onUpdate:modelValue":t=>e.value=t,placeholder:`Option value`,class:`pr-12`,onKeydown:e=>y(e,t),onKeyup:e=>b(e,t),onBlur:e=>x(t),spellcheck:`false`},null,8,[`modelValue`,`onUpdate:modelValue`,`onKeydown`,`onKeyup`,`onBlur`]),d.value.length>2&&e.touched?((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,onClick:e=>_(t),class:`absolute right-2 top-1/2 -translate-y-1/2 ml-2 p-2 text-muted-foreground/50 hover:text-muted-foreground`,type:`button`},[(0,i.createVNode)((0,i.unref)(a.Trash2),{class:`size-4`})],8,Ft)):(0,i.createCommentVNode)(``,!0)]))),128)):(0,i.createCommentVNode)(``,!0)],512)]),(0,i.createElementVNode)(`div`,It,[(0,i.createVNode)(r,{size:`sm`,variant:`outline`,onClick:t[2]||=e=>g(),class:`text-red-500 hover:text-red-600`},{default:(0,i.withCtx)(()=>[...t[8]||=[(0,i.createTextVNode)(`Delete`,-1)]]),_:1}),(0,i.createVNode)(r,{size:`sm`,onClick:t[3]||=e=>p.value=!0,disabled:u.value.name.trim()===``},{default:(0,i.withCtx)(()=>[...t[9]||=[(0,i.createTextVNode)(`Done`,-1)]]),_:1},8,[`disabled`])])])]))}}}),Ht=(0,i.defineComponent)({__name:`Options`,props:{modelValue:{type:Array,default:()=>[]}},emits:[`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,s=n,c=(0,i.ref)([]),l=(0,i.useTemplateRef)(`optionsListRefElement`),u=(0,i.useTemplateRef)(`optionRefs`),d=(0,i.computed)({get(){return r.modelValue},set(e){s(`update:modelValue`,e)}}),f=(0,i.ref)(!1);(0,i.watch)(d,e=>{f.value||(!c.value||c.value.length===0&&e.length>0)&&(f.value=!0,c.value=e?JSON.parse(JSON.stringify(e)):[])},{deep:!0}),(0,i.watch)(c,e=>{d.value=e?.map(e=>({...e,values:e.values.filter(e=>e.value.trim()!==``)})),!v.value&&e.length>0&&y()},{deep:!0});let p=()=>Math.random().toString(36).substring(2,15),m=()=>{let e={id:p(),name:``,values:[{id:p(),value:``}],nameError:void 0};c.value.push(e)},h=()=>{u.value?.forEach(e=>{e&&(e.minified=!0)})},g=e=>{let t=c.value.findIndex(t=>t.id===e.id);t!==-1&&(c.value[t]=e)},_=e=>{let t=c.value.findIndex(t=>t.id===e.id);t!==-1&&c.value.splice(t,1)},v=(0,i.ref)(!1),y=()=>{try{v.value=!0,wt({parent:l?.value,values:c,group:`optionsList`,dragHandle:`.option-drag-handle`,plugins:[(0,o.animations)()]})}catch(e){console.error(e)}};return(0,i.onMounted)(()=>{c.value=r.modelValue?JSON.parse(JSON.stringify(r.modelValue)):[],c.value.length>0&&y()}),t({minifyAll:h}),(e,t)=>{let n=(0,i.resolveComponent)(`Button`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,null,[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`rounded-lg`,c.value.length>0?`border mb-6`:``])},[(0,i.createElementVNode)(`div`,{ref_key:`optionsListRefElement`,ref:l},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c.value,e=>((0,i.openBlock)(),(0,i.createBlock)(Vt,{ref_for:!0,ref_key:`optionRefs`,ref:u,key:e.id,option:e,"onUpdate:option":t[0]||=e=>g(e),onRemove:t=>_(e)},null,8,[`option`,`onRemove`]))),128))],512),c.value&&c.value.length<3?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:(0,i.normalizeClass)(c.value.length>0?`border-t`:``)},[c.value.length===0?((0,i.openBlock)(),(0,i.createBlock)(n,{key:0,onClick:m,variant:`outline`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.PlusCircle),{class:`size-4`}),t[1]||=(0,i.createTextVNode)(` Add options like size or color `,-1)]),_:1})):((0,i.openBlock)(),(0,i.createBlock)(n,{key:1,onClick:m,variant:`ghost`,class:`w-full justify-start pl-2 rounded-t-none`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.PlusCircle),{class:`size-4`}),t[2]||=(0,i.createTextVNode)(` Add another option `,-1)]),_:1}))],2)):(0,i.createCommentVNode)(``,!0)],2)])}}}),Ut={key:0},Wt={class:`flex items-center justify-between gap-2 mb-2`},Gt={key:0,class:`flex items-center gap-2`},Kt={key:0,class:`mb-4`},qt={class:`flex flex-wrap gap-2`},Jt=[`onClick`],Yt={class:`-mx-6 w-[calc(100%+3rem)]`},Xt={class:`text-muted-foreground text-xs`},Zt={class:`z-[101] sticky -top-4 py-2 font-normal bg-accent dark:bg-border`},Qt={class:`z-[101] sticky -top-4 py-2 font-normal whitespace-nowrap bg-accent dark:bg-border`},$t={class:`flex items-center gap-2`},en={class:`z-[101] sticky -top-4 py-2 pr-6 font-normal bg-accent dark:bg-border`},tn={class:`text-sm`},nn=[`onClick`],rn={class:`w-10 p-2`},an={class:`p-2`},on={class:`flex items-stretch gap-2`},sn=[`src`],cn={key:2,class:`relative`},ln=[`src`],un=[`src`],dn={class:`flex flex-col justify-center px-2`},fn={class:`text-md mb-0.5 hover:underline select-none`},pn={class:`flex items-center gap-1 text-xs text-muted-foreground hover:opacity-70 transition-opacity duration-200 cursor-pointer select-none`},mn={class:`p-2 w-[30%]`},hn={class:`relative`},gn={key:0},_n={key:1},vn={key:0,class:`absolute inset-0 top-1/2 -translate-y-1/2 px-2 truncate text-sm text-muted-foreground w-full text-center pointer-events-none`},yn={class:`p-2 w-[18%]`},bn={class:`w-10`},xn={class:`w-10 p-2 translate-x-10`},Sn={class:`p-2 pl-12`},Cn={class:`flex items-stretch gap-2`},wn=[`src`],Tn={class:`flex flex-col justify-center px-2`},En={class:`p-2 w-[30%]`},Dn={class:`p-2 w-[18%] group`},On={class:`text-center text-sm text-muted-foreground bg-accent dark:bg-border p-3 -mx-6 -mb-6 rounded-b-lg`},kn={key:0},An=(0,i.defineComponent)({__name:`VariantList`,props:{options:{type:Object,required:!0},modelValue:{type:Array,required:!0},hide:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,o=n,s=(0,i.computed)({get(){return r.modelValue},set(e){o(`update:modelValue`,e)}}),c=(0,i.inject)(`sources`),l=(0,i.ref)(``),u=(0,i.ref)(``),d=(0,i.ref)(!1),f=(0,i.ref)([]),p=(0,i.ref)({}),m=()=>{Object.keys(r.options).length>0&&(u.value=Object.keys(r.options)[0])};(0,i.watch)(()=>r.options,()=>{u.value===``&&m()},{immediate:!0,deep:!0}),(0,i.watch)(p,e=>{h()},{deep:!0}),(0,i.watch)(()=>r.hide,e=>{e||(m(),h())});function h(){if(!p.value){s.value=[];return}let e=[];Object.keys(p.value)?.forEach(t=>{e.push({combinedOptions:t,name:v(t),disabled:!1,price:p.value[t].price,stock:p.value[t].stock,image:p.value[t].image,options:y(t)})}),s.value=e.filter(e=>e.options?.length===Object.keys(r.options).length&&e.options?.every(e=>Object.entries(r.options).find(([t,n])=>n.id===e.optionId)))}function g(e){return e.reduce((e,t)=>e.flatMap(e=>t.map(t=>[...e,t])),[[]])}function _(e){return e.slice().sort((e,t)=>e.optionId.localeCompare(t.optionId)).map(({optionId:e,valueId:t})=>`${e}:${t}`).join(`|`)}let v=e=>e.split(`|`).map(e=>{let[t,n]=e.split(`:`);return{optionId:t,valueId:n}}).map(e=>(r.options?.[e.optionId])?.values?.find(t=>t.id===e.valueId)?.value||``).join(` `),y=e=>e.split(`|`).map(e=>{let[t,n]=e.split(`:`);return{optionId:t,valueId:n}}).map(e=>{let t=r.options?.[e.optionId],n=t?.values?.find(t=>t.id===e.valueId);return{optionId:t?.id,option:t?.name,valueId:n?.id,value:n?.value}}),b=(0,i.computed)(()=>g(Object.values(r.options).map(e=>e.values.map(t=>({optionId:e.id,optionName:e.name,valueId:t.id,value:t.value})))).map(e=>{let t=_(e);return p.value[t]||(p.value[t]={price:0,stock:0}),{key:t,options:e,...p.value[t]}})),x=(0,i.computed)(()=>{let e=[...b.value];return l.value&&(e=e.filter(e=>e.options?.find(e=>e.value.toLowerCase().includes(l.value.toLowerCase())))),e}),ee=(e,t)=>{let n=x.value.filter(e=>e.options?.find(e=>e.optionId===u.value)?.valueId===t);n&&n.forEach(t=>{p.value[_(t.options)].image=e})},S=e=>b.value.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e).every(e=>!e.image),C=e=>{let t=b.value.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e);return t.filter((e,n)=>e.image&&t.findIndex(t=>t.image===e.image)===n).length===1},w=e=>b.value.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e).filter(e=>e.image)[0]?.image,te=e=>b.value.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e).filter(e=>e.image)[1]?.image,ne=e=>{let t=b.value.filter(t=>t.options?.find(t=>t.valueId===e));if(t.length===0)return`0`;let n=t.map(e=>e.price);return Math.min(...n)===Math.max(...n)?n[0]?.toString()||`0`:`${Math.min(...n)} - ${Math.max(...n)}`},T=e=>b.value.filter(t=>t.options?.find(t=>t.valueId===e)).reduce((e,t)=>t.stock>0?e+t.stock:e,0),E=e=>b.value.filter(t=>t.options?.find(t=>t.valueId===e)).reduce((e,t)=>t.stock<0?e+t.stock:e,0),re=()=>{let e=0;return r.options?.[u.value]?.values?.forEach(t=>{e+=T(t.id)}),e},ie=()=>{let e=0;return r.options?.[u.value]?.values?.forEach(t=>{e+=E(t.id)}),e},D=(0,i.ref)(null),O=(0,i.ref)(``),ae=async(e,t)=>{e.preventDefault();let n=x?.value?.filter(e=>e.options?.find(e=>e.optionId===u.value)?.valueId===t.id).map(e=>e.price),r=n.length===0?!0:n.every(e=>e===n[0]);D.value=t.id,O.value=r?n[0].toString():``,await(0,i.nextTick)(),document.getElementById(`variant-price-${t.id}`)?.focus(),document.getElementById(`variant-price-${t.id}`)?.select()},oe=e=>{k(e),D.value=null,O.value=``},k=e=>{if(O.value.trim()&&Number(O.value.trim().replace(`,`,`.`))>0){let t=Number(O.value.trim().replace(`,`,`.`));x?.value?.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e).forEach(e=>{p.value[_(e.options)].price=t})}};return(0,i.onMounted)(()=>{m()}),t({setVariantMap:e=>{p.value=e.reduce((e,t)=>(e[t.combinedOptions]={price:t.price,stock:t.stock,image:t.image},e),{})},refreshVariants:h}),(t,n)=>{let r=(0,i.resolveComponent)(`SelectValue`),o=(0,i.resolveComponent)(`SelectTrigger`),s=(0,i.resolveComponent)(`SelectItem`),m=(0,i.resolveComponent)(`SelectContent`),h=(0,i.resolveComponent)(`Select`),g=(0,i.resolveComponent)(`Button`),v=(0,i.resolveComponent)(`Input`),y=(0,i.resolveComponent)(`PopoverTrigger`),b=(0,i.resolveComponent)(`RadioGroupItem`),E=(0,i.resolveComponent)(`Label`),A=(0,i.resolveComponent)(`RadioGroup`),j=(0,i.resolveComponent)(`PopoverContent`),M=(0,i.resolveComponent)(`Popover`),N=(0,i.resolveComponent)(`Checkbox`),P=(0,i.resolveComponent)(`TooltipTrigger`),F=(0,i.resolveComponent)(`TooltipContent`),I=(0,i.resolveComponent)(`Tooltip`),L=(0,i.resolveComponent)(`MediaPickerDialog`),R=(0,i.resolveComponent)(`NumberFieldInput`),z=(0,i.resolveComponent)(`NumberFieldContent`),B=(0,i.resolveComponent)(`NumberField`),se=(0,i.resolveComponent)(`NumberFieldDecrement`),V=(0,i.resolveComponent)(`NumberFieldIncrement`);return e.hide?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ut,[(0,i.createElementVNode)(`div`,Wt,[Object.keys(e.options).length>1?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Gt,[n[13]||=(0,i.createElementVNode)(`p`,null,`Group by`,-1),(0,i.createVNode)(h,{modelValue:u.value,"onUpdate:modelValue":n[0]||=e=>u.value=e},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,{size:`sm`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{placeholder:`Option`})]),_:1}),(0,i.createVNode)(m,null,{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.options,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})]),_:1},8,[`modelValue`])])):(0,i.createCommentVNode)(``,!0),d.value?((0,i.openBlock)(),(0,i.createBlock)(g,{key:2,variant:`outline`,onClick:n[2]||=e=>d.value=!1,size:`sm`,class:`ml-auto`},{default:(0,i.withCtx)(()=>[...n[14]||=[(0,i.createTextVNode)(` Cancel `,-1)]]),_:1})):((0,i.openBlock)(),(0,i.createBlock)(g,{key:1,variant:`outline`,onClick:n[1]||=e=>d.value=!0,size:`sm`,class:`ml-auto`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Search),{class:`size-4`}),(0,i.createVNode)((0,i.unref)(a.ListFilter),{class:`size-4`})]),_:1}))]),d.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Kt,[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`relative`,{"mb-4":Object.keys(e.options).length>0}])},[(0,i.createVNode)(v,{placeholder:`Search`,class:`pl-10`,modelValue:l.value,"onUpdate:modelValue":n[3]||=e=>l.value=e},null,8,[`modelValue`]),(0,i.createVNode)((0,i.unref)(a.Search),{class:`size-4 absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none`})],2),(0,i.createElementVNode)(`div`,qt,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.options,e=>((0,i.openBlock)(),(0,i.createBlock)(M,{key:e.id},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(y,{asChild:``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(g,{variant:`outline`,size:`sm`,class:`border-dashed`},{default:(0,i.withCtx)(()=>[e.groupBy?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(e.name)+` is `+(0,i.toDisplayString)(e.values.find(t=>t.id===e.groupBy)?.value)+` `,1),(0,i.createElementVNode)(`div`,{class:`p-2`,onClick:(0,i.withModifiers)(t=>e.groupBy=``,[`stop`])},[(0,i.createVNode)((0,i.unref)(a.X),{class:`size-3`})],8,Jt)],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createTextVNode)((0,i.toDisplayString)(e.name)+` `,1),(0,i.createVNode)((0,i.unref)(a.ChevronDown),{class:`size-3`})],64))]),_:2},1024)]),_:2},1024),(0,i.createVNode)(j,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(A,{modelValue:e.groupBy,"onUpdate:modelValue":t=>e.groupBy=t,class:`mb-4`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.values,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`flex items-center space-x-2`,key:e.id},[(0,i.createVNode)(b,{id:e.id,value:e.id,class:`border-ring`},null,8,[`id`,`value`]),(0,i.createVNode)(E,{for:e.id},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.value),1)]),_:2},1032,[`for`])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),(0,i.createVNode)(g,{variant:`ghost`,onClick:t=>e.groupBy=``,size:`sm`,class:`ml-auto`,disabled:!e.groupBy},{default:(0,i.withCtx)(()=>[...n[15]||=[(0,i.createTextVNode)(` Clear `,-1)]]),_:1},8,[`onClick`,`disabled`])]),_:2},1024)]),_:2},1024))),128))])])):(0,i.createCommentVNode)(``,!0),u.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`table`,Yt,[(0,i.createElementVNode)(`thead`,Xt,[(0,i.createElementVNode)(`tr`,null,[(0,i.createElementVNode)(`th`,Zt,[(0,i.createVNode)(N,{class:`border-muted-foreground translate-y-0.5`})]),(0,i.createElementVNode)(`th`,Qt,[(0,i.createElementVNode)(`div`,$t,[n[16]||=(0,i.createElementVNode)(`span`,null,`Variant`,-1),n[17]||=(0,i.createElementVNode)(`span`,null,`·`,-1),f.value.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:0,class:`hover:underline cursor-pointer`,onClick:n[4]||=e=>f.value=[]},`Collapse all`)):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:1,class:`hover:underline cursor-pointer`,onClick:n[5]||=t=>f.value=e.options[u.value].values.map(e=>e.id)},`Expand all`))])]),n[20]||=(0,i.createElementVNode)(`th`,{class:`z-[101] sticky -top-4 py-2 font-normal bg-accent dark:bg-border`},`Price`,-1),(0,i.createElementVNode)(`th`,en,[(0,i.createVNode)(I,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(P,{class:`underline decoration-dashed underline-offset-4`},{default:(0,i.withCtx)(()=>[...n[18]||=[(0,i.createTextVNode)(`Available`,-1)]]),_:1}),(0,i.createVNode)(F,null,{default:(0,i.withCtx)(()=>[...n[19]||=[(0,i.createElementVNode)(`p`,null,`Inventory at your store that can be sold.`,-1)]]),_:1})]),_:1})])])]),(0,i.createElementVNode)(`tbody`,tn,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.options[u.value].values,e=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:e.id},[(0,i.createElementVNode)(`tr`,{class:`hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input`,onClick:t=>f.value.includes(e.id)?f.value.splice(f.value.indexOf(e.id),1):f.value.push(e.id)},[(0,i.createElementVNode)(`td`,rn,[(0,i.createVNode)(N,{class:`border-muted-foreground translate-y-0.5`,onClick:n[6]||=(0,i.withModifiers)(()=>{},[`stop`])})]),(0,i.createElementVNode)(`td`,an,[(0,i.createElementVNode)(`div`,on,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(L,{sources:(0,i.unref)(c),maxFiles:1,"initial-value":S(e.id)?[]:C(e.id)?[w(e.id)]:[w(e.id),te(e.id)],onSubmit:t=>ee(t,e.id)},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{onClick:n[7]||=(0,i.withModifiers)(()=>{},[`stop`]),tabindex:`-1`,class:`cursor-pointer`},[S(e.id)?((0,i.openBlock)(),(0,i.createBlock)(g,{key:0,variant:`outline`,class:`size-15 border-dashed cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ImagePlus))]),_:1})):C(e.id)?((0,i.openBlock)(),(0,i.createElementBlock)(`img`,{key:1,src:w(e.id),class:`size-15 rounded-md object-cover`,draggable:`false`},null,8,sn)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,cn,[(0,i.createElementVNode)(`img`,{src:te(e.id),class:`absolute rotate-[12deg] size-15 rounded-md object-cover`,draggable:`false`},null,8,ln),(0,i.createElementVNode)(`img`,{src:w(e.id),class:`relative size-15 rounded-md shadow object-cover`,draggable:`false`},null,8,un)]))])]),_:2},1032,[`sources`,`initial-value`,`onSubmit`])]),(0,i.createElementVNode)(`div`,dn,[(0,i.createElementVNode)(`p`,fn,(0,i.toDisplayString)(e.value),1),(0,i.createElementVNode)(`button`,pn,[(0,i.createTextVNode)((0,i.toDisplayString)(x.value?.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e.id).length)+` variants `,1),(0,i.createVNode)((0,i.unref)(a.ChevronDown),{class:(0,i.normalizeClass)([`size-3 transition-transform duration-200`,f.value.includes(e.id)?`rotate-180`:``])},null,8,[`class`])])])])]),(0,i.createElementVNode)(`td`,mn,[(0,i.createElementVNode)(`div`,hn,[(0,i.createVNode)(I,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(P,{class:`w-full`,asChild:``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(v,{id:`variant-price-${e.id}`,modelValue:O.value,"onUpdate:modelValue":n[8]||=e=>O.value=e,class:(0,i.normalizeClass)([`dark:bg-transparent dark:border-ring/50 text-center`,D.value===e.id?``:`text-transparent`]),onClick:n[9]||=(0,i.withModifiers)(()=>{},[`stop`]),onFocus:t=>ae(t,e),onBlur:t=>oe(e.id),onKeydown:(0,i.withKeys)(t=>k(e.id),[`enter`])},null,8,[`id`,`modelValue`,`class`,`onFocus`,`onBlur`,`onKeydown`])]),_:2},1024),(0,i.createVNode)(F,null,{default:(0,i.withCtx)(()=>[x.value?.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e.id).length===1?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,gn,`Applies to 1 variant`)):((0,i.openBlock)(),(0,i.createElementBlock)(`p`,_n,`Applies to all `+(0,i.toDisplayString)(x.value?.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e.id).length)+` variants`,1))]),_:2},1024)]),_:2},1024),D.value===e.id?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,vn,(0,i.toDisplayString)(ne(e.id)),1))])]),(0,i.createElementVNode)(`td`,yn,[(0,i.createVNode)(I,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(P,{class:`w-full focus-visible:outline-none`,onClick:n[10]||=(0,i.withModifiers)(()=>{},[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(B,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(z,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(R,{value:T(e.id),class:`dark:border-ring/50`,disabled:``},null,8,[`value`])]),_:2},1024)]),_:2},1024)]),_:2},1024),(0,i.createVNode)(F,null,{default:(0,i.withCtx)(()=>[...n[21]||=[(0,i.createElementVNode)(`p`,null,`Update for individual variants only`,-1)]]),_:1})]),_:2},1024)])],8,nn),f.value.includes(e.id)?((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,{key:0},(0,i.renderList)(x.value?.filter(t=>t.options?.find(e=>e.optionId===u.value)?.valueId===e.id),e=>((0,i.openBlock)(),(0,i.createElementBlock)(`tr`,{key:e.id,class:`hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input`},[(0,i.createElementVNode)(`td`,bn,[(0,i.createElementVNode)(`div`,xn,[(0,i.createVNode)(N,{class:`border-muted-foreground translate-y-0.5`,onClick:n[11]||=(0,i.withModifiers)(()=>{},[`stop`])})])]),(0,i.createElementVNode)(`td`,Sn,[(0,i.createElementVNode)(`div`,Cn,[(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(L,{sources:(0,i.unref)(c),maxFiles:1,"initial-value":p.value[_(e.options)].image?[p.value[_(e.options)].image]:[],onSubmit:t=>p.value[_(e.options)].image=t},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{onClick:n[12]||=(0,i.withModifiers)(()=>{},[`stop`]),tabindex:`-1`,class:`cursor-pointer`},[p.value[_(e.options)].image?((0,i.openBlock)(),(0,i.createElementBlock)(`img`,{key:0,src:p.value[_(e.options)].image,class:`size-10 object-cover rounded-md`,draggable:`false`},null,8,wn)):((0,i.openBlock)(),(0,i.createBlock)(g,{key:1,variant:`outline`,class:`size-10 border-dashed cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ImagePlus))]),_:1}))])]),_:2},1032,[`sources`,`initial-value`,`onSubmit`])]),(0,i.createElementVNode)(`div`,Tn,[(0,i.createElementVNode)(`p`,null,(0,i.toDisplayString)(e.options.filter(e=>e.optionId!==u.value).map(e=>e.value).join(` / `)),1)])])]),(0,i.createElementVNode)(`td`,En,[(0,i.createVNode)(B,{"format-options":{style:`currency`,currency:`EUR`,currencyDisplay:`symbol`,currencySign:`standard`},modelValue:p.value[_(e.options)].price,"onUpdate:modelValue":t=>p.value[_(e.options)].price=t,min:0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(z,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(R,{class:`dark:border-ring/50`})]),_:1})]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]),(0,i.createElementVNode)(`td`,Dn,[(0,i.createVNode)(B,{modelValue:p.value[_(e.options)].stock,"onUpdate:modelValue":t=>p.value[_(e.options)].stock=t},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(z,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(se,{class:`group-hover:opacity-100 opacity-0 transition-opacity duration-200`}),(0,i.createVNode)(R,{class:`dark:border-ring/50`}),(0,i.createVNode)(V,{class:`group-hover:opacity-100 opacity-0 transition-opacity duration-200`})]),_:1})]),_:1},8,[`modelValue`,`onUpdate:modelValue`])])]))),128)):(0,i.createCommentVNode)(``,!0)],64))),128))])]),(0,i.createElementVNode)(`div`,On,[(0,i.createTextVNode)(` Total inventory at Webshop: `+(0,i.toDisplayString)(re())+` `,1),ie()<0?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,kn,`(`+(0,i.toDisplayString)(ie())+`)`,1)):(0,i.createCommentVNode)(``,!0),n[22]||=(0,i.createTextVNode)(` available `,-1)])],64)):(0,i.createCommentVNode)(``,!0)]))}}}),jn=(0,i.defineComponent)({__name:`Variants`,setup(e){let{params:t}=(0,r.useModuleRoute)(),{value:a}=n.l(`options`),{value:o}=n.l(`variants`),s=(0,i.ref)([]),c=(0,i.ref)([]),l=(0,i.useTemplateRef)(`optionsEl`),u=(0,i.useTemplateRef)(`variantsEl`);(0,i.watch)(s,async e=>{a.value=e?JSON.parse(JSON.stringify(e)):[],await(0,i.nextTick)(),u.value?.refreshVariants()},{deep:!0}),(0,i.watch)(c,e=>{o.value=e?JSON.parse(JSON.stringify(e)):[]},{deep:!0});let d=(0,i.ref)(!1),f=(0,i.ref)(!1);(0,i.watch)(a,async e=>{t.value.productId==`new`||!e||Array.isArray(e)&&e.length===0||d.value||(d.value=!0,s.value=JSON.parse(JSON.stringify(e)),await(0,i.nextTick)(),e.length>1&&l.value?.minifyAll())},{deep:!0,immediate:!0}),(0,i.watch)(o,async e=>{t.value.productId==`new`||!e||Array.isArray(e)&&e.length===0||f.value||(f.value=!0,c.value=JSON.parse(JSON.stringify(e)),await(0,i.nextTick)(),u.value?.setVariantMap(e))},{deep:!0,immediate:!0});let p=(0,i.computed)(()=>{let e=s.value||[],t={};return!e||!Array.isArray(e)||e.forEach(e=>{!e.name.trim()||e.values?.filter(e=>e.value.trim()!==``)?.length===0||(t[e.id]={id:e.id,name:e.name,values:e.values?.map(e=>({id:e.id,value:e.value}))?.filter(e=>e.value.trim()!==``)||[]})}),t});return(e,t)=>{let n=(0,i.resolveComponent)(`CardContent`),r=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(r,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,null,{default:(0,i.withCtx)(()=>[t[2]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Variants`,-1),(0,i.createVNode)(Ht,{modelValue:s.value,"onUpdate:modelValue":t[0]||=e=>s.value=e,ref_key:`optionsEl`,ref:l},null,8,[`modelValue`]),(0,i.createVNode)(An,{ref_key:`variantsEl`,ref:u,options:p.value,modelValue:c.value,"onUpdate:modelValue":t[1]||=e=>c.value=e,hide:Object.keys(p.value).length===0},null,8,[`options`,`modelValue`,`hide`])]),_:1})]),_:1})}}}),Mn={class:`bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4`},Nn={class:`flex items-center gap-2 mb-2`},Pn=[`src`],Fn={class:`text-[#1a0dab] text-lg`},In={class:`text-[#006621] text-[13px]`},Ln={class:`text-[#545454] text-[13px]`},Rn={class:`flex flex-col gap-4 mb-4`},zn={class:`flex flex-col`},Bn={key:0,class:`text-red-500 text-sm mt-1`},Vn={class:`flex flex-col gap-4 mb-4`},Hn={class:`flex flex-col`},Un={key:0,class:`text-red-500 text-sm mt-1`},Wn={class:`flex flex-col gap-4`},Gn={class:`flex flex-col`},Kn={class:`flex gap-2`},qn={key:0,class:`text-red-500 text-sm mt-1`},Jn={key:1,class:`text-[#545454] text-[13px]`},Yn={key:2,class:`text-orange-500 text-[13px]`},Xn=(0,i.defineComponent)({__name:`SEO`,setup(e){let{errors:r}=n.d(),{value:a}=n.l(`title`),{value:o}=n.l(`slug`),{value:s}=n.l(`seo`);function c(e){return e?e.normalize(`NFD`).replace(/[̀-ͯ]/g,``).toLowerCase().replace(/[^\w\s-]/g,``).trim().replace(/[-\s]+/g,`-`):``}return(0,i.watch)(a,(e,t)=>{(!o.value||c(t)===o.value)&&(o.value=c(e)),(!s.value.title||t===s.value.title)&&(s.value.title=e)}),(e,n)=>{let a=(0,i.resolveComponent)(`Label`),c=(0,i.resolveComponent)(`Input`),l=(0,i.resolveComponent)(`Textarea`),u=(0,i.resolveComponent)(`ProgressCircle`),d=(0,i.resolveComponent)(`CardContent`),f=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(f,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[n[7]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Search engine listing`,-1),(0,i.createElementVNode)(`div`,Mn,[(0,i.createElementVNode)(`div`,Nn,[(0,i.createElementVNode)(`img`,{src:(0,i.unref)(t.t),alt:`Google`,class:`w-16 pointer-events-none`,draggable:`false`},null,8,Pn),n[3]||=(0,i.createElementVNode)(`span`,{class:`text-[#4186f5] font-medium text-xs`},`Preview`,-1)]),(0,i.createElementVNode)(`p`,Fn,(0,i.toDisplayString)((0,i.unref)(s).title),1),(0,i.createElementVNode)(`p`,In,(0,i.toDisplayString)((0,i.unref)(o)),1),(0,i.createElementVNode)(`p`,Ln,(0,i.toDisplayString)((0,i.unref)(s).description?.slice(0,155))+(0,i.toDisplayString)((0,i.unref)(s).description?.length>155?` ...`:``),1)]),(0,i.createElementVNode)(`div`,Rn,[(0,i.createElementVNode)(`div`,zn,[(0,i.createVNode)(a,{for:`slug`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createTextVNode)(`Slug`,-1)]]),_:1}),(0,i.createVNode)(c,{id:`slug`,placeholder:`t-shirt-with-red-heart`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":n[0]||=e=>(0,i.isRef)(o)?o.value=e:null},null,8,[`modelValue`]),(0,i.unref)(r).slug?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Bn,(0,i.toDisplayString)((0,i.unref)(r).slug),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,Vn,[(0,i.createElementVNode)(`div`,Hn,[(0,i.createVNode)(a,{for:`meta-title`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[5]||=[(0,i.createTextVNode)(`Title`,-1)]]),_:1}),(0,i.createVNode)(c,{id:`meta-title`,placeholder:`T-shirt with red heart`,modelValue:(0,i.unref)(s).title,"onUpdate:modelValue":n[1]||=e=>(0,i.unref)(s).title=e},null,8,[`modelValue`]),(0,i.unref)(r).seo?.title?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Un,(0,i.toDisplayString)((0,i.unref)(r).seo.title),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,Wn,[(0,i.createElementVNode)(`div`,Gn,[(0,i.createVNode)(a,{for:`meta-description`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[6]||=[(0,i.createTextVNode)(`Description`,-1)]]),_:1}),(0,i.createVNode)(l,{id:`meta-description`,placeholder:`Lovely T-shirt featuring a red heart`,modelValue:(0,i.unref)(s).description,"onUpdate:modelValue":n[2]||=e=>(0,i.unref)(s).description=e,class:`mb-2 resize-none`},null,8,[`modelValue`]),(0,i.createElementVNode)(`div`,Kn,[(0,i.createVNode)(u,{progress:((0,i.unref)(s).description?.length??0)/155},null,8,[`progress`]),(0,i.unref)(r).seo?.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,qn,(0,i.toDisplayString)((0,i.unref)(r).seo.description),1)):(0,i.unref)(s).description?.length<155?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Jn,(0,i.toDisplayString)((0,i.unref)(s).description.length)+` characters`,1)):((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Yn,`Please keep it under 155 characters`))])])])]),_:1})]),_:1})}}}),Zn=(0,i.defineComponent)({__name:`NewSection`,setup(e){return(e,t)=>{let n=(0,i.resolveComponent)(`Button`),r=(0,i.resolveComponent)(`CardContent`),o=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[t[3]||=(0,i.createElementVNode)(`hr`,{class:`my-4`},null,-1),(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[t[1]||=(0,i.createElementVNode)(`h2`,{class:`text-lg font-medium`},`New Section`,-1),t[2]||=(0,i.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mb-4`},`As an admin, you can define new sections within the product detail page.`,-1),(0,i.createVNode)(n,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Plus),{class:`size-4`}),t[0]||=(0,i.createTextVNode)(` Create new section `,-1)]),_:1})]),_:1})]),_:1})],64)}}}),Qn={class:`flex items-center gap-2`},$n={key:0,class:`size-3 rounded-full bg-green-500`},er={key:1,class:`size-3 rounded-full bg-blue-500`},tr={key:2,class:`size-3 rounded-full bg-gray-300`},nr=(0,i.defineComponent)({__name:`Status`,setup(e){let{errors:t}=n.d(),{value:r}=n.l(`status`);return(e,t)=>{let n=(0,i.resolveComponent)(`SelectValue`),a=(0,i.resolveComponent)(`SelectTrigger`),o=(0,i.resolveComponent)(`SelectItem`),s=(0,i.resolveComponent)(`SelectGroup`),c=(0,i.resolveComponent)(`SelectContent`),l=(0,i.resolveComponent)(`Select`),u=(0,i.resolveComponent)(`CardContent`),d=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(d,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,null,{default:(0,i.withCtx)(()=>[t[4]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Status`,-1),(0,i.createVNode)(l,{modelValue:(0,i.unref)(r),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(r)?r.value=e:null,class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(a,{class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Qn,[(0,i.unref)(r)===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,$n)):(0,i.unref)(r)===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,er)):(0,i.unref)(r)===`archived`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,tr)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(n,{placeholder:`Status`})])]),_:1}),(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,{value:`published`},{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createElementVNode)(`span`,{class:`size-3 rounded-full bg-green-500`},null,-1),(0,i.createTextVNode)(` Published `,-1)]]),_:1}),(0,i.createVNode)(o,{value:`draft`},{default:(0,i.withCtx)(()=>[...t[2]||=[(0,i.createElementVNode)(`span`,{class:`size-3 rounded-full bg-blue-500`},null,-1),(0,i.createTextVNode)(` Draft `,-1)]]),_:1}),(0,i.createVNode)(o,{value:`archived`},{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createElementVNode)(`span`,{class:`size-3 rounded-full bg-gray-300`},null,-1),(0,i.createTextVNode)(` Archived `,-1)]]),_:1})]),_:1})]),_:1})]),_:1},8,[`modelValue`])]),_:1})]),_:1})}}}),rr={class:`flex items-center gap-2 truncate`},ir=(0,i.defineComponent)({__name:`Collections`,props:{config:{type:Object,required:!0}},setup(e){let t=e,a=(0,r.useFirebaseIntegration)(t.config.project),o=async()=>{if(!t.config.collectionsCollection)return[];let e=t.config.collectionsCollection.split(`:`);return e.length===2&&(await a.get(e[0]))?.[e[1]]||[]},s=(0,i.ref)([]);(async()=>{s.value=await o()})();let{errors:c}=n.d(),{value:l}=n.l(`collections`);return(e,t)=>{let n=(0,i.resolveComponent)(`SelectValue`),r=(0,i.resolveComponent)(`SelectTrigger`),a=(0,i.resolveComponent)(`SelectLabel`),o=(0,i.resolveComponent)(`SelectItem`),c=(0,i.resolveComponent)(`SelectGroup`),u=(0,i.resolveComponent)(`SelectContent`),d=(0,i.resolveComponent)(`Select`),f=(0,i.resolveComponent)(`CardContent`),p=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(p,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(f,null,{default:(0,i.withCtx)(()=>[t[5]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Collections`,-1),(0,i.createVNode)(d,{modelValue:(0,i.unref)(l),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(l)?l.value=e:null,class:`w-full`,multiple:!0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,rr,[(0,i.createVNode)(n,{placeholder:`Collections`})])]),_:1}),(0,i.createVNode)(u,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(a,null,{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createTextVNode)(`Active collections`,-1)]]),_:1}),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.filter(e=>e.status===`published`),e=>((0,i.openBlock)(),(0,i.createBlock)(o,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[t[2]||=(0,i.createElementVNode)(`div`,{class:`size-2 rounded-full bg-green-500`},null,-1),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)]),_:2},1032,[`value`]))),128))]),_:1}),(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(a,null,{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`Drafts`,-1)]]),_:1}),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.filter(e=>e.status===`draft`),e=>((0,i.openBlock)(),(0,i.createBlock)(o,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[t[4]||=(0,i.createElementVNode)(`div`,{class:`size-2 rounded-full bg-blue-500`},null,-1),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(e.title),1)]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})]),_:1},8,[`modelValue`])]),_:1})]),_:1})}}}),ar={class:`relative @container`},or={class:`flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6`},sr={class:`flex items-center`},cr={class:`text-lg font-semibold mx-2`},lr={key:0,class:`bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs`},ur={key:1,class:`bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs`},dr={key:2,class:`bg-gray-300 dark:bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs`},fr={class:`flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24`},pr={class:`flex flex-col gap-4 w-full @3xl:w-2/3`},mr={class:`flex flex-col gap-4 w-full @3xl:w-1/3`},hr={key:0,class:`fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]`},gr={class:`w-full max-w-5xl flex items-center justify-end mx-auto`},_r=(0,i.defineComponent)({__name:`Detail`,props:{config:{type:Object,required:!0}},async setup(t){let o,s,c=t,{hasPermission:l,hasAnyPermission:u,isAdmin:d}=(0,r.useModulePermissions)(),{params:f,navigateTo:p}=(0,r.useModuleRoute)(),{confirm:m}=(0,r.useConfirmation)(),h=(0,r.useFirebaseIntegration)(c.config.project);(0,i.provide)(`sources`,c.config.allowedMediaSources),(0,i.provide)(`defaultSource`,c.config.defaultUploadMediaSource);let _=(0,i.ref)(!1),v=(0,i.computed)(()=>!f.value.productId||f.value.productId===`new`),y=(0,i.ref)(``),b=(0,i.ref)([]);b.value=([o,s]=(0,i.withAsyncContext)(()=>M()),o=await o,s(),o);let{handleSubmit:x,errors:ee,values:S,setValues:C}=n.u({validationSchema:n.t(n.o({title:n.c().min(1,`Title is required`),description:n.c().optional(),media:n.n(n.c()).optional(),price:n.i.number().positive(`Must be positive`),compareAtPrice:n.s(e=>e===``?void 0:e,n.i.number().positive(`Must be positive`).optional()),isTaxable:n.r().optional(),costPerItem:n.s(e=>e===``?void 0:e,n.i.number().positive(`Must be positive`).optional()),currency:n.c(),stock:n.s(e=>e===``?void 0:e,n.i.number().optional()),trackInventory:n.r().optional(),allowBackorder:n.r().optional(),isPhysicalProduct:n.r().optional(),weight:n.s(e=>e===``?void 0:e,n.i.number().optional()),weightUnit:n.c().optional(),slug:n.c(),seo:n.o({title:n.c().optional(),description:n.c().optional()}).optional(),createdAt:n.a(),updatedAt:n.a(),status:n.c(),options:n.n(n.o({id:n.c(),name:n.c().min(1),values:n.n(n.o({id:n.c(),value:n.c()}))})).optional(),variants:n.n(n.o({combinedOptions:n.c().min(1),name:n.c().min(1),disabled:n.r().optional(),price:n.i.number().positive(`Must be positive`),stock:n.s(e=>e===``?void 0:e,n.i.number().optional()),image:n.c().optional(),options:n.n(n.o({optionId:n.c(),option:n.c(),valueId:n.c(),value:n.c()}))})).optional(),tags:n.n(n.c()).optional(),collections:n.n(n.c()).optional()})),initialValues:{createdAt:new Date,updatedAt:new Date,status:`draft`,options:[],variants:[],media:[],isTaxable:!1,trackInventory:!1,allowBackorder:!1,isPhysicalProduct:!0,weight:0,weightUnit:`kg`,tags:[],collections:[],currency:c.config.defaultCurrency||`USD`,price:1,stock:0,seo:{title:``,description:``}}});(0,r.useModuleBreadcrumbs)(()=>[{text:v.value?`New Product`:S.title||`Product`}]);let w=e=>{let t={...e,maxPrice:te(),minPrice:T(),maxCompareAtPrice:re(),minCompareAtPrice:E(),isSingleVariant:!e.variants||e.variants.length===0,variantsTotal:e.variants?.length||1,stock:ie(),featuredMedia:e.media?.[0]};return t.isPhysicalProduct?t.type=`physical`:(t.weight=0,t.weightUnit=`kg`,t.type=`digital`),t},te=()=>!S.variants||S.variants.length===0?S.price:Math.max(...S.variants.map(e=>e.price)),T=()=>!S.variants||S.variants.length===0?S.price:Math.min(...S.variants.map(e=>e.price)),E=()=>S.compareAtPrice,re=()=>S.compareAtPrice,ie=()=>!S.variants||S.variants.length===0?S.stock:S.variants.reduce((e,t)=>t.stock<0?e:e+t.stock,0),O=x(async t=>{_.value=!0;let n=w(t);if(v.value){if(await N(n.slug)){e.t.error(`Product slug already exists`);return}n.createdAt=new Date,n.updatedAt=new Date,p((await h.add(c.config.productCollection,n)).id),e.t.success(`Product created`)}else{if(y.value!==n.slug&&await N(n.slug)){e.t.error(`Product slug already exists`);return}n.updatedAt=new Date,await h.update(c.config.productCollection,f.value.productId,n),p(`${f.value.productId}`),e.t.success(`Product updated`)}_.value=!1}),ae=async()=>{let t=await h.get(c.config.productCollection,f.value.productId);if(!t){e.t.error(`Product not found`),p(``);return}t.createdAt=new Date(t.createdAt),t.updatedAt=new Date(t.updatedAt),t.options?.forEach(e=>{e.values.forEach(e=>{e.touched=!0}),e.values.push({id:Math.random().toString(36).substring(2,15),value:``})}),C(t),y.value=t.slug},k=async()=>{try{let t={...S},n=t.slug+`-copy`,r=2;for(;await N(n);)n=t.slug+`-copy-`+r,r++;t.id=void 0,t.createdAt=new Date,t.updatedAt=new Date,t.slug=n,t.status=`draft`,t.title+=` (copy)`,p((await h.add(c.config.productCollection,t)).id),e.t.success(`Product duplicated`)}catch{e.t.error(`Failed to duplicate product`)}},A=async()=>{try{await h.update(c.config.productCollection,f.value.productId,{status:`archived`}),C({status:`archived`},{force:!1}),e.t.success(`Product archived`)}catch{e.t.error(`Failed to archive product`)}},j=async()=>{if(await m(`Are you sure you want to delete this product?`))try{await h.remove(c.config.productCollection,f.value.productId),p(``),e.t.success(`Product deleted`)}catch{e.t.error(`Failed to delete product`)}};async function M(){if(!c.config.collectionsCollection)return[];let e=c.config.collectionsCollection.split(`:`);return e.length===2&&(await h.get(e[0]))?.[e[1]]||[]}async function N(e){return(await h.find(c.config.productCollection,{filters:[{field:`slug`,operator:`==`,value:e}]})).length>0}return(0,i.onMounted)(()=>{v.value||ae()}),(e,n)=>{let r=(0,i.resolveComponent)(`Button`),o=(0,i.resolveComponent)(`MenubarTrigger`),s=(0,i.resolveComponent)(`MenubarMenu`),c=(0,i.resolveComponent)(`MenubarItem`),f=(0,i.resolveComponent)(`MenubarContent`),m=(0,i.resolveComponent)(`Menubar`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ar,[(0,i.createElementVNode)(`div`,or,[(0,i.createElementVNode)(`div`,sr,[(0,i.createVNode)(r,{variant:`ghost`,onClick:n[0]||=e=>(0,i.unref)(p)(``)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Tag),{class:`size-4`})]),_:1}),(0,i.createVNode)((0,i.unref)(a.ChevronRight),{class:`size-3`}),(0,i.createElementVNode)(`h1`,cr,(0,i.toDisplayString)(v.value?`New Product`:(0,i.unref)(S).title),1),(0,i.unref)(S).status===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,lr,`Published`)):(0,i.unref)(S).status===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ur,`Draft`)):(0,i.unref)(S).status===`archived`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,dr,`Archived`)):(0,i.createCommentVNode)(``,!0)]),v.value?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createBlock)(m,{key:0,class:`rounded-lg shadow-xs`},{default:(0,i.withCtx)(()=>[(0,i.unref)(l)(`create-product`)?((0,i.openBlock)(),(0,i.createBlock)(s,{key:0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,{onClick:k},{default:(0,i.withCtx)(()=>[...n[1]||=[(0,i.createTextVNode)(`Duplicate`,-1)]]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[...n[2]||=[(0,i.createTextVNode)(`Preview`,-1)]]),_:1})]),_:1}),(0,i.unref)(u)(`edit-product`,`delete-product`)?((0,i.openBlock)(),(0,i.createBlock)(s,{key:1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[...n[3]||=[(0,i.createTextVNode)(`More actions`,-1)]]),_:1}),(0,i.createVNode)(f,null,{default:(0,i.withCtx)(()=>[(0,i.unref)(l)(`edit-product`)?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,onClick:A},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Archive),{class:`size-4`}),n[4]||=(0,i.createTextVNode)(` Archive product `,-1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.unref)(l)(`delete-product`)?((0,i.openBlock)(),(0,i.createBlock)(c,{key:1,variant:`destructive`,onClick:j},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Trash),{class:`size-4`}),n[5]||=(0,i.createTextVNode)(` Delete product `,-1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1}))]),(0,i.createElementVNode)(`div`,fr,[(0,i.createElementVNode)(`div`,pr,[(0,i.createVNode)(g),(0,i.createVNode)(ne),(0,i.createVNode)(D),(0,i.createVNode)(oe),(0,i.createVNode)(jn),(0,i.createVNode)(Xn),(0,i.unref)(d)()?((0,i.openBlock)(),(0,i.createBlock)(Zn,{key:0})):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,mr,[(0,i.createVNode)(nr),(0,i.createVNode)(ir,{config:t.config},null,8,[`config`])])]),(0,i.unref)(u)(`create-product`,`edit-product`)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,hr,[(0,i.createElementVNode)(`div`,gr,[v.value&&(0,i.unref)(l)(`create-product`)?((0,i.openBlock)(),(0,i.createBlock)(r,{key:0,onClick:(0,i.unref)(O),disabled:_.value},{default:(0,i.withCtx)(()=>[_.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(_.value?`Creating`:`Create`)+` New Product `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.unref)(l)(`edit-product`)?((0,i.openBlock)(),(0,i.createBlock)(r,{key:1,onClick:(0,i.unref)(O),disabled:_.value},{default:(0,i.withCtx)(()=>[_.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(_.value?`Saving`:`Save`)+` Changes `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.createCommentVNode)(``,!0)])])):(0,i.createCommentVNode)(``,!0)])}}});exports.default=_r;

package/dist/Detail-DccUekl_.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./DateFormatter-Dni0Oq8r.js`),t=require(`./utils-CVIHqQsU.js`);let n=require(`@oneclick.dev/cms-kit`),r=require(`vue`),i=require(`@lucide/vue`);var a={class:`relative @container`},o={key:0,class:`max-w-5xl mx-auto mt-4`},s={class:`flex flex-row gap-4 justify-between mb-6`},c={class:`flex items-center`},l={class:`text-lg font-semibold mx-2 uppercase`},u={key:0,class:`bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs`},d={key:1,class:`bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs`},f={class:`font-medium mb-2 uppercase`},p={class:`mb-6`},m={key:0},h={key:1},g={key:2},_={class:`flex flex-wrap gap-12 mb-6`},v={key:0,class:`grid gap-2`},y={class:`flex items-center gap-2`},ee={key:0,class:`text-lg`},b={key:1,class:`text-lg`},x={key:1,class:`grid gap-2`},S={class:`flex items-center space-x-2`},C={class:`flex gap-4 mb-6`},w={class:`flex flex-col`},T={key:0,class:`-ml-2`},E={key:1,class:`text-xs text-muted-foreground mt-2`},D={class:`flex flex-col`},O={key:0,class:`-ml-2`},k={key:1,class:`text-xs text-muted-foreground mt-2`},A={class:`flex justify-end gap-2 mt-6`},j=(0,r.defineComponent)({__name:`Detail`,props:{config:{type:Object,required:!0}},async setup(j){let M,N,P=j,{log:F,logWarning:I,logError:L}=(0,n.useLogs)(),{params:R,navigateTo:z}=(0,n.useModuleRoute)(),{getModuleData:B}=(0,n.useModuleStorage)(),{confirm:V}=useConfirmation(),H=(0,r.ref)([]);H.value=([M,N]=(0,r.withAsyncContext)(()=>B(`promo-types`)),M=await M,N(),M)||[];let U=(0,n.useFirebaseIntegration)(P.config.project),W=(0,r.ref)(null),G=(0,r.ref)(!1),K=(0,r.computed)(()=>(W.value?.usageCount??0)>0),q=(0,r.computed)(()=>H.value.find(e=>e.key===W.value?.type)||null);(0,n.useModuleBreadcrumbs)(()=>[{text:`Promo codes list`,href:W.value?.code?`/promo-codes`:``},{text:W.value?.code||``}]);let J=new e.t(`en-US`,{dateStyle:`long`}),Y=async()=>{W.value=await U.get(P.config.promoCodeCollection,R.value.promoCodeId),W.value.startsAt=e.r(W.value?.startsAt?.replace(/\.\d{3}Z$/,``)),W.value.expiresAt=e.r(W.value?.expiresAt?.replace(/\.\d{3}Z$/,``))},X=async()=>{await V(`Are you sure you want to delete the code "${W.value?.code}"?`)&&(await U.remove(P.config.promoCodeCollection,R.value.promoCodeId),z(`/promo-codes`))};return Y(),(n,j)=>{let M=(0,r.resolveComponent)(`Button`),N=(0,r.resolveComponent)(`Label`),P=(0,r.resolveComponent)(`Input`),F=(0,r.resolveComponent)(`SelectValue`),I=(0,r.resolveComponent)(`SelectTrigger`),L=(0,r.resolveComponent)(`SelectItem`),R=(0,r.resolveComponent)(`SelectGroup`),B=(0,r.resolveComponent)(`SelectContent`),V=(0,r.resolveComponent)(`Select`),U=(0,r.resolveComponent)(`Switch`),Y=(0,r.resolveComponent)(`PopoverTrigger`),Z=(0,r.resolveComponent)(`Calendar`),Q=(0,r.resolveComponent)(`PopoverContent`),$=(0,r.resolveComponent)(`Popover`),te=(0,r.resolveComponent)(`Textarea`),ne=(0,r.resolveComponent)(`Loader2`),re=(0,r.resolveComponent)(`CardContent`),ie=(0,r.resolveComponent)(`Card`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[W.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,o,[(0,r.createElementVNode)(`div`,s,[(0,r.createElementVNode)(`div`,c,[(0,r.createVNode)(M,{variant:`ghost`,onClick:j[0]||=e=>(0,r.unref)(z)(`/promo-codes`)},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.Tag),{class:`size-4`})]),_:1}),(0,r.createVNode)((0,r.unref)(i.ChevronRight),{class:`size-3`}),(0,r.createElementVNode)(`h1`,l,(0,r.toDisplayString)(W.value.code),1),W.value.expiresAt>new Date?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,`Active`)):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,`Expired`))])]),(0,r.createVNode)(ie,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(re,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`h3`,f,(0,r.toDisplayString)(W.value.code),1),(0,r.createElementVNode)(`p`,p,[j[14]||=(0,r.createTextVNode)(` This promo code has been created on `,-1),(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(new Date(W.value.createdAt).toLocaleString()),1),j[15]||=(0,r.createTextVNode)(`.`,-1),j[16]||=(0,r.createElementVNode)(`br`,null,null,-1),W.value.usageCount===1?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,m,[...j[11]||=[(0,r.createTextVNode)(`It has been used `,-1),(0,r.createElementVNode)(`strong`,null,`1 time`,-1),(0,r.createTextVNode)(`, so you can't edit it.`,-1)]])):W.value.usageCount>1?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[j[12]||=(0,r.createTextVNode)(`It has been used `,-1),(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(W.value.usageCount)+` times`,1),j[13]||=(0,r.createTextVNode)(`, so you can't edit it.`,-1)])):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,g,`It has not been used yet.`))]),(0,r.createVNode)(N,{for:`code`,class:`text-muted-foreground mb-2`},{default:(0,r.withCtx)(()=>[...j[17]||=[(0,r.createTextVNode)(`Promo Code`,-1)]]),_:1}),(0,r.createVNode)(P,{id:`code`,modelValue:W.value.code,"onUpdate:modelValue":j[1]||=e=>W.value.code=e,disabled:K.value,class:`mb-6 uppercase`},null,8,[`modelValue`,`disabled`]),(0,r.createElementVNode)(`div`,null,[j[27]||=(0,r.createElementVNode)(`h3`,{class:`font-medium mb-2`},`Value`,-1),(0,r.createVNode)(V,{modelValue:W.value.type,"onUpdate:modelValue":j[2]||=e=>W.value.type=e},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(I,{class:`w-[200px] mb-4`,disabled:K.value},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(F,{placeholder:`Select a promo type`})]),_:1},8,[`disabled`]),(0,r.createVNode)(B,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(R,null,{default:(0,r.withCtx)(()=>[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(H.value,e=>((0,r.openBlock)(),(0,r.createBlock)(L,{key:e.key,value:e.key},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})]),_:1},8,[`modelValue`]),(0,r.createElementVNode)(`div`,_,[q.value?.hasValueField?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.createVNode)(N,{for:`discountValue`,class:`text-muted-foreground`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(q.value?.valueLabel||`Value`),1)]),_:1}),(0,r.createElementVNode)(`div`,y,[q.value?.valuePrefix?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,ee,(0,r.toDisplayString)(q.value?.valuePrefix),1)):(0,r.createCommentVNode)(``,!0),(0,r.createVNode)(P,{modelValue:W.value.value,"onUpdate:modelValue":j[3]||=e=>W.value.value=e,id:`discountValue`,disabled:K.value},null,8,[`modelValue`,`disabled`]),q.value?.valueSuffix?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,b,(0,r.toDisplayString)(q.value?.valueSuffix),1)):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),q.value?.allowUnlimitedUses?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,x,[(0,r.createVNode)(N,{for:`unlimitedUses`,class:`text-muted-foreground`},{default:(0,r.withCtx)(()=>[...j[18]||=[(0,r.createTextVNode)(`Unlimited Uses`,-1)]]),_:1}),(0,r.createElementVNode)(`div`,S,[(0,r.createVNode)(U,{id:`unlimitedUses`,modelValue:W.value.unlimitedUses,"onUpdate:modelValue":j[4]||=e=>W.value.unlimitedUses=e,disabled:K.value},null,8,[`modelValue`,`disabled`]),(0,r.createVNode)(N,{for:`unlimitedUses`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(W.value.unlimitedUses?`Yes`:`No`),1)]),_:1})])])):(0,r.createCommentVNode)(``,!0)]),j[28]||=(0,r.createElementVNode)(`h3`,{class:`font-medium`},`Availability`,-1),j[29]||=(0,r.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mb-4`},`When will this code be available?`,-1),(0,r.createElementVNode)(`div`,C,[(0,r.createElementVNode)(`div`,w,[(0,r.createVNode)(N,{class:`text-muted-foreground mb-2`},{default:(0,r.withCtx)(()=>[...j[19]||=[(0,r.createTextVNode)(`Available from`,-1)]]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Y,{"as-child":``},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{variant:`outline`,class:(0,r.normalizeClass)((0,r.unref)(t.t)(`w-[280px] justify-start text-left font-normal`,!W.value.startsAt&&`text-muted-foreground`)),disabled:K.value},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.CalendarIcon),{class:`mr-2 h-4 w-4`}),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(W.value.startsAt?(0,r.unref)(J).format(W.value.startsAt.toDate((0,r.unref)(e.a)())):`Pick a date`),1)]),_:1},8,[`class`,`disabled`])]),_:1}),(0,r.createVNode)(Q,{class:`w-auto p-0`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Z,{modelValue:W.value.startsAt,"onUpdate:modelValue":j[5]||=e=>W.value.startsAt=e,"initial-focus":``,minValue:(0,r.unref)(e.o)()},null,8,[`modelValue`,`minValue`])]),_:1})]),_:1}),W.value.startsAt?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,T,[K.value?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createBlock)(M,{key:0,onClick:j[6]||=e=>W.value.startsAt=void 0,variant:`link`},{default:(0,r.withCtx)(()=>[...j[20]||=[(0,r.createTextVNode)(`Clear`,-1)]]),_:1}))])):((0,r.openBlock)(),(0,r.createElementBlock)(`p`,E,`Not set - codes will be available immediately`))]),(0,r.createElementVNode)(`div`,D,[(0,r.createVNode)(N,{class:`text-muted-foreground mb-2`},{default:(0,r.withCtx)(()=>[...j[21]||=[(0,r.createTextVNode)(`Until`,-1)]]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Y,{"as-child":``},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{variant:`outline`,class:(0,r.normalizeClass)((0,r.unref)(t.t)(`w-[280px] justify-start text-left font-normal`,!W.value.expiresAt&&`text-muted-foreground`)),disabled:K.value},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.CalendarIcon),{class:`mr-2 h-4 w-4`}),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(W.value.expiresAt?(0,r.unref)(J).format(W.value.expiresAt.toDate((0,r.unref)(e.a)())):`Pick a date`),1)]),_:1},8,[`class`,`disabled`])]),_:1}),(0,r.createVNode)(Q,{class:`w-auto p-0`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Z,{modelValue:W.value.expiresAt,"onUpdate:modelValue":j[7]||=e=>W.value.expiresAt=e,"initial-focus":``,minValue:W.value.startsAt},null,8,[`modelValue`,`minValue`])]),_:1})]),_:1}),W.value.expiresAt?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,O,[K.value?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createBlock)(M,{key:0,onClick:j[8]||=e=>W.value.expiresAt=void 0,variant:`link`},{default:(0,r.withCtx)(()=>[...j[22]||=[(0,r.createTextVNode)(`Clear`,-1)]]),_:1}))])):((0,r.openBlock)(),(0,r.createElementBlock)(`p`,k,`Not set - codes will never expire`))])]),(0,r.createVNode)(N,{for:`note`,class:`text-lg font-medium`},{default:(0,r.withCtx)(()=>[...j[23]||=[(0,r.createTextVNode)(`Note`,-1)]]),_:1}),(0,r.createVNode)(N,{for:`note`,class:`font-normal text-sm text-muted-foreground mb-2`},{default:(0,r.withCtx)(()=>[...j[24]||=[(0,r.createTextVNode)(`Internal note, you can always edit this later`,-1)]]),_:1}),(0,r.createVNode)(te,{modelValue:W.value.note,"onUpdate:modelValue":j[9]||=e=>W.value.note=e,id:`note`},null,8,[`modelValue`]),(0,r.createElementVNode)(`div`,A,[(0,r.createVNode)(M,{variant:`destructive`,onClick:j[10]||=e=>X(),disabled:G.value},{default:(0,r.withCtx)(()=>[...j[25]||=[(0,r.createTextVNode)(` Delete Code `,-1)]]),_:1},8,[`disabled`]),(0,r.createVNode)(M,{disabled:G.value},{default:(0,r.withCtx)(()=>[G.value?((0,r.openBlock)(),(0,r.createBlock)(ne,{key:0,class:`size-4 animate-spin`})):(0,r.createCommentVNode)(``,!0),j[26]||=(0,r.createTextVNode)(` Update Code `,-1)]),_:1},8,[`disabled`])])])]),_:1})]),_:1}),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(W.value),1)])):(0,r.createCommentVNode)(``,!0)])}}});exports.default=j;

package/dist/Detail-Dhz0V0Vf.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./lib-4wSi00Vr.js`),t=require(`./google-DTSRmJ51.js`),n=require(`./vee-validate-zod-BmXMJo8W.js`);let r=require(`@oneclick.dev/cms-kit`),i=require(`vue`),a=require(`@lucide/vue`);var o={class:`flex flex-col gap-4`},s={class:`flex flex-col gap-2`},c={key:0,class:`text-red-500 text-sm mt-1`},l={class:`flex flex-col gap-4`},u={class:`flex flex-col gap-2`},d={key:0,class:`text-red-500 text-sm mt-1`},f={class:`flex flex-col gap-4`},p={class:`flex flex-col gap-2`},m={class:`flex items-center gap-2 mb-2`},h={class:`flex items-center gap-2`},g=[`src`],_={key:0,class:`text-red-500 text-sm mt-1`},v=(0,i.defineComponent)({__name:`Main`,setup(e){let t=(0,i.inject)(`sources`);(0,i.inject)(`defaultSource`);let{errors:r}=n.d(),{value:v}=n.l(`title`),{value:y}=n.l(`description`),{value:b}=n.l(`thumbnail`),x=e=>{b.value=e};return(e,n)=>{let S=(0,i.resolveComponent)(`Label`),C=(0,i.resolveComponent)(`Input`),w=(0,i.resolveComponent)(`Textarea`),T=(0,i.resolveComponent)(`Button`),E=(0,i.resolveComponent)(`MediaPickerDialog`),D=(0,i.resolveComponent)(`CardContent`),O=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(O,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(D,{class:`flex flex-col gap-4`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,o,[(0,i.createElementVNode)(`div`,s,[(0,i.createVNode)(S,{for:`title`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[5]||=[(0,i.createTextVNode)(`Title`,-1)]]),_:1}),(0,i.createVNode)(C,{type:`text`,id:`title`,placeholder:`Summer collection`,modelValue:(0,i.unref)(v),"onUpdate:modelValue":n[0]||=e=>(0,i.isRef)(v)?v.value=e:null},null,8,[`modelValue`]),(0,i.unref)(r).title?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,c,(0,i.toDisplayString)((0,i.unref)(r).title),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,l,[(0,i.createElementVNode)(`div`,u,[(0,i.createVNode)(S,{for:`description`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[6]||=[(0,i.createTextVNode)(`Description`,-1)]]),_:1}),(0,i.createVNode)(w,{id:`description`,placeholder:`Fresh, vibrant, and bold. The perfect collection for the summer season.`,modelValue:(0,i.unref)(y),"onUpdate:modelValue":n[1]||=e=>(0,i.isRef)(y)?y.value=e:null},null,8,[`modelValue`]),(0,i.unref)(r).description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,d,(0,i.toDisplayString)((0,i.unref)(r).description),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,f,[(0,i.createElementVNode)(`div`,p,[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)(S,{for:`media`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...n[7]||=[(0,i.createTextVNode)(`Thumbnail`,-1)]]),_:1}),(0,i.unref)(b)?((0,i.openBlock)(),(0,i.createBlock)(T,{key:0,variant:`ghost`,size:`icon`,onClick:n[2]||=e=>b.value=``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.X),{class:`size-4`})]),_:1})):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,h,[(0,i.createVNode)(E,{sources:(0,i.unref)(t),maxFiles:1,"initial-value":(0,i.unref)(b)?[(0,i.unref)(b)]:[],onSubmit:n[4]||=e=>x(e)},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{onClick:n[3]||=(0,i.withModifiers)(()=>{},[`stop`]),tabindex:`-1`,class:`cursor-pointer block`},[(0,i.unref)(b)?((0,i.openBlock)(),(0,i.createElementBlock)(`img`,{key:1,src:(0,i.unref)(b),class:`size-42 rounded-md object-cover`,draggable:`false`},null,8,g)):((0,i.openBlock)(),(0,i.createBlock)(T,{key:0,variant:`outline`,class:`size-42 border-dashed cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ImagePlus))]),_:1}))])]),_:1},8,[`sources`,`initial-value`]),(0,i.unref)(r).thumbnail?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,_,(0,i.toDisplayString)((0,i.unref)(r).thumbnail),1)):(0,i.createCommentVNode)(``,!0)])])])]),_:1})]),_:1})}}}),y={class:`bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4`},b={class:`flex items-center gap-2 mb-2`},x=[`src`],S={class:`text-[#1a0dab] text-lg`},C={class:`text-[#006621] text-[13px]`},w={class:`text-[#545454] text-[13px]`},T={class:`flex flex-col gap-4 mb-4`},E={class:`flex flex-col`},D={key:0,class:`text-red-500 text-sm mt-1`},O={class:`flex flex-col gap-4 mb-4`},k={class:`flex flex-col`},A={key:0,class:`text-red-500 text-sm mt-1`},j={class:`flex flex-col gap-4`},M={class:`flex flex-col`},N={key:0,class:`text-red-500 text-sm mt-1`},P={key:1,class:`text-[#545454] text-[13px]`},F={key:2,class:`text-orange-500 text-[13px]`},I=(0,i.defineComponent)({__name:`SEO`,setup(e){let{errors:r}=n.d(),{value:a}=n.l(`title`),{value:o}=n.l(`slug`),{value:s}=n.l(`seo`);function c(e){return e?e.normalize(`NFD`).replace(/[̀-ͯ]/g,``).toLowerCase().replace(/[^\w\s-]/g,``).trim().replace(/[-\s]+/g,`-`):``}return(0,i.watch)(a,(e,t)=>{(!o.value||c(t)===o.value)&&(o.value=c(e)),(!s.value.title||t===s.value.title)&&(s.value.title=e)}),(e,n)=>{let a=(0,i.resolveComponent)(`Label`),c=(0,i.resolveComponent)(`Input`),l=(0,i.resolveComponent)(`Textarea`),u=(0,i.resolveComponent)(`CardContent`),d=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(d,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,null,{default:(0,i.withCtx)(()=>[n[7]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Search engine listing`,-1),(0,i.createElementVNode)(`div`,y,[(0,i.createElementVNode)(`div`,b,[(0,i.createElementVNode)(`img`,{src:(0,i.unref)(t.t),alt:`Google`,class:`w-16 pointer-events-none`,draggable:`false`},null,8,x),n[3]||=(0,i.createElementVNode)(`span`,{class:`text-[#4186f5] font-medium text-xs`},`Preview`,-1)]),(0,i.createElementVNode)(`p`,S,(0,i.toDisplayString)((0,i.unref)(s).title),1),(0,i.createElementVNode)(`p`,C,(0,i.toDisplayString)((0,i.unref)(o)),1),(0,i.createElementVNode)(`p`,w,(0,i.toDisplayString)((0,i.unref)(s).description?.slice(0,155))+(0,i.toDisplayString)((0,i.unref)(s).description?.length>155?` ...`:``),1)]),(0,i.createElementVNode)(`div`,T,[(0,i.createElementVNode)(`div`,E,[(0,i.createVNode)(a,{for:`slug`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createTextVNode)(`Slug`,-1)]]),_:1}),(0,i.createVNode)(c,{id:`slug`,placeholder:`t-shirt-with-red-heart`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":n[0]||=e=>(0,i.isRef)(o)?o.value=e:null},null,8,[`modelValue`]),(0,i.unref)(r).slug?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,D,(0,i.toDisplayString)((0,i.unref)(r).slug),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,O,[(0,i.createElementVNode)(`div`,k,[(0,i.createVNode)(a,{for:`meta-title`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[5]||=[(0,i.createTextVNode)(`Title`,-1)]]),_:1}),(0,i.createVNode)(c,{id:`meta-title`,placeholder:`T-shirt with red heart`,modelValue:(0,i.unref)(s).title,"onUpdate:modelValue":n[1]||=e=>(0,i.unref)(s).title=e},null,8,[`modelValue`]),(0,i.unref)(r).seo?.title?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,A,(0,i.toDisplayString)((0,i.unref)(r).seo.title),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,j,[(0,i.createElementVNode)(`div`,M,[(0,i.createVNode)(a,{for:`meta-description`,class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...n[6]||=[(0,i.createTextVNode)(`Description`,-1)]]),_:1}),(0,i.createVNode)(l,{id:`meta-description`,placeholder:`Lovely T-shirt featuring a red heart`,modelValue:(0,i.unref)(s).description,"onUpdate:modelValue":n[2]||=e=>(0,i.unref)(s).description=e,class:`mb-1 resize-none`},null,8,[`modelValue`]),(0,i.unref)(r).seo?.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,N,(0,i.toDisplayString)((0,i.unref)(r).seo.description),1)):(0,i.unref)(s).description.length<155?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,P,(0,i.toDisplayString)((0,i.unref)(s).description.length)+` characters`,1)):((0,i.openBlock)(),(0,i.createElementBlock)(`p`,F,`Please keep it under 155 characters`))])])]),_:1})]),_:1})}}}),L={class:`flex items-center gap-2`},R={key:0,class:`size-3 rounded-full bg-green-500`},z={key:1,class:`size-3 rounded-full bg-blue-500`},B=(0,i.defineComponent)({__name:`Status`,setup(e){let{errors:t}=n.d(),{value:r}=n.l(`status`);return(e,t)=>{let n=(0,i.resolveComponent)(`SelectValue`),a=(0,i.resolveComponent)(`SelectTrigger`),o=(0,i.resolveComponent)(`SelectItem`),s=(0,i.resolveComponent)(`SelectGroup`),c=(0,i.resolveComponent)(`SelectContent`),l=(0,i.resolveComponent)(`Select`),u=(0,i.resolveComponent)(`CardContent`),d=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(d,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,null,{default:(0,i.withCtx)(()=>[t[3]||=(0,i.createElementVNode)(`p`,{class:`text-md font-semibold mb-2`},`Status`,-1),(0,i.createVNode)(l,{modelValue:(0,i.unref)(r),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(r)?r.value=e:null,class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(a,{class:`w-full`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,L,[(0,i.unref)(r)===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,R)):(0,i.unref)(r)===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,z)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(n,{placeholder:`Status`})])]),_:1}),(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,{value:`published`},{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createElementVNode)(`span`,{class:`size-3 rounded-full bg-green-500`},null,-1),(0,i.createTextVNode)(` Published `,-1)]]),_:1}),(0,i.createVNode)(o,{value:`draft`},{default:(0,i.withCtx)(()=>[...t[2]||=[(0,i.createElementVNode)(`span`,{class:`size-3 rounded-full bg-blue-500`},null,-1),(0,i.createTextVNode)(` Draft `,-1)]]),_:1})]),_:1})]),_:1})]),_:1},8,[`modelValue`])]),_:1})]),_:1})}}}),V={class:`relative @container`},H={class:`flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6`},U={class:`flex items-center`},W={class:`text-lg font-semibold mx-2`},G={key:0,class:`bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs`},K={key:1,class:`bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs`},q={class:`flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24`},J={class:`flex flex-col gap-4 w-full @3xl:w-2/3`},Y={class:`flex flex-col gap-4 w-full @3xl:w-1/3`},X={key:0,class:`fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]`},Z={class:`w-full max-w-5xl flex items-center justify-end mx-auto`},Q=(0,i.defineComponent)({__name:`Detail`,props:{config:{type:Object,required:!0}},setup(t){let o=t,{hasPermission:s,hasAnyPermission:c}=(0,r.useModulePermissions)(),{params:l,navigateTo:u}=(0,r.useModuleRoute)(),{confirm:d}=(0,r.useConfirmation)(),f=(0,r.useFirebaseIntegration)(o.config.project);(0,i.provide)(`sources`,o.config.allowedMediaSources),(0,i.provide)(`defaultSource`,o.config.defaultUploadMediaSource);let p=(0,i.computed)(()=>!l.value.collectionId||l.value.collectionId===`new`),m=(0,i.ref)(!1),{handleSubmit:h,errors:g,values:_,setValues:y}=n.u({validationSchema:n.t(n.o({id:n.c().optional(),title:n.c().min(1,`Title is required`),type:n.c(),description:n.c().optional(),thumbnail:n.c().optional(),slug:n.c(),seo:n.o({title:n.c().optional(),description:n.c().optional()}).optional(),status:n.c()})),initialValues:{status:`draft`,type:`manual`,seo:{title:``,description:``}}});(0,r.useModuleBreadcrumbs)(()=>[{text:p.value?`New Collection`:_.title||`Collection`}]);let b=h(async t=>{m.value=!0;let n=await x()||[];if(p.value){let r=JSON.parse(JSON.stringify(t));if(r.id=crypto.randomUUID(),await T(r.slug)){e.t.error(`Collection with this slug already exists`),m.value=!1;return}let i=[...n,r],a=o.config.collectionsCollection.split(`:`);await f.update(a[0],null,{[a[1]]:i}),u(`/`),e.t.success(`Collection created`)}else{let r=JSON.parse(JSON.stringify(t)),i=n.map(e=>e.id===l.value.collectionId?r:e),a=o.config.collectionsCollection.split(`:`);await f.update(a[0],null,{[a[1]]:i}),u(`/`),e.t.success(`Collection updated`)}m.value=!1}),x=async()=>{if(!o.config.collectionsCollection)return[];let e=o.config.collectionsCollection.split(`:`);return e.length===2&&(await f.get(e[0]))?.[e[1]]||[]},S=async()=>{y((await x()).find(e=>e.id===l.value.collectionId))},C=async()=>{try{let t={..._},n=t.slug+`-copy`,r=2;for(;await T(n);)n=t.slug+`-copy-`+r,r++;t.id=crypto.randomUUID(),t.slug=n,t.status=`draft`,t.title+=` (copy)`;let i=[...await x()||[],t],a=o.config.collectionsCollection.split(`:`);await f.update(a[0],null,{[a[1]]:i}),u(t.id),e.t.success(`Collection duplicated`)}catch{e.t.error(`Failed to duplicate collection`)}},w=async()=>{if(await d(`Are you sure you want to delete this collection?`))try{let t=await x()||[];if(t.length===0||!l.value.collectionId)throw Error(`Error loading values`);let n=t.filter(e=>e.id!==l.value.collectionId),r=o.config.collectionsCollection.split(`:`);await f.update(r[0],null,{[r[1]]:n}),u(``),e.t.success(`Collection deleted`)}catch{e.t.error(`Failed to delete collection`)}},T=async e=>!!(await x()||[]).find(t=>t.slug===e);return(0,i.onMounted)(()=>{p.value||S()}),(e,t)=>{let n=(0,i.resolveComponent)(`Button`),r=(0,i.resolveComponent)(`MenubarTrigger`),o=(0,i.resolveComponent)(`MenubarMenu`),l=(0,i.resolveComponent)(`MenubarShortcut`),d=(0,i.resolveComponent)(`MenubarItem`),f=(0,i.resolveComponent)(`MenubarSeparator`),h=(0,i.resolveComponent)(`MenubarContent`),g=(0,i.resolveComponent)(`Menubar`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,V,[(0,i.createElementVNode)(`div`,H,[(0,i.createElementVNode)(`div`,U,[(0,i.createVNode)(n,{variant:`ghost`,onClick:t[0]||=e=>(0,i.unref)(u)(``)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Tag),{class:`size-4`})]),_:1}),(0,i.createVNode)((0,i.unref)(a.ChevronRight),{class:`size-3`}),(0,i.createElementVNode)(`h1`,W,(0,i.toDisplayString)(p.value?`New Collection`:(0,i.unref)(_).title),1),(0,i.unref)(_).status===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,G,`Published`)):(0,i.unref)(_).status===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,K,`Draft`)):(0,i.createCommentVNode)(``,!0)]),p.value?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createBlock)(g,{key:0,class:`bg-sidebar`},{default:(0,i.withCtx)(()=>[(0,i.unref)(s)(`create-collection`)?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{onClick:C},{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createTextVNode)(`Duplicate`,-1)]]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[...t[2]||=[(0,i.createTextVNode)(`Preview`,-1)]]),_:1})]),_:1}),(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`Share`,-1)]]),_:1}),(0,i.createVNode)(h,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[t[5]||=(0,i.createTextVNode)(` New Tab `,-1),(0,i.createVNode)(l,null,{default:(0,i.withCtx)(()=>[...t[4]||=[(0,i.createTextVNode)(`⌘T`,-1)]]),_:1})]),_:1}),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[...t[6]||=[(0,i.createTextVNode)(`New Window`,-1)]]),_:1}),(0,i.createVNode)(f),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(`Share`,-1)]]),_:1}),(0,i.createVNode)(f),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[...t[8]||=[(0,i.createTextVNode)(`Print`,-1)]]),_:1})]),_:1})]),_:1}),(0,i.unref)(c)(`edit-collection`,`delete-collection`)?((0,i.openBlock)(),(0,i.createBlock)(o,{key:1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[...t[9]||=[(0,i.createTextVNode)(`More actions`,-1)]]),_:1}),(0,i.createVNode)(h,null,{default:(0,i.withCtx)(()=>[(0,i.unref)(s)(`delete-collection`)?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,variant:`destructive`,onClick:w},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Trash),{class:`size-4`}),t[10]||=(0,i.createTextVNode)(` Delete collection `,-1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1}))]),(0,i.createElementVNode)(`div`,q,[(0,i.createElementVNode)(`div`,J,[(0,i.createVNode)(v),(0,i.createVNode)(I)]),(0,i.createElementVNode)(`div`,Y,[(0,i.createVNode)(B)])]),(0,i.unref)(c)(`create-collection`,`edit-collection`)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,X,[(0,i.createElementVNode)(`div`,Z,[p.value&&(0,i.unref)(s)(`create-collection`)?((0,i.openBlock)(),(0,i.createBlock)(n,{key:0,onClick:(0,i.unref)(b),disabled:m.value},{default:(0,i.withCtx)(()=>[m.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(m.value?`Creating`:`Create`)+` New Collection `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.unref)(s)(`edit-collection`)?((0,i.openBlock)(),(0,i.createBlock)(n,{key:1,onClick:(0,i.unref)(b),disabled:m.value},{default:(0,i.withCtx)(()=>[m.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(m.value?`Saving`:`Save`)+` Changes `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.createCommentVNode)(``,!0)])])):(0,i.createCommentVNode)(``,!0)])}}});exports.default=Q;

package/dist/Detail-DjnGY0F8.mjs

@@ -0,0 +1,282 @@
+import { a as e, o as t, r as n, t as r } from "./DateFormatter-DLrDYkby.mjs";
+import { t as i } from "./utils-h3owcMtS.mjs";
+import { useFirebaseIntegration as a, useLogs as o, useModuleBreadcrumbs as s, useModuleRoute as c, useModuleStorage as l } from "@oneclick.dev/cms-kit";
+import { Fragment as ee, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, ref as b, renderList as te, resolveComponent as x, toDisplayString as S, unref as C, withAsyncContext as w, withCtx as T } from "vue";
+import { CalendarIcon as E, ChevronRight as ne, Tag as re } from "@lucide/vue";
+//#region src/promoCodes/pages/Detail.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "relative @container" }, ae = {
+	key: 0,
+	class: "max-w-5xl mx-auto mt-4"
+}, oe = { class: "flex flex-row gap-4 justify-between mb-6" }, se = { class: "flex items-center" }, ce = { class: "text-lg font-semibold mx-2 uppercase" }, le = {
+	key: 0,
+	class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, ue = {
+	key: 1,
+	class: "bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
+}, de = { class: "font-medium mb-2 uppercase" }, fe = { class: "mb-6" }, pe = { key: 0 }, me = { key: 1 }, he = { key: 2 }, ge = { class: "flex flex-wrap gap-12 mb-6" }, D = {
+	key: 0,
+	class: "grid gap-2"
+}, O = { class: "flex items-center gap-2" }, k = {
+	key: 0,
+	class: "text-lg"
+}, A = {
+	key: 1,
+	class: "text-lg"
+}, j = {
+	key: 1,
+	class: "grid gap-2"
+}, M = { class: "flex items-center space-x-2" }, N = { class: "flex gap-4 mb-6" }, P = { class: "flex flex-col" }, F = {
+	key: 0,
+	class: "-ml-2"
+}, I = {
+	key: 1,
+	class: "text-xs text-muted-foreground mt-2"
+}, L = { class: "flex flex-col" }, _e = {
+	key: 0,
+	class: "-ml-2"
+}, ve = {
+	key: 1,
+	class: "text-xs text-muted-foreground mt-2"
+}, ye = { class: "flex justify-end gap-2 mt-6" }, R = /* @__PURE__ */ _({
+	__name: "Detail",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	async setup(_) {
+		let R, z, B = _, { log: V, logWarning: H, logError: be } = o(), { params: U, navigateTo: W } = c(), { getModuleData: G } = l(), { confirm: K } = useConfirmation(), q = b([]);
+		q.value = ([R, z] = w(() => G("promo-types")), R = await R, z(), R) || [];
+		let J = a(B.config.project), Y = b(null), X = b(!1), Z = u(() => (Y.value?.usageCount ?? 0) > 0), Q = u(() => q.value.find((e) => e.key === Y.value?.type) || null);
+		s(() => [{
+			text: "Promo codes list",
+			href: Y.value?.code ? "/promo-codes" : ""
+		}, { text: Y.value?.code || "" }]);
+		let $ = new r("en-US", { dateStyle: "long" }), xe = async () => {
+			Y.value = await J.get(B.config.promoCodeCollection, U.value.promoCodeId), Y.value.startsAt = n(Y.value?.startsAt?.replace(/\.\d{3}Z$/, "")), Y.value.expiresAt = n(Y.value?.expiresAt?.replace(/\.\d{3}Z$/, ""));
+		}, Se = async () => {
+			await K(`Are you sure you want to delete the code "${Y.value?.code}"?`) && (await J.remove(B.config.promoCodeCollection, U.value.promoCodeId), W("/promo-codes"));
+		};
+		return xe(), (n, r) => {
+			let a = x("Button"), o = x("Label"), s = x("Input"), c = x("SelectValue"), l = x("SelectTrigger"), u = x("SelectItem"), _ = x("SelectGroup"), b = x("SelectContent"), w = x("Select"), R = x("Switch"), z = x("PopoverTrigger"), B = x("Calendar"), V = x("PopoverContent"), H = x("Popover"), be = x("Textarea"), U = x("Loader2"), G = x("CardContent"), K = x("Card");
+			return y(), p("div", ie, [Y.value ? (y(), p("div", ae, [
+				m("div", oe, [m("div", se, [
+					g(a, {
+						variant: "ghost",
+						onClick: r[0] ||= (e) => C(W)("/promo-codes")
+					}, {
+						default: T(() => [g(C(re), { class: "size-4" })]),
+						_: 1
+					}),
+					g(C(ne), { class: "size-3" }),
+					m("h1", ce, S(Y.value.code), 1),
+					Y.value.expiresAt > /* @__PURE__ */ new Date() ? (y(), p("span", le, "Active")) : (y(), p("span", ue, "Expired"))
+				])]),
+				g(K, null, {
+					default: T(() => [g(G, null, {
+						default: T(() => [
+							m("h3", de, S(Y.value.code), 1),
+							m("p", fe, [
+								r[14] ||= h(" This promo code has been created on ", -1),
+								m("strong", null, S(new Date(Y.value.createdAt).toLocaleString()), 1),
+								r[15] ||= h(".", -1),
+								r[16] ||= m("br", null, null, -1),
+								Y.value.usageCount === 1 ? (y(), p("span", pe, [...r[11] ||= [
+									h("It has been used ", -1),
+									m("strong", null, "1 time", -1),
+									h(", so you can't edit it.", -1)
+								]])) : Y.value.usageCount > 1 ? (y(), p("span", me, [
+									r[12] ||= h("It has been used ", -1),
+									m("strong", null, S(Y.value.usageCount) + " times", 1),
+									r[13] ||= h(", so you can't edit it.", -1)
+								])) : (y(), p("span", he, "It has not been used yet."))
+							]),
+							g(o, {
+								for: "code",
+								class: "text-muted-foreground mb-2"
+							}, {
+								default: T(() => [...r[17] ||= [h("Promo Code", -1)]]),
+								_: 1
+							}),
+							g(s, {
+								id: "code",
+								modelValue: Y.value.code,
+								"onUpdate:modelValue": r[1] ||= (e) => Y.value.code = e,
+								disabled: Z.value,
+								class: "mb-6 uppercase"
+							}, null, 8, ["modelValue", "disabled"]),
+							m("div", null, [
+								r[27] ||= m("h3", { class: "font-medium mb-2" }, "Value", -1),
+								g(w, {
+									modelValue: Y.value.type,
+									"onUpdate:modelValue": r[2] ||= (e) => Y.value.type = e
+								}, {
+									default: T(() => [g(l, {
+										class: "w-[200px] mb-4",
+										disabled: Z.value
+									}, {
+										default: T(() => [g(c, { placeholder: "Select a promo type" })]),
+										_: 1
+									}, 8, ["disabled"]), g(b, null, {
+										default: T(() => [g(_, null, {
+											default: T(() => [(y(!0), p(ee, null, te(q.value, (e) => (y(), d(u, {
+												key: e.key,
+												value: e.key
+											}, {
+												default: T(() => [h(S(e.label), 1)]),
+												_: 2
+											}, 1032, ["value"]))), 128))]),
+											_: 1
+										})]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["modelValue"]),
+								m("div", ge, [Q.value?.hasValueField ? (y(), p("div", D, [g(o, {
+									for: "discountValue",
+									class: "text-muted-foreground"
+								}, {
+									default: T(() => [h(S(Q.value?.valueLabel || "Value"), 1)]),
+									_: 1
+								}), m("div", O, [
+									Q.value?.valuePrefix ? (y(), p("span", k, S(Q.value?.valuePrefix), 1)) : f("", !0),
+									g(s, {
+										modelValue: Y.value.value,
+										"onUpdate:modelValue": r[3] ||= (e) => Y.value.value = e,
+										id: "discountValue",
+										disabled: Z.value
+									}, null, 8, ["modelValue", "disabled"]),
+									Q.value?.valueSuffix ? (y(), p("span", A, S(Q.value?.valueSuffix), 1)) : f("", !0)
+								])])) : f("", !0), Q.value?.allowUnlimitedUses ? (y(), p("div", j, [g(o, {
+									for: "unlimitedUses",
+									class: "text-muted-foreground"
+								}, {
+									default: T(() => [...r[18] ||= [h("Unlimited Uses", -1)]]),
+									_: 1
+								}), m("div", M, [g(R, {
+									id: "unlimitedUses",
+									modelValue: Y.value.unlimitedUses,
+									"onUpdate:modelValue": r[4] ||= (e) => Y.value.unlimitedUses = e,
+									disabled: Z.value
+								}, null, 8, ["modelValue", "disabled"]), g(o, { for: "unlimitedUses" }, {
+									default: T(() => [h(S(Y.value.unlimitedUses ? "Yes" : "No"), 1)]),
+									_: 1
+								})])])) : f("", !0)]),
+								r[28] ||= m("h3", { class: "font-medium" }, "Availability", -1),
+								r[29] ||= m("p", { class: "text-sm text-muted-foreground mb-4" }, "When will this code be available?", -1),
+								m("div", N, [m("div", P, [
+									g(o, { class: "text-muted-foreground mb-2" }, {
+										default: T(() => [...r[19] ||= [h("Available from", -1)]]),
+										_: 1
+									}),
+									g(H, null, {
+										default: T(() => [g(z, { "as-child": "" }, {
+											default: T(() => [g(a, {
+												variant: "outline",
+												class: v(C(i)("w-[280px] justify-start text-left font-normal", !Y.value.startsAt && "text-muted-foreground")),
+												disabled: Z.value
+											}, {
+												default: T(() => [g(C(E), { class: "mr-2 h-4 w-4" }), h(" " + S(Y.value.startsAt ? C($).format(Y.value.startsAt.toDate(C(e)())) : "Pick a date"), 1)]),
+												_: 1
+											}, 8, ["class", "disabled"])]),
+											_: 1
+										}), g(V, { class: "w-auto p-0" }, {
+											default: T(() => [g(B, {
+												modelValue: Y.value.startsAt,
+												"onUpdate:modelValue": r[5] ||= (e) => Y.value.startsAt = e,
+												"initial-focus": "",
+												minValue: C(t)()
+											}, null, 8, ["modelValue", "minValue"])]),
+											_: 1
+										})]),
+										_: 1
+									}),
+									Y.value.startsAt ? (y(), p("div", F, [Z.value ? f("", !0) : (y(), d(a, {
+										key: 0,
+										onClick: r[6] ||= (e) => Y.value.startsAt = void 0,
+										variant: "link"
+									}, {
+										default: T(() => [...r[20] ||= [h("Clear", -1)]]),
+										_: 1
+									}))])) : (y(), p("p", I, "Not set - codes will be available immediately"))
+								]), m("div", L, [
+									g(o, { class: "text-muted-foreground mb-2" }, {
+										default: T(() => [...r[21] ||= [h("Until", -1)]]),
+										_: 1
+									}),
+									g(H, null, {
+										default: T(() => [g(z, { "as-child": "" }, {
+											default: T(() => [g(a, {
+												variant: "outline",
+												class: v(C(i)("w-[280px] justify-start text-left font-normal", !Y.value.expiresAt && "text-muted-foreground")),
+												disabled: Z.value
+											}, {
+												default: T(() => [g(C(E), { class: "mr-2 h-4 w-4" }), h(" " + S(Y.value.expiresAt ? C($).format(Y.value.expiresAt.toDate(C(e)())) : "Pick a date"), 1)]),
+												_: 1
+											}, 8, ["class", "disabled"])]),
+											_: 1
+										}), g(V, { class: "w-auto p-0" }, {
+											default: T(() => [g(B, {
+												modelValue: Y.value.expiresAt,
+												"onUpdate:modelValue": r[7] ||= (e) => Y.value.expiresAt = e,
+												"initial-focus": "",
+												minValue: Y.value.startsAt
+											}, null, 8, ["modelValue", "minValue"])]),
+											_: 1
+										})]),
+										_: 1
+									}),
+									Y.value.expiresAt ? (y(), p("div", _e, [Z.value ? f("", !0) : (y(), d(a, {
+										key: 0,
+										onClick: r[8] ||= (e) => Y.value.expiresAt = void 0,
+										variant: "link"
+									}, {
+										default: T(() => [...r[22] ||= [h("Clear", -1)]]),
+										_: 1
+									}))])) : (y(), p("p", ve, "Not set - codes will never expire"))
+								])]),
+								g(o, {
+									for: "note",
+									class: "text-lg font-medium"
+								}, {
+									default: T(() => [...r[23] ||= [h("Note", -1)]]),
+									_: 1
+								}),
+								g(o, {
+									for: "note",
+									class: "font-normal text-sm text-muted-foreground mb-2"
+								}, {
+									default: T(() => [...r[24] ||= [h("Internal note, you can always edit this later", -1)]]),
+									_: 1
+								}),
+								g(be, {
+									modelValue: Y.value.note,
+									"onUpdate:modelValue": r[9] ||= (e) => Y.value.note = e,
+									id: "note"
+								}, null, 8, ["modelValue"]),
+								m("div", ye, [g(a, {
+									variant: "destructive",
+									onClick: r[10] ||= (e) => Se(),
+									disabled: X.value
+								}, {
+									default: T(() => [...r[25] ||= [h(" Delete Code ", -1)]]),
+									_: 1
+								}, 8, ["disabled"]), g(a, { disabled: X.value }, {
+									default: T(() => [X.value ? (y(), d(U, {
+										key: 0,
+										class: "size-4 animate-spin"
+									})) : f("", !0), r[26] ||= h(" Update Code ", -1)]),
+									_: 1
+								}, 8, ["disabled"])])
+							])
+						]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				h(" " + S(Y.value), 1)
+			])) : f("", !0)]);
+		};
+	}
+});
+//#endregion
+export { R as default };