@visitscotland/component-library 5.18.0 → 5.18.1

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

@@ -34029,12 +34029,12 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     if (l.value ? D.searchParams.set("search-term", l.value) : D.searchParams.delete("search-term"), u.value ? D.searchParams.set("category", encodeURIComponent(u.value)) : D.searchParams.delete("category"), m.value.length > 0 ? D.searchParams.set("sub-category", encodeURIComponent(m.value.join(","))) : D.searchParams.delete("sub-category"), A ? (a.value = 1, D.searchParams.set("page", a.value.toString())) : a.value && a.value > 1 ? D.searchParams.set("page", a.value.toString()) : D.searchParams.delete("page"), v.value ? D.searchParams.set("start-date", v.value) : D.searchParams.delete("start-date"), b.value ? D.searchParams.set("end-date", b.value) : D.searchParams.delete("end-date"), k.value ? D.searchParams.set("sort-by", k.value) : D.searchParams.delete("sort-by"), !_.value)
       window.history.pushState({}, "", D), V();
     else {
-      const O = `./${C.value}/${D.search}`;
+      const O = `${C.value}/${D.search}`;
       window.location.href = O;
     }
   }
   return {
-    cludoCategories: e,
+    filters: e,
     currentPage: a,
     cludoCredentials: n,
     cludoError: t,
@@ -34045,6 +34045,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     isLoading: o,
     results: i,
     searchTerm: l,
+    searchUrl: C,
     selectedCategory: c,
     selectedCategoryKey: u,
     selectedSubCategory: d,
@@ -34316,6 +34317,13 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
       type: String,
       default: void 0
     },
+    /**
+     * Array of filters to be used in the FedSearchInput component.
+    */
+    filters: {
+      type: Array,
+      default: void 0
+    },
     /**
      * Array of sub filters to be used in the FedSearchInput component.
     */
