https://event-us.kr/Content/dist/js/EvProjectBuilder-sections-list-ListPreview-vue.d86cf301e18d2d48.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[4657,4750,6696,9493,9349,2233,2040],{23423:function(e,t,o){function n({get:e,set:t,factory:o,onAdd:n,onDuplicate:l}){function r(){return e()||[]}function c(e,t){const o=e.indexOf(t);return-1!==o?o:t&&null!=t.id?e.findIndex((e=>e&&e.id===t.id)):-1}function a(e,o){const n=r(),l=c(n,e);if(-1===l)return;const a=n.slice();a[l]={...n[l],...o},t(a)}function i(){const e={id:Date.now(),...o?o():{}},l=[...r(),e];return t(l),n&&n(e),e}function d(e){const o=r(),n=c(o,e);if(-1===n)return;const l=o.slice();l.splice(n,1),t(l)}function s(e){const o=[...r()],n=c(o,e);if(-1===n)return null;const a={...o[n],id:Date.now()};return o.splice(n+1,0,a),t(o),l&&l(a),a}return{update:a,add:i,remove:d,duplicate:s}}o.d(t,{W:function(){return n}})},6247:function(e,t,o){o.r(t),o.d(t,{default:function(){return d}});var n=o(70821);const l=["width","height"],r=(0,n.createElementVNode)("polyline",{points:"20 6 9 17 4 12"},null,-1),c=[r];var a={__name:"IconCheck",props:{size:{type:[Number,String],default:16}},setup(e){return(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},c,8,l))}};const i=a;var d=i},82952:function(e,t,o){o.r(t),o.d(t,{default:function(){return d}});var n=o(70821);const l=["width","height"],r=(0,n.createStaticVNode)('<circle cx="9" cy="5" r="1.4"></circle><circle cx="15" cy="5" r="1.4"></circle><circle cx="9" cy="12" r="1.4"></circle><circle cx="15" cy="12" r="1.4"></circle><circle cx="9" cy="19" r="1.4"></circle><circle cx="15" cy="19" r="1.4"></circle>',6),c=[r];var a={__name:"IconDragDots",props:{width:{type:[Number,String],default:14},height:{type:[Number,String],default:14}},setup(e){return(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.width,height:e.height,viewBox:"0 0 24 24",fill:"currentColor"},c,8,l))}};const i=a;var d=i},63672:function(e,t,o){o.r(t),o.d(t,{default:function(){return s}});var n=o(70821);const l=["width","height"],r=(0,n.createElementVNode)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"},null,-1),c=(0,n.createElementVNode)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"},null,-1),a=[r,c];var i={__name:"IconDuplicate",props:{size:{type:[Number,String],default:14}},setup(e){return(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},a,8,l))}};const d=i;var s=d},50725:function(e,t,o){o.r(t),o.d(t,{default:function(){return d}});var n=o(70821);const l=["width","height"],r=(0,n.createElementVNode)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"},null,-1),c=[r];var a={__name:"IconTrash",props:{size:{type:[Number,String],default:14}},setup(e){return(t,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5"},c,8,l))}};const i=a;var d=i},59185:function(e,t,o){o.r(t),o.d(t,{default:function(){return V}});var n=o(70821),l=o(96896),r=o(50725),c=o(63672),a=o(82952),i=o(6247),d=o(5473),s=o(23423);const u={key:0,class:"mb-8 text-center"},p={class:"group relative"},m={class:"list-inline-drag absolute right-full top-5 mr-1 cursor-grab text-gray-300 opacity-0 transition-opacity hover:text-gray-500 group-hover:opacity-100",title:"드래그하여 순서 변경"},f={class:"flex items-start gap-3 rounded-xl border border-gray-200 bg-white px-6 py-5"},k={class:"list-item-rich-content min-w-0 flex-1 text-[15px]"},h={class:"flex shrink-0 items-start gap-1 text-gray-300 opacity-0 transition-opacity group-hover:opacity-100"},y=["onClick"],x=["onClick"],g={key:2,class:"space-y-3"},v={class:"list-item-rich-content min-w-0 flex-1 text-[15px]"};var w={__name:"ListPreview",props:{section:{type:Object,required:!0},sections:{type:Array,default:()=>[]}

