{"version":3,"sources":["../ui/src/components/player-components/justAudio/justAudio.tsx","../ui/src/components/player-components/justAudio/equalizer.tsx"],"sourcesContent":["import Image from \"next/image\";\r\nimport { memo } from \"react\";\r\nimport Equalizer from \"./equalizer\";\r\nimport { useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst JustAudio = () => {\r\n\r\n    const { details } = useAppSelector(({ videoData: { details } }) => ({ details }), shallowEqual);\r\n\r\n    return (\r\n        <div id=\"just-audio\" className=\"pl-w-full pl-h-full pl-absolute pl-top-0 pl-right-0\" style={{ background: `linear-gradient(39deg, rgba(16, 9, 49, 1) 0%, rgba(75, 14, 87, 1) 100%)` }}>\r\n            <div className={`w-full h-full px-5`}>\r\n                <div className={`pl-w-full pl-flex pl-gap-4 pl-absolute pl-top-[70px]`}>\r\n                    <Image src={conditions(ConditionName.hasBanner) ? details.banner : IMAGES.justAudioCover} width={72} height={72} className=\"pl-rounded-[8px]\" />\r\n                    <div className=\"pl-text-white pl-flex pl-flex-col pl-gap-[9px]\">\r\n                        <p className={`pl-mt-1 pl-text-[18px] pl-font-bold`}>{details.title}</p>\r\n                        <p className=\"pl-font-normal pl-text-[16px]\">{details.description}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <Equalizer />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default memo(JustAudio);","import { useEffect, useState } from \"react\";\r\nimport { useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst Equalizer = () => {\r\n\r\n    let columnsCount = 320;\r\n    if (window.innerWidth < 400) columnsCount = 68;\r\n    else if (window.innerWidth < 520) columnsCount = 90;\r\n    else if (window.innerWidth < 600) columnsCount = 120;\r\n    else if (window.innerWidth < 800) columnsCount = 140;\r\n    else if (window.innerWidth < 1100) columnsCount = 180;\r\n    else if (window.innerWidth < 1200) columnsCount = 230;\r\n    else if (window.innerWidth < 1300) columnsCount = 280;\r\n    \r\n\r\n    const columns = [...Array(columnsCount).keys() as any];\r\n\r\n    const { play } = useAppSelector(({ controller: { play } }) => ({ play }), shallowEqual);\r\n    const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n    const [number, setNumber] = useState<number>(0);\r\n    const [coefficient, setCoefficient] = useState<number>(1);\r\n\r\n    useEffect(() => {\r\n        let interval = setInterval(() => setNumber((prevState) => prevState + 1),100)\r\n        return () => clearInterval(interval);\r\n    },[])\r\n\r\n    useEffect(() => setCoefficient(conditions(ConditionName.isPlay) ? settings.volume : 0),[play]);\r\n\r\n    useEffect(() => setCoefficient(settings.volume),[settings.volume]);\r\n\r\n    return (\r\n        <div className={`pl-w-full pl-h-full pl-px-4 pl-flex pl-items-end pl-gap-1 pl-mx-auto pl-absolute ${conditions(ConditionName.isComplexPortrait) ? \"pl-top-0\" : \"pl-top-[-80px]\"}`}>\r\n            {columns.map((item:any,index:number) => <div className={`!pl-w-full pl-bg-main-highLight pl-rounded-[10px]`} style={{height:`${Math.random()*2*coefficient}px`, transition:\"all 0.7s linear\"}} key={index}></div>)}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Equalizer;"],"mappings":"iMAAAA,IAAA,OAAOC,MAAW,aAClB,OAAS,QAAAC,MAAY,QCDrBC,IAAA,OAAS,aAAAC,EAAW,YAAAC,MAAgB,QAIpC,OAAS,gBAAAC,MAAoB,cAiCuB,cAAAC,MAAA,oBA/BpD,IAAMC,EAAY,IAAM,CAEpB,IAAIC,EAAe,IACf,OAAO,WAAa,IAAKA,EAAe,GACnC,OAAO,WAAa,IAAKA,EAAe,GACxC,OAAO,WAAa,IAAKA,EAAe,IACxC,OAAO,WAAa,IAAKA,EAAe,IACxC,OAAO,WAAa,KAAMA,EAAe,IACzC,OAAO,WAAa,KAAMA,EAAe,IACzC,OAAO,WAAa,OAAMA,EAAe,KAGlD,IAAMC,EAAU,CAAC,GAAG,MAAMD,CAAY,EAAE,KAAK,CAAQ,EAE/C,CAAE,KAAAE,CAAK,EAAIC,EAAe,CAAC,CAAE,WAAY,CAAE,KAAAD,CAAK,CAAE,KAAO,CAAE,KAAAA,CAAK,GAAIL,CAAY,EAChF,CAAE,SAAAO,CAAS,EAAID,EAAe,CAAC,CAAE,KAAM,CAAE,SAAAC,CAAS,CAAE,KAAO,CAAE,SAAAA,CAAS,GAAIP,CAAY,EAEtF,CAACQ,EAAQC,CAAS,EAAIC,EAAiB,CAAC,EACxC,CAACC,EAAaC,CAAc,EAAIF,EAAiB,CAAC,EAExD,OAAAG,EAAU,IAAM,CACZ,IAAIC,EAAW,YAAY,IAAML,EAAWM,GAAcA,EAAY,CAAC,EAAE,GAAG,EAC5E,MAAO,IAAM,cAAcD,CAAQ,CACvC,EAAE,CAAC,CAAC,EAEJD,EAAU,IAAMD,EAAeI,UAA+B,EAAIT,EAAS,OAAS,CAAC,EAAE,CAACF,CAAI,CAAC,EAE7FQ,EAAU,IAAMD,EAAeL,EAAS,MAAM,EAAE,CAACA,EAAS,MAAM,CAAC,EAG7DN,EAAC,OAAI,UAAW,oFAAoFe,qBAA0C,EAAI,WAAa,gBAAgB,GAC1K,SAAAZ,EAAQ,IAAI,CAACa,EAASC,IAAiBjB,EAAC,OAAI,UAAW,oDAAqD,MAAO,CAAC,OAAO,GAAG,KAAK,OAAO,EAAE,EAAEU,CAAW,KAAM,WAAW,iBAAiB,GAAQO,CAAO,CAAM,EACrN,CAER,EAEOC,EAAQjB,EDnCf,OAAS,gBAAAkB,MAAoB,cAUT,cAAAC,EACA,QAAAC,MADA,oBARpB,IAAMC,EAAY,IAAM,CAEpB,GAAM,CAAE,QAAAC,CAAQ,EAAIC,EAAe,CAAC,CAAE,UAAW,CAAE,QAAAD,CAAQ,CAAE,KAAO,CAAE,QAAAA,CAAQ,GAAIJ,CAAY,EAE9F,OACIE,EAAC,OAAI,GAAG,aAAa,UAAU,sDAAsD,MAAO,CAAE,WAAY,yEAA0E,EAChL,UAAAD,EAAC,OAAI,UAAW,qBACZ,SAAAC,EAAC,OAAI,UAAW,uDACZ,UAAAD,EAACK,EAAA,CAAM,IAAKC,aAAkC,EAAIH,EAAQ,OAASI,EAAO,eAAgB,MAAO,GAAI,OAAQ,GAAI,UAAU,mBAAmB,EAC9IN,EAAC,OAAI,UAAU,iDACX,UAAAD,EAAC,KAAE,UAAW,sCAAwC,SAAAG,EAAQ,MAAM,EACpEH,EAAC,KAAE,UAAU,gCAAiC,SAAAG,EAAQ,YAAY,GACtE,GACJ,EACJ,EACAH,EAACQ,EAAA,EAAU,GACf,CAER,EAEOC,EAAQC,EAAKR,CAAS","names":["init_esm_shims","Image","memo","init_esm_shims","useEffect","useState","shallowEqual","jsx","Equalizer","columnsCount","columns","play","useAppSelector","settings","number","setNumber","useState","coefficient","setCoefficient","useEffect","interval","prevState","conditions","item","index","equalizer_default","shallowEqual","jsx","jsxs","JustAudio","details","useAppSelector","Image","conditions","importImages_default","equalizer_default","justAudio_default","memo"]}