https://filmoteka-veb-dev.netlify.app/index.bc73f3dd.js

1function e(e){return e&&e.__esModule?e.default:e}var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},t={},r={},i=n.parcelRequire634e;null==i&&((i=function(e){if(e in t)return t[e].exports;if(e in r){var n=r[e];delete r[e];var i={id:e,exports:{}};return t[e]=i,n.call(i.exports,i,i.exports),i.exports}var a=new Error("Cannot find module '"+e+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(e,n){r[e]=n},n.parcelRequire634e=i),i("cyIMT");var a=i("cyIMT"),o=i("krGWQ"),s=i("31u3U");async function l(e){o.refs.popularFilms.innerHTML="";const n=await(0,a.fetchPopular)(e);console.log(n),n.movies.forEach((e=>{let n;n=document.documentElement.scrollWidth>=1280?e.name.length>=31?e.name.substring(0,31)+"...":e.name:document.documentElement.scrollWidth>=768&&e.name.length>=35?e.name.substring(0,35)+"...":e.name,e.genres.length>=3?o.refs.popularFilms.insertAdjacentHTML("beforeend",`<li class="popular-film__card"  data-id="${e.id}" >\n          <img\n            class="popular-film__cover"\n            src="${e.cover}"\n            alt="${e.name}"\n            loading="lazy"\n          />\n          <button aria-label="show movie" class="btn-youtube" data-id="${e.id}">\n            <img class="icon-youtube" src="https://i.ibb.co/LJVXwMV/youtube-1.png" alt="Button Youtube" />\n          </button>\n          <div class="info">\n            <p class="info__name">${n}</p>\n            <p class="info__other">${e.genres[0]}, ${e.genres[1]}, Other | ${e.year}</p>\n          </div>\n        </li>`):o.refs.popularFilms.insertAdjacentHTML("beforeend",`<li class="popular-film__card"  data-id="${e.id}">\n      <img\n        class="popular-film__cover"\n        src="${e.cover}"\n        alt="${e.name}"\n        loading="lazy"\n      />\n      <button aria-label="show movie" class="btn-youtube" data-id="${e.id}">\n            <img class="icon-youtube" src="https://i.ibb.co/LJVXwMV/youtube-1.png" alt="Button Youtube" />\n          </button>\n      <div class="info">\n        <p class="info__name">${n}</p>\n        <p class="info__other">${e.genres.join(", ")} | ${e.year}</p>\n      </div\n    </li>`)}))}(0,s.getFromStorage)("watched")||(0,s.addToStorage)("watched",[]),(0,s.getFromStorage)("queue")||(0,s.addToStorage)("queue",[]),l(1);a=i("cyIMT"),o=i("krGWQ");async function c(e,n){const t=await(0,a.fetchByName)(e,n),r=document.querySelector(".header__form"),i=document.querySelector(".header__error");

1if(0===t.movies.length)return i.textContent="There is no movie for your query",void r.reset();i.textContent="",o.refs.popularFilms.innerHTML="",t.movies.forEach((e=>{let n;n=document.documentElement.scrollWidth>=1280?e.name.length>=31?e.name.substring(0,31)+"...":e.name:document.documentElement.scrollWidth>=768&&e.name.length>=35?e.name.substring(0,35)+"...":e.name,e.genres.length>=3?o.refs.popularFilms.insertAdjacentHTML("beforeend",`<li class="popular-film__card"  data-id="${e.id}">\n          <img \n            class="popular-film__cover"\n            src="${e.cover}"\n            alt="${e.name}"\n            loading="lazy"\n          />\n          <button aria-label="show movie" class="btn-youtube" data-id="${e.id}">\n            <img class="icon-youtube" src="https://i.ibb.co/LJVXwMV/youtube-1.png" alt="Button Youtube" />\n          </button>\n          <div class="info">\n            <p class="info__name">${n}</p>\n            <p class="info__other">${e.genres[0]}, ${e.genres[1]}, Other | ${e.year} <span class="info__rating">${e.rating}</span></p>\n          </div>\n        </li>`):o.refs.popularFilms.insertAdjacentHTML("beforeend",`<li class="popular-film__card"  data-id="${e.id}" >\n      <img \n        class="popular-film__cover"\n        src="${e.cover}"\n        alt="${e.name}"\n        loading="lazy"\n      />\n      <button aria-label="show movie" class="btn-youtube" data-id="${e.id}">\n        <img class="icon-youtube" src="https://i.ibb.co/LJVXwMV/youtube-1.png" alt="Button Youtube" />\n      </button>\n      <div class="info">\n        <p class="info__name">${n}</p>\n        <p class="info__other">${e.genres.join(", ")} | ${e.year}<span class="info__rating">${e.rating}</span></p>\n      </div>\n    </li>`)}))}o=i("krGWQ");i("cyIMT");o=i("krGWQ");const u=document.querySelector(".pagination__list");function d(e,n){let t,r="",i=n-1,a=n+1;n>1&&(r+=`<li class="btn prev" data-id="${i}"\n\n      \n    >&#60 Prev</li>`),n>2&&(r+='<li class="numb" data-id = "1" >\n        1\n      </li>',n>3&&(r+='<li class="dots">\n          ...\n        </li>')),n==e?i-=2:n==e-1&&(i-=1),1==n?a+=2:2==n&&(a+=1);for(let o=i;o<=a;o++)o>e||(0==o&&(o+=1),t=n==o?"active":"",r+=`<li\n        class="numb ${t}" data-id="${o}"\n  \n      >\n        ${o}\n      </li>`);n<e-1&&(n<e-2&&(r+='<li class="dots">\n          ...\n        </li>'),r+=`<li class="numb" data-id="${e}" >\n        ${e}\n      </li>`),n<e&&(r+=`<li class="btn next" data-id = "${n+1}" >Next &#62\n</li>`),1===e&&(o.refs.pagination.innerHTML=""),u.innerHTML=r,window.scrollTo({top:0,behavior:"smooth"})}let f;d(o.refs.totalPages,o.refs.currentPage),o.refs.pagination.addEventListener("click",(async function(e){f=o.refs.searchInput.value?await c(o.refs.searchInput.value,e.target.dataset.id):await l(e.target.dataset.id);return o.refs.currentPage=+e.target.dataset.id,d(o.refs.totalPages,o.refs.currentPage),f}));const m=document.querySelector(".header__error");let p;m.textContent="",o.refs.searchForm.addEventListener("submit",(()=>{event.preventDefault(),d(o.refs.totalPages,1),async function(e){if(o.refs.currentPage=1,""===o.refs.searchInput.value.trim())return m.textContent="Please, enter the name of the movie",void o.refs.searchForm.reset();c(o.refs.searchInput.value.trim(),1)}()})),o.refs.searchForm.addEventListener("submit",(async function(e){o.refs.searchInput.value&&(p=await c(o.refs.searchInput.value,e.target.dataset.id));return d(o.refs.totalPages,o.refs.currentPage),p}));var g,v=/^\s+|\s+$/g,b=/^[-+]0x[0-9a-f]+$/i,h=/^0b[01]+$/i,y=/^0o[0-7]+$/i,_=parseInt,$="object"==typeof n&&n&&n.Object===Object&&n,w="object"==typeof self&&self&&self.Object===Object&&self,T=$||w||Function("return this")(),E=Object.prototype.toString,L=Math.max,M=Math.min,x=function(){return T.Date.now()};function j(e,n,t){var r,i,a,o,s,l,c=0,u=!1,d=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(n){var t=r,a=i;return r=i=void 0,c=n,o=e.apply(a,t)}function p(e){return c=e,s=setTimeout(v,n),u?m(e):o}function g(e){var t=e-l;return void 0===l||t>=n||t<0||d&&e-c>=a}function v(){var e=x();if(g(e))return b(e);s=setTimeout(v,function(e){var t=n-(e-l);return d?M(t,a-(e-c)):t}(e))}function b(e){return s=void 0,f&&r?m(e):(r=i=void 0,o)}function h(){var e=x(),t=g(e);

1if(r=arguments,i=this,l=e,t){if(void 0===s)return p(l);if(d)return s=setTimeout(v,n),m(l)}return void 0===s&&(s=setTimeout(v,n)),o}return n=O(n)||0,F(t)&&(u=!!t.leading,a=(d="maxWait"in t)?L(O(t.maxWait)||0,n):a,f="trailing"in t?!!t.trailing:f),h.cancel=function(){void 0!==s&&clearTimeout(s),c=0,r=l=i=s=void 0},h.flush=function(){return void 0===s?o:b(x())},h}function F(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function O(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==E.call(e)}(e))return NaN;if(F(e)){var n="function"==typeof e.valueOf?e.valueOf():e;e=F(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(v,"");var t=h.test(e);return t||y.test(e)?_(e.slice(2),t?2:8):b.test(e)?NaN:+e}g=function(e,n,t){var r=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return F(t)&&(r="leading"in t?!!t.leading:r,i="trailing"in t?!!t.trailing:i),j(e,n,{leading:r,maxWait:n,trailing:i})};var W;o=i("krGWQ");window.addEventListener("scroll",e(g)((W=o.refs.upBtn,function(){pageYOffset<document.documentElement.clientHeight||!1===o.refs.modalFooter.classList.contains("visibility-hidden")?W.classList.add("visually-hidden"):W.classList.remove("visually-hidden")}),250)),o.refs.upBtn.addEventListener("click",(function(e){window.scrollTo({top:0,behavior:"smooth"})})),i("bO1YF"),i("j3p24"),i("ioBS9"),i("aAveg"),i("7J6o7"),i("cWlmT"),i("9nOkT"),i("37v9V"),window.addEventListener("scroll",(function(){let e=(document.body.scrollTop||document.documentElement.scrollTop)/(document.documentElement.scrollHeight-document.documentElement.clientHeight)*100;document.getElementById("progressBar").style.width=e+"%"}));
2//# sourceMappingURL=index.bc73f3dd.js.map