https://eternal-avarice.web.app/6873.4e8532f0.chunk.js

1"use strict";(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[6873],{6873:function(e,n,r){r.r(n),r.d(n,{default:function(){return ee}}),r(12064),r(44465),r(31863),r(3940),r(32145),r(74277),r(61445),r(57045),r(65114),r(32242),r(60039),r(75868),r(42652),r(10475),r(82106),r(85062),r(3233),r(51163),r(82758),r(20884);var t,o,l=r(83483),a=r(19730),u=r(37953),i=r(84136),c=(r(34068),r(97152),r(86608),r(89339));function s(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function d(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){f(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function f(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function y(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var m,b,v,h,g,w,O,x,E,j=i.Ay.div(t||(t=y(["\n  font-size: 12px;\n  background-color: var(--cardBackgroundColor);\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n"]))),C=i.Ay.button(o||(o=y(["\n  padding: 8px 12px;\n  display: flex;\n  justify-content: space-between;\n  border-radius: var(--cardBorderRadius);\n  backdrop-filter: blur(10px);\n  ","\n  color: var(--textColor);\n  font-size: 12px;\n\n    \n    &:hover {\n      background: var(--inkColor);\n      cursor: var(--hoverCursorURL), pointer;\n  }\n"])),c.A.shadow.card),P=function(e){var n,r,t=e.jukeboxData,o=e.playlist,l=(e.currentIndex,e.setCurrentIndex),a=e.style,i=(n=(0,u.useState)({}),r=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,l=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return l}}(n,r)||function(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}(n,r)||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.")}()),c=i[0],s=i[1];(0,u.useEffect)(function(){var e=!0,n=o.map(function(e){return e.file.url}).filter(function(e){return e&&!c[e]});if(n.length)return Promise.allSettled(n.map(function(e){return function(e){return new Promise(function(n,r){var t=new Audio;t.src=e,t.preload="metadata",t.addEventListener("loadedmetadata",function(){n(t.duration)}),t.addEventListener("error",r)})}(e).then(function(n){return{url:e,duration:n}})})).then(function(n){if(e){var r={};n.forEach(function(e){if("fulfilled"===e.status){var n=e.value,t=n.url,o=n.duration;r[t]=o}}),s(function(e){return d(d({},e),r)})}}),function(){e=!1}},[o]);var f=(null==t?void 0:t.themeSet)||{},y=f.textColor,m=f.subTextColor,b=f.backgroundColor,v=f.lineColor,h=f.cardColor;return u.createElement(j,{style:d(d({},a),{},{backgroundColor:b})},o.map(function(e,n){var r,t,o,a=0===n,i=c[e.file.url];return u.createElement(C,{style:{border:"1px solid ".concat(v),backgroundColor:h,color:y},key:n,className:a?"playing":"",onClick:function(){return l(n)}},u.createElement("div",null,u.createElement("b",null," ",n+1),"   ",u.createElement("span",null,e.title)),i&&u.createElement("span",{style:{fontSize:10,color:m}},(r=i,t=Math.floor(r/60),o=Math.floor(r%60),"".concat(t,":").concat(o<10?"0"+o:o))))}

1))},S=(r(77654),r(29080)),k=r(40768),A=r(97406);function T(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function D(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?T(Object(r),!0).forEach(function(n){I(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function I(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function z(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,l=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return L(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?L(e,n):void 0}}(e,n)||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 L(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function R(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var M,U={md:(0,i.AH)(m||(m=R(["\n    padding: 16px;\n    gap: 24px;\n  "]))),sm:(0,i.AH)(b||(b=R(["\n    padding: 8px;\n    gap: 8px;\n    flex-direction: column;\n    text-align: center;\n  "])))},V=i.Ay.div(v||(v=R(["\n  border-radius: 8px;\n  overflow: hidden;\n"]))),B=i.Ay.div(h||(h=R(["\n  display: flex;\n  align-items: center;\n\n  ","\n"])),function(e){var n=e.size;return n&&U[n]}),N=i.Ay.div(g||(g=R(["\n  display: grid;\n  grid-template-columns: 28px 1fr 28px;\n  align-items: center;\n  gap: 8px;\n  font-size: 10px;\n"]))),Y=i.Ay.div(w||(w=R(["\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  box-shadow: ",";\n  background: center / cover no-repeat var(--backgroundColor);\n  animation: spin-slow 20s linear infinite;\n\n  @keyframes spin-slow {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])),c.A.shadow.dropdown),H=i.Ay.div(O||(O=R(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  h6 {\n    font-size: 16px;\n  }\n  .tag {\n    font-size: 9px;\n    margin-bottom: 4px;\n  }\n  .title {\n    font-family: var(--headerFontFamily);\n  }\n  .subTitle {\n    font-size: 10px;\n  }\n"]))),F=i.Ay.div(x||(x=R(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-around;\n"]))),G=i.Ay.div(E||(E=R(["\n  display: none;\n"]))),J=function(e){var n,r,t,o,i,c,s,d,f,p,y,m,b=e.style,v=e.size,h=void 0===v?"md":v,g=e.currentIndex,w=void 0===g?0:g,O=e.onIndexChange,x=(0,l.useCollection)(a.Gf.JUKEBOX,{listen:!0,orderBy:["order","asc"]}).data,E=(0,l.useDocument)(a.Mb.JUKEBOX,{listen:!0}).data,j=z((0,u.useState)(w),2),C=j[0],P=j[1],T=z((0,u.useState)(!1),2),I=T[0],L=T[1],R=z((0,u.useState)(0),2),M=R[0],U=R[1],J=z((0,u.useState)(0),2),K=J[0],X=J[1],_=z((0,u.useState)(void 0),2),$=_[0],W=_[1],Z=(0,u.useRef)(null),q=(0,u.useRef)(w),Q=null==x?void 0:x[C],ee=null!=Q&&null!==(n=Q.file)&&void 0!==n&&n.url?"file":null!=Q&&Q.youtubeURL?"youtube":null;(0,u.useEffect)(function(){P(w)},[w]),(0,u.useEffect)(function(){U(0),X(0)},[C]),(0,u.useEffect)(function(){var e=Z.current;if(e&&"file"===ee){var n=function(){U(e.currentTime),X(e.duration||0)},r=function(){if(null!=x&&x.length){var e=(C+1)%x.length;P(e),null==O||O(e)}};return e.addEventListener("timeupdate",n),e.addEventListener("loadedmetadata",n),e.addEventListener("ended",r),function(){e.removeEventListener("timeupdate",n),e.removeEventListener("loadedmetadata",n),e.removeEventListener("ended",r)}}},[C,x,O,ee]),(0,u.useEffect)(function(){var e=Z.current;if(e&&"file"===ee){var n=q.current!==C;q.current=C,n&&e.load(),I?e.play().catch(function(){L(!1)}):e.pause()}},[I,C,ee]);var ne=(0,u.useCallback)(function(e){U(e.playedSeconds)},[]),re=(0,u.useCallback)(function(e){X(e)},[]),te=(0,u.useCallback)(function(){if(null!=x&&x.length){var e=(C+1)%x.length;P(e),null==O||O(e)}},[C,x,O]),oe=function(e){return isNaN(e)?"--:--":"".concat(Math.floor(e/60),":").concat(("0"+Math.floor(e%60)).slice(-2))};return u.createElement(V,{style:D({backgroundColor:null==E||null===(r=E.themeSet)||void 0===r?void 0:r.backgroundColor,color:null==E||null===(t=E.themeSet)||void 0===t?void 0:t.textColor},b)},u.createElement(B,{size:h},u.createElement(Y,{style:{backgroundImage:"url('".concat((null==Q?void 0:Q.imgURL)||"","')")}}),"file"===ee&&(null==Q||null===(o=Q.file)||void 0===o?void 0:o.url)&&u.createElement("audio",{ref:Z,src:Q.file.url,preload:"metadata"}),"youtube"===ee&&(null==Q?void 0:Q.youtubeURL)&&u.createElement(G,null,u.createElement(A.A,{url:Q.youtubeURL,playing:I,seekToSeconds:$,muted:!1,volume:(null==E?void 0:E.defaultVolume)||.5,width:"0",height:"0",onProgress:ne,onDuration:re,onEnded:te,config:{youtube:{playerVars:{autoplay:1,controls:0,rel:0,fs:0}}}})),u.createElement(H,{style:{color:null==E||null===(i=E.themeSet)||void 0===i?void 0:i.subTextColor}},u.createElement("b",{className:"tag"},"Now Playing..."),u.createElement("h6",{className:"title",style:{color:null==E||null===(c=E.themeSet)||void 0===c?void 0:c.textColor}},null==Q?void 0:Q.title),u.createElement("div",{className:"subTitle"},(null==Q?void 0:Q.artist)||(null==Q||null===(s=Q.file)||void 0===s?void 0:s.name)||("youtube"===ee?"YouTube":"")),u.createElement(N,null,u.createElement("span",null,oe(M)),u.createElement(k.A,{shape:"sm",id:"now-play",value:M,onChange:function(e){var n=Number(e.target.value);"file"===ee&&Z.current?Z.current.currentTime=n:"youtube"===ee&&W(n),U(n)},min:0,max:K,step:.1,showInput:!1,primaryColor:null==E||null===(d=E.themeSet)||void 0===d?void 0:d.buttonColor,bgColor:null==E||null===(f=E.themeSet)||void 0===f?void 0:f.lineColor}),u.createElement("span",null,oe(K))),u.createElement(F,null,u.createElement(S.A,{size:"sm",icon:"PlayPrev14",onClick:function(){if(null!=x&&x.length){var e=(C-1+x.length)%x.length;P(e),null==O||O(e)}},shape:"default",iconColor:null==E||null===(p=E.themeSet)||void 0===p?void 0:p.textColor}),u.createElement(S.A,{icon:I?"Pause20":"Play20",onClick:function(){return L(!I)},shape:"default",iconColor:null==E||null===(y=E.themeSet)||void 0===y?void 0:y.textColor}),u.createElement(S.A,{size:"sm",icon:"PlayNext14",onClick:function(){if(null!=x&&x.length){var e=(C+1)%x.length;P(e),null==O||O(e)}},shape:"default",iconColor:null==E||null===(m=E.themeSet)||void 0===m?void 0:m.textColor})))))},K=r(14375);function X(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function _(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};

1n%2?X(Object(r),!0).forEach(function(n){$(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function $(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function W(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var Z,q,Q=i.Ay.div(M||(Z=["\n  grid-area: musicplayer;\n  border-radius: 8px;\n  overflow: auto;\n  ","\n"],q||(q=Z.slice(0)),M=Object.freeze(Object.defineProperties(Z,{raw:{value:Object.freeze(q)}}))),K.bB),ee=function(e){var n,r,t,o,i,c=e.style,s=e.size,d=void 0===s?"md":s,f=(0,l.useCollection)(a.Gf.JUKEBOX,{listen:!0,orderBy:["order","asc"]}).data,p=(0,l.useDocument)(a.Mb.JUKEBOX,{listen:!0}).data,y=(o=(0,u.useState)(0),i=2,function(e){if(Array.isArray(e))return e}(o)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,l=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(t=r.next()).done)&&(l.push(t.value),!n||l.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return l}}(o,i)||function(e,n){if(e){if("string"==typeof e)return W(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?W(e,n):void 0}}(o,i)||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.")}()),m=y[0],b=y[1];return u.createElement(Q,{style:_({backgroundColor:null==p||null===(n=p.themeSet)||void 0===n?void 0:n.backgroundColor,color:null==p||null===(r=p.themeSet)||void 0===r?void 0:r.textColor,border:"1px solid ".concat(null==p||null===(t=p.themeSet)||void 0===t?void 0:t.lineColor)},c)},u.createElement(J,{size:d,currentIndex:m,onIndexChange:b}),u.createElement(P,{playlist:f||[],currentIndex:m,setCurrentIndex:b,jukeboxData:p,style:{padding:"0 16px 16px 16px"}}))}},40768:function(e,n,r){r(12064),r(44465),r(31863),r(97152),r(75868);var t,o,l,a,u=r(37953),i=r(84136),c=r(53942);function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var d=i.Ay.div(t||(t=s(["\n  display: flex;\n  gap: 8px;\n"]))),f={sm:(0,i.AH)(o||(o=s(["\n    height: 6px;\n    &::-webkit-slider-thumb {\n      width: 12px;\n      height: 12px;\n    }\n  "]))),md:(0,i.AH)(l||(l=s(["\n    height: 12px;\n    &::-webkit-slider-thumb {\n      width: 20px;\n      height: 20px;\n    }\n  "])))},p=i.Ay.input(a||(a=s(["\n  appearance: none; // 기본스타일 숨기기\n  width: 100%;\n  border-radius: 50px;\n  outline: none;\n  margin: 12px 0;\n  border: 1px solid var(--lineColor);\n  transition: opacity 0.2s;\n  ",";\n\n  &::-webkit-slider-thumb {\n    appearance: none; // 기본스타일 숨기기\n    -webkit-appearance: none;\n    border-radius: 50px;\n    background-color: ",";\n    cursor: var(--hoverCursorURL), pointer;\n    transition: border-color 0.3s, box-shadow 0.6s,\n      transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n    transform-origin: center center;\n\n    &:hover {\n      transform: scale(1.2);\n      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n    }\n  }\n"])),function(e){var n=e.shape;return n&&f[n]},function(e){return e.primaryColor}),y=function(e){var n=e.value,r=e.min,t=e.max,o=e.primaryColor,l=e.bgColor,a=(n-r)/(t-r)*100;return"linear-gradient(to right, ".concat(o," 0%, ").concat(o," ").concat(a,"%, ").concat(l," ").concat(a,"%, ").concat(l," 100%)")};n.A=function(e){var n=e.value,r=e.onChange,t=e.customChange,o=e.step,l=e.min,a=e.max,i=void 0===a?10:a,s=(e.disabled,e.id),f=e.name,m=e.inputWidth,b=e.showInput,v=void 0===b||b,h=e.primaryColor,g=e.bgColor,w=e.shape,O=void 0===w?"md":w,x=(0,u.useCallback)(function(e){r&&r(e.target.value)},[r]);return u.createElement(d,null,u.createElement(p,{shape:O||"md",primaryColor:h||"var(--primaryColor)",type:"range",min:l||0,max:i,value:n||0,step:o,onChange:t||x,style:{background:y({value:n,min:l||0,max:i,primaryColor:h||"var(--primaryColor)",bgColor:g||"var(--cardBackgroun

1dColor"})}}),v&&u.createElement(c.A,{name:f,id:s,type:"number",min:l||0,max:i,value:n||0,onChange:t||x,width:m||80}))}},97406:function(e,n,r){r.d(n,{A:function(){return u}}),r(62469),r(48547),r(66706),r(61445),r(42575),r(33001),r(10475),r(82106),r(32145),r(85062),r(3233),r(51163),r(82758),r(20884),r(31863);var t=r(37953);function o(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,t)}return r}function l(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){a(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function a(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}var u=function(e){var n=e.url,r=e.playing,o=e.loop,a=e.muted,u=e.controls,i=void 0===u||u,c=e.width,s=void 0===c?"100%":c,d=e.height,f=void 0===d?"240px":d,p=e.volume,y=void 0===p?.8:p,m=e.seekToSeconds,b=e.onReady,v=e.onPlay,h=e.onPause,g=e.onBuffer,w=(e.onBufferEnd,e.onEnded),O=e.onError,x=e.onDuration,E=e.onSeek,j=e.onProgress,C=e.config,P=(0,t.useRef)(null),S=(0,t.useRef)(null),k=(0,t.useRef)(null),A=(0,t.useRef)(!1),T=(0,t.useRef)("yt-player-".concat(Math.random().toString(36).substr(2,9))).current;return(0,t.useEffect)(function(){if(!window.YT||!window.YT.Player){var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api",document.body.appendChild(e)}},[]),(0,t.useEffect)(function(){var e=!1;A.current=!1,S.current&&(clearInterval(S.current),S.current=null);var t=function t(){if(!e&&!A.current)if(window.YT&&window.YT.Player){var u,c=k.current;if(!n||!c)return;if(P.current){try{P.current.destroy&&P.current.destroy()}catch(e){console.error("기존 플레이어 destroy 중 에러:",e)}P.current=null}if(e||A.current)return;var d=function(e){if(!e)return null;var n=e.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return n?n[1]:null}(n),p=function(e){if(!e)return null;var n=e.match(/[?&]list=([^&]+)/);return n?n[1]:null}(n),m={width:s,height:f,host:"https://www.youtube-nocookie.com",playerVars:l({controls:i?1:0,loop:o?1:0},null==C||null===(u=C.youtube)||void 0===u?void 0:u.playerVars),events:{onReady:function(n){e||A.current||(n.target.setVolume(100*y),a?n.target.mute():n.target.unMute(),r?n.target.playVideo():n.target.pauseVideo(),b&&b(),x&&x(n.target.getDuration()))},onStateChange:function(n){if(!e&&!A.current)switch(n.data){case window.YT.PlayerState.PLAYING:v&&v();break;case window.YT.PlayerState.PAUSED:h&&h();break;case window.YT.PlayerState.ENDED:w&&w(),o&&n.target.playVideo();break;case window.YT.PlayerState.BUFFERING:g&&g()}},onError:function(n){console.error("YT.Player Error:",n),e||A.current||O&&O(n)}}};d?m.videoId=d:p&&(m.playerVars.listType="playlist",m.playerVars.list=p);try{c.innerHTML=""}catch(e){console.error("container 비우기 중 에러:",e)}var E=document.createElement("div");E.id=T,c.appendChild(E),P.current=new window.YT.Player(E,m),j&&(S.current=setInterval(function(){if(!e&&!A.current&&P.current&&P.current.getCurrentTime){var n=P.current.getCurrentTime(),r=P.current.getDuration();j({played:n/r,playedSeconds:n,loaded:1,loadedSeconds:r})}},1e3))}else setTimeout(t,100)};return function n(){e||A.current||(k.current?t():setTimeout(n,100))}(),function(){if(e=!0,A.current=!0,P.current)try{P.current.destroy&&P.current.destroy(),P.current=null}catch(e){console.error("플레이어 cleanup 중 에러:",e)}S.current&&(clearInterval(S.current),S.current=null);try{var n=k.current;n&&n.innerHTML&&(n.innerHTML="")}catch(e){console.error("container cleanup 중 에러:",e)}}},[n,T,s,f]),(0,t.useEffect)(function(){return function(){A.current=!0}},[]),(0,t.useEffect)(function(){null!=m&&P.current&&"function"==typeof P.current.seekTo&&!A.current&&(P.current.seekTo(m,!0),E&&E(m))},[m]),(0,t.useEffect)(function(){P.current&&"function"==typeof P.current.playVideo&&!A.current&&(r?P.current.playVideo():P.current.pauseVideo(),a?P.current.mute():P.current.unMute

1(),P.current.setVolume(100*y))},[r,a,y]),t.createElement("div",{ref:k,style:{width:"number"==typeof s?"".concat(s,"px"):s,height:"number"==typeof f?"".concat(f,"px"):f,background:"#000"}})}}}]);
2//# sourceMappingURL=6873.4e8532f0.chunk.js.map