@dcrackel/hematournamentui 1.0.547 → 1.0.549

package/dist/HemaTournamentUI-lib.es.js

@@ -963,7 +963,7 @@ const Gf = /* @__PURE__ */ se(qf, [["render", Uf]]), Jf = {
   props: {
     selected: {
       type: String,
-      default: "All"
+      default: "Default"
     }
   },
   data() {
@@ -990,14 +990,14 @@ function Zf(t, e, n, r, o, i) {
     ]),
     p("div", Xf, [
       h(a, {
-        label: "All",
+        label: "Soonish",
         color: "primary",
         size: "sm",
-        selected: o.localSelected === "All",
-        onButtonClick: e[0] || (e[0] = (l) => i.handleTimeFrame("ALL"))
+        selected: o.localSelected === "Default",
+        onButtonClick: e[0] || (e[0] = (l) => i.handleTimeFrame("Default"))
       }, null, 8, ["selected"]),
       h(a, {
-        label: "Upcoming",
+        label: "Future",
         color: "primary",
         size: "sm",
         selected: o.localSelected === "Upcoming",
@@ -10965,8 +10965,8 @@ const fA = /* @__PURE__ */ se(vv, [["render", wv]]), yv = "data:image/png;base64
       return this.detail.ImagesURLs && this.detail.ImagesURLs.length > 0 ? this.detail.ImagesURLs.split(",")[0] : this.defaultImage;
     },
     formattedDateRange() {
-      const t = new Date(this.detail.StartDate).toLocaleDateString(), e = new Date(this.detail.EndDate).toLocaleDateString();
-      return `${t} - ${e}`;
+      const t = (e) => (/* @__PURE__ */ new Date(`${e}T00:00:00Z`)).toISOString().split("T")[0];
+      return `${t(this.detail.StartDate)} - ${t(this.detail.EndDate)}`;
     },
     getIconName() {
       switch (this.detail.Visibility) {
@@ -11109,7 +11109,7 @@ const Hv = /* @__PURE__ */ se(Pv, [["render", Nv]]), qv = {
       emptyDesertIcon: Vt,
       filterOn: "",
       sortCriteria: "Date",
-      selectedTimeFrame: "All",
+      selectedTimeFrame: "Default",
       selectedItem: { text: "Date", link: "/sort/name" }
     };
   },
@@ -11119,38 +11119,54 @@ const Hv = /* @__PURE__ */ se(Pv, [["render", Nv]]), qv = {
         return "grid-cols-1";
     },
     filteredItems() {
-      let t = this.items;
-      if (this.filterOn.trim()) {
-        const n = this.filterOn.toLowerCase();
-        t = t.filter(
-          (r) => Object.values(r).some(
-            (o) => typeof o == "string" && o.toLowerCase().includes(n)
-          )
-        );
-      }
+      let t = [...this.items];
+      return t = this.applySearchFilter(t), t = this.filterByTimeFrame(t), t = this.applySorting(t), t;
+    }
+  },
+  methods: {
+    applySearchFilter(t) {
+      if (!this.filterOn.trim()) return t;
+      const e = this.filterOn.toLowerCase();
+      return t.filter(
+        (n) => Object.values(n).some(
+          (r) => typeof r == "string" && r.toLowerCase().includes(e)
+        )
+      );
+    },
+    filterByTimeFrame(t) {
       const e = /* @__PURE__ */ new Date();
-      switch (e.setHours(0, 0, 0, 0), this.selectedTimeFrame) {
+      e.setHours(0, 0, 0, 0);
+      const n = new Date(e);
+      n.setDate(n.getDate() - 2);
+      const r = new Date(e);
+      switch (r.setDate(r.getDate() + 90), this.selectedTimeFrame) {
         case "Upcoming":
-          t = t.filter((n) => new Date(n.date) >= e);
-          break;
+          return t.filter((i) => new Date(i.EndDate) >= e);
         case "Past":
-          t = t.filter((n) => new Date(n.date) < e);
+          return t.filter((i) => new Date(i.EndDate) < e);
+        default:
+          return t.filter((i) => {
+            const A = new Date(i.EndDate);
+            return A >= n && A <= r;
+          }).slice(0, 20);
       }
+    },
+    applySorting(t) {
+      if (this.selectedTimeFrame === "Default") return t;
       switch (this.sortCriteria) {
         case "Date":
-          t = [...t].sort((n, r) => new Date(r.StartDate) - new Date(n.StartDate));
-          break;
+          return [...t].sort((e, n) => new Date(e.StartDate) - new Date(n.StartDate));
         case "Name":
-          t = [...t].sort((n, r) => n.Name.localeCompare(r.Name));
-          break;
+          return [...t].sort((e, n) => e.Name.localeCompare(n.Name));
         case "Location":
-          t = [...t].sort((n, r) => n.Address[0].Name.localeCompare(r.Address[0].Name));
-          break;
+          return [...t].sort((e, n) => {
+            var r, o, i;
+            return ((i = (r = e.Address[0]) == null ? void 0 : r.Name) == null ? void 0 : i.localeCompare((o = n.Address[0]) == null ? void 0 : o.Name)) || 0;
+          });
+        default:
+          return t;
       }
-      return t;
-    }
-  },
-  methods: {
+    },
     handleFilter(t) {
       this.filterOn = t;
     },