(window.webpackJsonp=window.webpackJsonp||[]).push([[88],{DlSw:function(e,t,r){"use strict";r.r(t),r.d(t,"ProvidersFilter",(function(){return L}));r("a1Th"),r("h7Nl"),r("XfO3"),r("HEwt"),r("rE2o"),r("LK8F"),r("WLL4"),r("jm62"),r("ioFf"),r("VRzm"),r("HAE/"),r("8+KV"),r("Tze0"),r("0l/t"),r("rGqo"),r("yt8O"),r("Btvt"),r("RW0V"),r("xfY5"),r("f3/d"),r("Z2Ku"),r("L9s1"),r("bWfx"),r("ls82");var i=r("wWZ4"),n=r("FaD1"),o=r("j1dq"),s=r("5otq"),a=r("RYuA"),l=r("e/Cp"),c=r("G3S1"),d=r("Bmw4"),u=r("h+oQ");function p(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return v(e,t)}(e)||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 v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=e[r];return i}function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t,r,i,n,o,s){try{var a=e[o](s),l=a.value}catch(e){return void r(e)}a.done?t(l):Promise.resolve(l).then(i,n)}function _(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var L=function(){function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.gamesListCnt=document.querySelector("[data-game-list-category]"),this.filtersBar=document.querySelector("[data-filters-bar]"),this.callPopupButton=this.filtersBar.querySelector("[data-providers-filter-button]"),this.RESPONSIVE_SWICTH=1260,this.DISABLE_PROVIDER_TOOLTIP_DATA_ATTR_NAME="data-provider-tooltip",this.SHOW_POPUP_CLASS="providers-filter__container--show",this.DISABLE_PROVIDER_CLASS="providers-filter__provider--disable",this.columnsCount=4,this.providersListByLetter={},this.lastChosenProvider=null,this.currentFilterButtonContent=null,this.isAlreadyOpened=!1,this.alreadyRenderedProvidersCount=0,this.getProvidersList().then((function(){t.generateMarkup().init()._attachButtonEvent()}))}var t,r,v,f,y;return t=e,(r=[{key:"init",value:function(){var e=this;return this.cnt=document.querySelector("[data-providers-filter]"),this.popup=this.cnt.querySelector("[data-providers-filter-popup]"),this.background=this.cnt.querySelector("[data-providers-filter-background]"),this.closeButton=this.popup.querySelector("[data-providers-filter-close]"),this.providersList=this.popup.querySelector("[data-providers-filter-list]"),this.searchInput=this.popup.querySelector("[data-providers-filter-input]"),this.emptySearch=this.popup.querySelector("[data-providers-filter-empty]"),this.showAllButton=this.popup.querySelector("[data-providers-filter-show-all]"),this.providersListCnt=this.popup.querySelector("[data-providers-filter-list-cnt]"),new s.a(this.popup.querySelector("[data-form-block]")),this._setProviderButtonsEvent(),Object(d.d)("[".concat(this.DISABLE_PROVIDER_TOOLTIP_DATA_ATTR_NAME,"]"),{theme:"tooltipster-popup providers-filter__tooltip",trigger:"hover",content:Object(o.ln)(o.transConstant.PROVIDERS_FILTER_TOOLTIP_CONTENT,0,{category:u.CategoriesList.activeCategoryName}),functionReady:function(e,t){Object(d.g)(e,t,-4,40)},functionPosition:function(t,r,i){var n=i.coord.left,o=i.size.width,s=e.popup.getBoundingClientRect().right,a=Math.ceil(n+o)+3,l=t.elementOrigin().getBoundingClientRect().left;return a>s&&(i.coord.left=Math.floor(l-o-10),i.side="left"),i}}),this}},{key:"show",value:function(){return document.body.classList.add("has-popup"),this.cnt.classList.add(this.SHOW_POPUP_CLASS),this.isAlreadyOpened=!0,this}},{key:"close",value:function(){return this.searchInput.blur(),this.cnt.classList.remove(this.SHOW_POPUP_CLASS),document.documentElement.classList.remove("no-scroll"),document.body.classList.remove("has-popup"),this.searchInput.value&&(this.searchInput.value="",this._renderProvidersMarkup()._hideEmptySearchBlock()),this}},{key:"getProvidersList",value:(f=regeneratorRuntime.mark((function e(){var t,r,o,s,a=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Object(i.a)().query({query:Object(i.b)("getProvidersList"),variables:{platformType:Object(n.P)(),platform:Object(n.O)()},fetchPolicy:"network-only"});case 2:return t=e.sent,r=t.data.gameDeveloperListAll,e.next=6,l.a.sendQuery(!0);case 6:o=e.sent,s=o.data[l.a.queryName].developerIds,this.providersCount=r.length,r.map((function(e){var t=h(h({},e),{},{isEnable:s.includes(e.developerId)}),r=t.name,i=isNaN(Number(r[0]))?r[0].toUpperCase():"0-9";a.providersListByLetter[i]?a.providersListByLetter[i]=[].concat(p(a.providersListByLetter[i]),[t]):a.providersListByLetter[i]=[t]}));case 10:case"end":return e.stop()}}),e,this)})),y=function(){var e=this,t=arguments;return new Promise((function(r,i){var n=f.apply(e,t);function o(e){m(n,r,i,o,s,"next",e)}function s(e){m(n,r,i,o,s,"throw",e)}o(void 0)}))},function(){return y.apply(this,arguments)})},{key:"generateMarkup",value:function(){var e=this.generateColumnProvidersMarkup(),t='<div class="providers-filter__container" data-providers-filter>\n            <div class="providers-filter" data-providers-filter-popup>\n                <div class="providers-filter__close" data-providers-filter-close></div>\n                <div class="providers-filter__top-container">\n                    <span class="providers-filter__title">'.concat(Object(o.trans)(o.transConstant.PROVIDERS_FILTER_TITLE),'</span>\n                    <span class="providers-filter__show-all hide" data-providers-filter-show-all>\n                        ').concat(Object(o.ln)(o.transConstant.PROVIDERS_FILTER_SHOW_ALL,0,{count:this.providersCount}),'\n                    </span>\n                </div>\n                <div class="providers-filter__search-container form-block" data-form-block>\n                    <div class="providers-filter__input-container fld-block" data-fld-block>\n                        <div class="providers-filter__search-icon"></div>\n                        <input id="providers-filter-input" \n                               type="text" \n                               class="fld providers-filter__input" \n                               data-fld \n                               data-providers-filter-input>\n                        <label for="providers-filter-input" \n                               class="lbl providers-filter__input-label">\n                            ').concat(Object(o.trans)(o.transConstant.PROVIDERS_FILTER_INPUT_LABEL),'\n                        </label>\n                    </div>\n                </div>\n                <div class="providers-filter__providers-list" data-providers-filter-list>\n                    <div class="providers-filter__list-container" data-providers-filter-list-cnt>\n                        ').concat(e,'\n                    </div>\n                </div>\n                <div class="providers-filter__empty-container hide" data-providers-filter-empty>\n                    <div class="providers-filter__empty-icon">&#128528</div>\n                    <span class="providers-filter__empty-text">').concat(Object(o.trans)(o.transConstant.PROVIDERS_FILTER_EMPTY_TEXT),'</span>\n                </div>\n            </div>\n            <div class="providers-filter__background" data-providers-filter-background></div>\n        </div>');return document.body.insertAdjacentHTML("beforeend",t),this}},{key:"generateColumnProvidersMarkup",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.providersListByLetter,t="";for(var r in e)t+='<div class="providers-filter__providers-by-letter" data-providers-filter-letter="'.concat(r,'">\n                <span class="providers-filter__providers-letter">').concat(r,'</span>\n                <div class="providers-filter__providers">\n                    ').concat(this.generateProvidersList(r,e),"\n                </div>\n            </div>");return t}},{key:"generateProvidersList",value:function(e,t){var r=this,i="";return t[e].map((function(e){i+='<div class="providers-filter__provider '.concat(e.isEnable?"":r.DISABLE_PROVIDER_CLASS,'"\n                            data-provider="').concat(e.developerId,'">\n                <div class="providers-filter__provider-icon" style="background-image: url(').concat(e.icon,')"></div>\n                <span class="providers-filter__provider-name" \n                      data-provider-name="').concat(e.name.toLowerCase(),'"\n                      ').concat(e.isEnable?"":r.DISABLE_PROVIDER_TOOLTIP_DATA_ATTR_NAME,">\n                    ").concat(e.name,"\n                </span>\n            </div>")})),i}},{key:"_renderProvidersMarkup",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.providersListByLetter,r=this.lastChosenProvider&&this.lastChosenProvider.dataset.provider;return this.providersListCnt.innerHTML=this.generateColumnProvidersMarkup(t),this._setProviderButtonsEvent(),r&&(null===(e=this.providersList.querySelector('[data-provider="'.concat(r,'"]')))||void 0===e||e.classList.add("providers-filter__provider--active")),this}},{key:"_filterProviders",value:function(){var e=this,t=this.searchInput.value.toLowerCase(),r=Object.keys(this.providersListByLetter),i={};return r.map((function(r){var n=e.providersListByLetter[r].filter((function(e){return e.name.trim().toLowerCase().includes(t)}));n.length&&(i[r]=n)})),i}},{key:"_setProviderButtonsEvent",value:function(){var e=this;this.providersList.querySelectorAll("[data-provider]:not(.".concat(this.DISABLE_PROVIDER_CLASS,")")).forEach((function(t){t.addEventListener("click",(function(){var r,i=+t.dataset.provider;c.GamesList.setCurrentDeveloperId(i);var n=e.callPopupButton.querySelector('[data-provider="'.concat(i,'"]')),o=!n&&t.cloneNode(!0);t.classList.add("providers-filter__provider--active"),null===(r=e.lastChosenProvider)||void 0===r||r.classList.remove("providers-filter__provider--active"),l.a.sendQuery().then((function(r){var s=r.data[l.a.queryName].gameList,c=e.callPopupButton.querySelectorAll('[data-provider]:not([data-provider="'.concat(i,'"])'));e.lastChosenProvider=t,!e.currentFilterButtonContent&&e.callPopupButton.querySelector("[data-providers-filter-button-default]").classList.add("hide"),e.currentFilterButtonContent=o?e.callPopupButton.appendChild(o):n,c.length&&c.forEach((function(e){return e.classList.add("hide")})),null==n||n.classList.remove("hide"),e.gamesListCnt.innerHTML=s.map((function(e){return Object(a.a)(e)})).join("")})).then((function(){e.close(),e.showAllButton.classList.remove("hide")}))}))}))}},{key:"_attachButtonEvent",value:function(){var e=this;return this.callPopupButton.addEventListener("click",(function(){!e.isAlreadyOpened&&e._attachEvents(),e.show()})),this}},{key:"_showEmptySearchBlock",value:function(){this.emptySearch.classList.remove("hide"),this.providersList.classList.add("hide")}},{key:"_hideEmptySearchBlock",value:function(){return this.emptySearch.classList.add("hide"),this.providersList.classList.remove("hide"),this}},{key:"_attachEvents",value:function(){var e=this,t=window.innerWidth,r=null,i=0;this.showAllButton.addEventListener("click",(function(){var t;c.GamesList.setCurrentDeveloperId(null),null===(t=e.lastChosenProvider)||void 0===t||t.classList.remove("providers-filter__provider--active"),l.a.sendQuery().then((function(t){var r=t.data[l.a.queryName].gameList,i=e.callPopupButton.querySelectorAll("[data-provider]:not(.hide)");e.callPopupButton.querySelector("[data-providers-filter-button-default]").classList.remove("hide"),e.currentFilterButtonContent=null,null==i||i.forEach((function(e){e.classList.add("hide")})),e.gamesListCnt.innerHTML=r.map((function(e){return Object(a.a)(e)})).join("")})).then((function(){e.close(),e.showAllButton.classList.add("hide")}))})),this.background.addEventListener("click",(function(){e.close()})),this.closeButton.addEventListener("click",(function(){e.close()})),this.searchInput.addEventListener("keyup",(function(t){var n=t.keyCode,o=e.searchInput.value.length;i!==o&&(o>0&&(n>47&&n<58||n>95&&n<107||n>64&&n<91||32===n||46===n||8===n)?(r&&clearTimeout(r),r=setTimeout((function(){var t=e._filterProviders();Object.keys(t).length?e._renderProvidersMarkup(t)._hideEmptySearchBlock():e._showEmptySearchBlock(),clearTimeout(r)}),500)):0===o&&e._renderProvidersMarkup()._hideEmptySearchBlock()),i=o})),window.addEventListener("resize",(function(){var r=window.innerWidth,i=r<e.RESPONSIVE_SWICTH?3:4;t!==r&&i!==e.columnsCount&&e._renderProvidersMarkup(),t=r}))}}])&&_(t.prototype,r),v&&_(t,v),e}();t.default=function(){return new L}},"e/Cp":function(e,t,r){"use strict";r("WLL4"),r("jm62"),r("8+KV"),r("0l/t"),r("ioFf"),r("HAE/"),r("KKXr"),r("rGqo"),r("yt8O"),r("Btvt"),r("RW0V"),r("Z2Ku"),r("L9s1");var i=r("wWZ4"),n=r("FaD1"),o=r("G3S1");function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=function(){var e,t={popular:"gameListPopular",new:"gameListNew",favourites:"gameListFavourites",all:"gameListAll",gameHall:"gameHall",type:"gameListByType",category:"gameListByCustomCategory",developer:"gameListByDeveloper"},r=function(){var e,r=location.pathname;Object(n.Ab)()?e=t.popular:r.includes("new")?e=t.new:r.includes("favourites")?e=t.favourites:r.includes("all")&&!r.includes("gamehall")?e=t.all:r.includes("type")?e=t.type:r.includes("category")?e=t.category:r.includes("gamehall")?e=t.gameHall:r.includes("popular")?e=t.popular:r.includes("developer")&&(e=t.developer,o.GamesList.setCurrentDeveloperId(+document.querySelector("[data-game-list-developer]").dataset.gameListDeveloper));return e}(),s=[t.category,t.type].includes(r)&&(e=location.pathname.split("/"))[e.length-2];function l(e,i){var l=document.querySelector("[data-game-list-category]"),c=+l.dataset.gameListLimit,d=e||!i?0:l.querySelectorAll('[data-game="item"]').length,u=o.GamesList.getCurrentDeveloperId(),p={};return u&&(r===t.developer?p.developerId=u:p.developerIds=[u]),a(a(a({limit:c,offset:d,platform:Object(n.O)(),platformType:Object(n.P)(),onlyDevelopersList:e},o.GamesList.getCurrentSortParams()),Object.keys(p).length&&p),s&&{slug:s})}return{queryName:r,sendQuery:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return Object(i.a)().query({query:Object(i.b)(r),variables:l(e,t),fetchPolicy:"network-only"})}}}();t.a=c}}]);