@dcrackel/meyersquaredui 1.0.47 → 1.0.48

package/dist/meyersquaredui.es.js

@@ -397,7 +397,7 @@ function be(l, e, n, y, c, r) {
             tag: "p",
             weight: "normal",
             class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",
-            onClick: e[0] || (e[0] = (w) => r.handlePageChange("tournament"))
+            onClick: e[0] || (e[0] = (w) => r.handlePageChange("TournamentList"))
           }, {
             default: i(() => e[6] || (e[6] = [
               o("Tournaments")
@@ -410,7 +410,7 @@ function be(l, e, n, y, c, r) {
             tag: "p",
             weight: "normal",
             class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",
-            onClick: e[1] || (e[1] = (w) => r.handlePageChange("clubs"))
+            onClick: e[1] || (e[1] = (w) => r.handlePageChange("ClubList"))
           }, {
             default: i(() => e[7] || (e[7] = [
               o("Clubs")
@@ -423,7 +423,7 @@ function be(l, e, n, y, c, r) {
             tag: "p",
             weight: "normal",
             class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",
-            onClick: e[2] || (e[2] = (w) => r.handlePageChange("leaderboard"))
+            onClick: e[2] || (e[2] = (w) => r.handlePageChange("Leaderboard"))
           }, {
             default: i(() => e[8] || (e[8] = [
               o("Leaderboard")
@@ -436,7 +436,7 @@ function be(l, e, n, y, c, r) {
             tag: "p",
             weight: "normal",
             class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",
-            onClick: e[3] || (e[3] = (w) => r.handlePageChange("contact"))
+            onClick: e[3] || (e[3] = (w) => r.handlePageChange("ContactUs"))
           }, {
             default: i(() => e[9] || (e[9] = [
               o("Contact")

package/dist/meyersquaredui.umd.js

@@ -1 +1 @@
-(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.MeyerSquaredUI={},c.Vue))})(this,function(c,e){"use strict";const g=(o,t)=>{const n=o.__vccOpts||o;for(const[m,s]of t)n[m]=s;return n},G={name:"BaseText",props:{tag:{type:String,default:"p",validator:o=>["h1","h2","h3","h4","h5","h6","p","span","div"].includes(o)},size:{type:String,default:"md"},color:{type:String,default:"primary"},hoverColor:{type:String,default:null},weight:{type:String,default:"normal",validator:o=>["thin","light","normal","semibold","bold"].includes(o)}},computed:{textClasses(){const o={xs:"text-xs",sm:"text-sm",md:"lg:text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl"},t={thin:"font-thin font-[100]",light:"font-light font-[300]",normal:"font-normal font-[400]",semibold:"font-semibold font-[600]",bold:"font-bold font-[700]"},n=this.hoverColor?` hover:text-${this.hoverColor}`:"";return`${this.size.split(" ").map(s=>{const[r,l]=s.includes(":")?s.split(":"):[null,s];return r?`${r}:${o[l]}`:o[l]}).filter(Boolean).join(" ")} ${t[this.weight]} text-${this.color} ${n} font-raleway`}}};function F(o,t,n,m,s,r){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.tag),{class:e.normalizeClass(r.textClasses)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class"])}const f=g(G,[["render",F]]),L={name:"Icon",props:{icon:{type:String,required:!0},color:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},size:{type:String,default:"md",validator:o=>["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl"].includes(o)},type:{type:String,default:"fa-solid",validator:o=>["fa-thin","fa-sharp","fa-kit","fa-brands","fa-solid","fa-regular"].includes(o)}},computed:{colorClasses(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},sizeClasses(){return{xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-5xl","5xl":"text-5xl"}[this.size]||"text-base"}}};function Q(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass([n.type,n.icon,r.colorClasses,r.sizeClasses]),onClick:t[0]||(t[0]=l=>o.$emit("click"))},null,2)}const p=g(L,[["render",Q]]),D={name:"BaseButton",components:{BaseText:f,Icon:p},props:{label:{type:String,required:!0},altText:{type:String,default:null},size:{type:String,default:"sm"},weight:{type:String,default:"normal"},color:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},hoverColor:{type:String,default:null,validator:o=>o===null||["primary","secondary","accent"].includes(o)},backgroundColor:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},border:{type:String,default:"none",validator:o=>["none","primary","secondary","accent","gradient1","gradient2"].includes(o)},padding:{type:String,default:"px-4 py-2"},iconName:{type:String,default:""},iconColor:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},iconSize:{control:{type:"select",options:["xs","sm","md","lg","xl","2xl","3xl"]},description:"Icon size"},iconType:{type:String,default:"fa-solid",validator:o=>["fa-brands","fa-solid","fa-thin","fa-sharp"].includes(o)},align:{type:String,default:"center",validator:o=>["left","center","right","between"].includes(o)}},computed:{paddingClass(){return this.padding},backgroundClass(){return{primary:"bg-primary hover:bg-accent text-secondary hover:text-secondary",secondary:"bg-secondary hover:bg-primary text-primary hover:text-secondary",accent:"bg-accent hover:bg-accent hover:text-secondary"}[this.backgroundColor]||"bg-primary"},borderClass(){return{none:"",primary:"border border-primary",secondary:"border border-secondary",accent:"border border-accent",gradient1:"border-gradient-rounded-1",gradient2:"border-gradient-rounded-2"}[this.border]||""},alignmentClass(){return{left:"justify-start",center:"justify-center",right:"justify-end",between:"justify-between"}[this.align]||"justify-center"}}},j=["title","aria-label"];function K(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["rounded-md transition duration-300 ease-in-out",r.paddingClass,r.backgroundClass,r.borderClass]),title:n.altText||n.label,"aria-label":n.altText||n.label,onClick:t[0]||(t[0]=i=>o.$emit("click"))},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center",r.alignmentClass,"space-x-2"])},[e.createVNode(l,{color:"",size:n.size,weight:n.weight},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["size","weight"]),e.createVNode(a,{icon:n.iconName,color:n.iconColor,size:n.iconSize,type:n.iconType},null,8,["icon","color","size","type"])],2)],10,j)}const b=g(D,[["render",K]]),Y={name:"InputField",props:{type:{type:String,default:"text"},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""},color:{type:String,default:"primary",validator:o=>["primary","secondary"].includes(o)}},computed:{bgClass(){return this.mode==="primary"?"bg-primary text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out":"bg-secondary"},textClass(){return this.mode==="primary","text-primary"}}},M=["type","placeholder","value"];function U(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("input",{type:n.type,placeholder:n.placeholder,value:n.modelValue,class:e.normalizeClass([n.color==="primary"?"bg-primary text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out":"text-primary bg-white border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-primary px-2 hover:border-accent duration-300 ease-in-out"]),onInput:t[0]||(t[0]=l=>o.$emit("update:modelValue",l.target.value))},null,42,M)}const y=g(Y,[["render",U]]),W={name:"SearchBox",components:{InputField:y,Icon:p},data(){return{searchQuery:""}},methods:{onSearch(){console.log("Search Query:",this.searchQuery),this.$emit("search",this.searchQuery)}}},H={class:"relative flex items-center w-full max-w-md"};function Z(o,t,n,m,s,r){const l=e.resolveComponent("InputField"),a=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",H,[e.createVNode(l,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]||(t[0]=i=>s.searchQuery=i),placeholder:"Search",color:"primary"},null,8,["modelValue"]),e.createVNode(a,{icon:"fa-search",color:"secondary",size:"sm",class:"absolute right-2",onClick:r.onSearch},null,8,["onClick"])])}const V=g(W,[["render",Z]]),N="data:image/png;base64,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",R={name:"PageHeader",components:{SearchBox:V,BaseText:f,BaseButton:b,Icon:p},data(){return{logo:N,dropdownOpen:!1,items:[{label:"Home",icon:"fa-home"},{label:"Tournaments",icon:"fa-trophy"},{label:"Clubs",icon:"fa-users"},{label:"Leaderboard",icon:"fa-star"}]}},methods:{onSearch(o){this.$emit("search",o)},openMenu(){this.dropdownOpen=!0,event.stopPropagation()},handleClickOutside(){this.dropdownOpen&&(this.dropdownOpen=!1)},handlePageChange(o){this.dropdownOpen=!1,this.$emit("changePage",o)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},P={class:"border-b border-lineGrey w-full bg-primary m-0"},O={class:"w-full hidden md:flex"},J={class:"w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center"},q=["src"],X={class:"flex w-full items-center border-r border-l border-lineGrey"},_={class:"hidden lg:flex w-1/3 pl-20 mb-3"},v={class:"ml-8 w-2/3 flex justify-around"},$={class:"w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center"},ee={class:"w-full flex md:hidden fixed top-0 left-0 z-10 bg-primary"},te={class:"m-2 flex justify-between w-full"},re=["src"],oe=["onClick"];function ne(o,t,n,m,s,r){const l=e.resolveComponent("SearchBox"),a=e.resolveComponent("BaseText"),i=e.resolveComponent("BaseButton"),d=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("header",P,[e.createElementVNode("section",O,[e.createElementVNode("div",J,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"h-14 w-18 bg-accent"},null,8,q)]),e.createElementVNode("section",X,[e.createElementVNode("div",_,[e.createVNode(l,{class:"w-24 md:w-32 lg:w-52 xl:w-64",onSearch:r.onSearch},null,8,["onSearch"])]),e.createElementVNode("nav",v,[e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[0]||(t[0]=h=>r.handlePageChange("tournament"))},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode("Tournaments")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[1]||(t[1]=h=>r.handlePageChange("clubs"))},{default:e.withCtx(()=>t[7]||(t[7]=[e.createTextVNode("Clubs")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[2]||(t[2]=h=>r.handlePageChange("leaderboard"))},{default:e.withCtx(()=>t[8]||(t[8]=[e.createTextVNode("Leaderboard")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[3]||(t[3]=h=>r.handlePageChange("contact"))},{default:e.withCtx(()=>t[9]||(t[9]=[e.createTextVNode("Contact")])),_:1})])]),e.createElementVNode("div",$,[e.createVNode(i,{backgroundColor:"primary",border:"secondary",color:"secondary",label:"Login",size:"xs"})])]),e.createElementVNode("section",ee,[e.createElementVNode("div",te,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"h-6 w-9"},null,8,re),e.createVNode(d,{icon:"fa-bars",color:"secondary",size:"xl",onClick:t[4]||(t[4]=h=>r.openMenu(h))})])]),s.dropdownOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed right-2 mt-8 w-40 bg-secondary border rounded-lg border-lineGrey shadow-xl z-50",onClick:t[5]||(t[5]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,h=>(e.openBlock(),e.createElementBlock("li",{key:h.label,onClick:I=>r.handlePageChange(h),class:"px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"},[e.createVNode(a,{color:"primary",size:"xs sm",tag:"p",weight:"normal",class:"mt-0.5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1024),e.createVNode(d,{icon:h.icon,type:"fa-regular",size:"sm",color:"accent",class:"ml-2"},null,8,["icon"])],8,oe))),128))])])):e.createCommentVNode("",!0)])}const u=g(R,[["render",ne]]),le={name:"HeroBanner",components:{BaseText:f,BaseButton:b},props:{imageSrc:{type:String,required:!0},title:{type:String,required:!0},description:{type:String,required:!0},buttonLabel:{type:String,required:!0}},data(){return{isMobile:!1}},computed:{backgroundStyle(){return{backgroundImage:`url(${this.imageSrc})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}},mounted(){this.checkScreenSize(),window.addEventListener("resize",this.checkScreenSize)},beforeDestroy(){window.removeEventListener("resize",this.checkScreenSize)},methods:{checkScreenSize(){this.isMobile=window.innerWidth<768},onClick(){this.$emit("button-click")}}},ae={class:"relative w-full md:border-b md:border-l md:border-r border-lineGrey"},se=["src"],ie={class:"hidden md:flex absolute inset-0 items-center justify-start px-8 mt-40"},de={class:"text-left text-white max-w-lg"},ce={key:1,class:"flex justify-center text-left w-full px-6 py-8"},me={class:"w-full"};function ge(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",{class:"relative w-full h-3/4 flex justify-center bg-primary m-0",style:e.normalizeStyle(r.backgroundStyle)},[t[0]||(t[0]=e.createElementVNode("div",{class:"hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1)),e.createElementVNode("div",ae,[s.isMobile?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("img",{key:0,src:n.imageSrc,alt:"Hero Image",class:"w-full h-full object-cover"},null,8,se)),e.createElementVNode("section",ie,[e.createElementVNode("div",de,[e.createVNode(l,{color:"secondary",tag:"h1",size:"4xl",weight:"bold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"lg",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabel,color:"secondary",border:"gradient1",onClick:r.onClick},null,8,["label","onClick"])])]),s.isMobile?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",me,[e.createVNode(l,{color:"secondary",tag:"h1",size:"xl",weight:"bold",class:"mb-2 w-48"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"xs",weight:"normal",class:"mb-6 w-48"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabel,size:"xs",color:"secondary",border:"gradient1",class:"w-1/2 m-auto",onClick:r.onClick},null,8,["label","onClick"])])])):e.createCommentVNode("",!0)]),t[1]||(t[1]=e.createElementVNode("div",{class:"hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1))],4),t[2]||(t[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"relative w-full border-b border-l border-r border-lineGrey h-36"}),e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1))],64)}const E=g(le,[["render",ge]]),he={name:"TournamentCardSkeleton"},fe={class:"md:w-full mb-8 animate-pulse"};function be(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("div",fe,t[0]||(t[0]=[e.createStaticVNode('<section class="hidden md:block"><div class="w-full h-52 bg-gray-300 mb-2 rounded-md"></div><div class="w-3/4 h-6 bg-gray-300 mb-1 rounded"></div><div class="w-2/3 h-4 bg-gray-300 mb-2 rounded"></div><div class="flex items-center mb-1"><div class="w-6 h-6 bg-gray-300 rounded-full mr-3"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div><div class="flex items-center"><div class="w-6 h-6 bg-gray-300 rounded-full mr-3"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div></section><section class="md:hidden flex-col items-start gap-2 border-b border-borderGray"><div class="flex flex-row"><div class="w-28 h-16 bg-gray-300 rounded-md"></div><div class="flex flex-col h-16 justify-center pl-2"><div class="w-3/4 h-6 bg-gray-300 rounded mb-1"></div><div class="w-1/2 h-4 bg-gray-300 rounded"></div></div></div><div class="flex justify-between pt-4 pb-2"><div class="flex justify-start w-5/12"><div class="w-2 h-2 bg-gray-300 rounded-full mr-1"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div><div class="flex justify-start mb-1 w-7/12"><div class="w-2 h-2 bg-gray-300 rounded-full mr-1"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div></div></section>',2)]))}const pe={name:"TournamentCard",components:{TournamentCardSkeleton:g(he,[["render",be]]),BaseText:f,Icon:p},props:{data:{type:Object,required:!0},index:{type:Number,required:!1},isLoading:{type:Boolean,default:!1}},data(){return{isImageError:!1}},emits:["grid-card-click"],computed:{image(){return!this.isImageError&&this.data.ImagesURLs&&this.data.ImagesURLs.length>0?this.data.ImagesURLs:"https://via.placeholder.com/300x200"},fallbackStyle(){return this.isImageError?{backgroundColor:"#f5f5f5",display:"flex",alignItems:"center",justifyContent:"center"}:{}},title(){return this.data&&this.data.Name||""},location(){return this.data&&this.data.Address?`${this.data.Address.Name} • ${this.data.Address.City}, ${this.data.Address.State}`:"Location Unavailable"},startDate(){return this.data&&this.formatDate(this.data.StartDate)},endDate(){return this.data&&this.formatDate(this.data.EndDate)},numberOfFencers(){return this.data&&this.data.NumberOfFencers?this.data.NumberOfFencers:0}},methods:{formatDate(o){return new Date(o).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})},imageError(){this.isImageError=!0},onCardClick(){this.$emit("grid-card-click",this.data)}}},xe={key:0,class:"max-w-80 md:w-full mb-8"},ye={class:"hidden md:block"},Ce=["src"],we={class:"flex items-center mb-1"},Ve={class:"flex w-6 justify-center"},Ne={class:"flex items-center"},ue={class:"flex w-6 justify-center"},Ee={class:"md:hidden flex-col items-start gap-2 border-b border-borderGray"},Be={class:"flex flex-row"},ke=["src"],Ae={class:"flex flex-col h-16 justify-center pl-2"},Se={class:"flex justify-between pt-4 pb-2"},ze={class:"flex justify-start w-5/12"},Te={class:"flex justify-start mb-1 w-7/12"};function Ie(o,t,n,m,s,r){const l=e.resolveComponent("TournamentCardSkeleton"),a=e.resolveComponent("BaseText"),i=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"max-w-80 md:w-full mb-8 border border-secondary hover:border-accent hover:cursor-pointer p-2 rounded-lg",onClick:t[2]||(t[2]=(...d)=>r.onCardClick&&r.onCardClick(...d))},[e.createElementVNode("section",ye,[e.createElementVNode("img",{src:r.image,alt:"Tournament Image",class:"w-full h-52 object-cover mb-2 rounded-md",onError:t[0]||(t[0]=(...d)=>r.imageError&&r.imageError(...d)),style:e.normalizeStyle(r.fallbackStyle)},null,44,Ce),e.createVNode(a,{tag:"h3",size:"xl",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1}),e.createVNode(a,{tag:"p",size:"sm",weight:"semibold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.location),1)]),_:1}),e.createElementVNode("div",we,[e.createElementVNode("span",Ve,[e.createVNode(i,{icon:"fa-calendar",color:"accent",size:"sm",class:"mr-3 w-4"})]),e.createVNode(a,{tag:"p",size:"sm",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.startDate)+" to "+e.toDisplayString(r.endDate),1)]),_:1})]),e.createElementVNode("div",Ne,[e.createElementVNode("span",ue,[e.createVNode(i,{icon:"fa-user-friends",color:"accent",size:"sm",class:"mr-3"})]),e.createVNode(a,{tag:"p",size:"sm",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.numberOfFencers)+" Registered Fencers",1)]),_:1})])]),e.createElementVNode("section",Ee,[e.createElementVNode("div",Be,[e.createElementVNode("img",{src:r.image,alt:"Tournament Image",class:"w-28 h-16 object-cover rounded-md",onError:t[1]||(t[1]=(...d)=>r.imageError&&r.imageError(...d)),style:e.normalizeStyle(r.fallbackStyle)},null,44,ke),e.createElementVNode("div",Ae,[e.createVNode(a,{tag:"h3",size:"lg",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1}),e.createVNode(a,{tag:"p",size:"xs",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.location),1)]),_:1})])]),e.createElementVNode("div",Se,[e.createElementVNode("div",ze,[e.createVNode(i,{icon:"fa-user-friends",color:"accent",size:"xs",class:"mr-1"}),e.createVNode(a,{tag:"p",size:"xs",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.numberOfFencers)+" Registered",1)]),_:1})]),e.createElementVNode("div",Te,[e.createVNode(i,{icon:"fa-calendar",color:"accent",size:"xs",class:"mr-1 w-4"}),e.createVNode(a,{tag:"p",size:"xs",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.startDate)+" to "+e.toDisplayString(r.endDate),1)]),_:1})])])])]))],64)}const B=g(pe,[["render",Ie]]),k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAAXNSR0IArs4c6QAAIABJREFUeF7tfWlzHcl15cmqegsAkuhWL5RkiWRzB0CsTzF2W3JYljV2+Nv8S3+0wzExY43DiuhZNHK4uYIE96XV1kKqu0lwwduqMh03swp4QIPE8rasqlMRaKKBV5U3z8k6uJl58171+eefG/AiAkSACOQAAUXBygFLNJEIEAGLAAWLA4EIEIHcIEDByg1VNJQIEAEKFscAESACuUGAgpUbqmgoESACFCyOASJABHKDAAUrN1TRUCJABChYHANEgAjkBgEKVm6ooqFEgAhQsDgGiAARyA0CFKzcUEVDiQARoGBxDBABIpAbBChYuaGKhhIBIkDB4hggAkQgNwhQsHJDFQ0lAkSAgsUxQASIQG4QoGDlhioaSgSIAAWLY4AIEIHcIEDByg1VNJQIEAEKFscAESACuUGAgpUbqmgoESACFCyOASJABHKDAAUrN1TRUCJABChYHANEgAjkBgEKVm6ooqFEgAhQsDgGiAARyA0CFKzcUEVDiQARoGBxDBABIpAbBChYuaGKhhIBIkDB4hggAkQgNwhQsHJDFQ0lAkSAgsUxQASIQG4QoGDlhioaSgSIAAWLY4AIEIHcIEDByg1VNJQIEAEKFscAESACuUGAgpUbqmgoESACFCyOASJABHKDAAUrN1TRUCJABChYHANEgAjkBgEKVm6ooqFEgAhQsDgGiAARyA0CFKzcUEVDiQARoGBxDBABIpAbBChYuaGKhhIBIkDB4hggAkQgNwhQsHJDFQ0lAkSAgsUxQASIQG4QoGDlhioaSgSIAAWLY4AIEIHcIEDByg1VNJQIEAEKFscAESACuUGAgpUbqmgoESACFCyOASJABHKDAAUrN1TRUCJABChYHANEgAjkBgEKVm6ooqFEgAhQsDgGiAARyA0CFKzcUEVDiQARoGBxDBABIpAbBChYuaGKhhIBIkDB4hggAkQgNwhQsHJDFQ0lAkSAgsUxQASIQG4QoGDlhioaSgSIAAWLY2AgCDx9YfDxx+9j+tgUJupV1Ou1zec+f/EKz549Rz3YGEhbfEh5EaBglZf7Q/W8hSmcPPFdfPj+NJRSCAIgUNsfZQDs+NHmB7QBjAFUAHTjGM12F//7/1zHiY8qh7KHN5ULAQpWufg+cG9/86yLn/7FEmq1KqqVAOE+n5AkIltAECioXdTLwP0eRkErQIQsjg2anTbu3HmCOt7ssyV+rEwIULDKxPY++2omvoP5sz9EGIYIQ6c27r/aukdaa2iT/jxVI/G2si+rQ8bYr95Lfm+fpRSMju3vlUigFTWVSZj9TBdAc6ONB7dv7tNqfqwMCFCwysDyPvv4ycwlHJ2o2SlekGgrIlBaFGbrCVaD5GfBPp/6lo/1zhvFxUovncqWkrkmgETEKzbYaLfx5M6t/trk3blHgIKVewr768Bv/tjF3/7Nn6EawE73RDqSJEGoAusBaRPbBoIgQCYirkUnKJkXlf3b60X1/n6nlSYVRCeKPYKYfpskXdsmlJuEagBxAmw0m1i7/Rj1oNlfx3l3LhGgYOWStv6NPvbRcXzvux9iolq30mNkmhcniCoiEqIavYK0fR3KzfTcdC8TqINaJGtW31rbSqebIn6pg+WmjZvTza0VtDedBHdWrx20WX4+5whQsHJO4GHMv7jYwGTUTdelelfEg0yHrDeTXeJZZQLivKZdxCb9ufxORCZb+3qbfT2Pd/7ajmf2ThJtm1p8LA1lp5IKOoggK2AtCtdhhkBu76Fg5Za6gxs+M7uAyYlihA904w2EYYRARdYbfP5qA4/u3T44KLwjVwhQsHJF1+GNvTC7iMm6vODOAzrsVO7wFgz2TgNtva5OJ0YYVhBVQjS7BrdvXBlsQ3yaVwhQsLyiY/DGnDo3g/eOTdoVKZlmuZUnDZWuUQ2+xdE8MdtklJmiLOCHlcD2rauBL778PV5+9bvRGMJWRooABWukcI+usfWNECvLFzA9OeEiEAyQ6K6NeRIvS0GmUvm9Ot0E1Uq6CG8AnYjXaDZ3Ml/FCe7d4KJ8fhne3XIKVtEYTfvTaDTcd7JWbTQSE7tpYBhAQjTzLlgiwO6YT7rAL99rWZRP7KJ8HAboJgnWrt0oKMPl7BYFq2C8P10H/uvPGpCldXl3oWPnddiYJlEv0TCD/R+y8RQg6zG6qHtZv5JLprwSmiFdNYGyWp1ohdWrXNfylMUDm0XBOjBk/t5w+vwM3j86aV2PrjYI5HAy1PagdFl0f8fhZH97t8MyLZ5UKEcRrTA5wRIhdh00KhbHEoENfwAefPEML7/6Mjfdo6GcEhZ6DNSmP8LsmRMI5PXtxIhr1c3IdfsC27daQ4V9HqnxBUW7HhdaMepYLzJCiMBuJSSxRhSlu6Hpce1YA//rsys4Pr39fKMv3aEd+0OAHtb+cPL6U2fOncZ7x47aeKQ4UXY6VHlbfhevezI442KdIAzcVFEyQ6g0TPbBoy/w8vlXg2uITxopAhSskcI9+MZMfRpLMycRBZIBQWaDIYIwez0H315entjrRyU94tXpdvDHP36Np79n2ENeuOy1k4KVR9ZSm589b+Fvfv5jhDINTNKVHFmzSRPk5bhrfZueBcfaA9z2WA9supzsunz5ct9t8AGjR4CCNXrMB9Ki7Ab+9CdLmKyG6f5+AgQutkpikoKo3HNCyTjhMqJuHeIW4bJZJ5RCC8AtitZAxuIoH0LBGiXaA2xreaXhtvtkt0xWr3q8B1l0lshvXtsRyLwtES2tFNZfbeAxzx/maphQsHJFlzP20lIDNYk1kkDJnnxSNkWM1m7qszPReg772ZfJ2SLWztQSaRZUCaQNwgrW37TwkIkB+4J6lDdTsEaJ9gDaOv79U/jB9z6wKYblUpKtIJ39ZWs12TRoAM3l9xEiWD1pmrclCjQG3c5rVOpTSBDgGqeGueGZgpUbqpyhS8sNCTRCGEnkuryTqVrtyIZX7hUsdyB6e4bULaKtZxrKVFohQYSNrsa9G1dzNhLKaS4FK0e8y1SwojRUEkNVqjmy3D9Tu3ETlajiMq1qINYBbq5e989QWrQNAQpWTgbEeruKn/zZJVTt2pRs03NRvR/qEt12gaVGudz1iHDtKkMd+sF0FPdSsEaB8gDaWJTsC4lBZMtuUbD6hdQYF/Zgg9ZsecQQL9sxHtykl9UvtsO8n4I1THQH9GwpvzU9WYORiG3l4oh49YeAq5somR1ku9VAKzmFqXBt7TFU85v+Hs67h4YABWto0A7uwUuNhj3Cu7OU1uBaKOeTXCCpwzWW7BZhhG4C3LrGqaGvI4KC5SszqV3nZudxdKKKuNNCpSoL7S4VMH2sPonbBqK2tRglLkuuFy9e4tHD+302wNuHgQAFaxioDvCZ88srqEoNrCQGQlchhoI1AICzwFKr/LqnMEeAOI5x/TrXsgaA8sAfQcEaOKSDe+DMSgNVWRfubKBSlb/+8na5hHT0sPrEeTPFcpLWUHThDYKrBONevsJpYZ8ID+V2CtZQYB3MQ2dnZzExMWEfZsvHp+cFxQOIJEMdr6Eh0OwYrK0ytfLQAD7kgylYhwRu2LedPn0aR48e3RSmLNOAtFuEuoLDxq/f53c0sMq4rH5hHPj9FKyBQzqYBy4uLm7zoihSg8F1v0+RaffzV008vre231v4uREgQMEaAciHaULKdO0MY6BoHQbJw9/TToCbDHE4PIBDuJOCNQRQ+33kyQuz+PDIhE0V4+rubWXKpGj1i+4+77eVd4ArzOSwT8BG8zEK1mhwPlArMwvLmKwEm6l9mS7mQPAN5sOSIF8F+PpNC0+YL2swmA7gKRSsAYA46EcsrEhWhrc/lV7WoBHf5XkmhkGIjlG4ycX3EQC+vyYoWPvDaWSfMtVpNObP2vNt2ZnBnfnJe3cMR2ZY2RoysdSjhQ4iXOe00Bv2KVjeUOEMmV1YRC2U4MW0/DoPOo+FIZMAJpS0MwYvNtr44jZ3C8dCxI5GKVg+sNBjQ3YUJ8skyswMYyJIvCslJVgNXrcTPLh5Y0yGsNleBChYno2HlUYDyp5tc4tYFKzxEaSR2JrRbQPcvsIUyuNjYqtlCpYPLPTYQMHyhxDJl2WUyFYFN7iO5QUxFCwvaHBGrLdq+KsfX6KH5QknIlgiV1BVVtbxhBMKlidEiBmnLszjgyNVWxzVKJeznVPC8RAki+0BEiQ6gQqq+N0fXuHpb5kjazxscEo4btx3bf/8fANHJUdfEsNIgQQK1th4SoxGqDS0TAt1hFcbBg/vMUfW2AhJG6aHNW4Getq/tOwqOlOwxk9KJlgwGokO8aZlcP8OBWvczFCwxs1A74L7ckNOgwCQqs7MdzVOamT9ynq4JrBnCptdjdur18ZpEtsWPj7//PMsWSwBGTMCKxSsMTPQ23yaNtkEQKCw0UkoWB6wQ8HygITMhMZKI819TA9r/LRI7UfJlhhYTsTDWmM5+7HTQsEaOwVbBlCwPCLDFqulYPnEiJ2ic0roDyUULH+4cNW1KVg+MULB8owNCpZPhFCwfGIjs4UelkescNHdIzKyWoVcdPeJFE4JfWKDguUPGwxr8IeLXkvoYXnEy2KjgUhmIsYAIUuljpMaSd4XKCFDQ8cKzTZw5w7jsMbJCdewxo3+jvbn00rPdr3XHSXkNSYEJKW7QYwgAEwS4PVGgnv3mBNrTHRsNksPa9wM9LR/cX4ZU1V5Q1iLfuy0GCDRXQTK2MPP36y38PjBrbGbVXYDKFgejYDTF+bw/pE6BcsHTlLBUoHk1q/i8uojqM5zHywrtQ0ULI/oX29X8bM/n6dg+cCJpEiWyjmyjsV8WD4wYm2gYHlDhTPEZhzllHD8rFgONBKpnqMk4+iV8dtECyhYvo0BESwkGirkqvtYubEbHxpdxOhohTtXueA+Vj7Sxulh+cBCjw0iWCZOEERb5ek9M7EU5kh2GRVqdEwXrdjg/g0uuPtAPAXLBxZ6bDhzcQ7vTdXtT6TCs52376hNyEKqoyCtizhJoMI6rq49hmp+M4pG2cYeCFCwPBsiLT2JT380AyUV8XoEq1e0WKp+FKR1kWgNE9RY+XkUcO+zDQrWPoEa5cfmlxuoSBFP475ErAKJYOQ1OgRMF0aFaGvg1lXWJBwd8O9uiYLlCxM9dpxfWMbRSrDpYWW/YgWd0ZFl0AVQwYtmG4/Wbo6uYbb0TgQoWB4OkGPHT+HcDz74lmWcCo6SLKlIGOCf/vnXOPFRZZQNs613IEDB8nR4rKysfGux/W2L8J52IfdmteIEt67zwLNPRFKwfGKjx5b5+Xm7bhWG4aZwUbBGS9Y3rzbw+N7t0TbK1jglzOMYmJmZsWJVqVQ2F9wpWKNjUmvg/19eQz1ojq5RtrQnAvSw9oRofB+YXVxBPVLQcQdhGNnqLd0kRhBGCJl/pi9iEsE0ktqPgcU0EnxtDVuXUua1inD/yuW+2uDNg0eAgjV4TAf2xFMX5/AdCSKVozpywDBQbudQKSgKVp84pznbEdhsPnKZNPYtUAGuXKZY9QnwUG6nYA0F1sE91GYhlZdJx1BpLJaGQQAe3ekPZQ05MaCUWyMUTI1Wtgyh/E24Qe+qP3iHdDcFa0jADuqxkiPrvSN1l8EBcsBNYuADmR3y6hOBOI4RhsoKVqwlUV9ok70+ffoNnv7H4z6fztuHgQAFaxioDviZmZcFbWCjgwK33sLr8AhY/benCNyE0BgFrRQ2uhr3WOH58MAO+U4K1pABHsTjPzk7g+9MT9rEfrIoHFYoWP3iupVyzBWakMV3CRT97Fc3MV1r9/t43j8kBChYQwJ20I9dWFhCJQqdYMnuFueEfUGcpHU+lM0jI/IVYH2jiwe3eQynL2CHfDMFa8gAD+rx589fxNEjUxSsAQGaCVbSbSKqyNGbAP/wP36NE8drA2qBjxkGAhSsYaA6pGeemV/EdDVA3GmiUp1w2RyUOFtusViW4+WSoAc6YI4E2Qm0mEgoSJpXzJ7JtBsYAeJYw4QRmh2D+zeZBnlIQ3dgj6VgDQzK0TxodmEeEzaTQ7iZekZ2DrOLQuWQyE4FZGL1bXZixN0EYaWGrgZWrzLuajQjuL9WKFj94Tfyu9ebEf7yJ4tQqeew03sYuUGeNuhirLa8qp1maolrU6HdGfzsV6uYrnU87QnN6kWAgpXD8XBufhFHKpEEvruSYPZLw54pSSO2mTtrO7EiYL1nMSVQVOKuHn35B7x89tscjoJymkzByinvl5YaqIbpZuHmzrw7tiNHTChYW8RmmVt7vVFZdG/GGnevM5tonl4BClae2Oqxdb1TxZ825jBZDdyuvF11d+cNXeo5Ht3pXcvaKeAtALd4XjB3o5+ClTvKths8t9BAPYsjVW52GCNGxZ5ALPfVmxM/EyyZGsqRnNXV1XKDk9PeU7BySlxmtpw1nJ6o2/UsowxiuOM7NcW0voJR7+K7CFir1bJfjx49yjnz5TSfglUA3o//8AK+9/ERNwmMuxDnqhtXYAPiTbomL7NFWZOX/5cdtJxXlu7GGtIFW00oyw+zyaVGogKbgMf2VcI+5IAzgBucBuZ6xFOwck3flvHrzSp++uN5BEpDJ10EYc2mSUnSXFryYhdxId4GgaaC5b5PDzNHIbTR9neSlkeW+H7xy8s4Pl0QwkvaDQpWgYg//oNP8L3j33E9il1ckT13KEmeIF5X14pWZDNtFuPaDFXoie0Xr6qjY5teWmL+rVj96+c4/h7DavPOOgUr7wzusP/Z8xb++uc/RjVuwwQKKktFYwJ7DlGO8hRBsOK4Y9Ps7BYcmiQGse6iWqmiqw1Wr/LITVGGOQWrKEzu6Eejsey8qm4XEhQvBS2sUBVkDUsi1bNq2NI/V7PRhXLYhfYoQLPTwV3uBhZqhFOwCkXn9s6cmZnBkclJO1kyOkGoJFOpbCe6eK18X7KE7qa6coBZ+hMGW7Fn660OHt5i6EK+Of629RSsojG6oz+nZi/h6ETN7SAmCUI5whNKiLx72fN6SSl5EV+bKVRKcqT96STA69ev8OTBvbx2jXa/AwEKVkmGx/xyA1W3z2+r8NiYhxxfOmm70AzZUEingp1E4+Y1HrXJMa17mk7B2hOi4nzgzMU5HJUgU3nHTdfl0zLG5YjPUtSYwMYuJaELDxCNk3xbvRNIm6Szz5M/oplpeJRtJ41GsDm9ZCFdzvrZy872JH+VxFLJYpX7cbf5EpXJKdkHZWrj4gzRPXtCwdoTouJ9YG6pgVqP4NjTh0liVcMVFxVdcHnORbxc6ICL41Lp1KsnBdehAOqN9dxtNW3X30sRDhHTJEGlFlntev7yDR7f5/TvUCTk8CYKVg5JG4TJ6+0Klpcv2PUtEQy7oiUel5bFbPF+0uyl4kptqtPg1r2yTKC9fdmWFVR3oCUGQ2xLwxd6RexFs4NHa1xUH8RYyNMzKFh5YmtItp6ZW8CResUuzItEyOFgOw3LEuD1uFOZaPRfeTqrvNzbqS1BNLrtvDkV2jqM8ulubNBqd/Dg8e+h2l8PCQ0+1mcEKFg+szNi287OXMLUpPO4shmjTAdlCiYJ75y3E7ivfrPGm3jHTqUTKy1xYgYIAxe2IGIlwZ+v37Tw+N7aiBFhc74hQMHyjREP7Flv1/Cj5fM20LRa2ZKm3gnhXlFcvTnVd+uSOzAja2VubSxL6ZWJVmI02u02HqxRpDwYEt6YQMHyhgo/DXn6UuHPP51HvVJx2RFsOmbZWezP3s38VOkcUyuZ8gGtToyvvn6Bl8++6K8B3l1IBChYhaR1eJ069clZ1Kt1TE5V+2pEppmSIqbT6eDL332N9puv+noeby4HAhSscvA88l4+e75V7v3j91mcdOQEFLRBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiWW3iEAREaBgFZFV9okIFBQBClZBiT1It56uAwvzZ3Dk6JTNgRWlGUazIhH23x0PlCIS/Vy2gs87rm76u8RIMdjEZnW4e/cL1PGmn2Z5b84RoGDlnMCDmH/sw+/jux+/j0qlgkrkcorayl9Z3mOb7TPN5Z6mHLXVaoZxbTa6+8NjUSqbW14KX8iX+1z2r1TVkeyknU5sq1tfvfEA07XOMCzlMz1CgILlERmDNOXUmVlUq1VM1EJEmTcjGmDLQEv1LI20zoQVhM1rUxl2caHSsmCuNFh/GfzMHmV3lNQb3Hn1ipzUp5dn9NqhpEw9kMQG6zHwxe0rg4SUz/IAAQqWByQMwoSnLzT+4k/nMFGvI5LUoENyjAZh60ieYYsnunpA3STGRquDX352DSeOMzfXSPAfUiMUrCEBO6rHnro4hyMTdetFucLOad2+SmVUJnjZThJ3oGzBDFe/UKaQcSLrYbEtqvHwzk0v7aZR70aAgpWzEbLermJl5QKmalVXOTmrKZj1wyS22GgYlluwYBIrVMqWCXOXTHKz72WJTv7/1Zs2xStH7wAFKydknZubw1S9nhY8TWz5ePsSJglincCYBGEY2l0+9yq6Cs7lvdKqPEZBKvDYywQwgZsrV8TlEpc0cCLWjg0ePPkt2utPywtZDnpOwfKcpPMLS5ishJtCJZ6D7NyZxO2e2UVnW8pm59XforjnsOzDvEywDIxRkCLS2eaCxa/VcRsHslsqZcZkwV6mjWkdxtvXr++jDX5k1AhQsEaN+D7bW2w0sg09caNgEu3KbAXpZCZJxWrbDl/qSBhXtbnc185dzh0C3qPxsu4ngiVf1hET/IIQ7a7GL/7l33DieH8VgsrNw2B7T8EaLJ59Pc1UjmH+4ieoVSM7jZG1KCljKlM99ya5f5I4RlhxUz75jLxg8hWqyG2MZV99WVOUm7c8rd4e6XQbVYR9ZxVrW+067iCq1DYX7K/degTVel4UUHLbDwqWB9Q9fRng53+5DBv9LestSReIskVz5xnIzpZMbcJQKiVvLR7L7zZ9qd6ZYckdrCwAVtb2LEZpAGpGd9wjU5nvtQ0yE8NI3USdIIzqQKiwEWvcv37VgxFTXhMoWGPkfr2p8Omn86jKjp4IlXYBmTa6vOSCM0ZaNqeF77LhyhUGpY6DIwrWOFAHcHb2Iur1OkIVOm0yLvLcLgRnEeljso3Nbh1RehsWr2KFOI7xeI2L86McLxSsUaIN4PiJMzj+wXtQ6TwkEysxI8x+SMEaMSvfbi6bUr7NEJ1uasjC/K///RbPMY6IMQrWiICWZuZXGqjYs3wG3TQ2SHTLLvyqraVfu9je51m9EXarlE0Z3YE2CiqUSHqFZmxw9zqnicMeDBSsYSMM4Nz8EqaqIYwNT4httgTjIqs2L6djbrfP7vhlO4MjsI9NHAIB3QaUxHAFNv2NbJKI07X+poUnd24d4oG8ZT8IULD2g1Ifn5lZWEGt4uLSxXNSkiXBek/fDuy08T+lj5/qA+yR3hpvcpgkBkp2by27QKersXaDu4nDoIOCNQxUAZy6eBHTU1NWqOJu1y6oR3IgWaXxVUGUhio4b4pCNSQihvhYycMlU/fMG5Ykg3JJWh9ZhvzVv6+hHjSHaEH5Hk3BGgLn55caqIfGipVdmUrjo+TcHwJlPSwRMBthLbml0mR6Yop4YXJxDWsIxAzwkbuGvKUxXxKeIoG/QVTFi2Ybj9aYGWJQ0FOwBoUkgJap4tMfzSKwClX2w8cDBDaHj0rQhjKymRIhiQNcu345h73wz2QK1oA4Ofbxn+Dkn3zkdgHTtCYDejQfk0MEDGSNywBJKKuWaLVj3Ll9I4c98ctkCtYA+Phk5hKmJ2sIZIdPxwjsDl/ZsyUMANgcP8JYmZI5vnJnQqPQJhH8p3/+NU58VPJcZX3wSsHqAzy59cKlJZs3XbaHAolWtzuAkm+cgtUntLm+XXKUhYE7xaDjxP0RU9rmLlt//QpP7j/Odf/GZTwFqw/kz8/O48hE1RY+kLxw2fE/LbtHVf4V7QPa3N8qFX2yjLCSGsggcfUy0rCV+/+xjpdPn+S+n6PuAAXrkIgvN1bcIeWsLFZPCgXZ/ZO4HF7lRUC2XeQwgwsCtn6W3RWWf8ULTxDh9UYbD25zB/Ego4SCdRC00s/Ozs1joh65RG9pZRabQymRv6JS+IBidQhYC3eL6JMNW7GC5Y5kyRiRMSOxWyJq6xsbeHj7duH6PqwOUbAOiOzCYgOVEEhM2+ZVl8Hn6vS56ix2nVXDZgflVV4EdCzR71vrBOKIy1dWTVu3NxDW6jJRRDPWuMs8W/saLBSsfcHkPrSwsoxIzo7FbVQj1rc7AHT86A4E5I+bnICwaa/DEG8k7OHmKnHaAwEK1j6HyMVL85isudze2uitVDD7vJ8fIwK9CNhaibHMGbv2yJYchv/mTRNP7qwRqHcgQMHax/C4cGkRU7XIbVEz9cs+EONH9kJAwkptpn4dQ+sYYSTnDwM8f7WBx/e4pvU2/ChYe4ysTbHaWUmLKYz3eif5+3cg0JXD8HaJS8N03aFpVanavP1vNlq4S09rV/QoWO8YVKfPz+C9o5P2oLKsN9gipVn6FwoWBakPBHrjtGyV6rib1pl0Y+zv//v/w/nvT/bRQjFvpWC9hdezF+dQr0S25JaNXLfxVhKtXMyBwF6NFgEZTZK9Q3aYo1BEyhUhMWnYQyeqYPUyD0zvZIWCtcs4/c2zBP/t7/6LXVyXDKGu/LtcLlaBKddH+3IXtTUpYiHX5vgyImIGSqp7V4CmTQTIncNe/ilYu7wN840GAnsWLMshKSolCw4u2E/ildPSpkV9l9ivISMgC+0SuyeXTA/Fge85uYOk+wZhdQKtboBbN+hpZXRQsHYMzKXlBgLFVMVDfl/5+D0QSJKuK5wbRdhodxijleJFweoZOGdn5nFssppm5maoOlVlvAjIlFGOTQdRBX/44zd4+htmeKBgpWN1VikoAAAIDElEQVTy2McncfqHH0LZwxLMGDreV5Wt27VSY9But1GryxEe4DoX4UHBSt+NxUbDrkt1uhuoSbEIMD0MZWN8CIh3JYvxcljaellhhLYGbl8t93oWBQvA3FIDkoNPsoXK9rIcaFYUrPG9rWwZUjpMkn7IWJTTFSJaKgjxqtXBw1vl3TksvWB9cn4W7x+dQNJtuzJcALpS7DR05wZ5EYFxIOAORyeoSEUlpZHE7viOTA0/+7/XMT3hQiLKdpVesJbsVNAdj5CjEbK5LCWaQqY4Ltu74FV/swSAksnWpdx2+bTkvKGMz+tXr3ll76iMKbVgnb40h2O1KkJbT05GhKSOSaynxYD2UQ1BtrMbAu2ORq0auMI7nRZCOXGhnNcVVWq4/9uXePmH+6UDr7SCNTc3t1m1N6vcm7HPkvGlew+86/C7xqD8Tg64Xrl81Tu7h21QaQVrYWHBLmjuTGksg8FlEGUc1rAHH5//dgT2I1ivmx3cW7tVKhhLKVin55bwXs0JksvJ7q5MrOR7Clap3gPvOrsfwdII8ItfXsbxae/MH5pBpRQsibnaWUjeutk9V6+QDQ19PpgIvAWBPQXLLsSH2OgkuLNangX40gnWzMIyJirBtkX1TKwoUtQPXxDYS7CUkij4Lqq1Gl41O7i/Vo7YrNIJ1kqjYevDyZSv16uiWPnyqtKObHnibWPSiZlB800LE1OTNjbrWkmO7ZRKsCTd8ZFaJNn/YYKtBDEUK4qEbwjsx8OSBIBScUdis168buLR3eIXsCiNYD19GeBv/2oZKhaSlRx02HXRPfvrxkV3317hctmzl2BBUipHEbRO7FF9E1ZKcTi6NIK1uLSCKK3AG+sEUY+HVa5Xgb0tAgJZ1ttECrJKRtwwwvqbDh7cKXaYQ2kES9au7NEGmf8H2xfdizCA2YdyISBZSuXYjk66CIwGograSYCb14qdzaEUgnVu5hKOTdbsqXdJ21GpSpI+XkQgvwjEiRSvsJUy5byOFSzJ5Pboy6/w8tkX+e3YHpaXQrCWVyTtsase0el2UK0yE0NhR3RJOrYViuMSwmuj7MyhnQC3CuxlFV6wzs0u4OhEBcYutsuOipv99wS4l2SIs5tFQ8BVIXe9svmzQsk7Arx4uYEn94tZPbrwgrXQaNhUfElX8gm5E+9CbpguwBdtELM/ZUFA23hClVbeEY/LelnKVeC5VtDMpIUWrGPHT+D0Dz5CaGtzaTkgaEdznGhEEQ83l+XVLmY/xZcScRKRciuyVrS0hmQfuVzQQNJCC9bFpRVMhsqWmrdXKlqJpodVzJe4PL2yu4OyxGGUzfueFWO1ueBDhedJiEfXi7djWFjBOnnyJI4cOYJ6vb7516f3LxGj28vzcpexp12jceNK8fJlFVawzp8/j4mJCfuXZ2eOKyboK+MrXK4+xzC4tvoQqrNeqI4XVrAWFxc33WSZ14tIZZlFKViFGsPszC4IyCrI61YX927dKBQ+hRWshkS2by5duQXK7HwgBatQY5id2U2wTIJEhYU7X1hIwTo9O4/3J7aCQ3cKlItf4S4h3/TiIiCL8iqs4B//57/hxMc701Xmt9+FFKxLyxJ75bwqWxR1R5QoPaz8Dlhavk8E0uM6L1pdPCzQtLCQgiW1BoM05TF3A/c5wPmxYiFgZNk9RKJUoaaFhROsk2fP44Ppo9863Mw0yMV6H9mbPRCgYOVjiJy9OIfpKRd7xYsIlBUBW+o+dic6Xrx6jUf37hYCisJ5WHOLSwhNjChyi+6cEhZinLITB0TAZiG1eXUVXm00cf92MdInF06wJFGfgsRdbc94ReE64Ijnx3OOQIxEJwiCCrpaYfXqlZz3x5lfKMF6uq7wdz9bsYIFbIUtcFewEGOVnTgQAh202h1UaxN28b0oVXUKJVhm4gMsz55C3G6jVqsdiF5+mAgUCQFtOkgSjSCq2zJgqwXJ3lAoweqNbi/S4GNfiMAgEChCyhkK1iBGAp9BBHKAAAXLM5LoYXlGCM3xCgEKlld0ABQszwihOV4hQMHyig4Klmd00BzPEKBgeUYIPSzPCKE5XiFAwfKKDnpYntFBczxDgILlGSH0sDwjhOZ4hQAFyys66GF5RgfN8QwBCpZnhNDD8owQmuMVAhQsr+igh+UZHTTHMwQoWJ4RQg/LM0JojlcIULC8ooMelmd00BzPEKBgeUYIPSzPCKE5XiFAwfKKDnpYntFBczxDgILlGSH0sDwjhOZ4hQAFyys66GF5RgfN8QwBCpZnhNDD8owQmuMVAhQsr+igh+UZHTTHMwQoWJ4RQg/LM0JojlcIULC8ooMelmd00BzPEKBgeUYIPSzPCKE5XiFAwfKKDnpYntFBczxDgILlGSH0sDwjhOZ4hQAFyys66GF5RgfN8QwBCpZnhNDD8owQmuMVAhQsr+igh+UZHTTHMwQoWJ4RQg/LM0JojlcIULC8ooMelmd00BzPEKBgeUYIPSzPCKE5XiFAwfKKDnpYntFBczxDgILlGSH0sDwjhOZ4hQAFyys66GF5RgfN8QwBCpZnhNDD8owQmuMVAhQsr+igh+UZHTTHMwQoWJ4RQg/LM0JojlcIULC8ooMelmd00BzPEKBgeUYIPSzPCKE5XiFAwfKKDnpYntFBczxDgILlGSH0sDwjhOZ4hQAFyys66GF5RgfN8QwBCpZnhNDD8owQmuMVAhQsr+igh+UZHTTHMwQoWJ4RQg/LM0JojlcIULC8ooMelmd00BzPECiCYP0nFOqHIUehWFMAAAAASUVORK5CYII=",Ge={name:"FencerCardSkeleton"},Fe={class:"max-w-48 mr-4 md:mr-2 items-center animate-pulse"};function Le(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("section",Fe,t[0]||(t[0]=[e.createStaticVNode('<div class="flex flex-col m-auto justify-center mb-4 items-center w-[130px]"><div class="w-[120px] h-[120px] md:w-32 md:h-32 rounded-full bg-gray-300"></div></div><div class="flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2"><div class="flex items-center justify-around w-full"><div class="w-8 h-4 bg-gray-300 rounded mr-1"></div><div class="w-8 h-4 bg-gray-300 rounded"></div></div></div><div class="text-center"><div class="w-32 h-6 bg-gray-300 rounded mb-2 mx-auto"></div><div class="w-40 h-4 bg-gray-200 rounded mb-2 mx-auto"></div></div>',3)]))}const Qe={name:"FencerCard",components:{FencerCardSkeleton:g(Ge,[["render",Le]]),BaseText:f,defaultPortrait:k},props:{data:{type:Object,required:!0},index:{type:Number,required:!0},isLoading:{type:Boolean,default:!1}},data(){return{}},emits:["grid-card-click"],computed:{portrait(){return this.data.ProfileImage&&this.data.ProfileImage.URL?this.data.ProfileImage.URL:k},displayName(){return this.data.DisplayName},clubName(){return this.data.Club.Name},m2Rating(){const o=this.data.M2Ratings.find(t=>t.WeaponId===1);return o?o.FormattedRating:"U"}},methods:{onCardClick(){this.$emit("grid-card-click",this.data)}}},De={key:0,class:"max-w-72 p-2 bg-secondary rounded-lg flex flex-col items-start"},je={class:"flex flex-col m-auto justify-center mb-4 items-center w-[130px]"},Ke=["src"],Ye={class:"flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2"},Me={class:"flex items-center justify-center"};function Ue(o,t,n,m,s,r){const l=e.resolveComponent("FencerCardSkeleton"),a=e.resolveComponent("BaseText");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("section",{key:1,class:"max-w-72 mr-4 md:mr-2 pt-4 items-center border border-secondary hover:border-accent hover:cursor-pointer rounded-lg",onClick:t[0]||(t[0]=(...i)=>r.onCardClick&&r.onCardClick(...i))},[e.createElementVNode("div",je,[e.createElementVNode("img",{src:r.portrait,alt:"Fencer Portrait",class:"w-[120px] h-[120px] md:w-32 md:h-32 rounded-full object-cover z-1 flex-shrink-0"},null,8,Ke)]),e.createElementVNode("div",Ye,[e.createElementVNode("div",Me,[e.createVNode(a,{tag:"p",size:"xs md:sm",weight:"semibold",class:"primary mr-1 block z-50"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("M2: ")])),_:1}),e.createVNode(a,{tag:"p",size:"sm md:md",weight:"bold",class:"text-accent"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.m2Rating),1)]),_:1})])]),e.createVNode(a,{tag:"h3",size:"sm md:2xl",weight:"bold",class:"text-center pb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.displayName),1)]),_:1}),e.createVNode(a,{tag:"p",size:"xs md:sm",weight:"normal",class:"text-center h-10"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.clubName),1)]),_:1})]))],64)}const C=g(Qe,[["render",Ue]]),We={name:"ArticleCardSkeleton"},He={class:"w-full bg-secondary rounded-lg flex flex-col items-start animate-pulse"};function Ze(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("div",He,t[0]||(t[0]=[e.createStaticVNode('<div class="w-full h-40 bg-gray-200 rounded-t-md mb-4"></div><div class="w-3/4 h-6 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-1/2 h-4 bg-gray-200 rounded mb-4"></div><div class="w-full flex justify-end"><div class="w-1/4 h-4 bg-gray-200 rounded"></div></div>',6)]))}const Re={name:"ArticleCard",components:{ArticleCardSkeleton:g(We,[["render",Ze]]),BaseText:f},props:{data:{type:Object,required:!0},index:{type:Number,required:!0},isLoading:{type:Boolean,default:!1}},emits:["grid-card-click"],computed:{image(){return this.data.image},articleTitle(){return this.data.articleTitle},truncatedDescription(){return this.data.description.length>120?this.data.description.substring(0,120)+" ...":this.data.description}},methods:{onReadMore(){this.$emit("grid-card-click",this.data)}}},Pe={key:0,class:"w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"},Oe={key:1,class:"min-w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"},Je=["src"];function qe(o,t,n,m,s,r){const l=e.resolveComponent("ArticleCardSkeleton"),a=e.resolveComponent("BaseText");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("img",{src:r.image,alt:"Article Image",class:"w-full h-40 object-cover rounded-t-md mb-4"},null,8,Je),e.createVNode(a,{tag:"h3",size:"xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.articleTitle),1)]),_:1}),e.createVNode(a,{tag:"p",size:"sm",weight:"normal",class:"mb-4 h-20"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.truncatedDescription),1)]),_:1}),e.createElementVNode("a",{href:"#",onClick:t[0]||(t[0]=e.withModifiers((...i)=>r.onReadMore&&r.onReadMore(...i),["prevent"])),class:"w-full flex justify-end pr-2"},[e.createVNode(a,{tag:"p",size:"sm",weight:"bold",class:"mb-4 border-b border-secondary hover:border-accent"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Read More →")])),_:1})])]))],64)}const w=g(Re,[["render",qe]]),Xe={name:"GridLayout",components:{BaseButton:b,BaseText:f},props:{title:{type:String,default:"Section Title"},moreButtonLabel:{type:String,default:"See More"},cardComponent:{type:[Object,String],required:!0,default:()=>e.markRaw({})},items:{type:Array,required:!0,default:()=>[]},maxColumns:{type:Number,default:3},mobileHorizontal:{type:Boolean,default:!1},whiteStyle:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1}},emits:["grid-click","grid-card-click"],computed:{topClasses(){let o="max-w-[1200px] mx-auto overflow-x-auto";return this.whiteStyle&&(o="w-full md:mr-10 mt-10"),o},headerClasses(){let o="w-full flex py-4 md:pb-10 ml-2 md:ml-0";return this.whiteStyle||(o=`${o} justify-center`),o},gridClasses(){let o="md:grid md:gap-x-6 md:gap-y-4";this.mobileHorizontal&&(o="flex space-x-4 md:grid md:gap-x-6 md:gap-y-4"),this.whiteStyle&&(o="bg-white p-2 mx-2 md:mx-0 rounded-lg");let t;switch(this.maxColumns){case 1:t="grid-cols-1";break;case 2:t="grid-cols-1 md:grid-cols-2";break;case 3:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3";break;case 4:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";break;case 5:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5";break;default:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}return`${o} ${t}`}},methods:{onClick(){this.$emit("grid-click")},handleCardClick(o){this.$emit("grid-card-click",o)}}},_e={key:0,class:"w-full flex justify-center pb-28 pt-10 md:pt-14"};function ve(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",{class:e.normalizeClass(r.topClasses)},[e.createElementVNode("div",{class:e.normalizeClass(r.headerClasses)},[e.createVNode(l,{color:"primary",size:"xl",tag:"h3",weight:"bold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass(r.gridClasses)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(i,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.cardComponent),{key:d,data:i,index:d,isLoading:n.isLoading,onGridCardClick:r.handleCardClick},null,40,["data","index","isLoading","onGridCardClick"]))),128))],2)],2),!n.whiteStyle&&n.moreButtonLabel?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(a,{backgroundColor:"secondary",border:"primary",size:"xs",color:"primary",hoverColor:"secondary",label:n.moreButtonLabel,onClick:r.onClick},null,8,["label","onClick"])])):e.createCommentVNode("",!0)],64)}const A=g(Xe,[["render",ve]]),$e={name:"SingleButtonBanner",components:{BaseText:f,BaseButton:b},props:{imageUrl:{type:String,default:"https://via.placeholder.com/1200x400"},description:{type:String,default:"Look for a Club? We can help."},buttonLabel:{type:String,default:"Learn More"}},methods:{onClick(){this.$emit("handleButtonClick")}}},et={class:"flex flex-col justify-center items-center md:items-start h-full w-full text-center md:text-left px-6 md:px-20"};function tt(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock("section",{class:"relative bg-cover bg-top h-80 max-w-[1200px] mx-auto rounded-lg overflow-hidden mb-10",style:e.normalizeStyle({backgroundImage:"url("+n.imageUrl+")"})},[e.createElementVNode("div",et,[e.createVNode(l,{color:"secondary",tag:"h3",size:"5xl",weight:"normal",class:"mb-8",innerHTML:n.description},null,8,["innerHTML"]),e.createVNode(a,{label:n.buttonLabel,size:"xs",color:"secondary",border:"gradient1",onClick:r.onClick,class:"w-40"},null,8,["label","onClick"])])],4)}const S=g($e,[["render",tt]]),rt={name:"DoubleButtonBanner",components:{BaseText:f,BaseButton:b},props:{title:{type:String,required:!0},description:{type:String,default:""},buttonLabelOne:{type:String,required:!0},buttonLabelTwo:{type:String,required:!0}},methods:{onClickOne(){this.$emit("handle-button-click-one")},onClickTwo(){this.$emit("handle-button-click-two")}}},ot={class:"max-w-[1200px] mx-auto"},nt={class:"relative w-full h-3/4 flex justify-center bg-primary m-0"},lt={class:"relative w-full border-b border-l border-r border-lineGrey"},at={class:"hidden md:flex h-80 justify-between items-center p-14"},st={class:"text-left text-white max-w-lg w-96"},it={class:"flex flex-col w-1/3 align-right"},dt={class:"flex justify-center md:hidden text-left bg-primary w-full"},ct={class:"w-full px-6 py-8 text-center flex flex-col justify-center items-center"};function mt(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock("section",ot,[t[2]||(t[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"flex-grow h-[150px] border-b border-l border-r border-lineGrey"}),e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1)),e.createElementVNode("section",nt,[t[0]||(t[0]=e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1)),e.createElementVNode("div",lt,[e.createElementVNode("section",at,[e.createElementVNode("div",st,[e.createVNode(l,{color:"secondary",tag:"h1",size:"5xl",weight:"semibold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})]),e.createElementVNode("div",it,[e.createVNode(a,{label:n.buttonLabelOne,size:"xs",color:"secondary",border:"gradient1",weight:"normal",align:"between",class:"mb-4 w-52 h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",onClick:r.onClickOne},null,8,["label","onClick"]),e.createVNode(a,{label:n.buttonLabelTwo,size:"xs",color:"secondary",border:"gradient2",weight:"normal",class:"w-52 h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",align:"between",onClick:r.onClickOne},null,8,["label","onClick"])])])]),t[1]||(t[1]=e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1))]),t[3]||(t[3]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"flex-grow h-[150px] border-b border-l border-r border-lineGrey"}),e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1)),e.createElementVNode("section",dt,[e.createElementVNode("div",ct,[e.createVNode(l,{color:"secondary",tag:"h1",size:"2xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"sm",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabelOne,size:"xs",color:"secondary",border:"gradient1",weight:"normal",align:"between",class:"mb-4 w-full h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",onClick:r.onClickOne},null,8,["label","onClick"]),e.createVNode(a,{label:n.buttonLabelTwo,size:"xs",color:"secondary",border:"gradient2",weight:"normal",class:"w-full h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",align:"between",onClick:r.onClickOne},null,8,["label","onClick"])])])])}const z=g(rt,[["render",mt]]),gt={name:"Footer",components:{Icon:p,InputField:y,BaseButton:b,BaseText:f},data(){return{logo:N}},methods:{pageChange(o){this.$emit("changePage",o)}}},ht={class:"hidden md:flex flex-col bg-primary"},ft={class:"w-full hidden md:flex"},bt={class:"w-1/3"},pt={class:"items-center w-full flex justify-center"},xt=["src"],yt={class:"w-1/3 flex flex-col"},Ct={class:"w-full flex justify-around"},wt={class:"flex w-1/3"},Vt={class:"flex w-1/3"},Nt={class:"flex items-center w-1/3"},ut={class:"w-full flex justify-around"},Et={class:"flex items-center w-1/3"},Bt={class:"flex items-center w-1/3"},kt={class:"flex items-center w-1/3"},At={class:"w-full flex justify-around"},St={class:"flex items-center w-1/3"},zt={class:"flex items-center w-1/3"},Tt={class:"flex w-1/3"},It={class:"w-1/3 flex flex-col"},Gt={class:"w-full flex justify-end"},Ft={class:"w-30 mr-16"},Lt={class:"w-full flex justify-end mt-12"},Qt={class:"w-48 mr-16"},Dt={class:"h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center"},jt={class:"flex md:hidden flex-col items-center bg-primary pb-10"},Kt={class:"w-full flex flex-col items-center"},Yt={class:"w-full max-w-xs flex justify-between items-center"},Mt={class:"flex justify-center w-1/2"},Ut=["src"],Wt={class:"flex flex-col w-1/2"},Ht={class:"w-full flex flex-col items-center"},Zt={class:"w-full max-w-xs flex flex-col items-center pt-8"},Rt={class:"w-full max-w-xs flex flex-col items-center pt-8"},Pt={class:"flex justify-center"};function Ot(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("InputField"),i=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",ht,[t[25]||(t[25]=e.createElementVNode("div",{class:"h-20"},null,-1)),e.createElementVNode("section",ft,[e.createElementVNode("div",bt,[e.createElementVNode("div",pt,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"w-[71px] h-[56px]"},null,8,xt)])]),e.createElementVNode("div",yt,[e.createElementVNode("div",Ct,[e.createElementVNode("div",wt,[e.createElementVNode("a",{href:"#",onClick:t[0]||(t[0]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[12]||(t[12]=[e.createTextVNode("Tournaments")])),_:1})])]),e.createElementVNode("div",Vt,[e.createElementVNode("a",{href:"#",onClick:t[1]||(t[1]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode("Clubs")])),_:1})]),t[14]||(t[14]=e.createTextVNode("a "))]),e.createElementVNode("div",Nt,[e.createElementVNode("a",{href:"#",onClick:t[2]||(t[2]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode("Leaderboard")])),_:1})])])]),e.createElementVNode("div",ut,[e.createElementVNode("div",Et,[e.createElementVNode("a",{href:"#",onClick:t[3]||(t[3]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode("Upcoming")])),_:1})])]),e.createElementVNode("div",Bt,[e.createElementVNode("a",{href:"#",onClick:t[4]||(t[4]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[17]||(t[17]=[e.createTextVNode("Club List")])),_:1})])]),e.createElementVNode("div",kt,[e.createElementVNode("a",{href:"#",onClick:t[5]||(t[5]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[18]||(t[18]=[e.createTextVNode("Top Fencers")])),_:1})])])]),e.createElementVNode("div",At,[e.createElementVNode("div",St,[e.createElementVNode("a",{href:"#",onClick:t[6]||(t[6]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[19]||(t[19]=[e.createTextVNode("Past")])),_:1})])]),e.createElementVNode("div",zt,[e.createElementVNode("a",{href:"#",onClick:t[7]||(t[7]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode("Local Clubs")])),_:1})])]),e.createElementVNode("div",Tt,[e.createElementVNode("a",{href:"#",onClick:t[8]||(t[8]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode("By Weapon")])),_:1})])])])]),e.createElementVNode("div",It,[e.createElementVNode("div",Gt,[e.createElementVNode("div",Ft,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-4"},{default:e.withCtx(()=>t[22]||(t[22]=[e.createTextVNode("Subscribe")])),_:1}),e.createVNode(a,{placeholder:"Email",type:"email",class:"w-52"})])]),e.createElementVNode("div",Lt,[e.createElementVNode("div",Qt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[23]||(t[23]=[e.createTextVNode("Follow Us")])),_:1}),e.createElementVNode("div",null,[e.createVNode(i,{type:"fa-brands",icon:"fa-facebook",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-discord",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-instagram",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-youtube",color:"secondary",size:"lg",class:"mr-4"})])])])])]),e.createElementVNode("div",Dt,[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"text-center pt-4"},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode("© Copyright Meyer Squared 2024. All rights reserved.")])),_:1})])]),e.createElementVNode("section",jt,[t[31]||(t[31]=e.createElementVNode("div",{class:"h-8"},null,-1)),e.createElementVNode("div",Kt,[e.createElementVNode("div",Yt,[e.createElementVNode("div",Mt,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"w-[94px] h-[74px]"},null,8,Ut)]),e.createElementVNode("div",Wt,[e.createElementVNode("a",{href:"#",onClick:t[9]||(t[9]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[26]||(t[26]=[e.createTextVNode("Tournaments")])),_:1})]),e.createElementVNode("a",{href:"#",onClick:t[10]||(t[10]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[27]||(t[27]=[e.createTextVNode("Upcoming")])),_:1})]),e.createElementVNode("a",{href:"#",onClick:t[11]||(t[11]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[28]||(t[28]=[e.createTextVNode("Past")])),_:1})])])])]),e.createElementVNode("div",Ht,[e.createElementVNode("div",Zt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-4 w-full"},{default:e.withCtx(()=>t[29]||(t[29]=[e.createTextVNode("Subscribe for Updates")])),_:1}),e.createVNode(a,{placeholder:"Email",type:"email",class:"w-full"})]),e.createElementVNode("div",Rt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[30]||(t[30]=[e.createTextVNode("Follow Us")])),_:1}),e.createElementVNode("div",Pt,[e.createVNode(i,{type:"fa-brands",icon:"fa-facebook",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-discord",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-instagram",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-youtube",color:"secondary",size:"lg",class:"mr-4"})])])])])],64)}const T=g(gt,[["render",Ot]]),Jt={name:"HomePage",components:{Footer:T,DoubleButtonBanner:z,SingleButtonBanner:S,GridLayout:A,ArticleCard:w,FencerCard:C,PageHeader:u,HeroBanner:E},props:{title:{type:String,default:"Hero Banner Title"},description:{type:String,default:"This is the description that goes under the hero banner."},buttonLabel:{type:String,default:"Click Here"},imageSrc:{type:String,default:"https://meyersquared.com/images/Banner2.png"},tournaments:{type:Array,default:()=>[]},tournamentsIsLoading:{type:Boolean,default:!1},articles:{type:Array,default:()=>[]},articlesIsLoading:{type:Boolean,default:!1},topFencers:{type:Array,default:()=>[]},topFencersIsLoading:{type:Boolean,default:!1}},computed:{ArticleCard(){return w},FencerCard(){return C},limitedTournaments(){return this.tournaments.slice(0,6)}},data(){return{TournamentCard:e.markRaw(B)}},methods:{handleGridCardClick(){console.log("Grid Card Clicked")},changePage(o){console.log("Change Page",o)}}},qt={class:"m-0 w-full bg-secondary"};function Xt(o,t,n,m,s,r){const l=e.resolveComponent("PageHeader"),a=e.resolveComponent("HeroBanner"),i=e.resolveComponent("GridLayout"),d=e.resolveComponent("SingleButtonBanner"),h=e.resolveComponent("DoubleButtonBanner"),I=e.resolveComponent("Footer");return e.openBlock(),e.createElementBlock("div",qt,[e.createVNode(l,{onChangePage:r.changePage},null,8,["onChangePage"]),e.createVNode(a,{title:n.title,buttonLabel:n.buttonLabel,description:n.description,imageSrc:n.imageSrc},null,8,["title","buttonLabel","description","imageSrc"]),e.createVNode(i,{cardComponent:s.TournamentCard,items:r.limitedTournaments,maxColumns:3,isLoading:n.articlesIsLoading,moreButtonLabel:"See All Tournaments",title:"Upcoming",onGridClick:t[0]||(t[0]=x=>r.changePage("tournaments")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(d,{buttonLabel:"Learn More",description:"Look for a Club? <br> We can help.",imageUrl:"https://meyersquared.com/images/banners/largebanner03.jpg",onHandleButtonClick:t[1]||(t[1]=x=>r.changePage("clubs"))}),e.createVNode(i,{cardComponent:r.FencerCard,items:n.topFencers,maxColumns:5,mobileHorizontal:!0,isLoading:n.topFencersIsLoading,moreButtonLabel:"Leaderboards",title:"Top Fencers",onGridClick:t[2]||(t[2]=x=>r.changePage("leaderboard")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(h,{title:"How Does Meyer Squared work?","button-label-two":"Run a tournament","button-label-one":"Submit Results",onHandleButtonClickOne:t[3]||(t[3]=x=>r.changePage("submitresults")),onHandleButtonClickTwo:t[4]||(t[4]=x=>r.changePage("runtournament"))}),e.createVNode(i,{cardComponent:r.ArticleCard,items:n.articles,maxColumns:3,mobileHorizontal:!0,isLoading:n.articlesIsLoading,moreButtonLabel:"See More",title:"Interesting Articles",onGridClick:t[5]||(t[5]=x=>r.changePage("articles")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(I,{onChangePage:r.changePage},null,8,["onChangePage"])])}const _t=g(Jt,[["render",Xt]]);c.ArticleCard=w,c.BaseIcon=b,c.BaseText=f,c.DoubleButtonBanner=z,c.FencerCard=C,c.Footer=T,c.GridLayout=A,c.HeroBanner=E,c.HomePage=_t,c.Icon=p,c.InputField=y,c.PageHeader=u,c.Searchbox=V,c.SingleButtonBanner=S,c.TournamentCard=B,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.MeyerSquaredUI={},c.Vue))})(this,function(c,e){"use strict";const g=(o,t)=>{const n=o.__vccOpts||o;for(const[m,s]of t)n[m]=s;return n},L={name:"BaseText",props:{tag:{type:String,default:"p",validator:o=>["h1","h2","h3","h4","h5","h6","p","span","div"].includes(o)},size:{type:String,default:"md"},color:{type:String,default:"primary"},hoverColor:{type:String,default:null},weight:{type:String,default:"normal",validator:o=>["thin","light","normal","semibold","bold"].includes(o)}},computed:{textClasses(){const o={xs:"text-xs",sm:"text-sm",md:"lg:text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl"},t={thin:"font-thin font-[100]",light:"font-light font-[300]",normal:"font-normal font-[400]",semibold:"font-semibold font-[600]",bold:"font-bold font-[700]"},n=this.hoverColor?` hover:text-${this.hoverColor}`:"";return`${this.size.split(" ").map(s=>{const[r,l]=s.includes(":")?s.split(":"):[null,s];return r?`${r}:${o[l]}`:o[l]}).filter(Boolean).join(" ")} ${t[this.weight]} text-${this.color} ${n} font-raleway`}}};function G(o,t,n,m,s,r){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.tag),{class:e.normalizeClass(r.textClasses)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class"])}const f=g(L,[["render",G]]),F={name:"Icon",props:{icon:{type:String,required:!0},color:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},size:{type:String,default:"md",validator:o=>["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl"].includes(o)},type:{type:String,default:"fa-solid",validator:o=>["fa-thin","fa-sharp","fa-kit","fa-brands","fa-solid","fa-regular"].includes(o)}},computed:{colorClasses(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},sizeClasses(){return{xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-5xl","5xl":"text-5xl"}[this.size]||"text-base"}}};function Q(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass([n.type,n.icon,r.colorClasses,r.sizeClasses]),onClick:t[0]||(t[0]=l=>o.$emit("click"))},null,2)}const p=g(F,[["render",Q]]),D={name:"BaseButton",components:{BaseText:f,Icon:p},props:{label:{type:String,required:!0},altText:{type:String,default:null},size:{type:String,default:"sm"},weight:{type:String,default:"normal"},color:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},hoverColor:{type:String,default:null,validator:o=>o===null||["primary","secondary","accent"].includes(o)},backgroundColor:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},border:{type:String,default:"none",validator:o=>["none","primary","secondary","accent","gradient1","gradient2"].includes(o)},padding:{type:String,default:"px-4 py-2"},iconName:{type:String,default:""},iconColor:{type:String,default:"primary",validator:o=>["primary","secondary","accent"].includes(o)},iconSize:{control:{type:"select",options:["xs","sm","md","lg","xl","2xl","3xl"]},description:"Icon size"},iconType:{type:String,default:"fa-solid",validator:o=>["fa-brands","fa-solid","fa-thin","fa-sharp"].includes(o)},align:{type:String,default:"center",validator:o=>["left","center","right","between"].includes(o)}},computed:{paddingClass(){return this.padding},backgroundClass(){return{primary:"bg-primary hover:bg-accent text-secondary hover:text-secondary",secondary:"bg-secondary hover:bg-primary text-primary hover:text-secondary",accent:"bg-accent hover:bg-accent hover:text-secondary"}[this.backgroundColor]||"bg-primary"},borderClass(){return{none:"",primary:"border border-primary",secondary:"border border-secondary",accent:"border border-accent",gradient1:"border-gradient-rounded-1",gradient2:"border-gradient-rounded-2"}[this.border]||""},alignmentClass(){return{left:"justify-start",center:"justify-center",right:"justify-end",between:"justify-between"}[this.align]||"justify-center"}}},j=["title","aria-label"];function K(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["rounded-md transition duration-300 ease-in-out",r.paddingClass,r.backgroundClass,r.borderClass]),title:n.altText||n.label,"aria-label":n.altText||n.label,onClick:t[0]||(t[0]=i=>o.$emit("click"))},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center",r.alignmentClass,"space-x-2"])},[e.createVNode(l,{color:"",size:n.size,weight:n.weight},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["size","weight"]),e.createVNode(a,{icon:n.iconName,color:n.iconColor,size:n.iconSize,type:n.iconType},null,8,["icon","color","size","type"])],2)],10,j)}const b=g(D,[["render",K]]),Y={name:"InputField",props:{type:{type:String,default:"text"},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""},color:{type:String,default:"primary",validator:o=>["primary","secondary"].includes(o)}},computed:{bgClass(){return this.mode==="primary"?"bg-primary text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out":"bg-secondary"},textClass(){return this.mode==="primary","text-primary"}}},M=["type","placeholder","value"];function U(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("input",{type:n.type,placeholder:n.placeholder,value:n.modelValue,class:e.normalizeClass([n.color==="primary"?"bg-primary text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out":"text-primary bg-white border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-primary px-2 hover:border-accent duration-300 ease-in-out"]),onInput:t[0]||(t[0]=l=>o.$emit("update:modelValue",l.target.value))},null,42,M)}const y=g(Y,[["render",U]]),W={name:"SearchBox",components:{InputField:y,Icon:p},data(){return{searchQuery:""}},methods:{onSearch(){console.log("Search Query:",this.searchQuery),this.$emit("search",this.searchQuery)}}},H={class:"relative flex items-center w-full max-w-md"};function Z(o,t,n,m,s,r){const l=e.resolveComponent("InputField"),a=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",H,[e.createVNode(l,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]||(t[0]=i=>s.searchQuery=i),placeholder:"Search",color:"primary"},null,8,["modelValue"]),e.createVNode(a,{icon:"fa-search",color:"secondary",size:"sm",class:"absolute right-2",onClick:r.onSearch},null,8,["onClick"])])}const V=g(W,[["render",Z]]),N="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAABwCAIAAABHB982AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAtOSURBVHhe7Z3tedQ6EEbpIB2QCkIFSQWkglBBqIBUABUEKoAKkgo2FSQVQAdUcM+DBl9fWx7Nh7zrzd3zgye7a0mWZuadkbwJb04cnMfHx9+/fz89PfHDly9f7u7uPnz4cHV1JR+f2Ahv377FTlVeXl4wm1x34uB8/PhRLLPAbrc7OzuTq08ckKJ+OqiiXH3iUCjqN+EUWAeG8gEzPDw83NzcYDa4uLjg569fvxYLDaCT0ubEQcAq9/f38uK/YDOx0h9OGrhpvn//LoY6mWrjjIvDkwBumpLJCpeXl/LuiQ0yRNXz87O8dWKbDLmK6kPeOrFNfv36hZ12u528PrFNhkTFZkveOrFBMM/Lywt2+vTpk7x1YpuU04qHhwd5vX3Ozs7QAXZ/j4+PxcsKiDgvefPHjx93d3dXV1ev6YisFH5Ufcchfaw+Zih51QiWw67S/mjBPGU6FxcX8tZmIT7GBypeyuO4I03FQ4q6vb2Vt3rBsr57944IAH7IqxCuNBa6MHTSPcLOz8+HycIaklueXXUrJbhFVuHbt2/VNUWyGI/scn197Z3MUJ72In/EyRTIHEtSzAqQ/zGbXJ0DMaDPPnbivukukD8sNiP2XT0bCT/t5n6wtPGWsFkytZRSAuWX1xnoK7yUNMT7lPwxaPQa0LMy9JyARxZoJV04KW4KSFFR1zlor1ytwK3PH0rGWDJYr/6XsMdWMlkGgtjophhSGixBR09PT3J5JybexxDywV/Y+r1//77MmX8vLy/RIvYZ8nEIyyJmlGPAa61SSjTBm6VBFaPBA9DtUKFNQkrJq5SwmaXUZ4s3yHVp7OVMKSUsVNVIwDW6x9ME1m5yrw3f+eM9mfCqLiIznbhLHlRBel/GXvE2ysKOXmZH852/JK2FyklHf1jJI5GNpgwOO32mA8g+4DS8zw8IaXm/sR22B2ZHuD8ZvkXSWkNhTT8rKTxMfGIVmICMtl+a6jeG5Q7nreITip3wA24Gd765ueFffg54ht3z4qznaDosvat2ojKUln6Q9/k0f/78SVZY+sIJH8l1Ztb97spBpG9gUsc3weWlZZrPnz83HcUbyt7pOEATqreCu+GGqAH3yjU4CxVOTBZ0vIEF3IY0jsLs7O7vstaKGjifNsbQp4HN+hrMvikpYNrMDWAnnE/6suEKZa/nmZhXExZNKBBwHQ3mXbtMiRH73hbhIu1bDDv9nkxCCjvJBzZY37wWFehHOjUTTloxr0dppH0Lr0i04Y7HFREhIh84CZRJVQK1k93Tx0hjP8bhWFVp0IvJIUfm65yscliOBgIJ2e7pY7xiO2AfLjxEncn5bjIZcnP51LWfwMrkEqNH9jy2YGWl1z90idm8tfYTWJlcQlvpRaXPs93CRP16yWveWgHp8AZWwCEGjJ5B8EmDPPOnW712A5kyGgK7fe9pS3IdjbMLiHkFrCL9jegorwFRGmAhvE5TnY4O/iSN/RiDuM8J0/X1tfQ3gjUKiM8SmZO6gNN4nz9lKgtuT3pRycjsvyzlxt1u19Faxgw8JzBJ71iZysKuGR1yivI1DOqLjtbyJvwB7z1MqqQmGZe3622HdNVMjL1O8llxYxKe4NVAco+0tMFdScsQxkkFTsumSE8q+F2X8PKWZwWv1wcqi4w62VNjNrCkGwNdwiu20/IupTd8M0Wg65A6tYbjU9omXEzFKC1DxGp3y3e1xrgmBZki0CsV8dQYeHJBk4weUltKR2a8RZrxK6sDmX2kt4qJp8bwFjVsMONeZIzXE73+l9Gl6sZUofH9S51YYQboTEA6SDzeEb2e6N1aYVpp6cdecJZvREmzGDc3N9JZiEB9GCgFXZnfG7hrm4olYpEzdea/0Jf0GsK7WQ6orit8vfkjbCpmrRfrLGyHze8Yhkw+sECjXNbyOocrnXjzR8xUxK6i5P2NNEAgh5NWgdiyx7hXA12rac8fBa+p6F8vMr1fInKTjy1cSfpqwVjSxoa9Z/B2bg9ZfLFZs2RrByNM0itNE+xR7xqIkJVmBlhQaWbDaCqCqbm5zlQoETJfwbS7v0sDXaYCaWbDsgWmVLEkCFfC7gOOSSCvemTnlSlpZqPp/mOaB1fG5OdS6f4EIsxeWLsWVNrYcPXcFG1jb5kDqj5YcukY+5Gdq1tpY8N1DEjQSLMa9tJ/rerci/0rEvZvvrn2qtLGxvCbthZ0xbb701ZMBcYjKLtku9KVtLFBJSbNDEibBewBuiFTgSW2XNlV2rRY78R21/o7vvaTgW2ZCpqrYM9VYMzYXCYNbNh3ArpjubZo3kegq8Pd646GTsqlBoxJxVsH2w/X9U3r1dWVXGfAdaa8J/RM4NoGGpOK11T2gkU/qnA9T9m3qc7Pz3ElebGAsr7eNTUmFZeogt1U+mbIdaSyV1MNMyQ3LA1M0CgJxptajWvh3V3aN0N6gnEV/XqAdmZSmGISAmgcZPysPEzTdb+K0f29GdueY/T9r2srvVdTKeHCR3o18Rz60+BGU+kLOsd4agfSYAHXLyvs1VTGJD8n8AcgChZTeTdVYNxcNzdViu/O8SbUFMwwcJpOE6/XD1hM5S1VwGiq5hmYXGcjoP9ZXKfprGMsngoWUwW81WiqpmTJdTYOYKoCtRxjo2xyIzMwUv4oxWKq2CjSWKXZs1xn42CmGmA+t7e3uDa3AngiYWd8ftjEYqrYWNJYpdmzXGfD/kjhKGmaKpCoCtJ+mWZNAXKpjfCtHgdNU4UfrUr7ZSx6ZT9Wh/+7qcI1i7RfxrKtdhXrljA9YvTz0PDkLRWgxQlcpuJiafYqoUiRidYIq1/TVEYncB0svXJT6SfrYfVrmsq4V3Md1wZOVY4JxW0zWbp5Bmg8XqH0kAY2pNmrRDkPdT1NnqCfrD+b/zalrs9zem03t4hMcYZ9NavoprKU6QXLDn1MWLG3jrKgt7n/GlJ/tGg/qfL+qlb+pG2jKJV60j2VaHDFa7M8mcC40vKVsVRf2QVqCcUJXOf05B5pZkPZXdAVKiIvjg6Z34y84ivlgLfzLk8XGbT0c5QKuZQG8iEFS6YKbABcz+yr/Q92Am5M3j0iqlsWEkk+pGBJWgMbAO/WalKvj+0EmR1IH1BhZBqX4V+jIleFRflFWpaApE0symuVaijENgDerdVYFSZ22tOvCS/B2s0XnXf0WqhapitLyfXD8wh+YDmU4OOjcuWEmLR6t1bAQCwLNh4/Qznkg0fcXD/Bw2AEWXVNq6qy9FRiabEeF/4376XrFesq2L+npoAXzu9zTzCBqoLN4TL8a7xMVa9fcvmmU5cgG/9/1NVzxfCJIkssXUTplYAjECvj0LaAwVhQdAzmNl6ajOuwgPxU8qW8/i+Z36jxTnZM+BuSWXCxqnYlqdZFBG5mjcbECooBIlI68pM8IQtiFz0X1T9zgyd2HCtZIuspWeEwJV9A9CxU/b2vnZIhBZehP3C5+l9amrOS6EE1RTFc39jN7zq5Ja+bHuArMX0dfEI11bsOcposFSxeXBrYa1AHFMpriF6hquPdw7fXQQ5LLz22OEDJ5z1QcVG1U/cR81lqjDGwMruCCK4NjZf7+3sZZsQantHXu8lY2F66XuAAJd8kP5Ek2R9QCKEnmU0GVPMt5aV83I81Vg3bK9Y6gJ3Guozyzjdx2CyWVLATvim9/GUSwYyI1OATjBtOXX2lb8zSxvxgp7GsEWPjJvOVHcCirqWs2gnGJR/XTFSLl9isqTxjuHjSSV+4HxnpL4yoLNRWYFGIgOZSkp+WJjNkKaRVWWJGWXpgOGY/Bdi4xFjbM/qzlMaqEjoBRTXOlsuUINON3RHcDgFgxOOz0wD3jSpinjINXUIzYF1cG9uwZMCgvCOf7Qvq8j3p3ps3/wDHS5O0YOBNvAAAAABJRU5ErkJggg==",R={name:"PageHeader",components:{SearchBox:V,BaseText:f,BaseButton:b,Icon:p},data(){return{logo:N,dropdownOpen:!1,items:[{label:"Home",icon:"fa-home"},{label:"Tournaments",icon:"fa-trophy"},{label:"Clubs",icon:"fa-users"},{label:"Leaderboard",icon:"fa-star"}]}},methods:{onSearch(o){this.$emit("search",o)},openMenu(){this.dropdownOpen=!0,event.stopPropagation()},handleClickOutside(){this.dropdownOpen&&(this.dropdownOpen=!1)},handlePageChange(o){this.dropdownOpen=!1,this.$emit("changePage",o)}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)}},P={class:"border-b border-lineGrey w-full bg-primary m-0"},O={class:"w-full hidden md:flex"},J={class:"w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center"},q=["src"],X={class:"flex w-full items-center border-r border-l border-lineGrey"},_={class:"hidden lg:flex w-1/3 pl-20 mb-3"},v={class:"ml-8 w-2/3 flex justify-around"},$={class:"w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center"},ee={class:"w-full flex md:hidden fixed top-0 left-0 z-10 bg-primary"},te={class:"m-2 flex justify-between w-full"},re=["src"],oe=["onClick"];function ne(o,t,n,m,s,r){const l=e.resolveComponent("SearchBox"),a=e.resolveComponent("BaseText"),i=e.resolveComponent("BaseButton"),d=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("header",P,[e.createElementVNode("section",O,[e.createElementVNode("div",J,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"h-14 w-18 bg-accent"},null,8,q)]),e.createElementVNode("section",X,[e.createElementVNode("div",_,[e.createVNode(l,{class:"w-24 md:w-32 lg:w-52 xl:w-64",onSearch:r.onSearch},null,8,["onSearch"])]),e.createElementVNode("nav",v,[e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[0]||(t[0]=h=>r.handlePageChange("TournamentList"))},{default:e.withCtx(()=>t[6]||(t[6]=[e.createTextVNode("Tournaments")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[1]||(t[1]=h=>r.handlePageChange("ClubList"))},{default:e.withCtx(()=>t[7]||(t[7]=[e.createTextVNode("Clubs")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[2]||(t[2]=h=>r.handlePageChange("Leaderboard"))},{default:e.withCtx(()=>t[8]||(t[8]=[e.createTextVNode("Leaderboard")])),_:1}),e.createVNode(a,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out",onClick:t[3]||(t[3]=h=>r.handlePageChange("ContactUs"))},{default:e.withCtx(()=>t[9]||(t[9]=[e.createTextVNode("Contact")])),_:1})])]),e.createElementVNode("div",$,[e.createVNode(i,{backgroundColor:"primary",border:"secondary",color:"secondary",label:"Login",size:"xs"})])]),e.createElementVNode("section",ee,[e.createElementVNode("div",te,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"h-6 w-9"},null,8,re),e.createVNode(d,{icon:"fa-bars",color:"secondary",size:"xl",onClick:t[4]||(t[4]=h=>r.openMenu(h))})])]),s.dropdownOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed right-2 mt-8 w-40 bg-secondary border rounded-lg border-lineGrey shadow-xl z-50",onClick:t[5]||(t[5]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,h=>(e.openBlock(),e.createElementBlock("li",{key:h.label,onClick:I=>r.handlePageChange(h),class:"px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"},[e.createVNode(a,{color:"primary",size:"xs sm",tag:"p",weight:"normal",class:"mt-0.5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1024),e.createVNode(d,{icon:h.icon,type:"fa-regular",size:"sm",color:"accent",class:"ml-2"},null,8,["icon"])],8,oe))),128))])])):e.createCommentVNode("",!0)])}const u=g(R,[["render",ne]]),le={name:"HeroBanner",components:{BaseText:f,BaseButton:b},props:{imageSrc:{type:String,required:!0},title:{type:String,required:!0},description:{type:String,required:!0},buttonLabel:{type:String,required:!0}},data(){return{isMobile:!1}},computed:{backgroundStyle(){return{backgroundImage:`url(${this.imageSrc})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}},mounted(){this.checkScreenSize(),window.addEventListener("resize",this.checkScreenSize)},beforeDestroy(){window.removeEventListener("resize",this.checkScreenSize)},methods:{checkScreenSize(){this.isMobile=window.innerWidth<768},onClick(){this.$emit("button-click")}}},ae={class:"relative w-full md:border-b md:border-l md:border-r border-lineGrey"},se=["src"],ie={class:"hidden md:flex absolute inset-0 items-center justify-start px-8 mt-40"},de={class:"text-left text-white max-w-lg"},ce={key:1,class:"flex justify-center text-left w-full px-6 py-8"},me={class:"w-full"};function ge(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",{class:"relative w-full h-3/4 flex justify-center bg-primary m-0",style:e.normalizeStyle(r.backgroundStyle)},[t[0]||(t[0]=e.createElementVNode("div",{class:"hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1)),e.createElementVNode("div",ae,[s.isMobile?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("img",{key:0,src:n.imageSrc,alt:"Hero Image",class:"w-full h-full object-cover"},null,8,se)),e.createElementVNode("section",ie,[e.createElementVNode("div",de,[e.createVNode(l,{color:"secondary",tag:"h1",size:"4xl",weight:"bold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"lg",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabel,color:"secondary",border:"gradient1",onClick:r.onClick},null,8,["label","onClick"])])]),s.isMobile?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",me,[e.createVNode(l,{color:"secondary",tag:"h1",size:"xl",weight:"bold",class:"mb-2 w-48"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"xs",weight:"normal",class:"mb-6 w-48"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabel,size:"xs",color:"secondary",border:"gradient1",class:"w-1/2 m-auto",onClick:r.onClick},null,8,["label","onClick"])])])):e.createCommentVNode("",!0)]),t[1]||(t[1]=e.createElementVNode("div",{class:"hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1))],4),t[2]||(t[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"relative w-full border-b border-l border-r border-lineGrey h-36"}),e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1))],64)}const E=g(le,[["render",ge]]),he={name:"TournamentCardSkeleton"},fe={class:"md:w-full mb-8 animate-pulse"};function be(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("div",fe,t[0]||(t[0]=[e.createStaticVNode('<section class="hidden md:block"><div class="w-full h-52 bg-gray-300 mb-2 rounded-md"></div><div class="w-3/4 h-6 bg-gray-300 mb-1 rounded"></div><div class="w-2/3 h-4 bg-gray-300 mb-2 rounded"></div><div class="flex items-center mb-1"><div class="w-6 h-6 bg-gray-300 rounded-full mr-3"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div><div class="flex items-center"><div class="w-6 h-6 bg-gray-300 rounded-full mr-3"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div></section><section class="md:hidden flex-col items-start gap-2 border-b border-borderGray"><div class="flex flex-row"><div class="w-28 h-16 bg-gray-300 rounded-md"></div><div class="flex flex-col h-16 justify-center pl-2"><div class="w-3/4 h-6 bg-gray-300 rounded mb-1"></div><div class="w-1/2 h-4 bg-gray-300 rounded"></div></div></div><div class="flex justify-between pt-4 pb-2"><div class="flex justify-start w-5/12"><div class="w-2 h-2 bg-gray-300 rounded-full mr-1"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div><div class="flex justify-start mb-1 w-7/12"><div class="w-2 h-2 bg-gray-300 rounded-full mr-1"></div><div class="w-2/3 h-4 bg-gray-300 rounded"></div></div></div></section>',2)]))}const pe={name:"TournamentCard",components:{TournamentCardSkeleton:g(he,[["render",be]]),BaseText:f,Icon:p},props:{data:{type:Object,required:!0},index:{type:Number,required:!1},isLoading:{type:Boolean,default:!1}},data(){return{isImageError:!1}},emits:["grid-card-click"],computed:{image(){return!this.isImageError&&this.data.ImagesURLs&&this.data.ImagesURLs.length>0?this.data.ImagesURLs:"https://via.placeholder.com/300x200"},fallbackStyle(){return this.isImageError?{backgroundColor:"#f5f5f5",display:"flex",alignItems:"center",justifyContent:"center"}:{}},title(){return this.data&&this.data.Name||""},location(){return this.data&&this.data.Address?`${this.data.Address.Name} • ${this.data.Address.City}, ${this.data.Address.State}`:"Location Unavailable"},startDate(){return this.data&&this.formatDate(this.data.StartDate)},endDate(){return this.data&&this.formatDate(this.data.EndDate)},numberOfFencers(){return this.data&&this.data.NumberOfFencers?this.data.NumberOfFencers:0}},methods:{formatDate(o){return new Date(o).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})},imageError(){this.isImageError=!0},onCardClick(){this.$emit("grid-card-click",this.data)}}},xe={key:0,class:"max-w-80 md:w-full mb-8"},ye={class:"hidden md:block"},Ce=["src"],we={class:"flex items-center mb-1"},Ve={class:"flex w-6 justify-center"},Ne={class:"flex items-center"},ue={class:"flex w-6 justify-center"},Ee={class:"md:hidden flex-col items-start gap-2 border-b border-borderGray"},Be={class:"flex flex-row"},ke=["src"],Ae={class:"flex flex-col h-16 justify-center pl-2"},Se={class:"flex justify-between pt-4 pb-2"},Te={class:"flex justify-start w-5/12"},ze={class:"flex justify-start mb-1 w-7/12"};function Ie(o,t,n,m,s,r){const l=e.resolveComponent("TournamentCardSkeleton"),a=e.resolveComponent("BaseText"),i=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"max-w-80 md:w-full mb-8 border border-secondary hover:border-accent hover:cursor-pointer p-2 rounded-lg",onClick:t[2]||(t[2]=(...d)=>r.onCardClick&&r.onCardClick(...d))},[e.createElementVNode("section",ye,[e.createElementVNode("img",{src:r.image,alt:"Tournament Image",class:"w-full h-52 object-cover mb-2 rounded-md",onError:t[0]||(t[0]=(...d)=>r.imageError&&r.imageError(...d)),style:e.normalizeStyle(r.fallbackStyle)},null,44,Ce),e.createVNode(a,{tag:"h3",size:"xl",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1}),e.createVNode(a,{tag:"p",size:"sm",weight:"semibold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.location),1)]),_:1}),e.createElementVNode("div",we,[e.createElementVNode("span",Ve,[e.createVNode(i,{icon:"fa-calendar",color:"accent",size:"sm",class:"mr-3 w-4"})]),e.createVNode(a,{tag:"p",size:"sm",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.startDate)+" to "+e.toDisplayString(r.endDate),1)]),_:1})]),e.createElementVNode("div",Ne,[e.createElementVNode("span",ue,[e.createVNode(i,{icon:"fa-user-friends",color:"accent",size:"sm",class:"mr-3"})]),e.createVNode(a,{tag:"p",size:"sm",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.numberOfFencers)+" Registered Fencers",1)]),_:1})])]),e.createElementVNode("section",Ee,[e.createElementVNode("div",Be,[e.createElementVNode("img",{src:r.image,alt:"Tournament Image",class:"w-28 h-16 object-cover rounded-md",onError:t[1]||(t[1]=(...d)=>r.imageError&&r.imageError(...d)),style:e.normalizeStyle(r.fallbackStyle)},null,44,ke),e.createElementVNode("div",Ae,[e.createVNode(a,{tag:"h3",size:"lg",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1}),e.createVNode(a,{tag:"p",size:"xs",weight:"semibold",class:"mb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.location),1)]),_:1})])]),e.createElementVNode("div",Se,[e.createElementVNode("div",Te,[e.createVNode(i,{icon:"fa-user-friends",color:"accent",size:"xs",class:"mr-1"}),e.createVNode(a,{tag:"p",size:"xs",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.numberOfFencers)+" Registered",1)]),_:1})]),e.createElementVNode("div",ze,[e.createVNode(i,{icon:"fa-calendar",color:"accent",size:"xs",class:"mr-1 w-4"}),e.createVNode(a,{tag:"p",size:"xs",class:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.startDate)+" to "+e.toDisplayString(r.endDate),1)]),_:1})])])])]))],64)}const B=g(pe,[["render",Ie]]),k="data:image/png;base64,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",Le={name:"FencerCardSkeleton"},Ge={class:"max-w-48 mr-4 md:mr-2 items-center animate-pulse"};function Fe(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("section",Ge,t[0]||(t[0]=[e.createStaticVNode('<div class="flex flex-col m-auto justify-center mb-4 items-center w-[130px]"><div class="w-[120px] h-[120px] md:w-32 md:h-32 rounded-full bg-gray-300"></div></div><div class="flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2"><div class="flex items-center justify-around w-full"><div class="w-8 h-4 bg-gray-300 rounded mr-1"></div><div class="w-8 h-4 bg-gray-300 rounded"></div></div></div><div class="text-center"><div class="w-32 h-6 bg-gray-300 rounded mb-2 mx-auto"></div><div class="w-40 h-4 bg-gray-200 rounded mb-2 mx-auto"></div></div>',3)]))}const Qe={name:"FencerCard",components:{FencerCardSkeleton:g(Le,[["render",Fe]]),BaseText:f,defaultPortrait:k},props:{data:{type:Object,required:!0},index:{type:Number,required:!0},isLoading:{type:Boolean,default:!1}},data(){return{}},emits:["grid-card-click"],computed:{portrait(){return this.data.ProfileImage&&this.data.ProfileImage.URL?this.data.ProfileImage.URL:k},displayName(){return this.data.DisplayName},clubName(){return this.data.Club.Name},m2Rating(){const o=this.data.M2Ratings.find(t=>t.WeaponId===1);return o?o.FormattedRating:"U"}},methods:{onCardClick(){this.$emit("grid-card-click",this.data)}}},De={key:0,class:"max-w-72 p-2 bg-secondary rounded-lg flex flex-col items-start"},je={class:"flex flex-col m-auto justify-center mb-4 items-center w-[130px]"},Ke=["src"],Ye={class:"flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2"},Me={class:"flex items-center justify-center"};function Ue(o,t,n,m,s,r){const l=e.resolveComponent("FencerCardSkeleton"),a=e.resolveComponent("BaseText");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("section",{key:1,class:"max-w-72 mr-4 md:mr-2 pt-4 items-center border border-secondary hover:border-accent hover:cursor-pointer rounded-lg",onClick:t[0]||(t[0]=(...i)=>r.onCardClick&&r.onCardClick(...i))},[e.createElementVNode("div",je,[e.createElementVNode("img",{src:r.portrait,alt:"Fencer Portrait",class:"w-[120px] h-[120px] md:w-32 md:h-32 rounded-full object-cover z-1 flex-shrink-0"},null,8,Ke)]),e.createElementVNode("div",Ye,[e.createElementVNode("div",Me,[e.createVNode(a,{tag:"p",size:"xs md:sm",weight:"semibold",class:"primary mr-1 block z-50"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("M2: ")])),_:1}),e.createVNode(a,{tag:"p",size:"sm md:md",weight:"bold",class:"text-accent"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.m2Rating),1)]),_:1})])]),e.createVNode(a,{tag:"h3",size:"sm md:2xl",weight:"bold",class:"text-center pb-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.displayName),1)]),_:1}),e.createVNode(a,{tag:"p",size:"xs md:sm",weight:"normal",class:"text-center h-10"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.clubName),1)]),_:1})]))],64)}const C=g(Qe,[["render",Ue]]),We={name:"ArticleCardSkeleton"},He={class:"w-full bg-secondary rounded-lg flex flex-col items-start animate-pulse"};function Ze(o,t,n,m,s,r){return e.openBlock(),e.createElementBlock("div",He,t[0]||(t[0]=[e.createStaticVNode('<div class="w-full h-40 bg-gray-200 rounded-t-md mb-4"></div><div class="w-3/4 h-6 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-1/2 h-4 bg-gray-200 rounded mb-4"></div><div class="w-full flex justify-end"><div class="w-1/4 h-4 bg-gray-200 rounded"></div></div>',6)]))}const Re={name:"ArticleCard",components:{ArticleCardSkeleton:g(We,[["render",Ze]]),BaseText:f},props:{data:{type:Object,required:!0},index:{type:Number,required:!0},isLoading:{type:Boolean,default:!1}},emits:["grid-card-click"],computed:{image(){return this.data.image},articleTitle(){return this.data.articleTitle},truncatedDescription(){return this.data.description.length>120?this.data.description.substring(0,120)+" ...":this.data.description}},methods:{onReadMore(){this.$emit("grid-card-click",this.data)}}},Pe={key:0,class:"w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"},Oe={key:1,class:"min-w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"},Je=["src"];function qe(o,t,n,m,s,r){const l=e.resolveComponent("ArticleCardSkeleton"),a=e.resolveComponent("BaseText");return e.openBlock(),e.createElementBlock(e.Fragment,null,[n.isLoading?(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(l)])):e.createCommentVNode("",!0),n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("img",{src:r.image,alt:"Article Image",class:"w-full h-40 object-cover rounded-t-md mb-4"},null,8,Je),e.createVNode(a,{tag:"h3",size:"xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.articleTitle),1)]),_:1}),e.createVNode(a,{tag:"p",size:"sm",weight:"normal",class:"mb-4 h-20"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.truncatedDescription),1)]),_:1}),e.createElementVNode("a",{href:"#",onClick:t[0]||(t[0]=e.withModifiers((...i)=>r.onReadMore&&r.onReadMore(...i),["prevent"])),class:"w-full flex justify-end pr-2"},[e.createVNode(a,{tag:"p",size:"sm",weight:"bold",class:"mb-4 border-b border-secondary hover:border-accent"},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("Read More →")])),_:1})])]))],64)}const w=g(Re,[["render",qe]]),Xe={name:"GridLayout",components:{BaseButton:b,BaseText:f},props:{title:{type:String,default:"Section Title"},moreButtonLabel:{type:String,default:"See More"},cardComponent:{type:[Object,String],required:!0,default:()=>e.markRaw({})},items:{type:Array,required:!0,default:()=>[]},maxColumns:{type:Number,default:3},mobileHorizontal:{type:Boolean,default:!1},whiteStyle:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1}},emits:["grid-click","grid-card-click"],computed:{topClasses(){let o="max-w-[1200px] mx-auto overflow-x-auto";return this.whiteStyle&&(o="w-full md:mr-10 mt-10"),o},headerClasses(){let o="w-full flex py-4 md:pb-10 ml-2 md:ml-0";return this.whiteStyle||(o=`${o} justify-center`),o},gridClasses(){let o="md:grid md:gap-x-6 md:gap-y-4";this.mobileHorizontal&&(o="flex space-x-4 md:grid md:gap-x-6 md:gap-y-4"),this.whiteStyle&&(o="bg-white p-2 mx-2 md:mx-0 rounded-lg");let t;switch(this.maxColumns){case 1:t="grid-cols-1";break;case 2:t="grid-cols-1 md:grid-cols-2";break;case 3:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3";break;case 4:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";break;case 5:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5";break;default:t="grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}return`${o} ${t}`}},methods:{onClick(){this.$emit("grid-click")},handleCardClick(o){this.$emit("grid-card-click",o)}}},_e={key:0,class:"w-full flex justify-center pb-28 pt-10 md:pt-14"};function ve(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",{class:e.normalizeClass(r.topClasses)},[e.createElementVNode("div",{class:e.normalizeClass(r.headerClasses)},[e.createVNode(l,{color:"primary",size:"xl",tag:"h3",weight:"bold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})],2),e.createElementVNode("div",{class:e.normalizeClass(r.gridClasses)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(i,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.cardComponent),{key:d,data:i,index:d,isLoading:n.isLoading,onGridCardClick:r.handleCardClick},null,40,["data","index","isLoading","onGridCardClick"]))),128))],2)],2),!n.whiteStyle&&n.moreButtonLabel?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(a,{backgroundColor:"secondary",border:"primary",size:"xs",color:"primary",hoverColor:"secondary",label:n.moreButtonLabel,onClick:r.onClick},null,8,["label","onClick"])])):e.createCommentVNode("",!0)],64)}const A=g(Xe,[["render",ve]]),$e={name:"SingleButtonBanner",components:{BaseText:f,BaseButton:b},props:{imageUrl:{type:String,default:"https://via.placeholder.com/1200x400"},description:{type:String,default:"Look for a Club? We can help."},buttonLabel:{type:String,default:"Learn More"}},methods:{onClick(){this.$emit("handleButtonClick")}}},et={class:"flex flex-col justify-center items-center md:items-start h-full w-full text-center md:text-left px-6 md:px-20"};function tt(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock("section",{class:"relative bg-cover bg-top h-80 max-w-[1200px] mx-auto rounded-lg overflow-hidden mb-10",style:e.normalizeStyle({backgroundImage:"url("+n.imageUrl+")"})},[e.createElementVNode("div",et,[e.createVNode(l,{color:"secondary",tag:"h3",size:"5xl",weight:"normal",class:"mb-8",innerHTML:n.description},null,8,["innerHTML"]),e.createVNode(a,{label:n.buttonLabel,size:"xs",color:"secondary",border:"gradient1",onClick:r.onClick,class:"w-40"},null,8,["label","onClick"])])],4)}const S=g($e,[["render",tt]]),rt={name:"DoubleButtonBanner",components:{BaseText:f,BaseButton:b},props:{title:{type:String,required:!0},description:{type:String,default:""},buttonLabelOne:{type:String,required:!0},buttonLabelTwo:{type:String,required:!0}},methods:{onClickOne(){this.$emit("handle-button-click-one")},onClickTwo(){this.$emit("handle-button-click-two")}}},ot={class:"max-w-[1200px] mx-auto"},nt={class:"relative w-full h-3/4 flex justify-center bg-primary m-0"},lt={class:"relative w-full border-b border-l border-r border-lineGrey"},at={class:"hidden md:flex h-80 justify-between items-center p-14"},st={class:"text-left text-white max-w-lg w-96"},it={class:"flex flex-col w-1/3 align-right"},dt={class:"flex justify-center md:hidden text-left bg-primary w-full"},ct={class:"w-full px-6 py-8 text-center flex flex-col justify-center items-center"};function mt(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock("section",ot,[t[2]||(t[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"flex-grow h-[150px] border-b border-l border-r border-lineGrey"}),e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1)),e.createElementVNode("section",nt,[t[0]||(t[0]=e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1)),e.createElementVNode("div",lt,[e.createElementVNode("section",at,[e.createElementVNode("div",st,[e.createVNode(l,{color:"secondary",tag:"h1",size:"5xl",weight:"semibold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})]),e.createElementVNode("div",it,[e.createVNode(a,{label:n.buttonLabelOne,size:"xs",color:"secondary",border:"gradient1",weight:"normal",align:"between",class:"mb-4 w-52 h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",onClick:r.onClickOne},null,8,["label","onClick"]),e.createVNode(a,{label:n.buttonLabelTwo,size:"xs",color:"secondary",border:"gradient2",weight:"normal",class:"w-52 h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",align:"between",onClick:r.onClickOne},null,8,["label","onClick"])])])]),t[1]||(t[1]=e.createElementVNode("div",{class:"w-[150px] bg-primary border-b border-lineGrey flex-shrink-0"},null,-1))]),t[3]||(t[3]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"}),e.createElementVNode("div",{class:"flex-grow h-[150px] border-b border-l border-r border-lineGrey"}),e.createElementVNode("div",{class:"w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0"})],-1)),e.createElementVNode("section",dt,[e.createElementVNode("div",ct,[e.createVNode(l,{color:"secondary",tag:"h1",size:"2xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1}),e.createVNode(l,{color:"secondary",tag:"p",size:"sm",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1}),e.createVNode(a,{label:n.buttonLabelOne,size:"xs",color:"secondary",border:"gradient1",weight:"normal",align:"between",class:"mb-4 w-full h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",onClick:r.onClickOne},null,8,["label","onClick"]),e.createVNode(a,{label:n.buttonLabelTwo,size:"xs",color:"secondary",border:"gradient2",weight:"normal",class:"w-full h-16 pl-8",iconName:"fa-arrow-right-long",iconColor:"secondary",iconSize:"lg",iconType:"fa-thin",align:"between",onClick:r.onClickOne},null,8,["label","onClick"])])])])}const T=g(rt,[["render",mt]]),gt={name:"Footer",components:{Icon:p,InputField:y,BaseButton:b,BaseText:f},data(){return{logo:N}},methods:{pageChange(o){this.$emit("changePage",o)}}},ht={class:"hidden md:flex flex-col bg-primary"},ft={class:"w-full hidden md:flex"},bt={class:"w-1/3"},pt={class:"items-center w-full flex justify-center"},xt=["src"],yt={class:"w-1/3 flex flex-col"},Ct={class:"w-full flex justify-around"},wt={class:"flex w-1/3"},Vt={class:"flex w-1/3"},Nt={class:"flex items-center w-1/3"},ut={class:"w-full flex justify-around"},Et={class:"flex items-center w-1/3"},Bt={class:"flex items-center w-1/3"},kt={class:"flex items-center w-1/3"},At={class:"w-full flex justify-around"},St={class:"flex items-center w-1/3"},Tt={class:"flex items-center w-1/3"},zt={class:"flex w-1/3"},It={class:"w-1/3 flex flex-col"},Lt={class:"w-full flex justify-end"},Gt={class:"w-30 mr-16"},Ft={class:"w-full flex justify-end mt-12"},Qt={class:"w-48 mr-16"},Dt={class:"h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center"},jt={class:"flex md:hidden flex-col items-center bg-primary pb-10"},Kt={class:"w-full flex flex-col items-center"},Yt={class:"w-full max-w-xs flex justify-between items-center"},Mt={class:"flex justify-center w-1/2"},Ut=["src"],Wt={class:"flex flex-col w-1/2"},Ht={class:"w-full flex flex-col items-center"},Zt={class:"w-full max-w-xs flex flex-col items-center pt-8"},Rt={class:"w-full max-w-xs flex flex-col items-center pt-8"},Pt={class:"flex justify-center"};function Ot(o,t,n,m,s,r){const l=e.resolveComponent("BaseText"),a=e.resolveComponent("InputField"),i=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",ht,[t[25]||(t[25]=e.createElementVNode("div",{class:"h-20"},null,-1)),e.createElementVNode("section",ft,[e.createElementVNode("div",bt,[e.createElementVNode("div",pt,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"w-[71px] h-[56px]"},null,8,xt)])]),e.createElementVNode("div",yt,[e.createElementVNode("div",Ct,[e.createElementVNode("div",wt,[e.createElementVNode("a",{href:"#",onClick:t[0]||(t[0]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[12]||(t[12]=[e.createTextVNode("Tournaments")])),_:1})])]),e.createElementVNode("div",Vt,[e.createElementVNode("a",{href:"#",onClick:t[1]||(t[1]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode("Clubs")])),_:1})]),t[14]||(t[14]=e.createTextVNode("a "))]),e.createElementVNode("div",Nt,[e.createElementVNode("a",{href:"#",onClick:t[2]||(t[2]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"pb-2"},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode("Leaderboard")])),_:1})])])]),e.createElementVNode("div",ut,[e.createElementVNode("div",Et,[e.createElementVNode("a",{href:"#",onClick:t[3]||(t[3]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode("Upcoming")])),_:1})])]),e.createElementVNode("div",Bt,[e.createElementVNode("a",{href:"#",onClick:t[4]||(t[4]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[17]||(t[17]=[e.createTextVNode("Club List")])),_:1})])]),e.createElementVNode("div",kt,[e.createElementVNode("a",{href:"#",onClick:t[5]||(t[5]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[18]||(t[18]=[e.createTextVNode("Top Fencers")])),_:1})])])]),e.createElementVNode("div",At,[e.createElementVNode("div",St,[e.createElementVNode("a",{href:"#",onClick:t[6]||(t[6]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[19]||(t[19]=[e.createTextVNode("Past")])),_:1})])]),e.createElementVNode("div",Tt,[e.createElementVNode("a",{href:"#",onClick:t[7]||(t[7]=e.withModifiers(d=>r.pageChange("clubs"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode("Local Clubs")])),_:1})])]),e.createElementVNode("div",zt,[e.createElementVNode("a",{href:"#",onClick:t[8]||(t[8]=e.withModifiers(d=>r.pageChange("leaderboard"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode("By Weapon")])),_:1})])])])]),e.createElementVNode("div",It,[e.createElementVNode("div",Lt,[e.createElementVNode("div",Gt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-4"},{default:e.withCtx(()=>t[22]||(t[22]=[e.createTextVNode("Subscribe")])),_:1}),e.createVNode(a,{placeholder:"Email",type:"email",class:"w-52"})])]),e.createElementVNode("div",Ft,[e.createElementVNode("div",Qt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[23]||(t[23]=[e.createTextVNode("Follow Us")])),_:1}),e.createElementVNode("div",null,[e.createVNode(i,{type:"fa-brands",icon:"fa-facebook",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-discord",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-instagram",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-youtube",color:"secondary",size:"lg",class:"mr-4"})])])])])]),e.createElementVNode("div",Dt,[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"text-center pt-4"},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode("© Copyright Meyer Squared 2024. All rights reserved.")])),_:1})])]),e.createElementVNode("section",jt,[t[31]||(t[31]=e.createElementVNode("div",{class:"h-8"},null,-1)),e.createElementVNode("div",Kt,[e.createElementVNode("div",Yt,[e.createElementVNode("div",Mt,[e.createElementVNode("img",{src:s.logo,alt:"Logo",class:"w-[94px] h-[74px]"},null,8,Ut)]),e.createElementVNode("div",Wt,[e.createElementVNode("a",{href:"#",onClick:t[9]||(t[9]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[26]||(t[26]=[e.createTextVNode("Tournaments")])),_:1})]),e.createElementVNode("a",{href:"#",onClick:t[10]||(t[10]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[27]||(t[27]=[e.createTextVNode("Upcoming")])),_:1})]),e.createElementVNode("a",{href:"#",onClick:t[11]||(t[11]=e.withModifiers(d=>r.pageChange("tournaments"),["prevent"]))},[e.createVNode(l,{color:"secondary",size:"sm",tag:"p",weight:"normal",class:"mb-2"},{default:e.withCtx(()=>t[28]||(t[28]=[e.createTextVNode("Past")])),_:1})])])])]),e.createElementVNode("div",Ht,[e.createElementVNode("div",Zt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-4 w-full"},{default:e.withCtx(()=>t[29]||(t[29]=[e.createTextVNode("Subscribe for Updates")])),_:1}),e.createVNode(a,{placeholder:"Email",type:"email",class:"w-full"})]),e.createElementVNode("div",Rt,[e.createVNode(l,{color:"secondary",size:"md",tag:"p",weight:"thin",class:"pb-2"},{default:e.withCtx(()=>t[30]||(t[30]=[e.createTextVNode("Follow Us")])),_:1}),e.createElementVNode("div",Pt,[e.createVNode(i,{type:"fa-brands",icon:"fa-facebook",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-discord",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-instagram",color:"secondary",size:"lg",class:"mr-4"}),e.createVNode(i,{type:"fa-brands",icon:"fa-youtube",color:"secondary",size:"lg",class:"mr-4"})])])])])],64)}const z=g(gt,[["render",Ot]]),Jt={name:"HomePage",components:{Footer:z,DoubleButtonBanner:T,SingleButtonBanner:S,GridLayout:A,ArticleCard:w,FencerCard:C,PageHeader:u,HeroBanner:E},props:{title:{type:String,default:"Hero Banner Title"},description:{type:String,default:"This is the description that goes under the hero banner."},buttonLabel:{type:String,default:"Click Here"},imageSrc:{type:String,default:"https://meyersquared.com/images/Banner2.png"},tournaments:{type:Array,default:()=>[]},tournamentsIsLoading:{type:Boolean,default:!1},articles:{type:Array,default:()=>[]},articlesIsLoading:{type:Boolean,default:!1},topFencers:{type:Array,default:()=>[]},topFencersIsLoading:{type:Boolean,default:!1}},computed:{ArticleCard(){return w},FencerCard(){return C},limitedTournaments(){return this.tournaments.slice(0,6)}},data(){return{TournamentCard:e.markRaw(B)}},methods:{handleGridCardClick(){console.log("Grid Card Clicked")},changePage(o){console.log("Change Page",o)}}},qt={class:"m-0 w-full bg-secondary"};function Xt(o,t,n,m,s,r){const l=e.resolveComponent("PageHeader"),a=e.resolveComponent("HeroBanner"),i=e.resolveComponent("GridLayout"),d=e.resolveComponent("SingleButtonBanner"),h=e.resolveComponent("DoubleButtonBanner"),I=e.resolveComponent("Footer");return e.openBlock(),e.createElementBlock("div",qt,[e.createVNode(l,{onChangePage:r.changePage},null,8,["onChangePage"]),e.createVNode(a,{title:n.title,buttonLabel:n.buttonLabel,description:n.description,imageSrc:n.imageSrc},null,8,["title","buttonLabel","description","imageSrc"]),e.createVNode(i,{cardComponent:s.TournamentCard,items:r.limitedTournaments,maxColumns:3,isLoading:n.articlesIsLoading,moreButtonLabel:"See All Tournaments",title:"Upcoming",onGridClick:t[0]||(t[0]=x=>r.changePage("tournaments")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(d,{buttonLabel:"Learn More",description:"Look for a Club? <br> We can help.",imageUrl:"https://meyersquared.com/images/banners/largebanner03.jpg",onHandleButtonClick:t[1]||(t[1]=x=>r.changePage("clubs"))}),e.createVNode(i,{cardComponent:r.FencerCard,items:n.topFencers,maxColumns:5,mobileHorizontal:!0,isLoading:n.topFencersIsLoading,moreButtonLabel:"Leaderboards",title:"Top Fencers",onGridClick:t[2]||(t[2]=x=>r.changePage("leaderboard")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(h,{title:"How Does Meyer Squared work?","button-label-two":"Run a tournament","button-label-one":"Submit Results",onHandleButtonClickOne:t[3]||(t[3]=x=>r.changePage("submitresults")),onHandleButtonClickTwo:t[4]||(t[4]=x=>r.changePage("runtournament"))}),e.createVNode(i,{cardComponent:r.ArticleCard,items:n.articles,maxColumns:3,mobileHorizontal:!0,isLoading:n.articlesIsLoading,moreButtonLabel:"See More",title:"Interesting Articles",onGridClick:t[5]||(t[5]=x=>r.changePage("articles")),onGridCardClick:r.handleGridCardClick},null,8,["cardComponent","items","isLoading","onGridCardClick"]),e.createVNode(I,{onChangePage:r.changePage},null,8,["onChangePage"])])}const _t=g(Jt,[["render",Xt]]);c.ArticleCard=w,c.BaseIcon=b,c.BaseText=f,c.DoubleButtonBanner=T,c.FencerCard=C,c.Footer=z,c.GridLayout=A,c.HeroBanner=E,c.HomePage=_t,c.Icon=p,c.InputField=y,c.PageHeader=u,c.Searchbox=V,c.SingleButtonBanner=S,c.TournamentCard=B,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/meyersquaredui",
   "private": false,
-  "version": "1.0.47",
+  "version": "1.0.48",
   "type": "module",
   "main": "dist/meyersquaredui.cjs.js",
   "module": "dist/meyersquaredui.esm.js",

package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue

@@ -10,10 +10,10 @@
           <SearchBox class="w-24 md:w-32 lg:w-52 xl:w-64" @search="onSearch" />
         </div>
         <nav class="ml-8 w-2/3 flex justify-around">
-          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('tournament')">Tournaments</BaseText>
-          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('clubs')">Clubs</BaseText>
-          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('leaderboard')">Leaderboard</BaseText>
-          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('contact')">Contact</BaseText>
+          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('TournamentList')">Tournaments</BaseText>
+          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('ClubList')">Clubs</BaseText>
+          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('Leaderboard')">Leaderboard</BaseText>
+          <BaseText color="secondary" size="md" tag="p" weight="normal" class="border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out" @click="handlePageChange('ContactUs')">Contact</BaseText>
         </nav>
       </section>
       <div class="w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center">