@visitscotland/component-library 5.4.2 → 5.5.0

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

@@ -10843,7 +10843,7 @@ const CardGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_ren
       let e = !1;
       typeof CookieControl < "u" && (e = this.requiredCookies.every(
         (n) => CookieControl && CookieControl.getCategoryConsent(n) !== !1
-      )), this.requiredCookiesAllowed = e;
+      )), this.requiredCookiesAllowed = e, typeof this.callbackOnUpdated < "u" && this.callbackOnUpdated();
     }
   },
   computed: {
@@ -10855,17 +10855,11 @@ const CardGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_ren
     }
   },
   mounted() {
-    if (!window.dataLayerExtended && window.dataLayer) {
-      const e = window.dataLayer.push;
-      window.dataLayer.push = (n) => {
-        n ? e(n) : e(), n && n.event === "cookie_permission_loaded" && setTimeout(() => {
-          window.dispatchEvent(new Event("cookieManagerLoaded"));
-        }), n && n.event === "cookie_permission_changed" && setTimeout(() => {
-          window.dispatchEvent(new Event("cookiesUpdated"));
-        });
-      }, window.dataLayerExtended = !0;
-    }
-    window.addEventListener("cookieManagerLoaded", () => {
+    window.civicSetup || (window.cookieManagerLoaded = () => {
+      window.dispatchEvent(new Event("cookieManagerLoaded"));
+    }, window.cookiesUpdated = () => {
+      window.dispatchEvent(new Event("cookiesUpdated"));
+    }, window.civicSetup = !0), window.addEventListener("cookieManagerLoaded", () => {
       this.managerLoaded();
     }), window.addEventListener("cookiesUpdated", () => {
       this.cookiesUpdated();
@@ -11870,6 +11864,14 @@ const VsDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sf
     extraContent: {
       type: String,
       default: ""
+    },
+    /**
+     * A script that should only be loaded if the user accepts cookies, often necessary
+     * to make the embed work.
+     */
+    embeddedScript: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -11885,6 +11887,14 @@ const VsDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sf
       let e = "";
       return this.cookiesLoaded || (e = this.errorText), !this.cookiesAllowed && this.cookiesLoaded === !0 && (e = this.noCookieText), e;
     }
+  },
+  methods: {
+    callbackOnUpdated() {
+      if (this.embeddedScript && this.cookiesLoaded && this.requiredCookiesAllowed) {
+        const e = document.createElement("script");
+        e.src = this.embeddedScript, document.head.appendChild(e);
+      }
+    }
   }
 }, _hoisted_1$1a = {
   "data-test": "vs-embed-wrapper",