@@ -34332,40 +34340,40 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
     }
   },
   setup(e) {
-    const n = e, t = useFederatedSearchStore(), a = ref(), r = inject("cludoCategories");
-    async function s(f) {
-      t.currentPage = 1, t.searchTerm = f.value.trim();
-      const p = window.location.search, g = new URLSearchParams(p);
-      t.searchTerm && g.get("search-term") !== t.searchTerm && (a.value = await t.getAutoComplete()), t.searchTerm || (a.value = null);
+    const n = e, t = useFederatedSearchStore(), a = ref();
+    async function r(m) {
+      t.currentPage = 1, t.searchTerm = m.value.trim();
+      const f = window.location.search, p = new URLSearchParams(f);
+      t.searchTerm && p.get("search-term") !== t.searchTerm && (a.value = await t.getAutoComplete()), t.searchTerm || (a.value = null);
     }
-    function o() {
+    function s() {
       a.value = null, t.navigateToResultsPage();
     }
-    function i(f) {
-      t.searchTerm = f, a.value = null, t.navigateToResultsPage();
+    function o(m) {
+      t.searchTerm = m, a.value = null, t.navigateToResultsPage();
     }
-    function l(f) {
-      return f.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    function i(m) {
+      return m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     }
-    function c(f) {
-      return f.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    function l(m) {
+      return m.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
     }
-    function u(f) {
-      const p = (t.searchTerm || "").trim();
-      if (!p) return c(f);
-      const g = new RegExp(`(${l(p)})`, "gi");
-      return c(f).replace(g, "<strong>$1</strong>");
+    function c(m) {
+      const f = (t.searchTerm || "").trim();
+      if (!f) return l(m);
+      const p = new RegExp(`(${i(f)})`, "gi");
+      return l(m).replace(p, "<strong>$1</strong>");
     }
-    function d(f) {
-      const p = new URL(window.location);
-      p.searchParams.delete("page"), t.currentPage = 1, p.searchParams.delete("start-date"), p.searchParams.delete("end-date"), t.startDate = "", t.endDate = "", t.sortBy = void 0, t.selectedSubCategory = [], t.selectedSubCategoryKey = [], t.selectedCategory = t.selectedCategory !== f.Label ? f.Label : "", t.selectedCategoryKey = t.selectedCategoryKey !== f.Key ? f.Key : "", t.navigateToResultsPage(!0);
+    function u(m) {
+      const f = new URL(window.location);
+      f.searchParams.delete("page"), t.currentPage = 1, f.searchParams.delete("start-date"), f.searchParams.delete("end-date"), t.startDate = "", t.endDate = "", t.sortBy = void 0, t.selectedSubCategory = [], t.selectedSubCategoryKey = [], t.selectedCategory = t.selectedCategory !== m.Label ? m.Label : "", t.selectedCategoryKey = t.selectedCategoryKey !== m.Key ? m.Key : "", t.navigateToResultsPage(!0);
     }
-    function m(f) {
-      if (!t.selectedSubCategoryKey.includes(f.Key))
-        t.selectedSubCategory.push(f.Label), t.selectedSubCategoryKey.push(f.Key);
+    function d(m) {
+      if (!t.selectedSubCategoryKey.includes(m.Key))
+        t.selectedSubCategory.push(m.Label), t.selectedSubCategoryKey.push(m.Key);
       else {
-        const p = t.selectedSubCategoryKey.indexOf(f.Key);
-        p >= 0 && (t.selectedSubCategory.splice(p, 1), t.selectedSubCategoryKey.splice(p, 1));
+        const f = t.selectedSubCategoryKey.indexOf(m.Key);
+        f >= 0 && (t.selectedSubCategory.splice(f, 1), t.selectedSubCategoryKey.splice(f, 1));
       }
       t.navigateToResultsPage(!0);
     }
@@ -34374,14 +34382,14 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         apiKey: n.cludoApiKey,
         customerId: n.cludoCustomerId,
         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("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, [
+      }, t.isHomePage = n.isHomePage, n.searchUrl && (t.searchUrl = n.searchUrl);
+      const m = window.location.search, f = new URLSearchParams(m);
+      f.has("search-term") && (t.searchTerm = f.get("search-term")), f.has("category") && (t.selectedCategoryKey = decodeURIComponent(f.get("category"))), f.has("sub-category") && decodeURIComponent(f.get("sub-category")).split(",").forEach((g) => t.selectedSubCategoryKey.push(g)), f.has("category") && f.get("category") === "events" && f.has("sort-by") && (t.sortBy = f.get("sort-by")), f.has("start-date") && (t.startDate = f.get("start-date")), f.has("end-date") && (t.endDate = f.get("end-date")), (f.has("search-term") || f.has("category")) && t.getSearchResults();
+    }), (m, f) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
       createElementVNode("div", _hoisted_2$2, [
         createElementVNode("div", _hoisted_3$1, [
           createElementVNode("label", _hoisted_4$1, [
-            p[0] || (p[0] = createElementVNode("span", { class: "visually-hidden" }, " Search for something ", -1)),
+            f[0] || (f[0] = createElementVNode("span", { class: "visually-hidden" }, " Search for something ", -1)),
             createVNode(unref(VsIcon), {
               icon: "vs-icon-control-search",
               size: "xs"
@@ -34395,14 +34403,14 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
             placeholder: n.labels.searchLabel,
             type: "search",
             value: unref(t).searchTerm,
-            onUpdated: s,
-            onKeyup: withKeys(o, ["enter"])
+            onUpdated: r,
+            onKeyup: withKeys(s, ["enter"])
           }, null, 8, ["placeholder", "value"])
         ]),
         createVNode(unref(VsButton), {
           class: "d-none d-lg-block px-200",
           disabled: unref(t).isLoading,
-          onClick: o
+          onClick: s
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(n.labels.search), 1)
@@ -34414,25 +34422,25 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         a.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           createVNode(unref(VsList), { unstyled: "" }, {
             default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (g) => (openBlock(), createElementBlock("li", {
-                key: g,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (p) => (openBlock(), createElementBlock("li", {
+                key: p,
                 class: "vs-fed-search-input__autocomplete__suggestion",
-                onClick: (_) => i(g),
-                onKeyup: withKeys((_) => i(g), ["enter"]),
+                onClick: (g) => o(p),
+                onKeyup: withKeys((g) => o(p), ["enter"]),
                 tabindex: "0",
-                innerHTML: u(g)
+                innerHTML: c(p)
               }, null, 40, _hoisted_7$1))), 128))
             ]),
             _: 1
           })
         ])) : createCommentVNode("", !0)
       ]),
-      unref(r) ? (openBlock(), createBlock(_sfc_main$3, {
+      n.filters ? (openBlock(), createBlock(_sfc_main$3, {
         key: 0,
         "active-filter": unref(t).selectedCategoryKey,
-        "filter-categories": unref(r),
+        "filter-categories": n.filters,
         wrap: !0,
-        onFilterUpdated: d
+        onFilterUpdated: u
       }, null, 8, ["active-filter", "filter-categories"])) : createCommentVNode("", !0),
       unref(t).selectedCategoryKey === "events" && n.subFilters ? (openBlock(), createBlock(_sfc_main$3, {
         key: 1,
@@ -34440,7 +34448,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         class: "mt-200",
         "filter-categories": n.subFilters,
         variant: "secondary",
-        onFilterUpdated: m
+        onFilterUpdated: d
       }, {
         "fed-filter-header": withCtx(() => [
           createTextVNode(toDisplayString(n.labels.refine), 1)
@@ -34620,9 +34628,9 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
       default: getEnvValue("EVENTS_API_URL")
     },
     /**
-     * Array of cludo categories.
+     * Array of filters.
     */
-    cludoCategories: {
+    filters: {
       type: Array,
       default: void 0
     },
@@ -34694,9 +34702,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         message: "",
         error: !1
       }
-    ), a = e;
-    provide("cludoCategories", a.cludoCategories);
-    const r = computed$1(() => {
+    ), a = e, r = computed$1(() => {
       let f;
       return n.selectedCategoryKey ? n.selectedCategoryKey !== "events" ? f = Math.ceil(n.totalResultsCludo / 12) : n.selectedCategoryKey === "events" && (f = Math.ceil(n.totalResultsEvents / 12)) : f = n.totalResultsCludo >= n.totalResultsEvents ? Math.ceil(n.totalResultsCludo / 6) : Math.ceil(n.totalResultsEvents / 6), f;
     });
@@ -34709,7 +34715,7 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
         apiKey: a.cludoApiKey,
         customerId: a.cludoCustomerId,
         engineId: a.cludoEngineId
-      }, n.eventsApi = a.eventsApi, n.cludoCategories = a.cludoCategories, n.siteLanguage = a.siteLanguage, s(), typeof window < "u" && typeof document < "u") {
+      }, n.eventsApi = a.eventsApi, n.filters = a.filters, n.siteLanguage = a.siteLanguage, s(), typeof window < "u" && typeof document < "u") {
         const f = new URLSearchParams(document.location.search), p = f.get("search-term"), g = parseInt(f.get("page"), 10);
         g && (n.currentPage = g), p && (n.searchTerm = p, n.getSearchResults());
       }
@@ -34754,11 +34760,12 @@ const useFederatedSearchStore = defineStore("federatedSearch", () => {
           "cludo-api-key": a.cludoApiKey,
           "cludo-customer-id": a.cludoCustomerId,
           "cludo-engine-id": a.cludoEngineId,
+          filters: a.filters,
           "sub-filters": a.subFilters,
           labels: a.searchLabels
-        }, null, 8, ["cludo-api-key", "cludo-customer-id", "cludo-engine-id", "sub-filters", "labels"]),
+        }, null, 8, ["cludo-api-key", "cludo-customer-id", "cludo-engine-id", "filters", "sub-filters", "labels"]),
         createVNode(_sfc_main$4, { class: "my-200" }),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).cludoCategories, (g, _) => withDirectives((openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(n).filters, (g, _) => withDirectives((openBlock(), createElementBlock("div", {
           key: _,
           class: "mb-200"
         }, [