@visitscotland/component-library 5.21.1 → 5.22.0

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, renderSlot, resolveComponent, createBlock, normalizeClass, withCtx, createElementVNode, createVNode, withDirectives, createCommentVNode, normalizeStyle, vShow, inject, mergeProps, toDisplayString, ref, onMounted, onUnmounted, createTextVNode, Fragment, renderList, resolveDirective, withModifiers, normalizeProps, createSlots, getCurrentInstance, defineComponent, computed as computed$1, watch, reactive, provide, onBeforeMount, isRef, onBeforeUnmount, unref, isReactive, isReadonly, nextTick, isVNode, markRaw, toRef, resolveDynamicComponent, h, withKeys, mergeModels, useModel, toHandlers, vModelText, guardReactiveProps, onUpdated, Suspense } from "vue";
-import { _ as _export_sfc, V as VsButton, d as dataLayerMixin, a as VsHeading, n as nn, b as an, c as VsIcon, r as rn, l as lodashExports, e as VsBody, f as VsContainer, g as VsRow, h as VsCol, i as ci, p as pi$2, j as en, k as dmoUrls, m as VsImg, E as Ed, o as axios, q as designTokens, Y as Yo, Z as Zo, s as pn, O as Ou, T as Tu, t as ku, u as VsWarning, v as fn, w as un, X as Xi, x as commonjsGlobal, y as require$$0$1, z as requireHasown, A as requireShams, B as callBound, C as isGeneratorFunction, D as isTypedArray, F as whichTypedArray, G as getAugmentedNamespace, H as getDefaultExportFromCjs, L as Lu, I as ld, J as _a, K as products, M as paths, N as monthsEnglish, P as VsLoading, Q as ol, R as wn, S as Ea, U as Bn, W as Je, $ as St, a0 as Pa, a1 as Ka, a2 as vc, a3 as dc, a4 as useDataLayerStore, a5 as checkVendorLibrary, a6 as siteSearchCloseTemplate, a7 as siteSearchClickTemplate, a8 as siteSearchUsageTemplate, a9 as siteSearchOpenTemplate, aa as googleMapInteractionTemplate, ab as googleMapTimeToFirstInteractionTemplate, ac as googleMapClickTemplate, ad as googleMapFilterInteractionTemplate, ae as googleMapSearchTemplate } from "./LoadingSpinner-BV9HMdg5.mjs";
-import { af as Se } from "./LoadingSpinner-BV9HMdg5.mjs";
+import { _ as _export_sfc, V as VsButton, d as dataLayerMixin, a as VsHeading, n as nn, b as an, c as VsIcon, r as rn, l as lodashExports, e as VsBody, f as VsContainer, g as VsRow, h as VsCol, i as ci, p as pi$2, j as en, k as dmoUrls, m as VsImg, E as Ed, o as axios, q as designTokens, Y as Yo, Z as Zo, s as pn, O as Ou, T as Tu, t as ku, u as VsWarning, v as fn, w as un, X as Xi, x as commonjsGlobal, y as require$$0$1, z as requireHasown, A as requireShams, B as callBound, C as isGeneratorFunction, D as isTypedArray, F as whichTypedArray, G as getAugmentedNamespace, H as getDefaultExportFromCjs, L as Lu, I as ld, J as _a, K as products, M as paths, N as monthsEnglish, P as VsLoading, Q as ol, R as wn, S as Ea, U as Bn, W as Je, $ as St, a0 as Pa, a1 as Ka, a2 as vc, a3 as dc, a4 as useDataLayerStore, a5 as checkVendorLibrary, a6 as siteSearchCloseTemplate, a7 as siteSearchClickTemplate, a8 as siteSearchUsageTemplate, a9 as siteSearchOpenTemplate, aa as googleMapInteractionTemplate, ab as googleMapTimeToFirstInteractionTemplate, ac as googleMapFilterInteractionTemplate, ad as googleMapSearchTemplate } from "./LoadingSpinner-Al46acPr.mjs";
+import { ae as Se } from "./LoadingSpinner-Al46acPr.mjs";
 import { defineStore, storeToRefs } from "pinia";
 const _sfc_main$2t = {
   name: "VsAccordion",
@@ -35470,19 +35470,6 @@ function dataLayerComposable() {
           filter_usage_index: c.filter_usage_index
         }, f = s(d), p = a(googleMapFilterInteractionTemplate, f);
         break;
-      case "googleMapClickEvent":
-        u = "map_click_to_google_maps", d = {
-          event: u,
-          click_origin: c.click_origin,
-          attraction_name: c.attraction_name,
-          attraction_rating: c.attraction_rating,
-          attraction_category: c.attraction_category,
-          search_map_location: c.search_map_location,
-          click_text: c.click_text,
-          click_url: c.click_url,
-          search_result_position: c.search_result_position
-        }, f = s(d), p = a(googleMapClickTemplate, f);
-        break;
       case "googleMapTimeToFirstInteractionEvent":
         u = "map_time_to_first_interaction", d = {
           event: u,
@@ -35498,6 +35485,7 @@ function dataLayerComposable() {
           map_location: c.map_location,
           visible_attractions_count: c.visible_attractions_count,
           card_attraction_name: c.card_attraction_name,
+          card_attraction_url: c.card_attraction_url,
           card_attraction_rating: c.card_attraction_rating,
           interaction_timestamp_ms: c.interaction_timestamp_ms
         }, f = s(d), p = a(googleMapInteractionTemplate, f);
@@ -35541,6 +35529,16 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
       type: String,
       default: "vs-map"
     },
+    /**
+     * Rendering Type for the Map.
+     * True = Vector Map, otherwise fallback to Raster
+     * Vector Map enables support (with correct MapID) for advanced features like shading
+     * Raster Maps are available for full compatibility across devices.
+     */
+    mapTypeVector: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Center point of map.
      * Defaults to what is considered the center of Scotland
@@ -35675,8 +35673,7 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
               lat: t.center.lat,
               lng: t.center.lng
             },
-            // eslint-disable-next-line no-undef
-            renderingType: google.maps.RenderingType.VECTOR,
+            renderingType: t.mapTypeVector ? google.maps.RenderingType.VECTOR : google.maps.RenderingType.RASTER,
             zoom: t.zoom,
             isFractionalZoomEnabled: !0,
             mapId: t.mapId,
@@ -35882,19 +35879,21 @@ const _hoisted_1 = { class: "vs-map" }, _hoisted_2 = { class: "vs-map__controls"
       });
     }
     async function G(Y, W) {
-      let J = "", ne = "";
+      let J = "", ne = "", ae = "";
       W && (await W.fetchFields({
         fields: [
           "displayName",
-          "rating"
+          "rating",
+          "websiteURI"
         ]
-      }), J = W.displayName, ne = W.rating), n.createDataLayerObject("googleMapInteractionEvent", {
+      }), J = W.displayName, ne = W.rating, ae = W.websiteURI), n.createDataLayerObject("googleMapInteractionEvent", {
         interaction_type: Y,
         search_query: d.value.trim(),
         map_location: a.getCenter().toString(),
         visible_attractions_count: m,
         card_attraction_name: J,
         card_attraction_rating: ne,
+        card_attraction_url: ae,
         interaction_timestamp_ms: Date.now()
       }), U(Y);
     }