@visitscotland/component-library 5.16.0 → 5.16.1

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

@@ -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(() => [