@visitscotland/component-library 5.16.0 → 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}`;
@@ -34113,12 +34113,12 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
   emits: ["filter-updated"],
   setup(e) {
     const n = e, t = ref(null);
-    function a(i) {
-      return typeof n.activeFilter == "string" ? n.activeFilter === i : n.activeFilter && typeof n.activeFilter == "object" ? n.activeFilter.includes(i) : !1;
+    function a(l) {
+      return typeof n.activeFilter == "string" ? n.activeFilter === l : n.activeFilter && typeof n.activeFilter == "object" ? n.activeFilter.includes(l) : !1;
     }
-    function r(i) {
-      var l, c;
-      i === "left" ? (l = t.value) == null || l.scrollBy(-200, 0) : i === "right" && ((c = t.value) == null || c.scrollBy(200, 0));
+    function r(l) {
+      var c, u;
+      l === "left" ? (c = t.value) == null || c.scrollBy(-200, 0) : l === "right" && ((u = t.value) == null || u.scrollBy(200, 0));
     }
     function s() {
       return [
@@ -34126,18 +34126,60 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         n.wrap ? "vs-fed-filter__scroll-rail--wrap" : ""
       ];
     }
-    const o = computed$1(() => [...n.filterCategories].sort((l, c) => {
-      const u = (l.Label || l.Key || "").toLowerCase(), d = (c.Label || c.Key || "").toLowerCase();
-      return u < d ? -1 : u > d ? 1 : 0;
+    const o = computed$1(() => [...n.filterCategories].sort((c, u) => {
+      const d = (c.Label || c.Key || "").toLowerCase(), m = (u.Label || u.Key || "").toLowerCase();
+      return d < m ? -1 : d > m ? 1 : 0;
     }));
-    return (i, l) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
-      i.$slots["fed-filter-header"] && i.$slots["fed-filter-header"]() ? (openBlock(), createBlock(VsBody, {
+    function i(l) {
+      let c;
+      switch (l) {
+        case "accommodation":
+          c = "fa-regular fa-bed";
+          break;
+        case "active-adventure":
+          c = "fa-kit fa-vs-landscape";
+          break;
+        case "city-break":
+          c = "fa-regular fa-city";
+          break;
+        case "culture-history":
+          c = "fa-regular fa-chess-rook";
+          break;
+        case "events":
+          c = "fa-regular fa-calendar-range";
+          break;
+        case "family-friendly":
+          c = "fa-regular fa-family";
+          break;
+        case "food-drink":
+          c = "fa-regular fa-utensils";
+          break;
+        case "nature-outdoors":
+          c = "fa-regular fa-leaf";
+          break;
+        case "tours":
+          c = "fa-regular fa-binoculars";
+          break;
+        case "travel-information":
+          c = "fa-regular fa-circle-info";
+          break;
+        case "wellness":
+          c = "fa-regular fa-spa";
+          break;
+        default:
+          c = null;
+          break;
+      }
+      return c;
+    }
+    return (l, c) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
+      l.$slots["fed-filter-header"] && l.$slots["fed-filter-header"]() ? (openBlock(), createBlock(VsBody, {
         key: 0,
         class: "vs-fed-filter__header mb-025 ms-025",
         "data-test": "vs-fed-filter__header"
       }, {
         default: withCtx(() => [
-          renderSlot(i.$slots, "fed-filter-header")
+          renderSlot(l.$slots, "fed-filter-header")
         ]),
         _: 3
       })) : createCommentVNode("", !0),
@@ -34149,7 +34191,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           "icon-only": "",
           class: "vs-fed-filter__scroll-button me-050",
           "data-test": "vs-fed-filter__scroll-button--left",
-          onClick: l[0] || (l[0] = (c) => r("left")),
+          onClick: c[0] || (c[0] = (u) => r("left")),
           "aria-label": n.scrollLeftText
         }, {
           default: withCtx(() => [
@@ -34163,17 +34205,17 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           ref_key: "scrollRail",
           ref: t
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (c, u) => (openBlock(), createBlock(VsButton, {
-            key: u,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (u, d) => (openBlock(), createBlock(VsButton, {
+            key: d,
             class: "vs-fed-filter__category-button",
-            "data-test": `vs-fed-filter__category-button--${c.id}`,
-            icon: n.variant === "primary" ? c.icon : null,
-            variant: a(c.Key) ? "primary" : "secondary",
+            "data-test": `vs-fed-filter__category-button--${u.Key}`,
+            icon: n.variant === "primary" ? i(u.Key) : null,
+            variant: a(u.Key) ? "primary" : "secondary",
             size: n.variant === "secondary" ? "sm" : "md",
-            onClick: (d) => i.$emit("filter-updated", c)
+            onClick: (m) => l.$emit("filter-updated", u)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(c.Label || c.Key), 1)
+              createTextVNode(toDisplayString(u.Label || u.Key), 1)
             ]),
             _: 2
           }, 1032, ["data-test", "icon", "variant", "size", "onClick"]))), 128))
@@ -34185,7 +34227,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           "icon-only": "",
           class: "vs-fed-filter__scroll-button ms-050",
           "data-test": "vs-fed-filter__scroll-button--right",
-          onClick: l[1] || (l[1] = (c) => r("right")),
+          onClick: c[1] || (c[1] = (u) => r("right")),
           "aria-label": n.scrollRightText
         }, {
           default: withCtx(() => [
@@ -34300,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, [
@@ -34383,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: {
     /**
@@ -34425,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),
@@ -34476,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))
@@ -34500,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 = {
@@ -34713,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
@@ -34819,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",