https://event-us.kr/Content/dist/js/EvProjectBuilder-sections-notice-NoticePreview-vue.9b3e66dc6e98b5a4.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[2124,4750,2033,2040],{93751:function(e,t,n){function o(e){if(!e)return null;const t=String(e).match(/\/Date\((-?\d+)\)\//);if(t)return new Date(parseInt(t[1],10));const n=new Date(e);return isNaN(n.getTime())?null:n}function r(e){return null===e||void 0===e?"-":new Intl.NumberFormat("ko-KR").format(e)+"원"}function l(e){const t=o(e);if(!t)return"-";const n=t.getFullYear(),r=String(t.getMonth()+1).padStart(2,"0"),l=String(t.getDate()).padStart(2,"0"),a=String(t.getHours()).padStart(2,"0"),i=String(t.getMinutes()).padStart(2,"0"),c=String(t.getSeconds()).padStart(2,"0");return`${n}-${r}-${l} ${a}:${i}:${c}`}function a(e){const t=o(e);if(!t)return"-";const n=t.getFullYear(),r=String(t.getMonth()+1).padStart(2,"0"),l=String(t.getDate()).padStart(2,"0");return`${n}-${r}-${l}`}n.d(t,{T4:function(){return r},o0:function(){return l},p6:function(){return a},sG:function(){return o}})},32388:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});var o=n(70821);const r=["width","height"],l=(0,o.createElementVNode)("polyline",{points:"6 9 12 15 18 9"},null,-1),a=[l];var i={__name:"IconChevronDown",props:{size:{type:[Number,String],default:16}},setup(e){return(t,n)=>((0,o.openBlock)(),(0,o.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,r))}};const c=i;var d=c},32104:function(e,t,n){n.r(t),n.d(t,{default:function(){return w}});var o=n(70821),r=n(93751),l=n(96896),a=n(32388),i=n(5473);const c={key:0,class:"mb-8 text-center"},d=["onClick"],s={class:"mt-0.5 inline-block rounded bg-primary-50 px-2 py-0.5 text-[12px] text-primary-500"},u={class:"min-w-0 flex-1"},p={class:"truncate text-sm font-semibold text-gray-900"},m={class:"mt-0.5 text-[12px] text-gray-500"},f={key:0,class:"border-t border-gray-100 px-4 py-3 text-sm text-gray-600 [&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg"},g={key:1,class:"mt-4 rounded-lg border border-dashed border-gray-200 bg-gray-50/50 px-4 py-3 text-center text-[12px] text-gray-500"},y=(0,o.createElementVNode)("p",null,"미리보기용 예시입니다. 공지를 작성하면 실제 내용으로 교체됩니다.",-1),k=(0,o.createElementVNode)("p",{class:"mt-1"},"공지가 없을 땐 미리보기·행사페이지에서 이 섹션이 자동으로 숨겨집니다.",-1),x={key:0,class:"mt-1 text-[rgb(180,83,9)]"},v=["href"];var h={__name:"NoticePreview",props:{section:{type:Object,required:!0},sections:{type:Array,default:()=>[]},isLive:{type:Boolean,default:!1},onUpdate:{type:Function,default:null}},setup(e){const t=e,n=(0,o.computed)((()=>"function"===typeof t.onUpdate)),h=(0,o.inject)("builderPosterMode",!1),b=(0,o.computed)((()=>(0,i.MB)(t.section.data.labelText))),w=(0,o.computed)((()=>(0,i.dp)(t.section.data.labelText))),S=(0,o.computed)((()=>(0,i.MB)(t.section.data.title))),B=(0,o.computed)((()=>(0,i.kz)(t.section.data.title))),N=(0,o.computed)((()=>(0,i.dp)(t.section.data.description))),C=(0,o.computed)((()=>(0,i.wU)(t.section.data.description))),E=(0,o.inject)("builderNotices",(0,o.ref)([])),V=(0,o.inject)("builderNoticesPrivateCount",(0,o.ref)(0)),D=(0,o.inject)("builderContext",{subdomain:"",projectid:""}),z=(0,o.computed)((()=>V.value||0)),$=(0,o.computed)((()=>{const e=E.value;return Array.isArray(e)?e:[]})),_=[{id:"d1",categoryName:"운영",title:"행사 일정 변경 안내",content:"행사 시작 시간이 30분 늦춰졌습니다. 참석자분들께 사전 안내드립니다.",createDate:"2026-04-20"},{id:"d2",categoryName:"안내",title:"사전 설문 마감 안내",content:"사전 설문은 4월 25일까지 진행됩니다. 참가 전 작성 부탁드립니다.",createDate:"2026-04-18"},{id:"d3",categoryName:"운영",title:"주차 안내",content:"행사장 주변 주차 공간이 제한적이므로 대중교통 이용을 권장합니다.",createDate:"2026-04-15"}],U=(0,o.computed)((()=>!t.isLive&&0===$.value.length)),j=(0,o.computed)((()=>U.value?_:$.value)),M=(0,o.computed)((()=>!t.isLive||$.value.length>0)),T=(0,o.computed)((()=>{const e={full:"w-full px-8",default:"container mx-auto px-8",medium:"mx-auto max-w-3xl px-8",small:"mx-auto max-w-2xl px-8"};return e[t.section.data.noticeWidth]||e.default})),F=(0,o.computed)((()=>{const{subdomain:e,projectid:t}=D;return e&&t?`/hostcenter/channel/${e}/${t}/notice`:""}));function A(e){const t=(0,r.sG)(e);if(!t)return"";const n=t.getFullYear(),o=String(t.getMonth()+1).padStart(2,"0"),l=String(t.getDate()).padStart(2,"0");return`${n}.${o}.${l}`}const L=(0,o.ref)(new Set);function I(e){return!!h||L.value.has(e)}function P(e){const t=new Set(L.value);t.has(e)?t.delete(e):t.add(e),L.value=t}return(0,o.watch)(j,(e=>{L.value=1===e.length?new Set([0]):new Set}),{immediate:!0}),(t,r)=>{const i=(0,o.resolveDirective)("dompurify-html");return(0,o.unref)(M)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,style:(0,o.normalizeStyle)({backgroundColor:e.section.data.backgroundColor||"#ffffff"})},[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)([(0,o.unref)(T),e.section.data.spacing||"py-10"])},[!1!==e.section.data.showTitle?((0,o.openBlock)(),(0,o.createElementBlock)("div",c,[(0,o.unref)(n)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:"text-xs uppercase tracking-widest text-primary-500",style:(0,o.normalizeStyle)({color:e.section.data.labelColor})},[(0,o.createVNode)(l["default"],{"model-value":e.section.data.labelText||"",appearance:"inline","single-line":"","default-font-size":"12px","default-align":"center",placeholder:"Notice","onUpdate:modelValue":r[0]||(r[0]=t=>e.onUpdate({labelText:t}))},null,8,["model-value"])],4)):(0,o.unref)(w)?(0,o.withDirectives)(((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:1,class:"text-xs uppercase tracking-widest text-primary-500",style:(0,o.normalizeStyle)({color:e.section.data.labelColor})},null,4)),[[i,(0,o.unref)(b)]]):(0,o.createCommentVNode)("",!0),(0,o.unref)(n)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:2,class:"rich-section-title text-[32px] font-bold",style:(0,o.normalizeStyle)({color:e.section.data.titleColor||"#171717"})},[(0,o.createVNode)(l["default"],{"model-value":e.section.data.title||"",appearance:"inline","single-line":"","default-font-size":"32px","default-align":"center",placeholder:"공지/안내","onUpdate:modelValue":r[1]||(r[1]=t=>e.onUpdate({title:t}))},null,8,["model-value"])],4)):(0,o.withDirectives)(((0,o.openBlock)(),(0,o.createElementBlock)("h2",{key:3,class:"text-[32px] font-bold",style:(0,o.normalizeStyle)({color:e.section.data.titleColor||"#171717",textAlign:(0,o.unref)(B)||void 0})},null,4)),[[i,(0,o.unref)(S)||"공지/안내"]]),(0,o.unref)(n)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:4,class:"rich-section-desc mt-3 text-[15px] leading-relaxed",style:(0,o.normalizeStyle)({color:e.section.data.descriptionColor||"#4b5563"})},[(0,o.createVNode)(l["default"],{"model-value":e.section.data.description||"",appearance:"inline","default-font-size":"15px","default-align":"center",placeholder:"설명을 입력하세요","onUpdate:modelValue":r[2]||(r[2]=t=>e.onUpdate({description:t}))},null,8,["model-value"])],4)):(0,o.unref)(N)?(0,o.withDirectives)(((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:5,class:"rich-section-desc mt-3 text-[15px] leading-relaxed",style:(0,o.normalizeStyle)({color:e.section.data.descriptionColor||"#4b5563"})},null,4)),[[i,(0,o.unref)(C)]]):(0,o.createCommentVNode)("",!0)])):(0,o.createCommentVNode)("",!0),(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["divide-y divide-gray-100 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-200/60",{"opacity-60":(0,o.unref)(U)}])},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)((0,o.unref)(j),((e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:e.id},[(0,o.createElementVNode)("button",{type:"button",class:"flex w-full cursor-pointer items-start gap-3 p-4 text-left hover:bg-gray-50",onClick:e=>P(t)},[(0,o.createElementVNode)("span",s,(0,o.toDisplayString)(e.categoryName||""),1),(0,o.createElementVNode)("div",u,[(0,o.createElementVNode)("div",p,(0,o.toDisplayString)(e.title||""),1),(0,o.createElementVNode)("div",m,(0,o.toDisplayString)(A(e.createDate)),1)]),(0,o.unref)(h)?(0,o.createCommentVNode)("",!0):((0,o.openBlock)(),(0,o.createBlock)(a["default"],{key:0,class:(0,o.normalizeClass)(["ml-auto mt-1 shrink-0 text-gray-400 transition-transform",I(t)?"rotate-180":""])},null,8,["class"]))],8,d),I(t)?(0,o.withDirectives)(((0,o.openBlock)(),(0,o.createElementBlock)("div",f,null,512)),[[i,e.content||""]]):(0,o.createCommentVNode)("",!0)])))),128))],2),(0,o.unref)(U)?((0,o.openBlock)(),(0,o.createElementBlock)("div",g,[y,k,(0,o.unref)(z)>0?((0,o.openBlock)(),(0,o.createElementBlock)("p",x," 현재 비공개 상태인 공지가 "+(0,o.toDisplayString)((0,o.unref)(z))+"개 있습니다. 공개로 전환하면 라이브에 노출됩니다. ",1)):(0,o.createCommentVNode)("",!0),(0,o.unref)(F)?((0,o.openBlock)(),(0,o.createElementBlock)("a",{key:1,href:(0,o.unref)(F),target:"_blank",class:"mt-2 inline-block text-primary-500 hover:underline"},(0,o.toDisplayString)((0,o.unref)(z)>0?"공지 관리하러 가기 →":"공지 작성하러 가기 →"),9,v)):(0,o.createCommentVNode)("",!0)])):(0,o.createCommentVNode)("",!0)],2)],4)):(0,o.createCommentVNode)("",!0)}}};const b=h;var w=b}}]);