@visitscotland/component-library 5.57.4 → 5.58.1

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

@@ -33388,7 +33388,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
     provide("featuredPlaces", {
       categories: a,
       places: r
-    }), provide("onFeaturedLocationClick", Ee), provide("addDestinationMarkers", Se);
+    }), provide("onFeaturedLocationClick", Te), provide("addDestinationMarkers", Ce);
     let o, i, l, c, d, u, f, m, p, g, v = {}, k;
     const _ = ref(), b = ref(/* @__PURE__ */ new Set()), S = ref(), V = ref(/* @__PURE__ */ new Set()), T = ref(/* @__PURE__ */ new Set()), N = ref(/* @__PURE__ */ new Set()), C = ref(/* @__PURE__ */ new Set()), F = ref(), I = ref(), w = ref(t.zoom), M = ref(!1), E = ref(), L = ref(/* @__PURE__ */ new Set()), $ = ref(), D = ref(!1), R = ref(void 0), B = ref(!1), P = computed$1(() => {
       const A = /* @__PURE__ */ new Map(), z = Y[_.value].subCategory;
@@ -33482,23 +33482,23 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         }
         g = new google.maps.InfoWindow(), g.addListener("closeclick", () => {
           he("card_close", m.place);
-        }), ke(), o.addListener("zoom_changed", () => {
-          w.value = o.getZoom(), w.value < CATEGORY_VISIBLE_ZOOM ? ke() : ke(!0), ue.value = !ce.value, w.value > 7 && !ce.value && ue.value && (fe.value = !0);
+        }), be(), o.addListener("zoom_changed", () => {
+          w.value = o.getZoom(), w.value < CATEGORY_VISIBLE_ZOOM ? be() : be(!0), ue.value = !ce.value, w.value > 7 && !ce.value && ue.value && (fe.value = !0);
         }), o.addListener("dragstart", () => {
           ue.value = !0;
         }), o.addListener("tilesloaded", () => {
-          B.value || (B.value = !0, Se());
+          B.value || (B.value = !0, Ce());
         }), o.addListener("idle", () => {
           k = Ie(), !ce.value && ue.value && ge(le(o)) && (fe.value = !0, ue.value = !1);
         }), l.addEventListener("gmp-select", ({ place: z }) => {
-          v[z.id] && be(z, v[z.id]);
+          v[z.id] && ye(z, v[z.id]);
         }), c.addEventListener("gmp-select", ({ place: z }) => {
-          v[z.id] && be(z, v[z.id]);
+          v[z.id] && ye(z, v[z.id]);
         });
       }
       O.firstInteraction = !1, O.searchesCount = 0, O.filterUsesCount = 0, U.value === !1 && await A();
     });
-    function ke(A) {
+    function be(A) {
       const z = {
         strokeColor: "#A3A3CC",
         strokeOpacity: 1,
@@ -33578,11 +33578,11 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
           return z;
       });
     }
