https://www.modohockey.se/assets/GameScheduleFilter-DOnv-hxr.js

1import{a1 as ne,b as ie,g as ce,d as de,r as C,aD as re,a4 as j,T as me,h as ue,o as pe,w as ge,t as he,j as _,z as fe,B as O,C as ve,D as ye,E as c,N as P,F as m,aa as Q,a7 as Y,as as J,ag as Se,G as we}from"./index-Bu8mgjN5.js";import{S as _e}from"./SdpDropdown-BebWRa0g.js";import be from"./EcalButton-DJ1uDbnd.js";const Ae={name:"GameScheduleFilter",components:{SdpDropDown:_e,SdpStreamlineIcon:ne,EcalButton:be},props:{gameSchedFilter:{type:Object,default:()=>({})},teamList:{type:Array,default:()=>[]},hasQueryParams:{type:Boolean}},emits:["selected-option"],setup(r,{emit:n}){const{t:o}=ie(),t=ce(),T=de(),{query:y}=t,p=C(o("game_schedule.show_filter")),u=C(!1),f=C(""),{isDesktopView:S,isTabletView:w}=re(),h=j("ecal-button"),{teamList:b,gameSchedFilter:d,hasQueryParams:F}=me(r),K=_(()=>[...b.value??[]].sort((e,l)=>String((e==null?void 0:e.name)??"").localeCompare(String((l==null?void 0:l.name)??""),T.getLocale))),X=_(()=>{var e,l;return(l=(e=h==null?void 0:h.value)==null?void 0:e.button)==null?void 0:l.value}),Z=_(()=>{var e;return(e=K.value)==null?void 0:e.map(l=>({...l,value:l.ownerInstanceId}))}),A=(e,l)=>l.find(a=>a.uuid===e),x=(e,l)=>

1e?A(e,l):l[0],s=ue({selectedSeason:F.value?A(y.seasonUuid,d.value.season):x(d.value.defaultSsgtFilter.season,d.value.season),selectedSeries:F.value?A(y.seriesUuid,d.value.series):x(d.value.defaultSsgtFilter.series,d.value.series),selectedGameType:F.value?A(y.gameTypeUuid,d.value.gameType):x(d.value.defaultSsgtFilter.gameType,d.value.gameType),selectedCompleteSeason:{name:o("game_schedule.complete_season"),value:"all"},selectedHomeAway:{name:o("game_schedule.home_away"),value:"all"},selectedAllGames:{name:o("game_schedule.all_games"),value:"all"},selectedTeam:[],preSelectedTeam:[]}),g=(e,l)=>{n("selected-option",e,l)},U=T.getLocale;function $(){const e=new Date().getFullYear(),l=[...Array(12).keys()],a=new Intl.DateTimeFormat(U,{month:"long"}),i=v=>a.format(new Date(e,v));return l.map(i)}const B=()=>$().map(a=>({name:a.charAt(0).toUpperCase()+a.slice(1),value:a.charAt(0).toUpperCase()+a.slice(1)})),I=[{name:o("game_schedule.home_away"),value:"all"},{name:o("game_schedule.home"),value:"home"},{name:o("game_schedule.away"),value:"away"}],L=[{name:o("game_schedule.all_games"),value:"all"},{name:o("game_schedule.upcoming_games"),value:"0"},{name:o("game_schedule.played_games"),value:"1"}],G=(e,l)=>(l==null?void 0:l.find(a=>a.value===e))??{name:"",value:""},D=e=>{s.selectedSeason=e,g("season",e)},E=e=>{s.selectedSeries=e,g("series",e)},H=e=>{s.selectedGameType=e,g("gametype",e)},M=e=>{s.selectedCompleteSeason=e,g("completeseason",e)},k=e=>{s.selectedHomeAway=e,g("homeaway",e)},z=e=>{s.selectedAllGames=e,g("allgames",e)},q=e=>{if(!e||Array.isArray(e)&&e.length===0){s.selectedTeam=[],s.preSelectedTeam=[],g("team",[]);return}const l=e.map(a=>a==null?void 0:a.uuid).filter(a=>typeof a=="string"&&a.length>0);s.selectedTeam=e,s.preSelectedTeam=s.selectedTeam,g("team",l)},ee=()=>{p.value===o("game_schedule.show_filter")?p.value=o("game_schedule.hide_filter"):p.value=o("game_schedule.show_filter")},te=()=>{s.selectedSeason=d.value.season[0],s.selectedSeries=d.value.series[0],s.selectedGameType=d.value.gameType[0],s.selectedCompleteSeason={name:o("game_schedule.complete_season"),value:"all"},s.selectedHomeAway={name:o("game_schedule.home_away"),value:"all"},s.selectedAllGames={name:o("game_schedule.all_games"),value:"all"},s.selectedTeam=[],D(s.selectedSeason),E(s.selectedSeries),H(s.selectedGameType),M(s.selectedCompleteSeason),k(s.selectedHomeAway),z(s.selectedAllGames),q(s.selectedTeam)},N=()=>{u.value=window.pageYOffset>100,!S.value&&!w.value?f.value="min-width: 0px; width: 50px;height: 50px;":f.value="min-width: 0px; padding: 8px;"},R=()=>{var i,v,V,W;let e=((v=(i=document.getElementById("app"))==null?void 0:i.getBoundingClientRect())==null?void 0:v.width)??0;e+=30;const l=document.getElementById("ecal-float-button-id"),a=((W=(V=document.getElementById("game-schedule-container-id"))==null?void 0:V.getBoundingClientRect())==null?void 0:W.width)??0;if(a){const oe=Math.ceil((e-a)/2);l.style.right=`${oe}px`}},le=_(()=>{var e,l,a;return((e=s.selectedSeason)==null?void 0:e.uuid)!==d.value.defaultSsgtFilter.season||((l=s.selectedSeries)==null?void 0:l.uuid)!==d.value.defaultSsgtFilter.series||((a=s.selectedGameType)==null?void 0:a.uuid)!==d.value.defaultSsgtFilter.gameType||s.selectedCompleteSeason.value!=="all"||s.selectedHomeAway.value!=="all"||s.selectedAllGames.value!=="all"||s.preSelectedTeam.length>0}),se=_(()=>p.value!==o("game_schedule.show_filter"));pe(()=>{const{homeAway:e,allGames:l,completeSeason:a}=y;e&&(s.selectedHomeAway=G(e,I)),l&&(s.selectedAllGames=G(l,L)),a&&a!=="all"&&(s.selectedCompleteSeason=G(a,B())),window.smoothscroll=()=>{const i=document.documentElement.scrollTop||document.body.scrollTop;i>0&&(window.requestAnimationFrame(window.smoothscroll),window.scrollTo(0,Math.floor(i-i/5)))},window.addEventListener("scroll",N),window.addEventListener("resize",R),R(),N()}),ge(()=>r.teamList,e=>{if(Array.isArray(e)&&(e==null?void 0:e.length)>0){let l=[];t.query.teams&&(Array.isArray(t.query.teams)?t.query.teams.forEach(a=>{const i=e.find(v=>v.uuid===a);i&&(i.value=i==null?void 0:i.ownerInstanceId,l.push(i))}):l=[b.value.find(i=>i.uuid===t.query.teams)],s.preSelectedTeam=l==null?void 0:l.map(a=>({...a,value:a.ownerInstanceId})))}});const ae=j("headerOffset",0);return{teamListWithValue:Z,localeVal:U,resetFilter:te,selectSeason:D,selectGameType:H,selectGameSeries:E,selectCompleteSeason:M,selectHomeAway:k,selectAllGames:z,selectTeam:q,getCompleteSeason:B,getHomeAway:I,getAllGames:L,showFilter:ee,filterLabel:p,isEmpty:he,state:s,ecalButton:h,visible:u,customStyleButtonIcon:f,isDesktopView:S,ecalButtonId:X,isTabletView:w,isFilterActive:le,isFilterVisible:se,headerOffset:ae}}},Te=["aria-label"],Fe=["aria-expanded"],xe={class:"show-filter-txt text-sm font-subheader inline-flex mr-2"},Ge={class:"flex"},Ce=["disabled"],Oe={class:"label inline-flex"},Ue={class:"button-container"},Be={id:"ecal-float-button-id",class:"float-button"};function Ie(r,n,o,t,T,y){var S,w,h;const p=O("sdp-streamline-icon"),u=O("sdp-drop-down"),f=O("ecal-button");return ve(),ye(we,null,[c("div",{class:"game-filter mt-0 mb-4 md:mb-0 lg:mt-10 lg:py-2",style:Se(t.headerOffset>0?{marginTop:t.headerOffset+"px"}:{}),role:"region","aria-label":r.$t("gamecenter.filter")},[c("button",{type:"button",class:"mobile-filter mt-6 ml-3 flex lg:hidden","aria-expanded":t.is

1FilterVisible,"aria-controls":"dropdownContainer",onClick:n[0]||(n[0]=b=>t.showFilter())},[c("span",xe,P(t.filterLabel),1),m(p,{class:"text-primary-base inline-flex",icon:"settingsSlider2",size:25})],8,Fe),c("div",Ge,[c("div",{id:"dropdownContainer",class:Q(["dropdown-container flex flex-wrap w-full",{"hidden lg:inline-flex":!t.isFilterVisible}])},[m(u,{options:(S=o.gameSchedFilter)==null?void 0:S.season,selected:t.state.selectedSeason,placeholder:r.$t("game_schedule.season"),"text-class":"text-sm",onUpdateOption:t.selectSeason},null,8,["options","selected","placeholder","onUpdateOption"]),n[2]||(n[2]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:(w=o.gameSchedFilter)==null?void 0:w.series,selected:t.state.selectedSeries,placeholder:r.$t("game_schedule.series"),"text-class":"text-sm",onUpdateOption:t.selectGameSeries},null,8,["options","selected","placeholder","onUpdateOption"]),n[3]||(n[3]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:(h=o.gameSchedFilter)==null?void 0:h.gameType,selected:t.state.selectedGameType,placeholder:r.$t("game_schedule.game_type"),"text-class":"text-sm",onUpdateOption:t.selectGameType},null,8,["options","selected","placeholder","onUpdateOption"]),n[4]||(n[4]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:t.getCompleteSeason(),selected:t.state.selectedCompleteSeason,placeholder:r.$t("game_schedule.complete_season"),"text-class":"text-sm",onUpdateOption:t.selectCompleteSeason},null,8,["options","selected","placeholder","onUpdateOption"]),n[5]||(n[5]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:t.teamListWithValue,selected:t.state.preSelectedTeam,multi:!0,placeholder:r.$t("game_schedule.choose_team"),"text-class":"text-sm",onUpdateOption:t.selectTeam},null,8,["options","selected","placeholder","onUpdateOption"]),n[6]||(n[6]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:t.getHomeAway,selected:t.state.selectedHomeAway,placeholder:r.$t("game_schedule.home_away"),"text-class":"text-sm",onUpdateOption:t.selectHomeAway},null,8,["options","selected","placeholder","onUpdateOption"]),n[7]||(n[7]=c("div",{class:"vertical-line"},null,-1)),m(u,{options:t.getAllGames,selected:t.state.selectedAllGames,placeholder:r.$t("game_schedule.all_games"),"text-class":"text-sm",onUpdateOption:t.selectAllGames},null,8,["options","selected","placeholder","onUpdateOption"]),n[8]||(n[8]=c("div",{class:"vertical-line"},null,-1)),c("button",{type:"button",class:Q(["reset-filter-button",{"text-grey-base":!t.isFilterActive,"text-primary-base":t.isFilterActive}]),disabled:!t.isFilterActive,onClick:n[1]||(n[1]=b=>t.resetFilter())},[c("span",Oe,[c("span",null,P(r.$t("search.reset_filter")),1),m(p,{icon:"refresh",size:30,class:"ml-3 mt-0.5"})])],10,Ce)],2)]),Y(c("div",Ue,[m(f,{"button-id":t.ecalButtonId,"is-responsive":!1,class:""},null,8,["button-id"])],512),[[J,!t.visible]])],12,Te),Y(c("div",Be,[m(f,{"button-id":t.ecalButtonId,"is-responsive":!0,"custom-style":t.customStyleButtonIcon},null,8,["button-id","custom-style"])],512),[[J,t.visible]])],64)}const He=fe(Ae,[["render",Ie],["__scopeId","data-v-ef3f7524"]]);export{He as default};