@dcrackel/meyersquaredui 1.0.37 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/meyersquaredui.es.js +1276 -209
  2. package/dist/meyersquaredui.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +2 -2
  5. package/src/assets/fonts/Raleway-Thin.ttf +0 -0
  6. package/src/assets/images/portrait1.png +0 -0
  7. package/src/index.js +7 -1
  8. package/src/mocks/getArticles.js +19 -0
  9. package/src/mocks/getTopFencers.js +157 -0
  10. package/src/mocks/getTournamentsMock.js +185 -0
  11. package/src/stories/Atoms/BaseButton/BaseButton.stories.js +35 -32
  12. package/src/stories/Atoms/BaseButton/BaseButton.vue +66 -4
  13. package/src/stories/Atoms/BaseText/BaseText.vue +25 -8
  14. package/src/stories/Atoms/Icon/Icon.vue +6 -1
  15. package/src/stories/Organisms/Cards/ArticleCard/ArticleCard.stories.js +25 -0
  16. package/src/stories/Organisms/Cards/ArticleCard/ArticleCard.vue +48 -0
  17. package/src/stories/Organisms/Cards/FencerCard/FencerCard.stories.js +48 -0
  18. package/src/stories/Organisms/Cards/FencerCard/FencerCard.vue +69 -0
  19. package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.stories.js +24 -0
  20. package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.vue +121 -0
  21. package/src/stories/Organisms/Footer/Foot.stories.js +11 -0
  22. package/src/stories/Organisms/Footer/Footer.vue +94 -0
  23. package/src/stories/Organisms/GridLayout/GridLayout.stories.js +148 -0
  24. package/src/stories/Organisms/GridLayout/GridLayout.vue +98 -0
  25. package/src/stories/Organisms/Headers/Header.stories.js +1 -1
  26. package/src/stories/Organisms/Headers/Header.vue +5 -6
  27. package/src/stories/Organisms/HeroBanners/HomePage/HeroBanner.vue +52 -25
  28. package/src/stories/Organisms/SectionBanners/DoubleButtonBanner/DoubleButtonBanner.stories.js +28 -0
  29. package/src/stories/Organisms/SectionBanners/DoubleButtonBanner/DoubleButtonBanner.vue +118 -0
  30. package/src/stories/Organisms/SectionBanners/SingleButtonBanner/SingleButtonBanner.stories.js +35 -0
  31. package/src/stories/Organisms/SectionBanners/SingleButtonBanner/SingleButtonBanner.vue +48 -0
  32. package/src/stories/Templates/HomePage/{TestPage.stories.js → HomePage.stories.js} +9 -4
  33. package/src/stories/Templates/HomePage/HomePage.vue +111 -0
  34. package/src/components/HelloWorld.vue +0 -43
  35. package/src/stories/Templates/HomePage/TestPage.vue +0 -39
