https://event-us.kr/Content/dist/js/EvProjectBuilder-sections-feature-FeatureSettings-vue.d15a2751388c7578.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[5778,7693,5579],{39:function(e,t,l){l.d(t,{PI:function(){return a},YT:function(){return n},rQ:function(){return o},zJ:function(){return r}});const a=[{value:"sm",label:"작게"},{value:"md",label:"보통"},{value:"lg",label:"크게"}],n=[{value:"auto",label:"자동"},{value:"half",label:"절반"},{value:"full",label:"전체"}];function o(e,t="px-8 py-4 text-base"){return"sm"===e?"px-4 py-2 text-sm":"lg"===e?"px-10 py-5 text-lg":t}function r(e,t="inline-block",l="center"){if("full"===e)return"block w-full text-center";if("half"===e){const e="left"===l?"":"right"===l?"ml-auto":"mx-auto";return["block w-1/2 text-center",e].filter(Boolean).join(" ")}return t}},95305:function(e,t,l){l.r(t),l.d(t,{default:function(){return x}});var a=l(70821),n=l(39);const o={class:"space-y-2.5"},r=(0,a.createElementVNode)("p",{class:"mb-1 text-[13px] text-gray-500"},"버튼 크기",-1),c={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},s=["onClick"],u=(0,a.createElementVNode)("p",{class:"mb-1 text-[13px] text-gray-500"},"버튼 너비",-1),d={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},i=["onClick"];var m={__name:"ButtonSizeControl",props:{size:{type:String,default:"md"},width:{type:String,default:"auto"}},emits:["update:size","update:width"],setup(e){const t=n.PI,l=n.YT;return(n,m)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",o,[(0,a.createElementVNode)("div",null,[r,(0,a.createElementVNode)("div",c,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(t),(t=>((0,a.openBlock)(),(0,a.createElementBlock)("button",{key:t.value,type:"button",class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.size||"md")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>n.$emit("update:size",t.value)},(0,a.toDisplayString)(t.label),11,s)))),128))])]),(0,a.createElementVNode)("div",null,[u,(0,a.createElementVNode)("div",d,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(l),(t=>((0,a.openBlock)(),(0,a.createElementBlock)("button",{key:t.value,type:"button",class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.width||"auto")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>n.$emit("update:width",t.value)},(0,a.toDisplayString)(t.label),11,i)))),128))])])]))}};const p=m;var x=p},69623:function(e,t,l){l.r(t),l.d(t,{default:function(){return x}});var a=l(70821);const n={class:"space-y-2"},o={class:"mb-1 block text-[13px] text-gray-500"},r=["value"],c=(0,a.createElementVNode)("option",{value:"register"},"이벤터스 신청페이지",-1),s=(0,a.createElementVNode)("option",{value:"custom"},"직접 입력",-1),u=[c,s],d={key:0},i=(0,a.createElementVNode)("label",{class:"mb-1 block text-[13px] text-gray-500"},"URL",-1);var m={__name:"LinkSelect",props:{modelValue:{type:Object,default:()=>({linkType:"register",url:""})},label:{type:String,default:"링크"}},emits:["update:modelValue"],setup(e,{emit:t}){const l=e;function c(e){t("update:modelValue",{...l.modelValue,linkType:e,url:"register"===e?"":l.modelValue.url})}return(t,l)=>{const s=(0,a.resolveComponent)("ev-input");return(0,a.openBlock)(),(0,a.createElementBlock)("div",n,[(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("label",o,(0,a.toDisplayString)(e.label),1),(0,a.createElementVNode)("select",{value:e.modelValue.linkType,class:"w-full rounded-lg border border-gray-200 px-3 py-2 text-sm",onChange:l[0]||(l[0]=e=>c(e.target.value))},u,40,r)]),"custom"===e.modelValue.linkType?((0,a.openBlock)(),(0,a.createElementBlock)("div",d,[i,(0,a.createVNode)(s,{small:"","model-value":e.modelValue.url,placeholder:"https://","onUpdate:modelValue":l[1]||(l[1]=l=>t.$emit("update:modelValue",{...e.modelValue,url:l}))},null,8,["model-value"])])):(0,a.createCommentVNode)("",!0)])}}};const p=m;var x=p},95351:function(e,t,l){l.r(t),l.d(t,{default:function(){return T}});var a=l(70821),n=l(69623),o=l(95305);const r={class:"space-y-4"},c=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"이미지 위치",-1),s={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},u=["onClick"],d=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"이미지 모양",-1),i={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},m=["onClick"],p={key:0},x=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"이미지 비율",-1),v={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},g=["onClick"],b=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"이미지 비중",-1),f={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},y=["onClick"],k={class:"mb-2.5 flex items-center justify-between"},V=(0,a.createElementVNode)("p",{class:"text-[13px] text-gray-900"},"CTA 버튼",-1),E={key:0,class:"space-y-2.5 rounded-lg border border-gray-100 bg-gray-50/50 p-2.5"},h=(0,a.createElementVNode)("p",{class:"mb-1 text-[13px] text-gray-500"},"텍스트",-1),N=(0,a.createElementVNode)("p",{class:"mb-1 text-[13px] text-gray-500"},"배경 색상",-1),C=(0,a.createElementVNode)("p",{class:"mb-1 text-[13px] text-gray-500"},"텍스트 색상",-1),B=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"너비",-1),w={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},S=["onClick"],z=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"간격",-1),j={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},L=["onClick"],U=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"배경색",-1);var D={__name:"FeatureSettings",props:{section:{type:Object,required:!0},sections:{type:Array,default:()=>[]}},emits:["update:data"],setup(e,{emit:t}){const l=e,D=[{value:"left",label:"왼쪽"},{value:"right",label:"오른쪽"}