-    function Le(A, z) {
+    function De(A, z) {
       oe.value && (X(() => o.setCenter(oe.value.center)), X(() => o.setZoom(oe.value.zoom))), ae.value = "", me(A, z);
     }
     function me(A, z) {
-      ye(), _.value = A, Y[A].includedType && V.value.add(Y[A].includedType), Object.values(Y[A].subCategory).forEach(
+      Ve(), _.value = A, Y[A].includedType && V.value.add(Y[A].includedType), Object.values(Y[A].subCategory).forEach(
         (j) => V.value.add(j.includedType)
       ), Object.values(Y[A].subCategory).forEach(
         (j) => {
@@ -33630,15 +33630,15 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         q && C.value.add(ne), W && C.value.delete(ne);
       }));
     }
-    function De(A, z) {
-      oe.value && (X(() => o.setCenter(oe.value.center)), X(() => o.setZoom(oe.value.zoom))), ae.value = "", Me(A, z);
-    }
     function Me(A, z) {
-      if (I.value = z, ae.value = "", A === "self-catering") {
-        D.value = !0, Ve(), b.value = /* @__PURE__ */ new Set(), b.value.add(A);
+      oe.value && (X(() => o.setCenter(oe.value.center)), X(() => o.setZoom(oe.value.zoom))), ae.value = "", Be(A, z);
+    }
+    function Be(A, z) {
+      if (I.value = z, ae.value = "", A === "self-catering" && !b.value.has("self-catering")) {
+        D.value = !0, Se(), b.value = /* @__PURE__ */ new Set(), b.value.add(A);
         const q = _e(b.value, A).value;
-        E.value = q, ye(), p.value = `${E.value} ${ae.value}`, Ce(), p.value = q;
-      } else b.value.has(A) ? (b.value.delete(A), N.value = /* @__PURE__ */ new Set(), C.value = /* @__PURE__ */ new Set(), b.value.forEach((q) => {
+        E.value = q, p.value = `${E.value} ${ae.value}`, ke(), p.value = q;
+      } else b.value.has(A) ? (b.value.delete("self-catering"), b.value.delete(A), N.value = /* @__PURE__ */ new Set(), C.value = /* @__PURE__ */ new Set(), b.value.forEach((q) => {
         $e(q, {
           includeTypes: !0,
           excludeTypes: !0
@@ -33648,7 +33648,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
       ), b.value.size === 0 ? (L.value = /* @__PURE__ */ new Set(), me(_.value, F.value)) : (ve({
         includedTypes: Array.from(N.value).flat(),
         excludedTypes: Array.from(C.value).flat()
-      }), E.value = Array.from(L.value).join(", "), p.value = E.value)) : (b.value.add(A), $e(A, {
+      }), E.value = Array.from(L.value).join(", "), p.value = E.value)) : (b.value.delete("self-catering"), b.value.add(A), $e(A, {
         includeTypes: !0,
         excludeTypes: !0
       }), xe(), ve({
@@ -33662,7 +33662,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
       includedTypes: A = [],
       excludedTypes: z = []
     } = {}) {
-      pe(), Ve(), ee += 1;
+      pe(), Se(), ee += 1;
       const q = ee;
       O.filterUsesCount += 1, $.value = "nearby";
       const j = o.getBounds(), W = j.getNorthEast(), G = j.getSouthWest(), J = google.maps.geometry.spherical.computeDistanceBetween(W, G), ne = Math.min(J / 2, 25e3);
@@ -33671,12 +33671,12 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         radius: ne
       }, l.style.display = "block", l.addEventListener("gmp-load", () => {
         if (q !== ee) return;
-        Be(q);
-        let ie = "main", Te = _.value;
-        b.value.size && (ie = "sub", Te = Array.from(b.value).join(", ")), n.createDataLayerObject("googleMapFilterEvent", {
+        Ne(q);
+        let ie = "main", Le = _.value;
+        b.value.size && (ie = "sub", Le = Array.from(b.value).join(", ")), n.createDataLayerObject("googleMapFilterEvent", {
           filter_type: ie,
           search_map_location: o.getCenter().toString(),
-          filter_selection: Te,
+          filter_selection: Le,
           results_count: l.places.length,
           filter_usage_index: O.filterUsesCount
         }), we("map_filter");
@@ -33684,13 +33684,13 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         once: !0
       });
     }
-    async function Ce() {
-      pe(), ye(), ee += 1;
+    async function ke() {
+      pe(), Ve(), ee += 1;
       const A = ee;
-      O.searchesCount += 1, $.value = "text", E.value = p.value.trim(), E.value && (D.value ? (d.locationBias = null, d.locationRestriction = o.getBounds()) : (d.locationRestriction = null, d.locationBias = o.getCenter()), d.includedType = R.value.some(
+      O.searchesCount += 1, $.value = "text", E.value = p.value.trim(), E.value && (D.value ? (d.locationBias = null, d.locationRestriction = o.getBounds(), _.value = "accommodation", b.value.add("self-catering")) : (d.locationRestriction = null, d.locationBias = o.getCenter()), d.includedType = R.value.some(
         (z) => E.value.toLowerCase().includes(z)
       ) ? "lodging" : null, d.textQuery = `${E.value} in Scotland`, d.maxResultCount = NUMBER_OF_RESULTS, c.style.display = "block", c.addEventListener("gmp-load", () => {
-        A === ee && (Be(A), D.value = !1, n.createDataLayerObject("googleMapSearchEvent", {
+        A === ee && (Ne(A), D.value = !1, n.createDataLayerObject("googleMapSearchEvent", {
           search_query: E.value,
           search_map_location: o.getCenter().toString(),
           search_results_count: c.places.length,
@@ -33700,7 +33700,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         once: !0
       }), O.showDestinations = !1, O.showCategories = !0);
     }
-    async function Be(A) {
+    async function Ne(A) {
       const { AdvancedMarkerElement: z } = await importLibrary("marker"), { LatLngBounds: q } = await importLibrary("core");
       if (A !== ee) return;
       const j = ref();
@@ -33718,9 +33718,9 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
           title: "Map pin"
         });
         ie.addEventListener("gmp-placeclick", () => {
-          be(G);
+          ye(G);
         }), ie.addListener("click", () => {
-          be(G);
+          ye(G);
         }), ie.metadata = {
           id: G.id
         }, v[G.id] = ie, W.extend(G.location), j.value.places.length === 1 ? (X(() => o.setCenter(
@@ -33731,9 +33731,9 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         )), X(() => o.setZoom(14)), X(() => o.fitBounds(G.viewport))) : (X(() => o.setCenter(W.getCenter())), X(() => o.fitBounds(W)));
       }), oe.value = le(o));
     }
-    async function Se() {
+    async function Ce() {
       const { AdvancedMarkerElement: A } = await importLibrary("marker");
-      Ne(), r.value.forEach((z) => {
+      Ee(), r.value.forEach((z) => {
         const q = document.createElement("div");
         q.classList.add("vs-map-marker");
         const j = document.createElement("i");
@@ -33747,24 +33747,24 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
           content: q,
           title: z.properties.title
         });
-        W.addListener("gmp-click", () => Ee(z)), v[z.properties.title] = W;
+        W.addListener("gmp-click", () => Te(z)), v[z.properties.title] = W;
       });
     }
     function pe(A, z) {
-      O.showCategories = !1, Ne(), $.value = "", u.includedTypes = null, u.excludedTypes = null, u.locationRestriction = null, l.style.display = "none", d.includedType = null, d.locationRestriction = null, d.locationBias = null, d.textQuery = null, c.style.display = "none", M.value = !1, g && g.close && g.close(), H.value = void 0, A && (Ve(), ye(), he("clear_all"), Se(), O.showDestinations = !0), z && (X(() => o.setCenter(t.center)), X(() => o.setZoom(t.zoom)), X(() => o.fitBounds(te)), he("reset_map"));
+      O.showCategories = !1, Ee(), $.value = "", u.includedTypes = null, u.excludedTypes = null, u.locationRestriction = null, l.style.display = "none", d.includedType = null, d.locationRestriction = null, d.locationBias = null, d.textQuery = null, c.style.display = "none", M.value = !1, g && g.close && g.close(), H.value = void 0, A && (Se(), Ve(), he("clear_all"), Ce(), O.showDestinations = !0), z && (X(() => o.setCenter(t.center)), X(() => o.setZoom(t.zoom)), X(() => o.fitBounds(te)), he("reset_map"));
     }
-    function Ve() {
+    function Se() {
       E.value = null, p.value = "";
     }
-    function ye() {
+    function Ve() {
       _.value = void 0, b.value = /* @__PURE__ */ new Set(), V.value = /* @__PURE__ */ new Set(), T.value = /* @__PURE__ */ new Set(), N.value = /* @__PURE__ */ new Set(), C.value = /* @__PURE__ */ new Set(), L.value = /* @__PURE__ */ new Set(), F.value = void 0, I.value = void 0;
     }
-    function Ne() {
+    function Ee() {
       for (const A in v)
         v[A] && (v[A].map = null);
       v = {};
     }
-    function be(A) {
+    function ye(A) {
       g.isOpen && (g.close(), he("card_close", m.place)), m.place = A, window.innerWidth <= 768 ? (f.style.width = "85vw", f.style.height = "32em", O.sidebarOpen = !1) : (f.style.width = "20em", f.style.height = "32em"), f.style.display = "block", f.style.overflowY = "auto", f.style.overflowX = "hidden", f.style.boxSizing = "border-box", f.style.maxHeight = "32em", g.setOptions({
         content: f,
         maxWidth: "25em",
@@ -33818,7 +33818,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
       return z;
     }
     const ae = ref("");
-    function Ee(A) {
+    function Te(A) {
       O.showDestinations = !1, ae.value = A.properties.title, X(() => o.fitBounds(
         // eslint-disable-next-line no-undef
         new google.maps.LatLngBounds(
@@ -33843,16 +33843,20 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
     }
     function Pe() {
       if (O.showDestinations = !1, O.sidebarOpen = !0, ae.value = "", fe.value = !1, b.value.size > 0) {
-        ve({
-          includedTypes: Array.from(N.value),
-          excludedTypes: Array.from(C.value)
-        });
-        const A = [];
-        b.value.forEach((z) => {
-          A.push(
-            _e(b.value, z).value
-          );
-        }), E.value = A.join(", "), p.value = E.value, O.showCategories = !0;
+        if (b.value.has("self-catering"))
+          b.value.delete("self-catering"), Be("self-catering", 0);
+        else {
+          ve({
+            includedTypes: Array.from(N.value),
+            excludedTypes: Array.from(C.value)
+          });
+          const A = [];
+          b.value.forEach((z) => {
+            A.push(
+              _e(b.value, z).value
+            );
+          }), E.value = A.join(", "), p.value = E.value, O.showCategories = !0;
+        }
         return;
       }
       if (_.value) {
@@ -33860,7 +33864,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
         return;
       }
       if (p.value) {
-        Ce();
+        ke();
         return;
       }
       me("things-to-do", 2);
@@ -33877,11 +33881,11 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
             "selected-category": _.value,
             "selected-subcategories": b.value,
             "sidebar-labels": de,
-            onCategorySelected: z[1] || (z[1] = (q) => Le(q.id, q.key)),
+            onCategorySelected: z[1] || (z[1] = (q) => De(q.id, q.key)),
             onResetMap: z[2] || (z[2] = (q) => pe(!0)),
             onResetLocation: z[3] || (z[3] = (q) => pe(!0, !0)),
-            onSearchInputChanged: Ce,
-            onSubcategorySelected: z[4] || (z[4] = (q) => De(q.id, q.key))
+            onSearchInputChanged: ke,
+            onSubcategorySelected: z[4] || (z[4] = (q) => Me(q.id, q.key))
           }, {
             "vs-map-sidebar-search-results": withCtx(() => [
               H.value || t.alertText && H.value === !1 ? (openBlock(), createElementBlock("div", _hoisted_3, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "5.57.4",
+  "version": "5.58.1",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",