https://www.casino.us/_nuxt/BoUsmvd1.js

1import P from"./B0wsIG8O.js";import V from"./Bp9sjmSc.js";import S from"./CigPKCZt.js";import L from"./BNFlmjx9.js";import I from"./jXiz3pAV.js";import B from"./DoP2-cPk.js";import H from"./B-NZBnEL.js";import{_ as D,j as a,w as h,L as b,B as x,o,a as i,b as c,d as M,t as n,c as d,F as p,x as T,e as f}from"./C_dDoqqV.js";import{f as N}from"./DZRcb-Lc.js";import{a as k}from"./C4ZLsWZ4.js";import{u as G}from"./DtJhA8dZ.js";import"./CcggGS2i.js";import"./hVo5LF83.js";import"./DqIKrIDH.js";import"./D-HFVqBv.js";import"./BxR6CUD2.js";import"./BrEk0DBG.js";import"./CTf3eFxt.js";import"./t8jJa2Cm.js";import"./BJ8DeCX5.js";import"./BVIQdDd4.js";const j={name:"FiltersFullScreenModal",components:{Modal:H,LogoCard:S,Button:B,RadioButton:P,Search:V,IconAdd:L,IconMinus:I},mixins:[N],data(){return{gameThemes:this.$t("freeGames.theme"),labelFeatures:this.$t("networkLinker.features"),searchProvidersPlaceholder:this.$t("freeGames.searchProviders"),searchGameTypesPlaceholder:this.$t("freeGames.searchGameTypes"),searchThemesPlaceholder:this.$t("freeGames.searchThemes"),searchFeaturesPlaceholder:this.$t("freeGames.searchFeatures"),showMoreText:this.$t("freeGames.showMore"),showLessText:this.$t("freeGames.showLess"),labels:{sortBy:this.$t("freeGames.sortBy"),clearFilters:this.$t("clearFilters"),applyFilters:this.$t("applyFilters"),gameCategories:this.$t("advancedToplist.gameCategories"),gamesProvidersTitle:this.$t("freeGames.gamesProvidersTitle")},selectedProviders:[],selectedThemes:[],selectedFeatures:[],gameTypesVisibleCount:6,providersVisibleCount:6,themesVisibleCount:6,featuresVisibleCount:6,initialGameTypesCount:6,initialProvidersCount:6,initialThemesCount:6,initialFeaturesCount:6,showMoreGameTypes:!1,showMoreProviders:!1,showMoreThemes:!1,showMoreFeatures:!1,mediaQueryList:null,searchProvider:"",searchGameTypes:"",searchTheme:"",searchFeatures:""}},computed:{filteredGameTypes(){return this.allGamesTypes.filter(e=>e?.name?.toLowerCase()?.includes(this.searchGameTypes?.toLowerCase()))},visibleGameTypes(){return this.filteredGameTypes.slice(0,this.gameTypesVisibleCount)},filteredProviders(){return this.allProviders.filter(e=>e.label.toLowerCase().includes(this.searchProvider.toLowerCase()))},visibleProviders(){return this.filteredProviders.slice(0,this.providersVisibleCount)},filteredThemes(){return this.allThemes.filter(e=>e.label.toLowerCase().includes(this.searchTheme?.toLowerCase()||""))},visibleThemes(){return this.filteredThemes.slice(0,this.themesVisibleCount)},filteredFeatures(){return this.allFeatures.filter(e=>e.label.toLowerCase().includes(this.searchFeatures?.toLowerCase()||""))},visibleFeatures(){return this.filteredFeatures.slice(0,this.featuresVisibleCount)},...x(k,["currentFilters"]),...x(G,["modalFiltersData"])},watch:{currentFilters:{handler(e,t){e&&e!==t&&(this.checkIfProviderIsSelected(),this.checkIfThemeIsSelected(),this.checkIfFeatureIsSelected(),this.checkIfSortByIsSelected())}}},mounted(){this.checkIfSortByIsSelected(),this.checkIfProviderIsSelected(),this.checkIfThemeIsSelected(),this.checkIfFeatureIsSelected(),this.selectedProviders=this.allProviders.filter(e=>e?.selected)||[],this.selectedThemes=this.allThemes.filter(e=>e?.selected)||[],this.selectedFeatures=this.allFeatures.filter(e=>e?.selected)||[],this.updateVisibleCount(),this.mediaQueryList=window.matchMedia("(min-width: 768px)"),this.mediaQueryList.addEventListener("change",this.updateVisibleCount)},beforeUnmount(){this.mediaQueryList&&this.mediaQueryList.removeEventListener("change",this.updateVisibleCount)},methods:{...b(k,["updateCurrentFilters"]),...b(G,["closeModalFilters"]),setSelectedFilterByType(e,t){const y=this[e],_=y.findIndex(s=>s.value===t.value);_===-1?y.push(t):y.splice(_,1)},updateVisibleCount(){const t=window.matchMedia("(min-width: 768px)").matches?10:6;this.gameTypesVisibleCount=t,this.providersVisibleCount=t,this.themesVisibleCount=t,this.featuresVisibleCount=t,this.initialGameTypesCount=t,this.initialProvidersCount=t,this.initialThemesCount=t,this.initialFeaturesCount=t,this.showMoreGameTypes=!1,this.showMoreProviders=!1,this.showMoreThemes=!1,this.showMoreFeatures=!1},showMoreGameTypesCards(){this.showMoreGameTypes?(this.gameTypesVisibleCount=this.initialGameTypesCount,this.showMoreGameTypes=!1):(this.gameTypesVisibleCount+=5,this.gameTypesVisibleCount>=this.filteredGameTypes.length&&(this.showMoreGameTypes=!0))},showMoreProvidersCards(){this.showMoreProviders?(this.providersVisibleCount=this.initialProvidersCount,this.showMoreProviders=!1):(this.providersVisibleCount+=5,this.providersVisibleCount>=this.filteredProviders.length&&(this.showMoreProviders=!0))},showMoreThemesCards(){this.showMoreThemes?(this.themesVisibleCount=this.initialThemesCount,this.showMoreThemes=!1):(this.themesVisibleCount+=5,this.themesVisibleCount>=this.filteredThemes.length&&(this.showMoreThemes=!0))},showMoreFeaturesCards(){this.showMoreFeatures?(this.featuresVisibleCount=this.initialFeaturesCount,this.showMoreFeatures=!1):(this.featuresVisibleCount+=5,this.featuresVisibleCount>=this.filteredFeatures.length&&(this.showMoreFeatures=!0))},setSortByOption(e){this.updateSortingFilters({value:e})},clearFilters(){this.selectedProviders=[],this.selectedThemes=[],this.selectedFeatures=[],this.searchProvider="",this.searchGameTypes="",this.searchTheme="",this.searchFeatures="",this.updateVisibleCount(),this.updateGameTypeFilter(this.visibleGameTypes[0])},applyFilters(){this.updateVisibleCount(),this.closeModalFilters()},toggleProvider(e){this.setSelectedFilterByType("selectedProviders",e),this.updateProviderIdsFilters(this.selectedProviders)},toggleTheme(e){this.setSelectedFilterByType("selectedThemes",e),this.updateThemeFilters(this.selectedThemes)}

1,toggleFeature(e){this.setSelectedFilterByType("selectedFeatures",e),this.updateFeatureFilters(this.selectedFeatures)},updateGameNameFilters(e){this.searchProvider=e},updateGameTypesFilters(e){this.searchGameTypes=e},updateThemesFilters(e){this.searchTheme=e},updateFeaturesFilters(e){this.searchFeatures=e}}},R={class:"flex flex-col py-md"},Q={class:"flex gap-md flex-col flex-wrap"},U={class:"title-2xs min-w-full"},O={class:"gap-md flex flex-col"},E={class:"title-2xs min-w-full"},q={class:"grid grid-cols-3 md:grid-cols-5 gap-xs"},J={key:0,class:"grid grid-cols-1"},K={class:"flex self-center justify-start"},W={class:"text-foreground-3 text-2xs"},X={class:"gap-md flex flex-col"},Y={class:"title-2xs min-w-full"},Z={class:"grid grid-cols-3 md:grid-cols-5 gap-xs"},$={key:0,class:"grid grid-cols-1"},ee={class:"flex self-center justify-start"},se={class:"text-foreground-3 text-2xs"},te={key:0,class:"gap-md flex flex-col"},re={class:"title-2xs min-w-full"},le={class:"flex flex-wrap gap-xs"},ie={key:0,class:"grid grid-cols-1"},oe={class:"flex self-center justify-start"},ae={class:"text-foreground-3 text-2xs"},he={key:1,class:"gap-md flex flex-col"},ne={class:"title-2xs font-regular min-w-full"},de={class:"flex flex-wrap gap-xs"},ce={key:0,class:"grid grid-cols-1"},me={class:"flex self-center justify-start"},ue={class:"text-foreground-3 text-2xs"},fe={class:"w-full grid grid-cols-2 gap-xs"};function pe(e,t,y,_,s,l){const z=P,C=V,F=S,g=L,v=I,u=B,A=H;return o(),a(A,{visible:e.modalFiltersData.open,size:"MD","h-size":"MD","show-footer":!0,onClose:e.closeModalFilters},{body:h(()=>[i("div",R,[i("div",Q,[i("h2",U,n(s.labels.sortBy),1),(o(!0),d(p,null,T(e.translatedSortingOptions,r=>(o(),a(z,{key:r.value,label:r.label,checked:r.selected||!1,class:"md:min-w-[172px] xl:min-w-0",onClick:m=>l.setSortByOption(r.value)},null,8,["label","checked","onClick"]))),128))]),t[4]||(t[4]=i("div",{class:"border-t-sm h-px color-stroke-2 my-md md:my-lg"},null,-1)),i("section",O,[i("h2",E,n(s.labels.gameCategories),1),c(C,{modelValue:s.searchGameTypes,"onUpdate:modelValue":t[0]||(t[0]=r=>s.searchGameTypes=r),type:"search",variant:"SearchRoundedMedium",placeholder:s.searchGameTypesPlaceholder,onHandleFilter:l.updateGameTypesFilters,onHandleSearch:l.updateGameTypesFilters},null,8,["modelValue","placeholder","onHandleFilter","onHandleSearch"]),i("div",q,[(o(!0),d(p,null,T(l.visibleGameTypes,(r,m)=>(o(),a(F,{key:m,logo:r.image,name:r.name,class:"cursor-pointer",selected:r.id===e.selectedGameType,"filter-modal":"",onCardClick:w=>e.updateGameTypeFilter(r)},null,8,["logo","name","selected","onCardClick"]))),128))]),l.filteredGameTypes.length>s.gameTypesVisibleCount||s.showMoreGameTypes?(o(),d("div",J,[i("div",K,[c(u,{size:"SM",icon:"","icon-position":"left",variant:"mute",onClick:l.showMoreGameTypesCards},{"icon-left":h(()=>[s.showMoreGameTypes?(o(),a(v,{key:1,class:"text-foreground-3 w-sm h-sm"})):(o(),a(g,{key:0,class:"text-foreground-3 w-sm h-sm"}))]),default:h(()=>[i("strong",W,n(s.showMoreGameTypes?s.showLessText:s.showMoreText),1)]),_:1},8,["onClick"])])])):f("",!0)]),t[5]||(t[5]=i("div",{class:"border-t-sm h-px color-stroke-2 my-md md:my-lg"},null,-1)),i("section",X,[i("h2",Y,n(s.labels.gamesProvidersTitle),1),c(C,{modelValue:s.searchProvider,"onUpdate:modelValue":t[1]||(t[1]=r=>s.searchProvider=r),type:"search",variant:"SearchRoundedMedium",placeholder:s.searchProvidersPlaceholder,onHandleFilter:l.updateGameNameFilters,onHandleSearch:l.updateGameNameFilters},null,8,["modelValue","placeholder","onHandleFilter","onHandleSearch"]),i("div",Z,[(o(!0),d(p,null,T(l.visibleProviders,(r,m)=>(o(),a(F,{key:m,logo:r.image,name:r.label,selected:r.selected||!1,"filter-modal":"",class:"cursor-pointer",onCardClick:w=>l.toggleProvider(r)},null,8,["logo","name","selected","onCardClick"]))),128))]),l.filteredProviders.length>s.providersVisibleCount||s.showMoreProviders?(o(),d("div",$,[i("div",ee,[c(u,{size:"SM",variant:"mute",icon:"","icon-position":"left",onClick:l.showMoreProvidersCards},{"icon-left":h(()=>[s.showMoreProviders?(o(),a(v,{key:1,class:"text-foreground-3 w-sm h-sm"})):(o(),a(g,{key:0,class:"text-foreground-3 w-sm h-sm"}))]),default:h(()=>[i("strong",se,n(s.showMoreProviders?s.showLessText:s.showMoreText),1)]),_:1},8,["onClick"])])])):f("",!0)]),t[6]||(t[6]=i("div",{class:"border-t-sm h-px color-stroke-2 my-md md:my-lg"},null,-1)),e.allThemes.length?(o(),d("section",te,[i("h2",re,n(s.gameThemes),1),c(C,{modelValue:s.searchTheme,"onUpdate:modelValue":t[2]||(t[2]=r=>s.searchTheme=r),type:"search",variant:"SearchRoundedMedium",placeholder:s.searchThemesPlaceholder,onHandleFilter:l.updateThemesFilters,onHandleSearch:l.updateThemesFilters},null,8,["modelValue","placeholder","onHandleFilter","onHandleSearch"]),i("div",le,[(o(!0),d(p,null,T(l.visibleThemes,(r,m)=>(o(),a(F,{key:m,name:r.label,selected:r?.selected||!1,"filter-modal":"",class:"cursor-pointer",onCardClick:w=>l.toggleTheme(r)},null,8,["name","selected","onCardClick"]))),128))]),l.filteredThemes.length>s.themesVisibleCount||s.showMoreThemes?(o(),d("div",ie,[i("div",oe,[c(u,{size:"SM",variant:"mute",icon:"","icon-position":"left",onClick:l.showMoreThemesCards},{"icon-left":h(()=>[s.showMoreThemes?(o(),a(v,{key:1,class:"text-foreground-3 w-sm h-sm"})):(o(),a(g,{key:0,class:"text-foreground-3 w-sm h-sm"}))]),default:h(()=>[i("strong",ae,n(s.showMoreThemes?s.showLessText:s.showMoreText),1)]),_:1}

1,8,["onClick"])])])):f("",!0)])):f("",!0),t[7]||(t[7]=i("div",{class:"border-t-sm h-px color-stroke-2 my-md md:my-lg"},null,-1)),e.allFeatures.length?(o(),d("section",he,[i("h2",ne,n(s.labelFeatures),1),c(C,{modelValue:s.searchFeatures,"onUpdate:modelValue":t[3]||(t[3]=r=>s.searchFeatures=r),type:"search",variant:"SearchRoundedMedium",placeholder:s.searchFeaturesPlaceholder,onHandleFilter:l.updateFeaturesFilters,onHandleSearch:l.updateFeaturesFilters},null,8,["modelValue","placeholder","onHandleFilter","onHandleSearch"]),i("div",de,[(o(!0),d(p,null,T(l.visibleFeatures,(r,m)=>(o(),a(F,{key:m,name:r.label,selected:r?.selected||!1,"filter-modal":"",class:"cursor-pointer",onCardClick:w=>l.toggleFeature(r)},null,8,["name","selected","onCardClick"]))),128))]),l.filteredFeatures.length>s.featuresVisibleCount||s.showMoreFeatures?(o(),d("div",ce,[i("div",me,[c(u,{size:"SM",variant:"mute",icon:"","icon-position":"left",onClick:l.showMoreFeaturesCards},{"icon-left":h(()=>[s.showMoreFeatures?(o(),a(v,{key:1,class:"text-foreground-3 w-sm h-sm"})):(o(),a(g,{key:0,class:"text-foreground-3 w-sm h-sm"}))]),default:h(()=>[i("strong",ue,n(s.showMoreFeatures?s.showLessText:s.showMoreText),1)]),_:1},8,["onClick"])])])):f("",!0)])):f("",!0)])]),footer:h(()=>[i("div",fe,[c(u,{variant:"ghost",size:"MD",class:"w-full",full:"",disabled:e.isAllGamesFilterType,onClick:l.clearFilters},{default:h(()=>[M(n(s.labels.clearFilters),1)]),_:1},8,["disabled","onClick"]),c(u,{variant:"primary",size:"MD",class:"w-full",full:"",disabled:e.isAllGamesFilterType,onClick:l.applyFilters},{default:h(()=>[M(n(s.labels.applyFilters),1)]),_:1},8,["disabled","onClick"])])]),_:1},8,["visible","onClose"])}const Ae=Object.assign(D(j,[["render",pe]]),{__name:"FiltersFullScreenModal"});export{Ae as default};