https://graycity.web.app/1915.f467306c.chunk.js

1"use strict";(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[1915],{44173:function(n,e,r){r.d(e,{CD:function(){return z},Fd:function(){return I},Hg:function(){return K},Ip:function(){return N},N9:function(){return Y},O5:function(){return V},O9:function(){return F},PF:function(){return _},R2:function(){return X},TT:function(){return H},X3:function(){return rn},YO:function(){return G},Zi:function(){return tn},_B:function(){return W},fA:function(){return Z},i:function(){return P},iS:function(){return M},iq:function(){return ln},ke:function(){return on},lh:function(){return q},qF:function(){return nn},r$:function(){return Q},sm:function(){return $},xP:function(){return en},xi:function(){return J}}),r(12064),r(44465),r(31863);var t,o,l,a,i,u,c,d,m,s,f,p,g,b,v,C,x,y,h,k,E,A,B,w,O,T,j,R,S=r(84136),U=r(18858);function L(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var I=S.Ay.div(t||(t=L(["\n  min-height: 40px;\n  display: grid;\n  grid-template-columns: 140px 1fr auto;\n  grid-gap: 12px;\n  align-items: center;

1\n"]))),F=S.Ay.span(o||(o=L(["\n  font-weight: 700;\n  margin: 0 0 0 4px;\n  position: relative;\n  font-size: 14px;\n  line-height: 1.4;\n  word-break: keep-all;\n"]))),P=(S.Ay.div(l||(l=L(["\n  font-weight: 700;\n"]))),S.Ay.div(a||(a=L(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 30px 0;\n\n  ","\n\n  h3 {\n    text-align: center;\n    margin-bottom: 12px;\n  }\n"])),U.pB)),z=S.Ay.div(i||(i=L(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 30px 0;\n  background-color: var(--cardBackgroundColor);\n\n  ","\n  border: var(--cardBorderWidth) var(--cardBorderType) var(--cardLineColor);\n\n  h3 {\n    text-align: center;\n    margin-bottom: 12px;\n  }\n"])),U.BA),M=S.Ay.div(u||(u=L(["\n  width: 100%;\n  height: 120px;\n  background-color: var(--cardBackgroundColor);\n  backdrop-filter: blur(12px);\n  border-radius: var(--cardBorderRadius);\n  border: 1px solid var(--lineColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 13px;\n  color: var(--subTextColor);\n"]))),D={column:(0,S.AH)(c||(c=L(["\n    display: grid;\n    grid-template-columns: 6fr 1fr;\n    grid-gap: 12px;\n  "]))),row:(0,S.AH)(d||(d=L(["\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-row-gap: 12px;\n  "])))},G=S.Ay.div(m||(m=L(["\n  padding: 32px 0;\n  font-family: var(--defaultFontFamily);\n  position: relative;\n  width: 100%;\n  max-width: 960px;\n  border-bottom: 1px solid var(--lineColor);\n  text-align: left;\n  ","\n  padding: ",";\n\n  &:last-of-type {\n    border-bottom: 0;\n  }\n\n  #tab_btn_wrap {\n    margin-bottom: 32px;\n  }\n\n  @media (max-width: 480px) {\n    padding: 16px;\n  }\n"])),function(n){var e=n.wrap;return e?D[e]:D.row},function(n){return n.startSec?"0 0 32px 0":"32px 0"}),Y=S.Ay.section(s||(s=L(["\n  display: grid;\n  grid-template-columns: 1fr 3fr;\n  grid-gap: 12px;\n  align-items: center;\n\n  label {\n    word-break: keep-all;\n  }\n"]))),$=S.Ay.section(f||(f=L(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"]))),_=S.Ay.p(p||(p=L(["\n  font-size: 13px;\n  color: var(--subTextColor);\n  word-break: keep-all;\n  font-family: var(--defaultFontFamily);\n  margin: 8px 0 0 0;\n  line-height: 1.6;\n"]))),H=S.Ay.div(g||(g=L(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  margin-top: 24px;\n"]))),N=S.Ay.div(b||(b=L(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n"]))),Z=S.Ay.h5(v||(v=L(["\n  margin-bottom: 24px;\n"]))),K=S.Ay.h6(C||(C=L(["\n  font-size: 13px;\n  color: var(--subTextColor);\n  margin: 20px 0 8px 0;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n"]))),W=S.Ay.div(x||(x=L(["\n  padding: 12px;\n  background-color: var(--cardBackgroundColor);\n  border: 1px solid var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n\n  p {\n    font-size: 13px;\n    line-height: 1.6;\n  }\n"]))),X=S.Ay.p(y||(y=L(["\n  border-radius: 6px;\n  padding: 12px;\n  background-color: var(--cardBackgroundColor);\n  border: 1px solid var(--cardLineColor);\n  font-size: 14px;\n  color: var(--subTextColor);\n  line-height: 1.6;\n  margin: 8px 0;\n"]))),q=S.Ay.p(h||(h=L([" \n  font-size: 12px;\n  line-height: 1.3;\n  color: var(--subTextColor);\n"]))),J=S.Ay.div(k||(k=L(["\n  padding: 24px;\n"]))),V=S.Ay.div(E||(E=L(["\n  flex-shrink: 0;\n\n  padding: 24px 16px;\n  border-bottom: 1px solid var(--lineColor);\n\n  span {\n    display: block;\n    font-size: 13px;\n    color: var(--subTextColor);\n    word-break: keep-all;\n    font-family: var(--defaultFontFamily);\n    margin: 8px 0 0 0;\n  }\n"]))),Q=S.Ay.button(A||(A=L(["\n  padding: ",";\n  background-color: ",";\n  border: 2px solid\n    ",";\n  border-radius: var(--cardBorderRadius);\n  cursor: var(--hoverCursorURL), pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n\n  &:hover {\n    border-color: var(--primaryColor);\n    ","\n  }\n\n  ","\n"])),function(n){return n.$padding||"32px 16px 16px"},function(n){return n.$bg||"transparent"},function(n){return n.selected?"var(--primaryColor)":"var(--lineColor)"}

1,function(n){return n.$gap||"12px"},function(n){return n.$hoverLift&&"transform: translateY(-2px);"},function(n){return n.selected&&"box-shadow: 0 4px 12px rgba(var(--primaryColorRGB), 0.2);"}),nn=S.Ay.div(B||(B=L(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 1.4;\n  }\n\n  @media (max-width: 480px) {\n    grid-template-columns: 1fr;\n    height: 100%;\n  }\n"]))),en=S.Ay.section(w||(w=L(["\n  box-sizing: border-box;\n  width: 100%;\n  margin-bottom: 24px;\n  padding: 20px;\n  border: 1px solid var(--lineColor);\n  border-radius: 12px;\n  background: var(--cardBackgroundColor);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),rn=S.Ay.div(O||(O=L(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"]))),tn=S.Ay.h3(T||(T=L(["\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--textColor);\n"]))),on=S.Ay.p(j||(j=L(["\n  margin: 0;\n  font-size: 13px;\n  color: var(--subTextColor);\n  line-height: 1.4;\n"]))),ln=S.Ay.div(R||(R=L(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"])))},51915:function(n,e,r){r(12064),r(44465),r(31863),r(3940),r(32145),r(74277),r(61445),r(57045),r(65114),r(32242),r(60039),r(42652),r(10475),r(82106),r(85062),r(3233),r(51163),r(82758),r(20884),r(34068),r(82185),r(86608),r(75868),r(97152);var t,o,l,a=r(37953),i=r(79661),u=r(65090),c=r(4278),d=r(53942),m=r(19563),s=r(68532),f=r(44173),p=r(84136),g=r(66987),b=r(95188),v=r(7855),C=r(25083),x=r(28902),y=r(90766),h=r(88382),k=r(33871),E=r(83483),A=r(19730),B=r(48946),w=r(51788),O=r(64315),T=r(42457),j=r(34388),R=r(96635);function S(n,e,r,t,o,l,a){try{var i=n[l](a),u=i.value}catch(n){return void r(n)}i.done?e(u):Promise.resolve(u).then(t,o)}function U(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),r.push.apply(r,t)}return r}function L(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?U(Object(r),!0).forEach(function(e){I(n,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}function I(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function F(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,l=[],a=!0,i=!1;try{for(r=r.call(n);!(a=(t=r.next()).done)&&(l.push(t.value),!e||l.length!==e);a=!0);}catch(n){i=!0,o=n}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return l}}(n,e)||z(n,e)||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 P(n){return function(n){if(Array.isArray(n))return M(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||z(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(n,e){if(n){if("string"==typeof n)return M(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(n,e):void 0}}function M(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function D(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var G=p.Ay.div(t||(t=D(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-right: 24px;\n"]))),Y=p.Ay.div(o||(o=D(["\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 8px;\n"]))),$=p.Ay.div(l||(l=D(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1 1 120px;\n  min-width: 100px;\n"]))),_={bgm:!0,bgmStartY:!0,font:!0,bgImg:!0,themeColors:!0,bgEffect:!0,setCustomTheme:!1,cardSet:!0};function H(n){var e,r=n.data,t=n.options,o=void 0===t?_:t,l=n.docId,p=n.collectionPath,U=n.defaultBgmURL,I=n.setGlobal,z=void 0===I||I,M=n.unmountOnExit,D=void 0===M||M,H=p||(0,y.Fj)(),N=(0,i.lZ)(c.vG),Z=(0,E.useDocument)(A.Mb.HOMEPAGE,{listen:!0}).data,K=(0,E.useDocument)(A.Mb.FONT_MANAGER,{listen:!0}).data,W=(null==K?void 0:K.customFonts)||[];(0,b.Z)(W);var X=(0,a.useMemo)(function(){var n=W.map(function(n){return{key:"'".concat(n.fontFamily,"', sans-serif"),value:"".concat(n.name," 

1(커스텀)")}});return[{key:"",value:"기본 서체 (해제)"}].concat(P(g.zs),P(n))},[W]),q=o,J=F((0,h.zN)({bgmURL:(null==r?void 0:r.bgmURL)||"",bgmStartY:(null==r?void 0:r.bgmStartY)||""}),2),V=J[0],Q=V.bgmURL,nn=V.bgmStartY,en=J[1],rn=F((0,i.L4)(u.p6),2),tn=rn[0],on=rn[1],ln=q.font?tn:"",an=F((0,O.A)(r&&(null==r?void 0:r.isBgEffectActive)||!1),3),un=an[0],cn=an[1],dn=(an[2],F((0,O.A)(r&&r.isBgColorActive||!1),3)),mn=dn[0],sn=dn[1],fn=(dn[2],F((0,a.useState)((null==r?void 0:r.cardBlur)||(null==Z||null===(e=Z.card)||void 0===e?void 0:e.cardBlur)||"4px"),2)),pn=fn[0],gn=fn[1],bn=F((0,a.useState)((null==r?void 0:r.panelBorderRadius)||""),2),vn=bn[0],Cn=bn[1],xn=F((0,a.useState)(null),2),yn=xn[0],hn=xn[1],kn=F((0,i.L4)(u.ag),2),En=(kn[0],kn[1]),An=F((0,a.useState)((null==r?void 0:r.backgroundImgURL)||""),2),Bn=An[0],wn=An[1],On=F((0,i.L4)(u.oX),2),Tn=On[0],jn=On[1],Rn=(0,a.useRef)(!1),Sn=(0,a.useRef)(!1),Un=F((0,a.useState)(!1),2),Ln=Un[0],In=Un[1],Fn=F((0,s.Ge)({textColor:(null==r?void 0:r.textColor)||(null==Z?void 0:Z.font.textColor),subTextColor:(null==r?void 0:r.subTextColor)||(null==Z?void 0:Z.font.subTextColor),lineColor:(null==r?void 0:r.lineColor)||(null==Z?void 0:Z.primary.lineColor),cardBackgroundColor:(null==r?void 0:r.cardBackgroundColor)||(null==Z?void 0:Z.card.cardBackgroundColor),buttonBackgroundColor:(null==r?void 0:r.buttonBackgroundColor)||(null==Z?void 0:Z.button.buttonBackgroundColor),buttonTextColor:(null==r?void 0:r.buttonTextColor)||(null==Z?void 0:Z.button.buttonTextColor),backgroundColor:(null==r?void 0:r.backgroundColor)||(null==Z?void 0:Z.background.backgroundColor),primaryColor:(null==r?void 0:r.primaryColor)||(null==Z?void 0:Z.primary.primaryColor),subColor:(null==r?void 0:r.subColor)||(null==Z?void 0:Z.primary.subColor)},{setGlobal:z}),3),Pn=Fn[0],zn=Pn.textColor,Mn=Pn.subTextColor,Dn=Pn.lineColor,Gn=Pn.cardBackgroundColor,Yn=Pn.buttonBackgroundColor,$n=Pn.buttonTextColor,_n=Pn.primaryColor,Hn=Pn.subColor,Nn=Pn.backgroundColor,Zn=Fn[1],Kn=Fn[2],Wn=(0,a.useMemo)(function(){return!!r&&("boolean"==typeof r.isCustomTheme?r.isCustomTheme:Boolean(r.bgmURL||r.backgroundImgURL||r.fontFamily||r.isBgEffectActive||!1===r.isBgColorActive||r.panelBorderRadius||r.cardBlur||r.textColor||r.subTextColor||r.lineColor||r.cardBackgroundColor||r.buttonBackgroundColor||r.buttonTextColor||r.primaryColor||r.subColor))},[null==r?void 0:r.isCustomTheme,null==r?void 0:r.bgmURL,null==r?void 0:r.backgroundImgURL,null==r?void 0:r.fontFamily,null==r?void 0:r.isBgEffectActive,null==r?void 0:r.isBgColorActive,null==r?void 0:r.panelBorderRadius,null==r?void 0:r.cardBlur,null==r?void 0:r.textColor,null==r?void 0:r.subTextColor,null==r?void 0:r.lineColor,null==r?void 0:r.cardBackgroundColor,null==r?void 0:r.buttonBackgroundColor,null==r?void 0:r.buttonTextColor,null==r?void 0:r.primaryColor,null==r?void 0:r.subColor]),Xn=(0,a.useCallback)(function(){Sn.current=!0,jn(function(n){return!n})},[jn]);(0,a.useEffect)(function(){Rn.current=!1,Sn.current=!1,In(!1),l||on("")},[l,H,on]),(0,a.useEffect)(function(){Sn.current||l&&Rn.current&&jn(Wn)},[l,Wn,jn]),(0,a.useEffect)(function(){var n,e,t,o,a,i,u,c,d,m;Rn.current||Z&&(Sn.current||jn(!!l&&Wn),on((null==r?void 0:r.fontFamily)||""),wn((null==r?void 0:r.backgroundImgURL)||""),gn((null==r?void 0:r.cardBlur)||(null==Z||null===(n=Z.card)||void 0===n?void 0:n.cardBlur)||"4px"),Cn((null==r?void 0:r.panelBorderRadius)||""),Kn({textColor:(null==r?void 0:r.textColor)||(null==Z||null===(e=Z.font)||void 0===e?void 0:e.textColor),subTextColor:(null==r?void 0:r.subTextColor)||(null==Z||null===(t=Z.font)||void 0===t?void 0:t.subTextColor),lineColor:(null==r?void 0:r.lineColor)||(null==Z||null===(o=Z.primary)||void 0===o?void 0:o.lineColor),cardBackgroundColor:(null==r?void 0:r.cardBackgroundColor)||(null==Z||null===(a=Z.card)||void 0===a?void 0:a.cardBackgroundColor),buttonBackgroundColor:(null==r?void 0:r.buttonBackgroundColor)||(null==Z||null===(i=Z.button)||void 0===i?void 0:i.buttonBackgroundColor),buttonTextColor:(null==r?void 0:r.buttonTextColor)||(null==Z||null===(u=Z.button)||void 0===u?void 0:u.buttonTextColor),backgroundColor:(null==r?void 0:r.backgroundColor)||(null==Z||null===(c=Z.background)||void 0===c?void 0:c.backgroundColor),primaryColor:(null==r?void 0:r.primaryColor)||(null==Z||null===(d=Z.primary)||void 0===d?void 0:d.primaryColor),subColor:(null==r?void 0:r.subColor)||(null==Z||null===(m=Z.primary)||void 0===m?void 0:m.subColor)}),Rn.current=!0,In(!0))},[l,r,on,Kn,Z,Wn,jn]);var qn=(0,a.useCallback)(function(n){var e=n.target.value;

1gn(e),z&&(0,j.tU)("cardBlur",(0,R.R$)(e||"4px"))},[z]),Jn=(0,a.useCallback)(function(n){var e=n.target.value;Cn(e)},[]);(0,a.useEffect)(function(){r&&(yn||r.backgroundImgURL)&&En({selectedBgFile:yn,prevBgImgURL:r.backgroundImgURL||""})},[yn]);var Vn=(0,a.useMemo)(function(){return{isBgEffectActive:un,isBgColorActive:mn,textColor:zn,subTextColor:Mn,lineColor:Dn,cardBackgroundColor:Gn,cardBlur:pn,buttonBackgroundColor:Yn,buttonTextColor:$n,backgroundColor:Nn,primaryColor:_n,subColor:Hn,fontFamily:ln,backgroundImgURL:Bn,bgmStartY:nn,bgmURL:Q}},[un,mn,zn,Mn,Dn,Gn,pn,Yn,$n,Nn,_n,Hn,ln,Bn,nn,Q]),Qn=(0,a.useMemo)(function(){return U||Q},[U,Q]),ne=(0,a.useMemo)(function(){return{data:Vn,defaultBgmURL:Qn,unmount:D,setGlobal:z}},[Vn,Qn,z,D]),ee=(0,a.useMemo)(function(){return L(L({},ne),{},{customThemeOption:!0,disabled:!Ln})},[ne,Ln]);function re(){var n;return n=regeneratorRuntime.mark(function n(){var e;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,(0,k.Mr)(yn);case 2:if(n.t0=n.sent,n.t0){n.next=5;break}n.t0="";case 5:e=n.t0,wn(e),z&&(0,j.tU)("backgroundImgURL","url('".concat(e,"')"));case 8:case"end":return n.stop()}},n)}),re=function(){var e=this,r=arguments;return new Promise(function(t,o){var l=n.apply(e,r);function a(n){S(l,t,o,a,i,"next",n)}function i(n){S(l,t,o,a,i,"throw",n)}a(void 0)})},re.apply(this,arguments)}(0,B.TT)(ee),(0,a.useEffect)(function(){N({textColor:zn,subTextColor:Mn,lineColor:Dn,cardBackgroundColor:Gn,cardBlur:pn,panelBorderRadius:vn,buttonBackgroundColor:Yn,buttonTextColor:$n,backgroundColor:Nn,primaryColor:_n,subColor:Hn,isBgEffectActive:un,isBgColorActive:mn,fontFamily:ln,isCustomTheme:Tn||!1,bgmURL:Q,bgmStartY:nn,backgroundImgURL:Bn})},[zn,Mn,Dn,Gn,pn,vn,Yn,$n,Nn,_n,Hn,un,mn,ln,Tn,Q,nn,Bn,z]),(0,a.useEffect)(function(){yn&&!mn&&function(){re.apply(this,arguments)}()},[yn,mn]);var te=(0,a.useCallback)(function(){yn?((0,j.tU)("backgroundColor",Nn),hn(null)):r&&l&&r.backgroundImgURL&&((0,j.tU)("backgroundColor",Nn),En({selectedBgFile:null,previewBgImg:""}),(0,T.deleteSettingImg)({collectionPath:H,imgURL:null==r?void 0:r.backgroundImgURL,docId:l,parentKey:"themeSet",key:"backgroundImgURL"}))},[H,r,yn,l]);return a.createElement(G,null,q.setCustomTheme&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"페이지 꾸미기 설정"),a.createElement(Y,null,a.createElement(w.A,{isChecked:!!Tn,handleSwitch:Xn}))),q.bgImg&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"배경 이미지 사용"),a.createElement(w.A,{isChecked:!mn,handleSwitch:sn})),q.bgImg&&!mn&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"배경 이미지 설정"),a.createElement("div",{style:{width:180}},a.createElement(x.A,{id:"posting-bgImg",prevImgURL:Bn,setSelectedFile:hn,customDelete:te,style:{height:60}},a.createElement("span",null,"배경 이미지 업로드")))),(q.bgImg||q.bgColor)&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"배경 단일 컬러 설정"),a.createElement(Y,{style:{maxWidth:400}},a.createElement(v.A,{name:"backgroundColor",value:Nn,onChange:Zn}))),q.font&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"서체 설정"),a.createElement(Y,null,a.createElement(m.l,{selectedKey:tn,setSelectedKey:on,selectList:X,defaultValue:"폰트 선택",dropdownStyle:{width:180,maxHeight:300}}))),q.bgm&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"BGM 설정 ",a.createElement("br",null),"(Youtube 단일 링크)"),a.createElement(Y,null,a.createElement(d.A,{name:"bgmURL",value:Q,onChange:en,infoLink:{tooltip:"(재생목록 X) 전체공개 설정된 단일 음악 링크 가능"},placeholder:"https://www.youtube.com/..."}),o.bgmStartY&&a.createElement(d.A,{name:"bgmStartY",placeholder:"(px) 스크롤 후 음악 재생 위치",value:nn,type:"number",onChange:en}))),q.bgEffect&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"배경 이펙트 활성화"),a.createElement(w.A,{isChecked:un,handleSwitch:cn})),!1!==q.cardSet&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"카드 블러 수치(px포함)"),a.createElement(d.A,{description:"예: 4px (px)",name:"cardBlur",value:pn,onChange:qn,placeholder:"4px"})),q.panelBorderRadius&&a.createElement(f.Fd,null,a.createElement(f.O9,null,"패널 보더 둥글기"),a.createElement(d.A,{description:"예: 16px, 50px",name:"panelBorderRadius",value:vn,onChange:Jn,placeholder:"16px"})),q.themeColors&&a.createElement(a.Fragment,null,a.createElement(Y,null,a.createElement($,null,a.createElement(C.A,null,"폰트 컬러"),a.createElement(v.A,{name:"textColor",value:zn,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"서브 폰트 컬러"),a.createElement(v.A,{name:"subTextColor",value:Mn,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"카드 배경 컬러"),a.createElement(v.A,{name:"cardBackgroun

1dColor",value:Gn,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"버튼 배경 컬러"),a.createElement(v.A,{name:"buttonBackgroundColor",value:Yn,onChange:Zn,dir:"bottom"}))),a.createElement(Y,null,a.createElement($,null,a.createElement(C.A,null,"포인트 컬러"),a.createElement(v.A,{name:"primaryColor",value:_n,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"서브 컬러"),a.createElement(v.A,{name:"subColor",value:Hn,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"라인 컬러"),a.createElement(v.A,{name:"lineColor",value:Dn,onChange:Zn,dir:"bottom"})),a.createElement($,null,a.createElement(C.A,null,"버튼 텍스트 컬러"),a.createElement(v.A,{name:"buttonTextColor",value:$n,onChange:Zn,dir:"bottom"})))))}e.A=a.memo(H)},68532:function(n,e,r){r.d(e,{Ge:function(){return m},eJ:function(){return s}}),r(82106),r(51163),r(82758),r(3940),r(32145),r(74277),r(61445),r(57045),r(65114),r(32242),r(60039),r(12064),r(75868),r(42652),r(10475),r(85062),r(3233),r(20884),r(31863);var t=r(34388),o=r(37953),l=r(79661);function a(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),r.push.apply(r,t)}return r}function i(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach(function(e){u(n,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}function u(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function c(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,l=[],a=!0,i=!1;try{for(r=r.call(n);!(a=(t=r.next()).done)&&(l.push(t.value),!e||l.length!==e);a=!0);}catch(n){i=!0,o=n}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return l}}(n,e)||function(n,e){if(n){if("string"==typeof n)return d(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(n,e):void 0}}(n,e)||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 d(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}function m(n,e){var r=e.setGlobal,l=void 0===r||r,a=c((0,o.useState)(n),2),d=a[0],m=a[1],s=(0,o.useCallback)(function(n,e){m(function(r){return i(i({},r),{},u({},e,n))}),l&&(0,t.tU)(e,n)},[l,n]),f=(0,o.useCallback)(function(){m(n);var e=Object.keys(n);l&&e.forEach(function(e){return(0,t.tU)(e,n[e])})},[n,l]);return[d,s,m,f]}function s(n,e){var r=e.setGlobal,a=void 0===r||r,d=e.atomState,m=e.setBgColor,s=c((0,l.L4)(d),2),f=s[0],p=s[1],g=(0,o.useCallback)(function(n,e){d&&p(function(r){return i(i({},r),{},u({},e,n))}),a&&(0,t.tU)(e,n),a&&"backgroundColor"===e&&m&&(0,t.tU)("backgroundColor",n)},[a]),b=(0,o.useCallback)(function(){p(n),d&&p(n);var e=Object.keys(n);a&&e.forEach(function(e){return(0,t.tU)(e,n[e])})},[n,a]);return(0,o.useEffect)(function(){p(function(e){return i(i({},e),{},{initialColors:n})})},[]),[f,g,b,p]}},95188:function(n,e,r){r.d(e,{Z:function(){return l}}),r(60368),r(86608);var t=r(37953),o="custom-fonts-style";function l(n){(0,t.useEffect)(function(){var e=document.getElementById(o);if(n&&0!==n.length){var r=n.map(function(n){return n.cssText}).join("\n\n");if(!e||e.textContent!==r){var t=document.createElement("style");return t.id=o,t.textContent=r,e?e.replaceWith(t):document.head.appendChild(t),function(){t.remove()}}}else e&&e.remove()},[n])}}}]);
2//# sourceMappingURL=1915.f467306c.chunk.js.map