https://in-tol.web.app/3905.16bf8422.chunk.js

1"use strict";(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[3905],{73905:function(e,t,n){n.r(t),n.d(t,{default:function(){return fe}}),n(12064),n(44465),n(31863),n(3940),n(32145),n(74277),n(61445),n(57045),n(65114),n(32242),n(60039),n(75868),n(42652),n(34068),n(82185),n(97152),n(85062),n(86608);var r=n(37953),o=n(83483),a=n(84136),l=n(90766),i=n(82816),u=n(58303),c=n(19730),s=(n(10475),n(82106),n(3233),n(51163),n(82758),n(20884),n(80762)),f=n(70626),d=n(86483),m=n(15548),p=n(79661),y=n(65090),v=n(30959),g=n(4278);function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach(function(t){w(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function A(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function l(e){E(a,r,o,l,i,"next",e)}function i(e){E(a,r,o,l,i,"throw",e)}l(void 0)})}}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var C,x,j,P,I=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=O((0,r.useState)(!1),2),n=t[0],o=(t[1],(0,m.Zp)()),a=(0,l.Fj)(),i=O((0,p.L4)(g.vG),2),u=i[0],h=i[1],w=O((0,p.L4)(y.ag),2),E=w[0],k=w[1],C=(0,r.useCallback)(A(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,v.et)({collectionPath:c.Gf.MAINHOME,docId:"".concat(a,"Page"),themeSet:b({},u),bgFileList:E});case 2:x(),o("/".concat(a));case 4:case"end":return e.stop()}},e)})),[a,u,E]),x=(0,r.useCallback)(function(){h({}),k({})},[]),j=(0,r.useCallback)(function(){o("/".concat(a))},[a]);return r.createElement(f.tt,null,r.createElement(s.A,{onClick:function(){return(0,d.A)({handleExit:j})},shape:"stroke"},"나가기"),r.createElement(f.lz,null,r.createElement(s.A,{onClick:C,pending:n},"내용 저장 후 나가기")))},S=(n(79974),n(53942)),T=n(43416),L=n(28902),R=n(92284),U=n(88382),z=n(42457),D=n(78493),F=["data","style"];function G(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function M(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function l(e){G(a,r,o,l,i,"next",e)}function i(e){G(a,r,o,l,i,"throw",e)}l(void 0)})}}function V(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var N=(0,a.AH)(C||(C=H(["\n  border-radius: var(--cardBorderRadius);\n  background-color: var(--cardBackgroundColor);\n  border: 0;\n"]))),$=a.Ay.div(x||(x=H(["\n  padding: 0 12px 0 32px;\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--textColor);\n  background-color: var(--cardBackgroundColor);\n  border-radius: var(--cardBorderRadius);\n  border-bottom: 1px solid var(--lineColor);\n  transition: background-color 0.2s;\n  position: relative; // swap icon 고정시키기용\n\n  display: grid;\n  grid-template-columns: 0.4fr 1fr auto auto;\n  align-items: center;\n  gap: 12px;\n\n  ","\n"])),function(e){return e.isDrag&&N}),_=a.Ay.div(j||(j=H(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n"]))),K=a.Ay.div(P||(P=H(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n  padding: 8px 0;\n"])));function J(e,t){var n=e.data,o=(e.style,function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,F)),a=V((0,r.useState)(n?n.accessType:R.KC.PUBLIC),2),i=a[0],c=(a[1],(0,l.Fj)()),f=V((0,r.useState)(!1),2),d=f[0],m=f[1],p=V((0,r.useState)(null),2),y=p[0],v=p[1],g=V((0,U.zN)({menuValue:n.menuValue||""}),3),h=g[0].menuValue,b=g[1],w=(g[2],(0,r.useCallback)(M(regeneratorRuntime.mark(function e(){var t,r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),t={selectedFile:y,prevImgURL:n?n.imgURL:null},r={menuValue:h},e.next=5,(0,u.K_)({data:r,docId:n.id,fileList:t,collectionPath:c});case 5:m(!1);case 6:case"end":return e.stop()}},e)})),[h,i,n,y,c])),E=(0,r.useCallback)(function(){confirm("메뉴를 정말 삭제하시겠습니까?")&&(0,D.G)({imgURL:n.imgURL,boardId:n.id,collectionPath:c})},[n,c]),A=(0,r.useCallback)(function(){n&&(0,z.deleteImg)({imgURL:n.imgURL,docId:n.id,key:"imgURL",collectionPath:c})},[n,c]);return n?r.createElement($,null,r.createElement(T.A,o),r.createElement(_,null,n.title,r.createElement(S.A,{name:"menuValue",value:h,onChange:b,placeholder:"메뉴명"})),r.createElement(K,null,r.createElement(L.A,{id:"menu-icon-".concat(n.id),setSelectedFile:v,prevImgURL:null==n?void 0:n.imgURL,text:"이미지 추가",customDelete:A,label:"이미지 (최적 200 * 80)",style:{minWidth:180,height:60}})),r.createElement(K,null,r.createElement(s.A,{onClick:w,size:"md",pending:d},"저장"),r.createElement(s.A,{onClick:E,size:"md",shape:"stroke"},"삭제"))):null}var W,Y,Z,q=(0,r.forwardRef)(J),Q=n(47341),X=n(51915),ee=n(70175),te=n(70768),ne=n(27145),re=n(27834);function oe(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ie(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n(33001);var ue=a.Ay.div(W||(W=ie(["\n  padding: 80px 0;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 920px;\n  height: 100%;\n"]))),ce=a.Ay.div(Y||(Y=ie(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n"]))),se=a.Ay.div(Z||(Z=ie(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n"]))),fe=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e),(0,i.A)(!1);var t=(0,l.Fj)(),n=ae((0,r.useState)(null),2),a=n[0],f=n[1],d=ae((0,p.L4)(g.vG),2),m=d[0],h=(d[1],ae((0,p.L4)(y.ag),2)),b=h[0],w=(h[1],(0,o.useCollection)("".concat(t),{listen:!0,orderBy:["order","asc"]}).data),E=(0,o.useDocument)("".concat(c.Gf.MAINHOME,"/").concat(t,"Page"),{listen:!0}),A=E.data,O=E.set,k=(0,r.useCallback)(function(e){O({layoutType:e},{merge:!0})},[]),C=null==w?void 0:w.filter(function(e,t){return!0===e.isImpact}),x=(0,r.useCallback)(function(e){w&&(0,v.we)({collectionPath:t,data:{title:"1000",

1subTitle:"타이틀",description:"설명",order:w.length,contents:"내용 없음",dir:e},bgFileList:b})},[t,w,m,b]);return(0,r.useEffect)(function(){function e(){var n;return n=regeneratorRuntime.mark(function e(){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a&&(n={selectedFile:a,prevImgURL:(null==A?void 0:A.bgImgURL)||""},(0,u.C)({fileList:n,docId:"".concat(t,"Page")}));case 1:case"end":return e.stop()}},e)}),e=function(){var e=this,t=arguments;return new Promise(function(r,o){var a=n.apply(e,t);function l(e){oe(a,r,o,l,i,"next",e)}function i(e){oe(a,r,o,l,i,"throw",e)}l(void 0)})},e.apply(this,arguments)}(function(){return e.apply(this,arguments)})().then(function(){f(null)})},[a,A]),function(e){var t=e.data,n=e.resetOnDataLoad,o=void 0===n||n;(0,r.useEffect)(function(){window.scrollTo(0,0)},[]),(0,r.useEffect)(function(){if(o&&t&&t.length>0){var e=setTimeout(function(){window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0},100);return function(){return clearTimeout(e)}}},[t,o]),(0,r.useEffect)(function(){var e=[setTimeout(function(){return window.scrollTo(0,0)},50),setTimeout(function(){return window.scrollTo(0,0)},200),setTimeout(function(){return window.scrollTo(0,0)},500)];return function(){e.forEach(function(e){return clearTimeout(e)})}},[])}({data:w,resetOnDataLoad:!1}),r.createElement(r.Fragment,null,r.createElement(I,null),r.createElement(ue,null,r.createElement(ee.a,null,r.createElement(ee.C5,null,"상단 메뉴 편집"),r.createElement(ee.SB,null,"'강조'선택 된 메뉴가 상단에 등록되어 클릭 시 해당 연표로 스크롤 이동합니다."),r.createElement(re.A,{list:C,handleUpdateOrder:u.d,collectionPath:t},r.createElement(q,null))),r.createElement(ee.a,null,r.createElement(ee.C5,null,"레이아웃 선택"),r.createElement(ce,null,ne.Vc.map(function(e,t){return r.createElement(te.A,{key:t,value:e.value,id:"historyLayoutGroup-".concat(e.key),name:"historyLayoutGroup",checked:A&&A.layoutType?A.layoutType===e.key:e.key===ne.J5.VERTICAL,onChange:function(){return k(e.key)},shape:"box"},r.createElement("span",null,e.value))}))),r.createElement(ee.a,null,r.createElement(ee.C5,null,"디자인 설정"),r.createElement(X.A,{data:(null==A?void 0:A.themeSet)||{},collectionPath:c.Gf.MAINHOME,docId:c.kV.HISTORYPAGE||"",options:{themeColors:!0,bgm:!0,bgImg:!0,setCustomTheme:!0,font:!0}})),r.createElement(ee.a,null,r.createElement(ee.C5,null,"내용 편집"),r.createElement(se,null,r.createElement(s.A,{shape:"stroke",onClick:function(){return x("left")}},"연표 추가 (왼쪽)"),r.createElement(s.A,{shape:"stroke",onClick:function(){return x("right")}},"연표 추가 (오른쪽)")),r.createElement(Q.A,{isEdit:!0}))))}}}]);
2//# sourceMappingURL=3905.16bf8422.chunk.js.map