@visitscotland/component-library 5.16.1 → 5.16.2

package/dist/components/vs-component-library.mjs

@@ -33922,7 +33922,7 @@ async function eventSearch(e, n, t, a, r, s, o, i) {
   const l = useFederatedSearchStore();
   if (l.eventsApiError = !1, l.cludoError = !1, a === "events" || !a) {
     let c = `${e}?query=${n}`;
-    c = t > 1 ? `${c}&page=${t}` : c, c = s !== "" ? `${c}&startDate=${s}` : c, c = o !== "" ? `${c}&endDate=${o}` : c, c = i ? `${c}&sort=${i.key}` : c, c = a === "events" ? `${c}&pageSize=12` : `${c}&pageSize=6`, r.forEach((u) => {
+    c = t > 1 ? `${c}&page=${t}` : c, c = s !== "" ? `${c}&startDate=${s}` : c, c = o !== "" ? `${c}&endDate=${o}` : c, c = i ? `${c}&sort=${i}` : c, c = a === "events" ? `${c}&pageSize=12` : `${c}&pageSize=6`, r.forEach((u) => {
       c += `&category=${u}`;
     });
     try {
@@ -33992,8 +33992,8 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     return cludoAutocomplete(l.value, n.value);
   }
   function E(N) {
-    const O = new URL(window.location);
-    if (l.value ? O.searchParams.set("search-term", l.value) : O.searchParams.delete("search-term"), u.value ? O.searchParams.set("category", encodeURIComponent(u.value)) : O.searchParams.delete("category"), m.value.length > 0 ? O.searchParams.set("sub-category", encodeURIComponent(m.value.join(","))) : O.searchParams.delete("sub-category"), N ? (a.value = 1, O.searchParams.set("page", a.value.toString())) : a.value && a.value > 1 ? O.searchParams.set("page", a.value.toString()) : O.searchParams.delete("page"), v.value ? O.searchParams.set("start-date", v.value) : O.searchParams.delete("start-date"), b.value ? O.searchParams.set("end-date", b.value) : O.searchParams.delete("end-date"), k.value ? O.searchParams.set("sort-by", k.value.key) : O.searchParams.delete("sort-by"), !_.value)
+    const O = new URL(window.location.href);
+    if (l.value ? O.searchParams.set("search-term", l.value) : O.searchParams.delete("search-term"), u.value ? O.searchParams.set("category", encodeURIComponent(u.value)) : O.searchParams.delete("category"), m.value.length > 0 ? O.searchParams.set("sub-category", encodeURIComponent(m.value.join(","))) : O.searchParams.delete("sub-category"), N ? (a.value = 1, O.searchParams.set("page", a.value.toString())) : a.value && a.value > 1 ? O.searchParams.set("page", a.value.toString()) : O.searchParams.delete("page"), v.value ? O.searchParams.set("start-date", v.value) : O.searchParams.delete("start-date"), b.value ? O.searchParams.set("end-date", b.value) : O.searchParams.delete("end-date"), k.value ? O.searchParams.set("sort-by", k.value) : O.searchParams.delete("sort-by"), !_.value)
       window.history.pushState({}, "", O), S();
     else {
       const R = `./${C.value}/${O.search}`;
@@ -34342,7 +34342,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         engineId: n.cludoEngineId
       }, t.isHomePage = n.isHomePage;
       const f = window.location.search, p = new URLSearchParams(f);
-      p.has("search-term") && (t.searchTerm = p.get("search-term")), p.has("category") && (t.selectedCategoryKey = decodeURIComponent(p.get("category"))), p.has("sub-category") && decodeURIComponent(p.get("sub-category")).split(",").forEach((_) => t.selectedSubCategoryKey.push(_)), (p.has("search-term") || p.has("category")) && t.getSearchResults();
+      p.has("search-term") && (t.searchTerm = p.get("search-term")), p.has("category") && (t.selectedCategoryKey = decodeURIComponent(p.get("category"))), p.has("sub-category") && decodeURIComponent(p.get("sub-category")).split(",").forEach((_) => t.selectedSubCategoryKey.push(_)), p.has("category") && p.get("category") === "events" && p.has("sort-by") && (t.sortBy = p.get("sort-by")), p.has("start-date") && (t.startDate = p.get("start-date")), p.has("end-date") && (t.endDate = p.get("end-date")), (p.has("search-term") || p.has("category")) && t.getSearchResults();
     }), (f, p) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
       createElementVNode("div", _hoisted_2$2, [
         createElementVNode("div", _hoisted_3$1, [
@@ -34425,7 +34425,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
   for: "vs-fed-search-sort__to-date",
   class: "vs-fed-search-sort__label",
   "data-test": "vs-fed-search-sort__to-date-label"
-}, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}, _sfc_main$1 = {
   __name: "FedSearchSort",
   props: {
     /**
@@ -34467,44 +34467,42 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     "end-date-updated",
     "sort-order-updated"
   ],
-  setup(e, { emit: n }) {
-    const t = ref(null), a = e, r = n;
-    function s(o) {
-      t.value = o, r("sort-order-updated", o);
-    }
-    return (o, i) => (openBlock(), createBlock(VsRow, { class: "vs-fed-search-sort" }, {
+  setup(e) {
+    const n = useFederatedSearchStore(), t = e, a = computed$1(() => t.sortOptions.find((r) => r.key === n.sortBy));
+    return (r, s) => (openBlock(), createBlock(VsRow, { class: "vs-fed-search-sort" }, {
       default: withCtx(() => [
-        a.dateFilterVisible ? (openBlock(), createBlock(VsCol, {
+        t.dateFilterVisible ? (openBlock(), createBlock(VsCol, {
           key: 0,
           cols: "6",
           md: "4"
         }, {
           default: withCtx(() => [
-            a.fromDateLabel ? (openBlock(), createElementBlock("label", _hoisted_1$1, toDisplayString(a.fromDateLabel), 1)) : createCommentVNode("", !0),
+            t.fromDateLabel ? (openBlock(), createElementBlock("label", _hoisted_1$1, toDisplayString(t.fromDateLabel), 1)) : createCommentVNode("", !0),
             createVNode(VsInput, {
               "field-name": "vs-fed-search-sort__from-date",
-              value: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
+              value: unref(n).startDate || (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
               type: "date",
               "auto-complete": !1,
-              onInput: i[0] || (i[0] = (l) => o.$emit("from-date-updated", l.target.value)),
+              onInput: s[0] || (s[0] = (o) => r.$emit("from-date-updated", o.target.value)),
               "data-chromatic": "ignore"
             }, null, 8, ["value"])
           ]),
           _: 1
         })) : createCommentVNode("", !0),
-        a.dateFilterVisible ? (openBlock(), createBlock(VsCol, {
+        t.dateFilterVisible ? (openBlock(), createBlock(VsCol, {
           key: 1,
           cols: "6",
           md: "4"
         }, {
           default: withCtx(() => [
-            a.toDateLabel ? (openBlock(), createElementBlock("label", _hoisted_2$1, toDisplayString(a.toDateLabel), 1)) : createCommentVNode("", !0),
+            t.toDateLabel ? (openBlock(), createElementBlock("label", _hoisted_2$1, toDisplayString(t.toDateLabel), 1)) : createCommentVNode("", !0),
             createVNode(VsInput, {
               "field-name": "vs-fed-search-sort__to-date",
               type: "date",
               "auto-complete": !1,
-              onInput: i[1] || (i[1] = (l) => o.$emit("end-date-updated", l.target.value))
-            })
+              onInput: s[1] || (s[1] = (o) => r.$emit("end-date-updated", o.target.value)),
+              value: unref(n).endDate || ""
+            }, null, 8, ["value"])
           ]),
           _: 1
         })) : createCommentVNode("", !0),
@@ -34518,17 +34516,19 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
               variant: "secondary",
               id: "vs-fed-search-sort__dropdown",
               name: "vs-fed-search-sort__dropdown",
-              text: t.value === null ? a.sortLabel : `${a.sortLabel}: ${t.value.label}`
+              text: unref(n).sortBy ? `${t.sortLabel}: ${a.value.label}` : t.sortLabel
             }, {
               default: withCtx(() => [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(e.sortOptions, (l, c) => (openBlock(), createBlock(VsDropdownItem, {
-                  key: c,
-                  onClick: (u) => s(l),
-                  active: t.value === l,
-                  "data-test": `vs-fed-search-sort__dropdown-item--${l.id}`
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(e.sortOptions, (o, i) => (openBlock(), createBlock(VsDropdownItem, {
+                  key: i,
+                  onClick: (l) => {
+                    r.$emit("sort-order-updated", o.key);
+                  },
+                  active: unref(n).sortBy === o.key,
+                  "data-test": `vs-fed-search-sort__dropdown-item--${o.key}`
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(l.label), 1)
+                    createTextVNode(toDisplayString(o.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "active", "data-test"]))), 128))
@@ -34542,7 +34542,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
       _: 1
     }));
   }
-}), _hoisted_1 = {
+}, _hoisted_1 = {
   class: "vs-federated-search",
   "data-test": "vs-federated-search"
 }, _hoisted_2 = { class: "vs-federated-search__container" }, _hoisted_3 = {
@@ -34755,7 +34755,10 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         ])) : createCommentVNode("", !0),
         unref(n).isLoading ? (openBlock(), createBlock(unref(VsLoading), { key: 1 })) : createCommentVNode("", !0),
         !unref(n).isLoading && unref(n).results && !unref(n).eventsApiError ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(VsCardGroup), { "cards-per-row": 3 }, {
+          createVNode(unref(VsCardGroup), {
+            "cards-per-row": 3,
+            class: normalizeClass(unref(n).results && r.value <= 1 ? "mb-300" : null)
+          }, {
             default: withCtx(() => [
               (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).results, (g) => (openBlock(), createBlock(unref(VsCard), {
                 key: g.id
@@ -34861,7 +34864,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
               }, 1024))), 128))
             ]),
             _: 1
-          }),
+          }, 8, ["class"]),
           unref(n).results && r.value > 1 ? (openBlock(), createBlock(unref(_sfc_main$E), {
             key: 0,
             class: "vs-federated-search__pagination",