{"version":3,"file":"Scripts/videoList.chunk.js?24cb66c4be8ad2177e5f","mappings":"0KAqBO,SAAcA,EAASC,IACf,EAAAC,EAAAA,YAAWF,GACjBG,QAAO,EAAAC,EAAAA,KAAKC,EAAAA,oBAAqBC,EAAS,CAAEC,OAAQC,EAAAA,aAAe,CAAEC,UAAU,EAAAL,EAAAA,KAAKM,EAAWJ,EAAS,CAAC,EAAGL,OACpH,E,6CATD,eACA,WACA,UACA,WACA,cACA,c,mDApBA,IAAIU,EAA8D,SAAUC,EAAQC,GAEhF,OADIC,OAAOC,eAAkBD,OAAOC,eAAeH,EAAQ,MAAO,CAAEI,MAAOH,IAAiBD,EAAOC,IAAMA,EAClGD,CACV,EACGN,EAAsC,WAStC,OARAA,EAAWQ,OAAOG,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACON,OAAOW,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACV,EACMZ,EAASsB,MAAMC,KAAMP,UAC/B,EAWM,SAASZ,EAAUoB,GACtB,IAAIC,EAASD,EAAGC,OAAQC,EAASF,EAAGE,OACpC,OAAQ,EAAAC,EAAAA,MAAM,MAAO3B,EAAS,CAAE4B,UAAW,yCAA2C,CAAEzB,SAAU,EAAC,EAAAL,EAAAA,KAAK+B,EAAQ7B,EAAS,CAAE4B,UAAW,iBAAmB,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,OAAS,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,YAAc,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,KAAM,CAAEK,SAAUsB,cAAuB,EAAA3B,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,kBAAoB,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,YAAc,CAAEzB,SAAUuB,GAChbA,EAAOI,KAAI,SAAUC,EAAOC,GAAS,OAAQ,EAAAlC,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,2EAA6E,CAAEzB,UAAU,EAAAwB,EAAAA,MAAM,UAAW,CAAExB,SAAU,EAAC,EAAAL,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,wBAA0B,CAAEzB,UAAU,EAAAL,EAAAA,KAAKmC,EAAAA,QAAa,CAAEC,MAAO,OAAQC,IAAKJ,EAAMK,SAAUC,OAAO,EAAMC,OAAO,EAAOC,UAAU,QAAa,EAAAZ,EAAAA,MAAM,MAAO3B,EAAS,CAAE4B,UAAW,uBAAyB,CAAEzB,SAAU,EAAC,EAAAL,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,wBAA0B,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,KAAM,CAAEK,UAAU,EAAAL,EAAAA,KAAK,OAAQ,CAAEK,SAAU4B,EAAMS,cAAiB,EAAA1C,EAAAA,KAAK,MAAOE,EAAS,CAAE4B,UAAW,yBAA2B,CAAEzB,UAAU,EAAAL,EAAAA,KAAK,IAAK,CAAEK,SAAU4B,EAAMU,0BAAgCT,EAAU,aACtvB,CACD,IACIU,EADAb,EAASc,EAAAA,QAAOC,IAAIF,IAAqBA,EAAmBrC,EAAqB,CAAC,kCAAmC,CAAC,oC,iGC9B1H,IACWH,EAAc,IADzB,QAC6B2C,aAAY,CACrCC,eAAgB,CACZC,QAAS,CACLC,sBAAsB,M","sources":["webpack://frontend/./Features/VideoList/index.tsx","webpack://frontend/./api/client.ts"],"sourcesContent":["var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createRoot } from 'react-dom/client';\nimport { QueryClientProvider } from '@tanstack/react-query';\nimport { queryClient } from '../../api/client';\nimport styled from '@emotion/styled';\nimport ReactPlayer from 'react-player';\nexport function init(element, props) {\n var root = createRoot(element);\n root.render(_jsx(QueryClientProvider, __assign({ client: queryClient }, { children: _jsx(VideoList, __assign({}, props)) })));\n}\nexport function VideoList(_a) {\n var header = _a.header, videos = _a.videos;\n return (_jsxs(\"div\", __assign({ className: 'block block__list block__list__videos' }, { children: [_jsx(Header, __assign({ className: 'block__header' }, { children: _jsx(\"div\", __assign({ className: 'row' }, { children: _jsx(\"div\", __assign({ className: 'col-md-6' }, { children: _jsx(\"h2\", { children: header }) })) })) })), _jsx(\"div\", __assign({ className: 'block__content' }, { children: _jsx(\"div\", __assign({ className: 'row list' }, { children: videos &&\n videos.map(function (video, index) { return (_jsx(\"div\", __assign({ className: 'col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 list__element' }, { children: _jsxs(\"article\", { children: [_jsx(\"div\", __assign({ className: 'list__element__image' }, { children: _jsx(ReactPlayer, { width: '100%', url: video.videoUrl, muted: true, light: false, controls: true }) })), _jsxs(\"div\", __assign({ className: 'list__element__text' }, { children: [_jsx(\"div\", __assign({ className: 'list__element__title' }, { children: _jsx(\"h3\", { children: _jsx(\"span\", { children: video.title }) }) })), _jsx(\"div\", __assign({ className: 'list__element__teaser' }, { children: _jsx(\"p\", { children: video.description }) }))] }))] }) }), index)); }) })) }))] })));\n}\nvar Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n height: auto !important;\\n\"], [\"\\n height: auto !important;\\n\"])));\nvar templateObject_1;\n","import { QueryClient } from '@tanstack/react-query';\nexport var queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n },\n },\n});\n"],"names":["element","props","createRoot","render","_jsx","QueryClientProvider","__assign","client","queryClient","children","VideoList","__makeTemplateObject","cooked","raw","Object","defineProperty","value","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","_a","header","videos","_jsxs","className","Header","map","video","index","ReactPlayer","width","url","videoUrl","muted","light","controls","title","description","templateObject_1","styled","div","QueryClient","defaultOptions","queries","refetchOnWindowFocus"],"sourceRoot":""}