https://www.portsmouthfc.co.uk/_nuxt/DTTA7nHh.js

1import{PageElementBase as m}from"./CdQXFjpm.js";import{u as p}from"./O7_ZfBT5.js";import{d as y}from"./ghde6Rcn.js";import{C as u}from"./C-O3A2g9.js";import"./CATxlt2j.js";import"./CXTOca8g.js";import"./0xmjySIm.js";class r extends m{constructor(e="root",t={}){var s,a,o,i,n;super(e,t),this.widgetType="CardFixtureUpcomingMultiClub",this.widgetName="Upcoming Fixture",this.component="CardFixtureUpcomingMultiClub",this.cmsComponent="CardFixtureUpcomingMultiClub",this.icon={icon:"upcoming",pack:"cms"},this.pseudoWidgetType="widget",this.contentFill="auto-fill",this.buttons=[],this.buttonLinkInputs=[],this.loading=!1,this.buildStyleFields=()=>[{heading:"Theme",options:[{type:"radio",subType:"list",attributeKey:"theme",options:[{label:"Light",id:"light"},{label:"Dark",id:"dark"},{label:"Accent",id:"club"}]}]}],this.getSidebarTabs=l=>[{name:"Layout",fields:this.buildLayoutFields(),disabled:!0},{name:"Content",fields:this.buildContentFields(l),default:!0},{name:"Style",fields:this.buildStyleFields()}],this.query=u({method:((s=t.query)==null?void 0:s.method)||"getById",seasonID:((a=t.query)==null?void 0:a.seasonID)||null,competitionID:((o=t.query)==null?void 0:o.competitionID)||null,teamID:((i=t.query)==null?void 0:i.teamID)||null,offset:((n=t.query)==null?void 0:n.offset)??0}),this.contentFill=t.contentFill??"auto-fill",this.theme=t.theme??"light",this.background=t.background??{image:void 0,color:void 0},this.buttons=u(t.buttons??[{title:"",display:!1,action:"",type:"secondary",icon:{icon:"",pack:"fan"}},{title:"",display:!1,action:"",type:"secondary",icon:{icon:"",pack:"fan"}}]),t.buttons?t.buttons.forEach((l,d)=>{this.buttonLinkInputs[d]={url:l.action,type:l.linkType||"internal"}}):this.buttonLinkInputs=u([{url:"",type:"internal"},{url:"",type:"internal"}])}serializeElement(){return{...super.serializeBaseElement(),contentFill:this.contentFill,query:this.query,theme:this.theme,background:this.background,buttons:this.buttons.map((e,t)=>{var s,a;return{...e,action:((s=this.buttonLinkInputs[t])==null?void 0:s.url)||"",linkType:((a=this.buttonLinkInputs[t])==null?void 0:a.type)||"internal"}})}}buildContentFields(e){const{getSeasons:t,getCompetitions:s,getTeams:a}=p();return[{type:"tabs",tabsOptions:{variant:"fill"},tabs:[{title:"Auto-Fill",value:"auto-fill",index:0,options:[{heading:"Season",type:"select",attributeKey:["query","seasonID"],items:t().then(o=>{const i=o.map(n=>({name:n.seasonName,id:n.seasonID}));return i.length?(this.query.seasonID||(this.query.seasonID=i[0].id||null),i):[{name:"No Seasons Found",id:null}]})},{heading:"Competition",type:"select",attributeKey:["query","competitionID"],disabled:!(e!=null&&e.query.seasonID),items:Promise.resolve().then(()=>e!=null&&e.query.seasonID?s().then(o=>{const i=o.map(n=>({name:n.competitionName,id:n.competitionID}));return i.length?(this.query.competitionID||(this.query.competitionID=i[0].id||null),i):[{name:"No Competitions Found",id:null}]}):[])},{heading:"Team",type:"select",attributeKey:["query","teamID"],disabled:!(e!=null&&e.query.seasonID)||!(e!=null&&e.query.competitionID),placeholder:e!=null&&e.query.seasonID&&(e!=null&&e.query.competitionID)?"":"Select season and competition first",items:Promise.resolve().then(()=>e!=null&&e.query.seasonID&&(e!=null&&e.query.competitionID)?a(e==null?void 0:e.query.seasonID,e==null?void 0:e.query.competitionID).then(o=>{const i=o.map(n=>({name:n.teamName,id:n.teamID}));return i.length?(this.query.teamID&&i.findIndex(n=>n.id===this.query.teamID)!==-1||(this.query.teamID=i[0].id||null),i):[{name:"No Teams Found",id:null}]}):[])},{heading:"Listing Offset",subHeading:"Determines which position in the listing to populate from. e.g. ‘5’ will populate from the 5th item in the listing.",type:"number",min:0,max:50,attributeKey:["query","offset"]}]},{title:"Manual Fill",value:"manual-fill",disabled:!0,index:1,options:[]}],options:[]},{heading:"Button One",toggleable:!0,toggleAttributeKey:["buttons","0","display"],options:[{heading:"Label",type:"input",attributeKey:["buttons","0","title"]},{heading:"Link",type:"link-input",attributeKey:["buttonLinkInputs","0"],disabledLinkTypes:["email","tel","file"]},{heading:"Icon",type:"icon-selector",attributeKey:["buttons","0","icon","icon"]},{heading:"Button Hierarchy",type:"select",attributeKey:["buttons","0","type"],items:[{name:"Primary",id:"primary"},{name:"Secondary",id:"secondary"},{name:"Tertiary",id:"tertiary"}]}]},{heading:"Button Two",toggleable:!0,toggleAttributeKey:["buttons","1","display"],options:[{heading:"Label",type:"input",attributeKey:["buttons","1","title"]},{heading:"Link",type:"link-input",attributeKey:["buttonLinkInputs","1"],disabledLinkTypes:["email","tel","file"]},{heading:"Icon",type:"icon-selector",attributeKey:["buttons","1","icon","icon"]},{heading:"Button Hierarchy",type:"select",attributeKey:["buttons","1","type"],items:[{name:"Primary",id:"primary"},{name:"Secondary",id:"secondary"},{name:"Tertiary",id:"tertiary"}]}]}]}duplicateElement(){return new r(this.parentID,y({...this,uuid:void 0}))}}export{r as default};