@@ -1,102 +1,38 @@
1
- import { openBlock as b, createElementBlock as x, normalizeClass as f, toDisplayString as g, createBlock as C, resolveDynamicComponent as B, withCtx as i, renderSlot as S, mergeProps as k, resolveComponent as u, createVNode as l, createElementVNode as o, createTextVNode as m, Fragment as _ } from "vue";
2
- const p = (e, t) => {
3
- const r = e.__vccOpts || e;
4
- for (const [d, n] of t)
5
- r[d] = n;
6
- return r;
7
- }, j = {
8
- name: "BaseButton",
9
- props: {
10
- label: {
11
- type: String,
12
- required: !0
13
- },
14
- altText: {
15
- type: String,
16
- default: null
17
- },
18
- color: {
19
- type: String,
20
- default: "primary",
21
- validator: (e) => ["primary", "secondary", "accent"].includes(e)
22
- },
23
- backgroundColor: {
24
- type: String,
25
- default: "primary",
26
- validator: (e) => ["primary", "secondary", "accent"].includes(e)
27
- },
28
- border: {
29
- type: String,
30
- default: "none",
31
- validator: (e) => ["none", "primary", "secondary", "accent", "gradient1", "gradient2"].includes(e)
32
- }
33
- },
34
- computed: {
35
- textColorClass() {
36
- return {
37
- primary: "text-primary",
38
- secondary: "text-secondary",
39
- accent: "text-accent"
40
- }[this.color] || "text-primary";
41
- },
42
- backgroundClass() {
43
- return {
44
- primary: "bg-primary hover:bg-accent",
45
- secondary: "bg-secondary hover:bg-accent",
46
- accent: "bg-accent hover:bg-accent"
47
- }[this.backgroundColor] || "bg-primary";
48
- },
49
- borderClass() {
50
- return {
51
- none: "",
52
- primary: "border border-primary",
53
- secondary: "border border-secondary",
54
- accent: "border border-accent",
55
- gradient1: "border-gradient-rounded-1",
56
- gradient2: "border-gradient-rounded-2"
57
- }[this.border] || "";
58
- }
59
- }
60
- }, z = ["title", "aria-label"];
61
- function G(e, t, r, d, n, s) {
62
- return b(), x("button", {
63
- class: f([
64
- "px-4 py-2 rounded-md transition duration-300 ease-in-out",
65
- s.textColorClass,
66
- s.backgroundClass,
67
- s.borderClass
68
- ]),
69
- title: r.altText || r.label,
70
- "aria-label": r.altText || r.label,
71
- onClick: t[0] || (t[0] = (a) => e.$emit("click"))
72
- }, g(r.label), 11, z);
73
- }
74
- const h = /* @__PURE__ */ p(j, [["render", G], ["__scopeId", "data-v-34e83e90"]]), V = {
1
+ import { openBlock as g, createBlock as I, resolveDynamicComponent as z, normalizeClass as w, withCtx as n, renderSlot as K, createElementBlock as b, resolveComponent as m, createElementVNode as t, createVNode as r, createTextVNode as i, toDisplayString as u, mergeProps as V, Fragment as E, normalizeStyle as C, createCommentVNode as v, withModifiers as G, renderList as Y } from "vue";
2
+ const p = (s, e) => {
3
+ const a = s.__vccOpts || s;
4
+ for (const [h, d] of e)
5
+ a[h] = d;
6
+ return a;
7
+ }, F = {
75
8
  name: "BaseText",
76
9
  props: {
77
10
  tag: {
78
11
  type: String,
79
12
  default: "p",
80
- validator: (e) => ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span", "div"].includes(e)
13
+ validator: (s) => ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span", "div"].includes(s)
81
14
  },
82
15
  size: {
83
16
  type: String,
84
- default: "md",
85
- validator: (e) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"].includes(e)
17
+ default: "md"
86
18
  },
87
19
  color: {
88
20
  type: String,
89
21
  default: "primary"
90
22
  },
23
+ hoverColor: {
24
+ type: String,
25
+ default: ""
26
+ },
91
27
  weight: {
92
28
  type: String,
93
29
  default: "normal",
94
- validator: (e) => ["light", "normal", "semibold", "bold"].includes(e)
30
+ validator: (s) => ["thin", "light", "normal", "semibold", "bold"].includes(s)
95
31
  }
96
32
  },
97
33
  computed: {
98
34
  textClasses() {
99
- const e = {
35
+ const s = {
100
36
  xs: "text-xs",
101
37
  sm: "text-sm",
102
38
  md: "lg:text-base",
@@ -106,27 +42,31 @@ const h = /* @__PURE__ */ p(j, [["render", G], ["__scopeId", "data-v-34e83e90"]]
106
42
  "3xl": "text-3xl",
107
43
  "4xl": "text-4xl",
108
44
  "5xl": "text-5xl"
109
- }, t = {
110
- light: "font-light",
111
- normal: "font-normal",
112
- semibold: "font-semibold",
113
- bold: "font-bold"
114
- };
115
- return `${e[this.size]} ${t[this.weight]} text-${this.color}`;
45
+ }, e = {
46
+ thin: "font-thin font-[100]",
47
+ light: "font-light font-[300]",
48
+ normal: "font-normal font-[400]",
49
+ semibold: "font-semibold font-[600]",
50
+ bold: "font-bold font-[700]"
51
+ }, a = this.hoverColor ? `hover:text-${this.hoverColor}` : "";
52
+ return `${this.size.split(" ").map((d) => {
53
+ const [o, l] = d.includes(":") ? d.split(":") : [null, d];
54
+ return o ? `${o}:${s[l]}` : s[l];
55
+ }).filter(Boolean).join(" ")} ${e[this.weight]} text-${this.color} ${a} font-raleway`;
116
56
  }
117
57
  }
118
58
  };
119
- function X(e, t, r, d, n, s) {
120
- return b(), C(B(r.tag), {
121
- class: f(s.textClasses)
59
+ function T(s, e, a, h, d, o) {
60
+ return g(), I(z(a.tag), {
61
+ class: w(o.textClasses)
122
62
  }, {
123
- default: i(() => [
124
- S(e.$slots, "default")
63
+ default: n(() => [
64
+ K(s.$slots, "default")
125
65
  ]),
126
66
  _: 3
127
67
  }, 8, ["class"]);
128
68
  }
129
- const v = /* @__PURE__ */ p(V, [["render", X]]), Z = {
69
+ const x = /* @__PURE__ */ p(F, [["render", T]]), j = {
130
70
  name: "Icon",
131
71
  props: {
132
72
  icon: {
@@ -136,12 +76,17 @@ const v = /* @__PURE__ */ p(V, [["render", X]]), Z = {
136
76
  color: {
137
77
  type: String,
138
78
  default: "primary",
139
- validator: (e) => ["primary", "secondary", "accent"].includes(e)
79
+ validator: (s) => ["primary", "secondary", "accent"].includes(s)
140
80
  },
141
81
  size: {
142
82
  type: String,
143
83
  default: "md",
144
- validator: (e) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"].includes(e)
84
+ validator: (s) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"].includes(s)
85
+ },
86
+ type: {
87
+ type: String,
88
+ default: "fa-solid",
89
+ validator: (s) => ["fa-thin", "fa-sharp"].includes(s)
145
90
  }
146
91
  },
147
92
  computed: {
@@ -165,13 +110,160 @@ const v = /* @__PURE__ */ p(V, [["render", X]]), Z = {
165
110
  }
166
111
  }
167
112
  };
168
- function I(e, t, r, d, n, s) {
169
- return b(), x("i", {
170
- class: f(["fas", r.icon, s.colorClasses, s.sizeClasses]),
171
- onClick: t[0] || (t[0] = (a) => e.$emit("click"))
113
+ function N(s, e, a, h, d, o) {
114
+ return g(), b("i", {
115
+ class: w([a.type, a.icon, o.colorClasses, o.sizeClasses]),
116
+ onClick: e[0] || (e[0] = (l) => s.$emit("click"))
172
117
  }, null, 2);
173
118
  }
174
- const w = /* @__PURE__ */ p(Z, [["render", I]]), N = {
119
+ const A = /* @__PURE__ */ p(j, [["render", N]]), D = {
120
+ name: "BaseButton",
121
+ components: {
122
+ BaseText: x,
123
+ Icon: A
124
+ },
125
+ props: {
126
+ label: {
127
+ type: String,
128
+ required: !0
129
+ },
130
+ altText: {
131
+ type: String,
132
+ default: null
133
+ },
134
+ size: {
135
+ type: String,
136
+ default: "md"
137
+ },
138
+ weight: {
139
+ type: String,
140
+ default: "normal"
141
+ },
142
+ color: {
143
+ type: String,
144
+ default: "primary",
145
+ validator: (s) => ["primary", "secondary", "accent"].includes(s)
146
+ },
147
+ hoverColor: {
148
+ type: String,
149
+ default: "",
150
+ validator: (s) => ["primary", "secondary", "accent"].includes(s)
151
+ },
152
+ backgroundColor: {
153
+ type: String,
154
+ default: "primary",
155
+ validator: (s) => ["primary", "secondary", "accent"].includes(s)
156
+ },
157
+ border: {
158
+ type: String,
159
+ default: "none",
160
+ validator: (s) => ["none", "primary", "secondary", "accent", "gradient1", "gradient2"].includes(s)
161
+ },
162
+ padding: {
163
+ type: String,
164
+ default: "px-4 py-2"
165
+ },
166
+ iconName: {
167
+ type: String,
168
+ default: ""
169
+ },
170
+ iconColor: {
171
+ type: String,
172
+ default: "primary",
173
+ validator: (s) => ["primary", "secondary", "accent"].includes(s)
174
+ },
175
+ iconSize: {
176
+ control: { type: "select", options: ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"] },
177
+ description: "Icon size"
178
+ },
179
+ iconType: {
180
+ type: String,
181
+ default: "fa-solid",
182
+ validator: (s) => ["fa-thin", "fa-sharp"].includes(s)
183
+ },
184
+ align: {
185
+ type: String,
186
+ default: "center",
187
+ validator: (s) => ["left", "center", "right", "between"].includes(s)
188
+ }
189
+ },
190
+ computed: {
191
+ paddingClass() {
192
+ return this.padding;
193
+ },
194
+ textColorClass() {
195
+ return {
196
+ primary: "text-primary",
197
+ secondary: "text-secondary",
198
+ accent: "text-accent"
199
+ }[this.color] || "text-primary";
200
+ },
201
+ backgroundClass() {
202
+ return {
203
+ primary: "bg-primary hover:bg-accent",
204
+ secondary: "bg-secondary hover:bg-primary",
205
+ accent: "bg-accent hover:bg-accent"
206
+ }[this.backgroundColor] || "bg-primary";
207
+ },
208
+ borderClass() {
209
+ return {
210
+ none: "",
211
+ primary: "border border-primary",
212
+ secondary: "border border-secondary",
213
+ accent: "border border-accent",
214
+ gradient1: "border-gradient-rounded-1",
215
+ gradient2: "border-gradient-rounded-2"
216
+ }[this.border] || "";
217
+ },
218
+ alignmentClass() {
219
+ return {
220
+ left: "justify-start",
221
+ center: "justify-center",
222
+ right: "justify-end",
223
+ between: "justify-between"
224
+ // New "between" option added
225
+ }[this.align] || "justify-center";
226
+ }
227
+ }
228
+ }, U = ["title", "aria-label"];
229
+ function M(s, e, a, h, d, o) {
230
+ const l = m("BaseText"), c = m("Icon");
231
+ return g(), b("button", {
232
+ class: w([
233
+ "rounded-md transition duration-300 ease-in-out",
234
+ o.paddingClass,
235
+ o.textColorClass,
236
+ o.backgroundClass,
237
+ o.borderClass
238
+ ]),
239
+ title: a.altText || a.label,
240
+ "aria-label": a.altText || a.label,
241
+ onClick: e[0] || (e[0] = (f) => s.$emit("click"))
242
+ }, [
243
+ t("div", {
244
+ class: w(["flex items-center", o.alignmentClass, "space-x-2"])
245
+ }, [
246
+ r(l, {
247
+ color: a.color,
248
+ hoverColor: a.hoverColor,
249
+ size: a.size,
250
+ weight: a.weight
251
+ }, {
252
+ default: n(() => [
253
+ i(u(a.label), 1)
254
+ ]),
255
+ _: 1
256
+ }, 8, ["color", "hoverColor", "size", "weight"]),
257
+ r(c, {
258
+ icon: a.iconName,
259
+ color: a.iconColor,
260
+ size: a.iconSize,
261
+ type: a.iconType
262
+ }, null, 8, ["icon", "color", "size", "type"])
263
+ ], 2)
264
+ ], 10, U);
265
+ }
266
+ const y = /* @__PURE__ */ p(D, [["render", M], ["__scopeId", "data-v-e983c5cf"]]), W = {
175
267
  name: "InputField",
176
268
  props: {
177
269
  type: {
@@ -187,21 +279,21 @@ const w = /* @__PURE__ */ p(Z, [["render", I]]), N = {
187
279
  default: ""
188
280
  }
189
281
  }
190
- }, q = ["type", "placeholder"];
191
- function T(e, t, r, d, n, s) {
192
- return b(), x("input", k({
193
- type: r.type,
194
- placeholder: r.placeholder
195
- }, e.$attrs, {
282
+ }, L = ["type", "placeholder"];
283
+ function R(s, e, a, h, d, o) {
284
+ return g(), b("input", V({
285
+ type: a.type,
286
+ placeholder: a.placeholder
287
+ }, s.$attrs, {
196
288
  class: "bg-black 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",
197
- onInput: t[0] || (t[0] = (a) => e.$emit("update:modelValue", a.target.value))
198
- }), null, 16, q);
289
+ onInput: e[0] || (e[0] = (l) => s.$emit("update:modelValue", l.target.value))
290
+ }), null, 16, L);
199
291
  }
200
- const W = /* @__PURE__ */ p(N, [["render", T]]), E = {
292
+ const k = /* @__PURE__ */ p(W, [["render", R]]), Z = {
201
293
  name: "SearchBox",
202
294
  components: {
203
- InputField: W,
204
- Icon: w
295
+ InputField: k,
296
+ Icon: A
205
297
  },
206
298
  data() {
207
299
  return {
@@ -213,106 +305,106 @@ const W = /* @__PURE__ */ p(N, [["render", T]]), E = {
213
305
  console.log("Search Query:", this.searchQuery);
214
306
  }
215
307
  }
216
- }, Y = { class: "relative flex items-center w-full max-w-md" };
217
- function M(e, t, r, d, n, s) {
218
- const a = u("InputField"), c = u("Icon");
219
- return b(), x("div", Y, [
220
- l(a, {
221
- modelValue: n.searchQuery,
222
- "onUpdate:modelValue": t[0] || (t[0] = (y) => n.searchQuery = y),
308
+ }, H = { class: "relative flex items-center w-full max-w-md" };
309
+ function J(s, e, a, h, d, o) {
310
+ const l = m("InputField"), c = m("Icon");
311
+ return g(), b("div", H, [
312
+ r(l, {
313
+ modelValue: d.searchQuery,
314
+ "onUpdate:modelValue": e[0] || (e[0] = (f) => d.searchQuery = f),
223
315
  placeholder: "Search"
224
316
  }, null, 8, ["modelValue"]),
225
- l(c, {
317
+ r(c, {
226
318
  icon: "fa-search",
227
319
  color: "secondary",
228
320
  size: "sm",
229
321
  class: "absolute right-2",
230
- onClick: s.onSearch
322
+ onClick: o.onSearch
231
323
  }, null, 8, ["onClick"])
232
324
  ]);
233
325
  }
234
- const F = /* @__PURE__ */ p(E, [["render", M]]), J = "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==", O = {
326
+ const O = /* @__PURE__ */ p(Z, [["render", J]]), Q = "data:image/png;base64,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", X = {
235
327
  name: "Header",
236
328
  components: {
237
- SearchBox: F,
238
- BaseText: v,
239
- BaseButton: h,
240
- Icon: w
329
+ SearchBox: O,
330
+ BaseText: x,
331
+ BaseButton: y,
332
+ Icon: A
241
333
  },
242
334
  data() {
243
335
  return {
244
- logo: J
336
+ logo: Q
245
337
  };
246
338
  }
247
- }, K = { class: "border-b border-lineGrey w-full bg-primary m-0" }, L = { class: "w-full hidden md:flex" }, D = { class: "flex items-center justify-center w-36 h-36" }, H = ["src"], U = { class: "flex w-full items-center border-r border-l border-lineGrey" }, R = { class: "hidden lg:flex w-1/3 pl-20" }, Q = { class: "ml-8 w-2/3 flex justify-around" }, P = { class: "flex items-center justify-center w-36 h-36" }, $ = { class: "w-full flex md:hidden" }, ee = { class: "m-4 flex justify-between" }, te = ["src"];
248
- function re(e, t, r, d, n, s) {
249
- const a = u("SearchBox"), c = u("BaseText"), y = u("BaseButton"), A = u("Icon");
250
- return b(), x("header", K, [
251
- o("section", L, [
252
- o("div", D, [
253
- o("img", {
254
- src: n.logo,
339
+ }, _ = { class: "border-b border-lineGrey w-full bg-primary m-0" }, q = { class: "w-full hidden md:flex" }, P = { class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" }, $ = ["src"], ee = { class: "flex w-full items-center border-r border-l border-lineGrey" }, te = { class: "hidden lg:flex w-1/3 pl-20" }, se = { class: "ml-8 w-2/3 flex justify-around" }, re = { class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" }, oe = { class: "w-full flex md:hidden" }, le = { class: "m-2 flex justify-between w-full" }, ae = ["src"];
340
+ function ne(s, e, a, h, d, o) {
341
+ const l = m("SearchBox"), c = m("BaseText"), f = m("BaseButton"), B = m("Icon");
342
+ return g(), b("header", _, [
343
+ t("section", q, [
344
+ t("div", P, [
345
+ t("img", {
346
+ src: d.logo,
255
347
  alt: "Logo",
256
348
  class: "h-14 w-18 bg-accent"
257
- }, null, 8, H)
349
+ }, null, 8, $)
258
350
  ]),
259
- o("section", U, [
260
- o("div", R, [
261
- l(a, { class: "w-24 md:w-32 lg:w-52 xl:w-64 bg-primary" })
351
+ t("section", ee, [
352
+ t("div", te, [
353
+ r(l, { class: "w-24 md:w-32 lg:w-52 xl:w-64 bg-primary" })
262
354
  ]),
263
- o("nav", Q, [
264
- l(c, {
355
+ t("nav", se, [
356
+ r(c, {
265
357
  color: "secondary",
266
358
  size: "md",
267
359
  tag: "p",
268
360
  weight: "normal",
269
361
  class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
270
362
  }, {
271
- default: i(() => t[0] || (t[0] = [
272
- m("Tournaments")
363
+ default: n(() => e[0] || (e[0] = [
364
+ i("Tournaments")
273
365
  ])),
274
366
  _: 1
275
367
  }),
276
- l(c, {
368
+ r(c, {
277
369
  color: "secondary",
278
370
  size: "md",
279
371
  tag: "p",
280
372
  weight: "normal",
281
373
  class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
282
374
  }, {
283
- default: i(() => t[1] || (t[1] = [
284
- m("Clubs")
375
+ default: n(() => e[1] || (e[1] = [
376
+ i("Clubs")
285
377
  ])),
286
378
  _: 1
287
379
  }),
288
- l(c, {
380
+ r(c, {
289
381
  color: "secondary",
290
382
  size: "md",
291
383
  tag: "p",
292
384
  weight: "normal",
293
385
  class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
294
386
  }, {
295
- default: i(() => t[2] || (t[2] = [
296
- m("Leaderboard")
387
+ default: n(() => e[2] || (e[2] = [
388
+ i("Leaderboard")
297
389
  ])),
298
390
  _: 1
299
391
  }),
300
- l(c, {
392
+ r(c, {
301
393
  color: "secondary",
302
394
  size: "md",
303
395
  tag: "p",
304
396
  weight: "normal",
305
397
  class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
306
398
  }, {
307
- default: i(() => t[3] || (t[3] = [
308
- m("Contact")
399
+ default: n(() => e[3] || (e[3] = [
400
+ i("Contact")
309
401
  ])),
310
402
  _: 1
311
403
  })
312
404
  ])
313
405
  ]),
314
- o("div", P, [
315
- l(y, {
406
+ t("div", re, [
407
+ r(f, {
316
408
  backgroundColor: "primary",
317
409
  border: "secondary",
318
410
  color: "secondary",
@@ -321,29 +413,29 @@ function re(e, t, r, d, n, s) {
321
413
  })
322
414
  ])
323
415
  ]),
324
- o("section", $, [
325
- o("div", ee, [
326
- o("img", {
327
- src: n.logo,
416
+ t("section", oe, [
417
+ t("div", le, [
418
+ t("img", {
419
+ src: d.logo,
328
420
  alt: "Logo",
329
- class: "h-10 w-14"
330
- }, null, 8, te),
331
- l(A, {
421
+ class: "h-6 w-9"
422
+ }, null, 8, ae),
423
+ r(B, {
332
424
  icon: "fa-bars",
333
425
  color: "secondary",
334
426
  size: "xl",
335
- class: "absolute right-2",
336
- onClick: e.onSearch
427
+ class: "",
428
+ onClick: s.onSearch
337
429
  }, null, 8, ["onClick"])
338
430
  ])
339
431
  ])
340
432
  ]);
341
433
  }
342
- const be = /* @__PURE__ */ p(O, [["render", re]]), oe = {
434
+ const Ft = /* @__PURE__ */ p(X, [["render", ne]]), ie = {
343
435
  name: "HeroBanner",
344
436
  components: {
345
- BaseText: v,
346
- BaseButton: h
437
+ BaseText: x,
438
+ BaseButton: y
347
439
  },
348
440
  props: {
349
441
  imageSrc: {
@@ -363,93 +455,818 @@ const be = /* @__PURE__ */ p(O, [["render", re]]), oe = {
363
455
  required: !0
364
456
  }
365
457
  },
458
+ data() {
459
+ return {
460
+ isMobile: !1
461
+ };
462
+ },
463
+ computed: {
464
+ backgroundStyle() {
465
+ return {
466
+ backgroundImage: `url(${this.imageSrc})`,
467
+ backgroundSize: "cover",
468
+ backgroundPosition: "center",
469
+ backgroundRepeat: "no-repeat"
470
+ };
471
+ }
472
+ },
473
+ mounted() {
474
+ this.checkScreenSize(), window.addEventListener("resize", this.checkScreenSize);
475
+ },
476
+ beforeDestroy() {
477
+ window.removeEventListener("resize", this.checkScreenSize);
478
+ },
366
479
  methods: {
480
+ checkScreenSize() {
481
+ this.isMobile = window.innerWidth < 768;
482
+ },
367
483
  onClick() {
368
484
  this.$emit("button-click");
369
485
  }
370
486
  }
371
- }, se = { class: "relative w-full h-3/4 flex justify-center bg-primary m-0" }, le = { class: "relative w-full border-b border-l border-r border-lineGrey" }, ne = ["src"], ae = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8" }, ce = { class: "text-left text-white max-w-lg" }, ie = { class: "flex justify-center md:hidden text-left bg-primary w-full" }, de = { class: "w-full px-6 py-8 text-center" };
372
- function ue(e, t, r, d, n, s) {
373
- const a = u("BaseText"), c = u("BaseButton");
374
- return b(), x(_, null, [
375
- o("section", se, [
376
- t[0] || (t[0] = o("div", { class: "hidden md:block w-36 bg-primary" }, null, -1)),
377
- o("div", le, [
378
- o("img", {
379
- src: r.imageSrc,
487
+ }, ce = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, de = ["src"], ue = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8" }, me = { class: "text-left text-white max-w-lg" }, ge = {
488
+ key: 1,
489
+ class: "flex justify-center text-left w-full px-6 py-8"
490
+ }, he = { class: "w-full" };
491
+ function be(s, e, a, h, d, o) {
492
+ const l = m("BaseText"), c = m("BaseButton");
493
+ return g(), b(E, null, [
494
+ t("section", {
495
+ class: "relative w-full h-3/4 flex justify-center bg-primary m-0",
496
+ style: C(o.backgroundStyle)
497
+ }, [
498
+ e[0] || (e[0] = t("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
499
+ t("div", ce, [
500
+ d.isMobile ? v("", !0) : (g(), b("img", {
501
+ key: 0,
502
+ src: a.imageSrc,
380
503
  alt: "Hero Image",
381
504
  class: "w-full h-full object-cover"
382
- }, null, 8, ne),
383
- o("section", ae, [
384
- o("div", ce, [
385
- l(a, {
505
+ }, null, 8, de)),
506
+ t("section", ue, [
507
+ t("div", me, [
508
+ r(l, {
386
509
  color: "secondary",
387
510
  tag: "h1",
388
511
  size: "4xl",
389
512
  weight: "bold",
390
513
  class: "mb-4"
391
514
  }, {
392
- default: i(() => [
393
- m(g(r.title), 1)
515
+ default: n(() => [
516
+ i(u(a.title), 1)
394
517
  ]),
395
518
  _: 1
396
519
  }),
397
- l(a, {
520
+ r(l, {
398
521
  color: "secondary",
399
522
  tag: "p",
400
523
  size: "lg",
401
524
  weight: "normal",
402
525
  class: "mb-6"
403
526
  }, {
404
- default: i(() => [
405
- m(g(r.description), 1)
527
+ default: n(() => [
528
+ i(u(a.description), 1)
406
529
  ]),
407
530
  _: 1
408
531
  }),
409
- l(c, {
410
- label: r.buttonLabel,
532
+ r(c, {
533
+ label: a.buttonLabel,
411
534
  color: "secondary",
412
535
  border: "gradient1",
413
- onClick: s.onClick
536
+ onClick: o.onClick
414
537
  }, null, 8, ["label", "onClick"])
415
538
  ])
539
+ ]),
540
+ d.isMobile ? (g(), b("div", ge, [
541
+ t("div", he, [
542
+ r(l, {
543
+ color: "secondary",
544
+ tag: "h1",
545
+ size: "xl",
546
+ weight: "bold",
547
+ class: "mb-2 w-48"
548
+ }, {
549
+ default: n(() => [
550
+ i(u(a.title), 1)
551
+ ]),
552
+ _: 1
553
+ }),
554
+ r(l, {
555
+ color: "secondary",
556
+ tag: "p",
557
+ size: "xs",
558
+ weight: "normal",
559
+ class: "mb-6 w-48"
560
+ }, {
561
+ default: n(() => [
562
+ i(u(a.description), 1)
563
+ ]),
564
+ _: 1
565
+ }),
566
+ r(c, {
567
+ label: a.buttonLabel,
568
+ size: "xs",
569
+ color: "secondary",
570
+ border: "gradient1",
571
+ class: "w-1/2 m-auto",
572
+ onClick: o.onClick
573
+ }, null, 8, ["label", "onClick"])
574
+ ])
575
+ ])) : v("", !0)
576
+ ]),
577
+ e[1] || (e[1] = t("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
578
+ ], 4),
579
+ e[2] || (e[2] = t("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
580
+ t("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
581
+ t("div", { class: "relative w-full border-b border-l border-r border-lineGrey h-36" }),
582
+ t("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
583
+ ], -1))
584
+ ], 64);
585
+ }
586
+ const Tt = /* @__PURE__ */ p(ie, [["render", be]]), fe = {
587
+ name: "TournamentCard",
588
+ components: {
589
+ BaseText: x,
590
+ Icon: A
591
+ },
592
+ props: {
593
+ data: {
594
+ type: Object,
595
+ required: !0
596
+ }
597
+ },
598
+ data() {
599
+ return {
600
+ isImageError: !1
601
+ };
602
+ },
603
+ mounted() {
604
+ console.log(this.data);
605
+ },
606
+ computed: {
607
+ image() {
608
+ return !this.isImageError && this.data.Images && this.data.Images.length > 0 ? this.data.Images[0].URL : "https://via.placeholder.com/300x200";
609
+ },
610
+ fallbackStyle() {
611
+ return this.isImageError ? { backgroundColor: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center" } : {};
612
+ },
613
+ title() {
614
+ return this.data && this.data.Name || "";
615
+ },
616
+ location() {
617
+ return this.data && this.data.Address ? `${this.data.Address.Name} • ${this.data.Address.City}, ${this.data.Address.State}` : "Location Unavailable";
618
+ },
619
+ startDate() {
620
+ return this.data && this.formatDate(this.data.StartDate);
621
+ },
622
+ endDate() {
623
+ return this.data && this.formatDate(this.data.EndDate);
624
+ },
625
+ numberOfFencers() {
626
+ return this.data && this.data.NumberOfFencers ? this.data.NumberOfFencers : 0;
627
+ }
628
+ },
629
+ methods: {
630
+ formatDate(s) {
631
+ return new Date(s).toLocaleDateString("en-US", {
632
+ year: "numeric",
633
+ month: "short",
634
+ day: "numeric"
635
+ });
636
+ },
637
+ imageError() {
638
+ this.isImageError = !0;
639
+ }
640
+ }
641
+ }, pe = { class: "md:w-full mb-8" }, xe = { class: "hidden md:block" }, ye = ["src"], we = { class: "flex items-center mb-1" }, Ae = { class: "flex w-6 justify-center" }, Be = { class: "flex items-center" }, Ce = { class: "flex w-6 justify-center" }, Ee = { class: "md:hidden flex-col items-start gap-2 border-b border-borderGray" }, ve = { class: "flex flex-row" }, Se = ["src"], Ie = { class: "flex flex-col h-16 justify-center pl-2" }, ze = { class: "flex justify-between pt-4 pb-2" }, ke = { class: "flex justify-start w-5/12" }, Qe = { class: "flex justify-start mb-1 w-7/12" };
642
+ function Ke(s, e, a, h, d, o) {
643
+ const l = m("BaseText"), c = m("Icon");
644
+ return g(), b("div", pe, [
645
+ t("section", xe, [
646
+ t("img", {
647
+ src: o.image,
648
+ alt: "Tournament Image",
649
+ class: "w-full h-52 object-cover mb-2 rounded-md",
650
+ onError: e[0] || (e[0] = (...f) => o.imageError && o.imageError(...f)),
651
+ style: C(o.fallbackStyle)
652
+ }, null, 44, ye),
653
+ r(l, {
654
+ tag: "h3",
655
+ size: "xl",
656
+ weight: "semibold",
657
+ class: "mb-1"
658
+ }, {
659
+ default: n(() => [
660
+ i(u(o.title), 1)
661
+ ]),
662
+ _: 1
663
+ }),
664
+ r(l, {
665
+ tag: "p",
666
+ size: "sm",
667
+ weight: "semibold",
668
+ class: "mb-2"
669
+ }, {
670
+ default: n(() => [
671
+ i(u(o.location), 1)
672
+ ]),
673
+ _: 1
674
+ }),
675
+ t("div", we, [
676
+ t("span", Ae, [
677
+ r(c, {
678
+ icon: "fa-calendar",
679
+ color: "accent",
680
+ size: "sm",
681
+ class: "mr-3 w-4"
682
+ })
683
+ ]),
684
+ r(l, {
685
+ tag: "p",
686
+ size: "sm",
687
+ class: ""
688
+ }, {
689
+ default: n(() => [
690
+ i(u(o.startDate) + " to " + u(o.endDate), 1)
691
+ ]),
692
+ _: 1
693
+ })
694
+ ]),
695
+ t("div", Be, [
696
+ t("span", Ce, [
697
+ r(c, {
698
+ icon: "fa-user-friends",
699
+ color: "accent",
700
+ size: "sm",
701
+ class: "mr-3"
702
+ })
703
+ ]),
704
+ r(l, {
705
+ tag: "p",
706
+ size: "sm",
707
+ class: ""
708
+ }, {
709
+ default: n(() => [
710
+ i(u(o.numberOfFencers) + " Registered Fencers", 1)
711
+ ]),
712
+ _: 1
713
+ })
714
+ ])
715
+ ]),
716
+ t("section", Ee, [
717
+ t("div", ve, [
718
+ t("img", {
719
+ src: o.image,
720
+ alt: "Tournament Image",
721
+ class: "w-28 h-16 object-cover rounded-md",
722
+ onError: e[1] || (e[1] = (...f) => o.imageError && o.imageError(...f)),
723
+ style: C(o.fallbackStyle)
724
+ }, null, 44, Se),
725
+ t("div", Ie, [
726
+ r(l, {
727
+ tag: "h3",
728
+ size: "lg",
729
+ weight: "semibold",
730
+ class: "mb-1"
731
+ }, {
732
+ default: n(() => [
733
+ i(u(o.title), 1)
734
+ ]),
735
+ _: 1
736
+ }),
737
+ r(l, {
738
+ tag: "p",
739
+ size: "xs",
740
+ weight: "semibold",
741
+ class: "mb-1"
742
+ }, {
743
+ default: n(() => [
744
+ i(u(o.location), 1)
745
+ ]),
746
+ _: 1
747
+ })
416
748
  ])
417
749
  ]),
418
- t[1] || (t[1] = o("div", { class: "hidden md:block w-36 bg-primary" }, null, -1))
750
+ t("div", ze, [
751
+ t("div", ke, [
752
+ r(c, {
753
+ icon: "fa-user-friends",
754
+ color: "accent",
755
+ size: "xs",
756
+ class: "mr-1"
757
+ }),
758
+ r(l, {
759
+ tag: "p",
760
+ size: "xs",
761
+ class: ""
762
+ }, {
763
+ default: n(() => [
764
+ i(u(o.numberOfFencers) + " Registered", 1)
765
+ ]),
766
+ _: 1
767
+ })
768
+ ]),
769
+ t("div", Qe, [
770
+ r(c, {
771
+ icon: "fa-calendar",
772
+ color: "accent",
773
+ size: "xs",
774
+ class: "mr-1 w-4"
775
+ }),
776
+ r(l, {
777
+ tag: "p",
778
+ size: "xs",
779
+ class: ""
780
+ }, {
781
+ default: n(() => [
782
+ i(u(o.startDate) + " to " + u(o.endDate), 1)
783
+ ]),
784
+ _: 1
785
+ })
786
+ ])
787
+ ])
788
+ ])
789
+ ]);
790
+ }
791
+ const jt = /* @__PURE__ */ p(fe, [["render", Ke]]), S = "data:image/png;base64,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", Ve = {
792
+ name: "FencerCard",
793
+ components: {
794
+ BaseText: x,
795
+ defaultPortrait: S
796
+ },
797
+ props: {
798
+ data: {
799
+ type: Object,
800
+ required: !0
801
+ },
802
+ index: {
803
+ type: Number,
804
+ required: !0
805
+ }
806
+ },
807
+ data() {
808
+ return {};
809
+ },
810
+ computed: {
811
+ portrait() {
812
+ return this.data.ProfileImage && this.data.ProfileImage.URL ? this.data.ProfileImage.URL : S;
813
+ },
814
+ displayName() {
815
+ return this.data.DisplayName;
816
+ },
817
+ clubName() {
818
+ return this.data.Club.Name;
819
+ },
820
+ m2Rating() {
821
+ const s = this.data.M2Ratings.find((e) => e.WeaponId === 1);
822
+ return s ? s.FormattedRating : "U";
823
+ },
824
+ hrRating() {
825
+ return this.data.HEMARatings && this.data.HEMARatings[0] ? this.data.HEMARatings[0].Rating : 0;
826
+ }
827
+ }
828
+ }, Ge = { class: "mr-4 md:mr-2 items-center" }, Ye = { class: "flex flex-col m-auto justify-center mb-4 items-center w-[160px]" }, Fe = ["src"], Te = { class: "flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2" }, je = { class: "flex items-center justify-center" }, Ne = { class: "hidden md:flex items-center justify-center" };
829
+ function De(s, e, a, h, d, o) {
830
+ const l = m("BaseText");
831
+ return g(), b("section", Ge, [
832
+ t("div", Ye, [
833
+ t("img", {
834
+ src: o.portrait,
835
+ alt: "Fencer Portrait",
836
+ class: "w-[120px] h-[120px] md:w-40 md:h-40 rounded-full object-cover z-1 flex-shrink-0"
837
+ }, null, 8, Fe)
419
838
  ]),
420
- t[2] || (t[2] = o("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
421
- o("div", { class: "hidden md:block w-36 bg-primary" }),
422
- o("div", { class: "relative w-full border-b border-l border-r border-lineGrey h-36" }),
423
- o("div", { class: "hidden md:block w-36 bg-primary" })
839
+ t("div", Te, [
840
+ t("div", je, [
841
+ r(l, {
842
+ tag: "p",
843
+ size: "xs md:sm",
844
+ weight: "semibold",
845
+ class: "primary mr-1 block z-50"
846
+ }, {
847
+ default: n(() => e[0] || (e[0] = [
848
+ i("M2: ")
849
+ ])),
850
+ _: 1
851
+ }),
852
+ r(l, {
853
+ tag: "p",
854
+ size: "sm md:md",
855
+ weight: "bold",
856
+ class: "text-accent"
857
+ }, {
858
+ default: n(() => [
859
+ i(u(o.m2Rating), 1)
860
+ ]),
861
+ _: 1
862
+ })
863
+ ]),
864
+ t("div", Ne, [
865
+ r(l, {
866
+ tag: "p",
867
+ size: "md",
868
+ weight: "bold",
869
+ class: "text-accent"
870
+ }, {
871
+ default: n(() => [
872
+ i(u(o.hrRating), 1)
873
+ ]),
874
+ _: 1
875
+ }),
876
+ r(l, {
877
+ tag: "p",
878
+ size: "sm",
879
+ weight: "semibold",
880
+ class: "primary mr-1"
881
+ }, {
882
+ default: n(() => e[1] || (e[1] = [
883
+ i(":HR")
884
+ ])),
885
+ _: 1
886
+ })
887
+ ])
888
+ ]),
889
+ r(l, {
890
+ tag: "h3",
891
+ size: "sm md:xl",
892
+ weight: "semibold",
893
+ class: "text-center"
894
+ }, {
895
+ default: n(() => [
896
+ i(u(o.displayName), 1)
897
+ ]),
898
+ _: 1
899
+ }),
900
+ r(l, {
901
+ tag: "p",
902
+ size: "xs md:sm",
903
+ weight: "normal",
904
+ class: "text-center h-10"
905
+ }, {
906
+ default: n(() => [
907
+ i(u(o.clubName), 1)
908
+ ]),
909
+ _: 1
910
+ })
911
+ ]);
912
+ }
913
+ const Nt = /* @__PURE__ */ p(Ve, [["render", De]]), Ue = {
914
+ name: "ArticleCard",
915
+ components: {
916
+ BaseText: x
917
+ },
918
+ props: {
919
+ data: {
920
+ type: Object,
921
+ required: !0
922
+ }
923
+ },
924
+ computed: {
925
+ image() {
926
+ return this.data.image;
927
+ },
928
+ articleTitle() {
929
+ return this.data.articleTitle;
930
+ },
931
+ truncatedDescription() {
932
+ return this.data.description.length > 120 ? this.data.description.substring(0, 120) + " ..." : this.data.description;
933
+ }
934
+ },
935
+ methods: {
936
+ onReadMore() {
937
+ this.$emit("read-more");
938
+ }
939
+ }
940
+ }, Me = { class: "w-72 p-4 bg-secondary rounded-lg flex flex-col items-start" }, We = ["src"];
941
+ function Le(s, e, a, h, d, o) {
942
+ const l = m("BaseText");
943
+ return g(), b("div", Me, [
944
+ t("img", {
945
+ src: o.image,
946
+ alt: "Article Image",
947
+ class: "w-full h-40 object-cover rounded-t-md mb-4"
948
+ }, null, 8, We),
949
+ r(l, {
950
+ tag: "h3",
951
+ size: "xl",
952
+ weight: "semibold",
953
+ class: "mb-2"
954
+ }, {
955
+ default: n(() => [
956
+ i(u(o.articleTitle), 1)
957
+ ]),
958
+ _: 1
959
+ }),
960
+ r(l, {
961
+ tag: "p",
962
+ size: "sm",
963
+ weight: "normal",
964
+ class: "mb-4 h-20"
965
+ }, {
966
+ default: n(() => [
967
+ i(u(o.truncatedDescription), 1)
968
+ ]),
969
+ _: 1
970
+ }),
971
+ t("a", {
972
+ href: "#",
973
+ onClick: e[0] || (e[0] = G((...c) => o.onReadMore && o.onReadMore(...c), ["prevent"])),
974
+ class: "w-full flex justify-end pr-2"
975
+ }, [
976
+ r(l, {
977
+ tag: "p",
978
+ size: "sm",
979
+ weight: "simibold",
980
+ class: "mb-4 border-b border-secondary hover:border-accent"
981
+ }, {
982
+ default: n(() => e[1] || (e[1] = [
983
+ i("Read More →")
984
+ ])),
985
+ _: 1
986
+ })
987
+ ])
988
+ ]);
989
+ }
990
+ const Dt = /* @__PURE__ */ p(Ue, [["render", Le]]), Re = {
991
+ name: "GridLayout",
992
+ components: {
993
+ BaseButton: y,
994
+ BaseText: x
995
+ },
996
+ props: {
997
+ title: {
998
+ type: String,
999
+ default: "Section Title"
1000
+ },
1001
+ moreButtonLabel: {
1002
+ type: String,
1003
+ default: "See More"
1004
+ },
1005
+ cardComponent: {
1006
+ type: [Object, String],
1007
+ required: !0
1008
+ },
1009
+ items: {
1010
+ type: Array,
1011
+ required: !0,
1012
+ default: () => []
1013
+ },
1014
+ maxColumns: {
1015
+ type: Number,
1016
+ default: 3
1017
+ },
1018
+ mobileHorizontal: {
1019
+ type: Boolean,
1020
+ default: !1
1021
+ }
1022
+ },
1023
+ computed: {
1024
+ gridClasses() {
1025
+ let s = "md:grid md:gap-x-6 md:gap-y-4";
1026
+ this.mobileHorizontal && (s = `${s} flex overflow-x-auto`);
1027
+ let e;
1028
+ switch (this.maxColumns) {
1029
+ case 1:
1030
+ e = "grid-cols-1";
1031
+ break;
1032
+ case 2:
1033
+ e = "grid-cols-1 md:grid-cols-2";
1034
+ break;
1035
+ case 3:
1036
+ e = "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
1037
+ break;
1038
+ case 4:
1039
+ e = "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";
1040
+ break;
1041
+ case 5:
1042
+ e = "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5";
1043
+ break;
1044
+ default:
1045
+ e = "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
1046
+ }
1047
+ return `${s} ${e}`;
1048
+ }
1049
+ }
1050
+ }, Ze = { class: "max-w-[1200px] mx-auto" }, He = { class: "w-full flex justify-center py-4 md:pb-10 md:pt-14" }, Je = { class: "w-full flex justify-center pb-10 pt-10 md:pt-14" };
1051
+ function Oe(s, e, a, h, d, o) {
1052
+ const l = m("BaseText"), c = m("BaseButton");
1053
+ return g(), b(E, null, [
1054
+ t("section", Ze, [
1055
+ t("div", He, [
1056
+ r(l, {
1057
+ color: "primary",
1058
+ size: "2xl",
1059
+ tag: "h3",
1060
+ weight: "bold"
1061
+ }, {
1062
+ default: n(() => [
1063
+ i(u(a.title), 1)
1064
+ ]),
1065
+ _: 1
1066
+ })
1067
+ ]),
1068
+ t("div", {
1069
+ class: w(o.gridClasses)
1070
+ }, [
1071
+ (g(!0), b(E, null, Y(a.items, (f, B) => (g(), I(z(a.cardComponent), {
1072
+ key: B,
1073
+ data: f,
1074
+ index: B
1075
+ }, null, 8, ["data", "index"]))), 128))
1076
+ ], 2)
1077
+ ]),
1078
+ t("div", Je, [
1079
+ r(c, {
1080
+ backgroundColor: "secondary",
1081
+ border: "primary",
1082
+ size: "xs",
1083
+ color: "primary",
1084
+ hoverColor: "accent",
1085
+ label: a.moreButtonLabel
1086
+ }, null, 8, ["label"])
1087
+ ])
1088
+ ], 64);
1089
+ }
1090
+ const Ut = /* @__PURE__ */ p(Re, [["render", Oe]]), Xe = {
1091
+ name: "SingleButtonBanner",
1092
+ components: {
1093
+ BaseText: x,
1094
+ BaseButton: y
1095
+ },
1096
+ props: {
1097
+ imageUrl: {
1098
+ type: String,
1099
+ default: "https://via.placeholder.com/1200x400"
1100
+ // Default background image
1101
+ },
1102
+ description: {
1103
+ type: String,
1104
+ default: "Look for a Club? We can help."
1105
+ },
1106
+ buttonLabel: {
1107
+ type: String,
1108
+ default: "Learn More"
1109
+ }
1110
+ },
1111
+ methods: {
1112
+ onClick() {
1113
+ this.$emit("button-click");
1114
+ }
1115
+ }
1116
+ }, _e = { 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" };
1117
+ function qe(s, e, a, h, d, o) {
1118
+ const l = m("BaseText"), c = m("BaseButton");
1119
+ return g(), b("section", {
1120
+ class: "relative bg-cover bg-center h-80 max-w-[1200px] mx-auto rounded-lg overflow-hidden mb-10",
1121
+ style: C({ backgroundImage: "url(" + a.imageUrl + ")" })
1122
+ }, [
1123
+ t("div", _e, [
1124
+ r(l, {
1125
+ color: "secondary",
1126
+ tag: "h3",
1127
+ size: "5xl",
1128
+ weight: "normal",
1129
+ class: "mb-8",
1130
+ innerHTML: a.description
1131
+ }, null, 8, ["innerHTML"]),
1132
+ r(c, {
1133
+ label: a.buttonLabel,
1134
+ size: "xs",
1135
+ color: "secondary",
1136
+ border: "gradient1",
1137
+ onClick: o.onClick,
1138
+ class: "w-40"
1139
+ }, null, 8, ["label", "onClick"])
1140
+ ])
1141
+ ], 4);
1142
+ }
1143
+ const Mt = /* @__PURE__ */ p(Xe, [["render", qe]]), Pe = {
1144
+ name: "DoubleButtonBanner",
1145
+ components: {
1146
+ BaseText: x,
1147
+ BaseButton: y
1148
+ },
1149
+ props: {
1150
+ imageSrc: {
1151
+ type: String,
1152
+ required: !0
1153
+ },
1154
+ title: {
1155
+ type: String,
1156
+ required: !0
1157
+ },
1158
+ buttonLabelOne: {
1159
+ type: String,
1160
+ required: !0
1161
+ },
1162
+ buttonLabelTwo: {
1163
+ type: String,
1164
+ required: !0
1165
+ }
1166
+ },
1167
+ methods: {
1168
+ onClickOne() {
1169
+ this.$emit("button-click-one");
1170
+ },
1171
+ onClickTwo() {
1172
+ this.$emit("button-click-one");
1173
+ }
1174
+ }
1175
+ }, $e = { class: "max-w-[1200px] mx-auto" }, et = { class: "relative w-full h-3/4 flex justify-center bg-primary m-0" }, tt = { class: "relative w-full border-b border-l border-r border-lineGrey" }, st = { class: "hidden md:flex h-80 justify-between items-center p-14" }, rt = { class: "text-left text-white max-w-lg w-96" }, ot = { class: "flex flex-col w-1/3 align-right" }, lt = { class: "flex justify-center md:hidden text-left bg-primary w-full" }, at = { class: "w-full px-6 py-8 text-center" };
1176
+ function nt(s, e, a, h, d, o) {
1177
+ const l = m("BaseText"), c = m("BaseButton");
1178
+ return g(), b("section", $e, [
1179
+ e[2] || (e[2] = t("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
1180
+ t("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
1181
+ t("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
1182
+ t("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
1183
+ ], -1)),
1184
+ t("section", et, [
1185
+ e[0] || (e[0] = t("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
1186
+ t("div", tt, [
1187
+ t("section", st, [
1188
+ t("div", rt, [
1189
+ r(l, {
1190
+ color: "secondary",
1191
+ tag: "h1",
1192
+ size: "5xl",
1193
+ weight: "semibold",
1194
+ class: "mb-4"
1195
+ }, {
1196
+ default: n(() => [
1197
+ i(u(a.title), 1)
1198
+ ]),
1199
+ _: 1
1200
+ })
1201
+ ]),
1202
+ t("div", ot, [
1203
+ r(c, {
1204
+ label: a.buttonLabelOne,
1205
+ size: "xs",
1206
+ color: "secondary",
1207
+ border: "gradient1",
1208
+ weight: "normal",
1209
+ align: "between",
1210
+ class: "mb-4 w-52 h-16 pl-8",
1211
+ iconName: "fa-arrow-right-long",
1212
+ iconColor: "secondary",
1213
+ iconSize: "lg",
1214
+ iconType: "fa-thin",
1215
+ onClick: o.onClickOne
1216
+ }, null, 8, ["label", "onClick"]),
1217
+ r(c, {
1218
+ label: a.buttonLabelTwo,
1219
+ size: "xs",
1220
+ color: "secondary",
1221
+ border: "gradient2",
1222
+ weight: "normal",
1223
+ class: "w-52 h-16 pl-8",
1224
+ iconName: "fa-arrow-right-long",
1225
+ iconColor: "secondary",
1226
+ iconSize: "lg",
1227
+ iconType: "fa-thin",
1228
+ align: "between",
1229
+ onClick: o.onClickOne
1230
+ }, null, 8, ["label", "onClick"])
1231
+ ])
1232
+ ])
1233
+ ]),
1234
+ e[1] || (e[1] = t("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
1235
+ ]),
1236
+ e[3] || (e[3] = t("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
1237
+ t("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
1238
+ t("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
1239
+ t("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
424
1240
  ], -1)),
425
- o("section", ie, [
426
- o("div", de, [
427
- l(a, {
1241
+ t("section", lt, [
1242
+ t("div", at, [
1243
+ r(l, {
428
1244
  color: "secondary",
429
1245
  tag: "h1",
430
1246
  size: "2xl",
431
1247
  weight: "bold",
432
1248
  class: "mb-2"
433
1249
  }, {
434
- default: i(() => [
435
- m(g(r.title), 1)
1250
+ default: n(() => [
1251
+ i(u(a.title), 1)
436
1252
  ]),
437
1253
  _: 1
438
1254
  }),
439
- l(a, {
1255
+ r(l, {
440
1256
  color: "secondary",
441
1257
  tag: "p",
442
1258
  size: "sm",
443
1259
  weight: "normal",
444
1260
  class: "mb-6"
445
1261
  }, {
446
- default: i(() => [
447
- m(g(r.description), 1)
1262
+ default: n(() => [
1263
+ i(u(s.description), 1)
448
1264
  ]),
449
1265
  _: 1
450
1266
  }),
451
- l(c, {
452
- label: r.buttonLabel,
1267
+ r(c, {
1268
+ label: s.buttonLabel,
1269
+ size: "xs",
453
1270
  color: "secondary",
454
1271
  border: "gradient1",
455
1272
  class: "w-1/2 m-auto",
@@ -457,15 +1274,265 @@ function ue(e, t, r, d, n, s) {
457
1274
  }, null, 8, ["label", "onClick"])
458
1275
  ])
459
1276
  ])
460
- ], 64);
1277
+ ]);
1278
+ }
1279
+ const Wt = /* @__PURE__ */ p(Pe, [["render", nt]]), it = {
1280
+ name: "Footer",
1281
+ components: { Icon: A, InputField: k, BaseButton: y, BaseText: x },
1282
+ data() {
1283
+ return {
1284
+ logo: Q
1285
+ };
1286
+ }
1287
+ }, ct = { class: "flex flex-col bg-primary" }, dt = { class: "w-full hidden md:flex" }, ut = { class: "w-1/3" }, mt = { class: "items-center w-full flex justify-center" }, gt = ["src"], ht = { class: "w-1/3 flex flex-col" }, bt = { class: "w-full flex justify-around" }, ft = { class: "flex w-1/3" }, pt = { class: "flex w-1/3" }, xt = { class: "flex items-center w-1/3" }, yt = { class: "w-full flex justify-around" }, wt = { class: "flex items-center w-1/3" }, At = { class: "flex items-center w-1/3" }, Bt = { class: "flex items-center w-1/3" }, Ct = { class: "w-full flex justify-around" }, Et = { class: "flex items-center w-1/3" }, vt = { class: "flex items-center w-1/3" }, St = { class: "flex w-1/3" }, It = { class: "w-1/3 flex flex-col" }, zt = { class: "w-full flex justify-end" }, kt = { class: "w-30 mr-16" }, Qt = { class: "w-full flex justify-end mt-12" }, Kt = { class: "w-48 mr-16" }, Vt = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" };
1288
+ function Gt(s, e, a, h, d, o) {
1289
+ const l = m("BaseText"), c = m("InputField"), f = m("Icon");
1290
+ return g(), b("section", ct, [
1291
+ e[12] || (e[12] = t("div", { class: "h-20" }, null, -1)),
1292
+ t("section", dt, [
1293
+ t("div", ut, [
1294
+ t("div", mt, [
1295
+ t("img", {
1296
+ src: d.logo,
1297
+ alt: "Logo",
1298
+ class: "w-[71px] h-[56px]"
1299
+ }, null, 8, gt)
1300
+ ])
1301
+ ]),
1302
+ t("div", ht, [
1303
+ t("div", bt, [
1304
+ t("div", ft, [
1305
+ r(l, {
1306
+ color: "secondary",
1307
+ size: "md",
1308
+ tag: "p",
1309
+ weight: "normal",
1310
+ class: "pb-2"
1311
+ }, {
1312
+ default: n(() => e[0] || (e[0] = [
1313
+ i("Tournaments")
1314
+ ])),
1315
+ _: 1
1316
+ })
1317
+ ]),
1318
+ t("div", pt, [
1319
+ r(l, {
1320
+ color: "secondary",
1321
+ size: "md",
1322
+ tag: "p",
1323
+ weight: "normal",
1324
+ class: "pb-2"
1325
+ }, {
1326
+ default: n(() => e[1] || (e[1] = [
1327
+ i("Clubs")
1328
+ ])),
1329
+ _: 1
1330
+ })
1331
+ ]),
1332
+ t("div", xt, [
1333
+ r(l, {
1334
+ color: "secondary",
1335
+ size: "md",
1336
+ tag: "p",
1337
+ weight: "normal",
1338
+ class: "pb-2"
1339
+ }, {
1340
+ default: n(() => e[2] || (e[2] = [
1341
+ i("Leaderboard")
1342
+ ])),
1343
+ _: 1
1344
+ })
1345
+ ])
1346
+ ]),
1347
+ t("div", yt, [
1348
+ t("div", wt, [
1349
+ r(l, {
1350
+ color: "secondary",
1351
+ size: "sm",
1352
+ tag: "p",
1353
+ weight: "thin",
1354
+ class: "pb-2"
1355
+ }, {
1356
+ default: n(() => e[3] || (e[3] = [
1357
+ i("Upcoming")
1358
+ ])),
1359
+ _: 1
1360
+ })
1361
+ ]),
1362
+ t("div", At, [
1363
+ r(l, {
1364
+ color: "secondary",
1365
+ size: "sm",
1366
+ tag: "p",
1367
+ weight: "thin",
1368
+ class: "pb-2"
1369
+ }, {
1370
+ default: n(() => e[4] || (e[4] = [
1371
+ i("Club List")
1372
+ ])),
1373
+ _: 1
1374
+ })
1375
+ ]),
1376
+ t("div", Bt, [
1377
+ r(l, {
1378
+ color: "secondary",
1379
+ size: "sm",
1380
+ tag: "p",
1381
+ weight: "thin",
1382
+ class: "pb-2"
1383
+ }, {
1384
+ default: n(() => e[5] || (e[5] = [
1385
+ i("Top Fencers")
1386
+ ])),
1387
+ _: 1
1388
+ })
1389
+ ])
1390
+ ]),
1391
+ t("div", Ct, [
1392
+ t("div", Et, [
1393
+ r(l, {
1394
+ color: "secondary",
1395
+ size: "sm",
1396
+ tag: "p",
1397
+ weight: "thin",
1398
+ class: "pb-2"
1399
+ }, {
1400
+ default: n(() => e[6] || (e[6] = [
1401
+ i("Past")
1402
+ ])),
1403
+ _: 1
1404
+ })
1405
+ ]),
1406
+ t("div", vt, [
1407
+ r(l, {
1408
+ color: "secondary",
1409
+ size: "sm",
1410
+ tag: "p",
1411
+ weight: "thin",
1412
+ class: "pb-2"
1413
+ }, {
1414
+ default: n(() => e[7] || (e[7] = [
1415
+ i("Local Clubs")
1416
+ ])),
1417
+ _: 1
1418
+ })
1419
+ ]),
1420
+ t("div", St, [
1421
+ r(l, {
1422
+ color: "secondary",
1423
+ size: "sm",
1424
+ tag: "p",
1425
+ weight: "thin",
1426
+ class: "pb-2"
1427
+ }, {
1428
+ default: n(() => e[8] || (e[8] = [
1429
+ i("By Weapon")
1430
+ ])),
1431
+ _: 1
1432
+ })
1433
+ ])
1434
+ ])
1435
+ ]),
1436
+ t("div", It, [
1437
+ t("div", zt, [
1438
+ t("div", kt, [
1439
+ r(l, {
1440
+ color: "secondary",
1441
+ size: "md",
1442
+ tag: "p",
1443
+ weight: "thin",
1444
+ class: "pb-4"
1445
+ }, {
1446
+ default: n(() => e[9] || (e[9] = [
1447
+ i("Subscribe")
1448
+ ])),
1449
+ _: 1
1450
+ }),
1451
+ r(c, {
1452
+ placeholder: "Email",
1453
+ type: "email",
1454
+ class: "w-52"
1455
+ })
1456
+ ])
1457
+ ]),
1458
+ t("div", Qt, [
1459
+ t("div", Kt, [
1460
+ r(l, {
1461
+ color: "secondary",
1462
+ size: "md",
1463
+ tag: "p",
1464
+ weight: "thin",
1465
+ class: "pb-2"
1466
+ }, {
1467
+ default: n(() => e[10] || (e[10] = [
1468
+ i("Follow Us")
1469
+ ])),
1470
+ _: 1
1471
+ }),
1472
+ t("div", null, [
1473
+ r(f, {
1474
+ type: "fa-brands",
1475
+ icon: "fa-facebook",
1476
+ color: "secondary",
1477
+ size: "lg",
1478
+ class: "mr-4"
1479
+ }),
1480
+ r(f, {
1481
+ type: "fa-brands",
1482
+ icon: "fa-discord",
1483
+ color: "secondary",
1484
+ size: "lg",
1485
+ class: "mr-4"
1486
+ }),
1487
+ r(f, {
1488
+ type: "fa-brands",
1489
+ icon: "fa-instagram",
1490
+ color: "secondary",
1491
+ size: "lg",
1492
+ class: "mr-4"
1493
+ }),
1494
+ r(f, {
1495
+ type: "fa-brands",
1496
+ icon: "fa-youtube",
1497
+ color: "secondary",
1498
+ size: "lg",
1499
+ class: "mr-4"
1500
+ })
1501
+ ])
1502
+ ])
1503
+ ])
1504
+ ])
1505
+ ]),
1506
+ t("div", Vt, [
1507
+ r(l, {
1508
+ color: "secondary",
1509
+ size: "sm",
1510
+ tag: "p",
1511
+ weight: "normal",
1512
+ class: "text-center pt-4"
1513
+ }, {
1514
+ default: n(() => e[11] || (e[11] = [
1515
+ i("© Copyright Meyer Squared 2024. All rights reserved.")
1516
+ ])),
1517
+ _: 1
1518
+ })
1519
+ ])
1520
+ ]);
461
1521
  }
462
- const pe = /* @__PURE__ */ p(oe, [["render", ue]]);
1522
+ const Lt = /* @__PURE__ */ p(it, [["render", Gt]]);
463
1523
  export {
464
- h as BaseIcon,
465
- v as BaseText,
466
- be as Header,
467
- pe as HeroBanner,
468
- w as Icon,
469
- W as InputField,
470
- F as Searchbox
1524
+ Dt as ArticleCard,
1525
+ y as BaseIcon,
1526
+ x as BaseText,
1527
+ Wt as DoubleButtonBanner,
1528
+ Nt as FencerCard,
1529
+ Lt as Footer,
1530
+ Ut as GridLayout,
1531
+ Ft as Header,
1532
+ Tt as HeroBanner,
1533
+ A as Icon,
1534
+ k as InputField,
1535
+ O as Searchbox,
1536
+ Mt as SingleButtonBanner,
1537
+ jt as TournamentCard
471
1538
  };