1,onUpdate:{type:Function,default:null}},setup(e){const t=e,o=(0,n.computed)((()=>"function"===typeof t.onUpdate)),w=(0,n.computed)((()=>(0,d.MB)(t.section.data.labelText))),B=(0,n.computed)((()=>(0,d.dp)(t.section.data.labelText))),b=(0,n.computed)((()=>(0,d.MB)(t.section.data.title))),V=(0,n.computed)((()=>(0,d.kz)(t.section.data.title))),N=(0,n.computed)((()=>(0,d.dp)(t.section.data.description))),E=(0,n.computed)((()=>(0,d.wU)(t.section.data.description))),C=(0,n.computed)((()=>{const e=t.section.data.listWidth||"default";return{full:"w-full px-8",default:"container mx-auto px-8",medium:"mx-auto max-w-3xl px-8",small:"mx-auto max-w-lg px-8"}[e]})),z=(0,n.computed)((()=>{const e=t.section.data.itemStyle;return"check"===e||"number"===e?e:null})),S=(0,n.computed)((()=>({color:t.section.data.markerColor||"#00b368"}))),U=(0,n.computed)((()=>(t.section.data.items||[]).filter((e=>!1!==e.visible)))),_=(0,n.computed)((()=>U.value.filter((e=>(0,d.dp)(e.text)))));function D(e){return(t.section.data.items||[]).indexOf(e)+1}const T=(0,s.W)({get:()=>t.section.data.items,set:e=>t.onUpdate&&t.onUpdate({items:e}),factory:()=>({text:"",visible:!0})}),I=T.update,L=T.add,j=T.duplicate,F=T.remove;return(t,s)=>{const U=(0,n.resolveComponent)("ev-draggable"),T=(0,n.resolveDirective)("dompurify-html");return(0,n.openBlock)(),(0,n.createElementBlock)("div",{style:(0,n.normalizeStyle)({backgroundColor:e.section.data.backgroundColor||"#ffffff"})},[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)([(0,n.unref)(C),e.section.data.spacing||"py-10"])},[!1!==e.section.data.showTitle?((0,n.openBlock)(),(0,n.createElementBlock)("div",u,[(0,n.unref)(o)?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,class:"text-xs uppercase tracking-widest text-primary-500",style:(0,n.normalizeStyle)({color:e.section.data.labelColor})},[(0,n.createVNode)(l["default"],{"model-value":e.section.data.labelText||"",appearance:"inline","single-line":"","default-font-size":"12px","default-align":"center",placeholder:"예: List","onUpdate:modelValue":s[0]||(s[0]=t=>e.onUpdate({labelText:t}))},null,8,["model-value"])],4)):(0,n.unref)(B)?(0,n.withDirectives)(((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:1,class:"text-xs uppercase tracking-widest text-primary-500",style:(0,n.normalizeStyle)({color:e.section.data.labelColor})},null,4)),[[T,(0,n.unref)(w)]]):(0,n.createCommentVNode)("",!0),(0,n.unref)(o)?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:2,class:"rich-section-title text-[32px] font-bold",style:(0,n.normalizeStyle)({color:e.section.data.titleColor||"#171717"})},[(0,n.createVNode)(l["default"],{"model-value":e.section.data.title||"",appearance:"inline","single-line":"","default-font-size":"32px","default-align":"center",placeholder:"제목","onUpdate:modelValue":s[1]||(s[1]=t=>e.onUpdate({title:t}))},null,8,["model-value"])],4)):(0,n.unref)(b)?(0,n.withDirectives)(((0,n.openBlock)(),(0,n.createElementBlock)("h2",{key:3,class:"text-[32px] font-bold",style:(0,n.normalizeStyle)({color:e.section.data.titleColor||"#171717",textAlign:(0,n.unref)(V)||void 0})},null,4)),[[T,(0,n.unref)(b)]]):(0,n.createCommentVNode)("",!0),(0,n.unref)(o)?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:4,class:"rich-section-desc mt-3 text-[15px] leading-relaxed",style:(0,n.normalizeStyle)({color:e.section.data.descriptionColor||"#4b5563"})},[(0,n.createVNode)(l["default"],{"model-value":e.section.data.description||"",appearance:"inline","default-font-size":"15px","default-align":"center",placeholder:"설명을 입력하세요","onUpdate:modelValue":s[2]||(s[2]=t=>e.onUpdate({description:t}))},null,8,["model-value"])],4)):(0,n.unref)(N)?(0,n.withDirectives)(((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:5,class:"rich-section-desc mt-3 text-[15px] leading-relaxed",style:(0,n.normalizeStyle)({color:e.section.data.descriptionColor||"#4b5563"})},null,4)),[[T,(0,n.unref)(E)]]):(0,n.createCommentVNode)("",!0)])):(0,n.createCommentVNode)("",!0),(0,n.unref)(o)?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(e.section.data.items||[]).length?((0,n.openBlock)(),(0,n.createBlock)(U,{key:0,"model-value":e.section.data.items||[],handle:".list-inline-drag",class:"space-y-3","onUpdate:modelValue":s[3]||(s[3]=t=>e.onUpdate({items:t}))},{default:(0,n.withCtx)((({item:e})=>[(0,n.createElementVNode)("div",p,[(0,n.createElementVNode)("div",m,[(0,n.createVNode)(a["default"],{width:14,height:20})]),(0,n.createElementVNode)("div",f,[(0,n.unref)(z)?((0,n.openBlock)(),(0,n.createElementBlock)("span",{key:0,class:(0,n.normalizeClass)(["shrink-0 font-semibold","check"===(0,n.unref)(z)?"mt-[3px]":""]),style:(0,n.normalizeStyle)((0,n.unref)(S))},["check"===(0,n.unref)(z)?((0,n.openBlock)(),(0,n.createBlock)(i["default"],{key:0,size:18})):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(D(e))+".",1)],64))],6)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",k,[(0,n.createVNode)(l["default"],{"model-value":e.text||"",appearance:"inline","default-font-size":"15px","default-align":"left",placeholder:"내용을 입력하세요","onUpdate:modelValue":t=>(0,n.unref)(I)(e,{text:t})},null,8,["model-value","onUpdate:modelValue"])]),(0,n.createElementVNode)("div",h,[(0,n.createElementVNode)("button",{type:"button",class:"rounded p-1 hover:bg-gray-100 hover:text-gray-600",title:"복제",onClick:t=>(0,n.unref)(j)(e)},[(0,n.createVNode)(c["default"])],8,y),(0,n.createElementVNode)("button",{type:"button",class:"rounded p-1 hover:bg-gray-100 hover:text-danger-400",title:"삭제",onClick:t=>(0,n.unref)(F)(e)},[(0,n.createVNode)(r["default"])],8,x)])])])])),_:1},8,["model-value"])):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("button",{class:"mt-2 flex h-9 w-full items-center justify-center gap-1 rounded-lg border border-dashed border-gray-300 text-sm text-gray-500 hover:bg-gray-50",onClick:s[4]||(s[4]=(...e)=>(0,n.unref)(L)&&(0,n.unref)(L)(...e))}," + 항목 추가 ")],64)):((0,n.openBlock)(),(0,n.createElementBlock)("div",g,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(_),((e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:e.id??t,class:"flex items-start gap-3 rounded-xl border border-gray-200 bg-white px-6 py-5"},[(0,n.unref)(z)?((0,n.openBlock)(),(0,n.createElementBlock)("span",{key:0,class:(0,n.normalizeClass)(["shrink-0 font-semibold","check"===(0,n.unref)(z)?"mt-[3px]":""]),style:(0,n.normalizeStyle)((0,n.unref)(S))},["check"===(0,n.unref)(z)?((0,n.openBlock)(),(0,n.createBlock)(i["default"],{key:0,size:18})):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(t+1)+".",1)],64))],6)):(0,n.createCommentVNode)("",!0),(0,n.withDirectives)((0,n.createElementVNode)("div",v,null,512),[[T,(0,n.unref)(d.wU)(e.text)]])])))),128))]))],2)],4)}}},B=o(83744);const b=(0,B.Z)(w,[["__scopeId","data-v-c49c4e24"]]);var V=b}}]);