1],F=[{value:"default",label:"기본"},{value:"circle",label:"원형"}],T=[{value:"1/1",label:"1:1"},{value:"4/3",label:"4:3"},{value:"16/9",label:"16:9"}],_=[{value:30,label:"3:7"},{value:40,label:"4:6"},{value:50,label:"5:5"},{value:60,label:"6:4"},{value:70,label:"7:3"}],R=[{value:"py-0",label:"없음"},{value:"py-4",label:"작게"},{value:"py-10",label:"보통"},{value:"py-40",label:"크게"}],P=[{value:"full",label:"전체"},{value:"default",label:"기본"},{value:"medium",label:"중간"},{value:"small",label:"작게"}];function W(e){t("update:data",{...l.section.data,...e})}return(t,l)=>{const $=(0,a.resolveComponent)("ev-toggle"),A=(0,a.resolveComponent)("ev-input"),I=(0,a.resolveComponent)("ev-colorpicker");return(0,a.openBlock)(),(0,a.createElementBlock)("div",r,[(0,a.createElementVNode)("div",null,[c,(0,a.createElementVNode)("div",s,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(D,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.imagePosition||"left")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({imagePosition:t.value})},(0,a.toDisplayString)(t.label),11,u))),64))])]),(0,a.createElementVNode)("div",null,[d,(0,a.createElementVNode)("div",i,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(F,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.imageShape||"default")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({imageShape:t.value})},(0,a.toDisplayString)(t.label),11,m))),64))])]),"circle"!==(e.section.data.imageShape||"default")?((0,a.openBlock)(),(0,a.createElementBlock)("div",p,[x,(0,a.createElementVNode)("div",v,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(T,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.aspectRatio||"4/3")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({aspectRatio:t.value})},(0,a.toDisplayString)(t.label),11,g))),64))])])):(0,a.createCommentVNode)("",!0),(0,a.createElementVNode)("div",null,[b,(0,a.createElementVNode)("div",f,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(_,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(Number(e.section.data.imageRatio)||50)===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({imageRatio:t.value})},(0,a.toDisplayString)(t.label),11,y))),64))])]),(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("div",k,[V,(0,a.createVNode)($,{"model-value":!1!==e.section.data.showCta,"onUpdate:modelValue":l[0]||(l[0]=e=>W({showCta:e}))},null,8,["model-value"])]),!1!==e.section.data.showCta?((0,a.openBlock)(),(0,a.createElementBlock)("div",E,[(0,a.createElementVNode)("div",null,[h,(0,a.createVNode)(A,{small:"","model-value":e.section.data.cta?.text,placeholder:"자세히 보기","onUpdate:modelValue":l[1]||(l[1]=t=>W({cta:{...e.section.data.cta,text:t}}))},null,8,["model-value"])]),(0,a.createElementVNode)("div",null,[N,(0,a.createVNode)(I,{small:"","model-value":e.section.data.cta?.color||"#171717",name:"featureCtaColor","onUpdate:modelValue":l[2]||(l[2]=t=>W({cta:{...e.section.data.cta,color:t}}))},null,8,["model-value"])]),(0,a.createElementVNode)("div",null,[C,(0,a.createVNode)(I,{small:"","model-value":e.section.data.cta?.textColor||"#ffffff",name:"featureCtaTextColor","onUpdate:modelValue":l[3]||(l[3]=t=>W({cta:{...e.section.data.cta,textColor:t}}))},null,8,["model-value"])]),(0,a.createVNode)(n["default"],{"model-value":e.section.data.cta,label:"링크","onUpdate:modelValue":l[4]||(l[4]=e=>W({cta:e}))},null,8,["model-value"]),(0,a.createVNode)(o["default"],{size:e.section.data.buttonSize,width:e.section.data.buttonWidth,"onUpdate:size":l[5]||(l[5]=e=>W({buttonSize:e})),"onUpdate:width":l[6]||(l[6]=e=>W({buttonWidth:e}))},null,8,["size","width"])])):(0,a.createCommentVNode)("",!0)]),(0,a.createElementVNode)("div",null,[B,(0,a.createElementVNode)("div",w,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(P,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.featureWidth||"default")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({featureWidth:t.value})},(0,a.toDisplayString)(t.label),11,S))),64))])]),(0,a.createElementVNode)("div",null,[z,(0,a.createElementVNode)("div",j,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(R,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.spacing||"py-10")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>W({spacing:t.value})},(0,a.toDisplayString)(t.label),11,L))),64))])]),(0,a.createElementVNode)("div",null,[U,(0,a.createVNode)(I,{small:"","model-value":e.section.data.backgroundColor||"#ffffff",n

1ame:"featureBgColor","onUpdate:modelValue":l[7]||(l[7]=e=>W({backgroundColor:e}))},null,8,["model-value"])])])}}};const F=D;var T=F}}]);