@visitscotland/component-library 4.19.3 → 4.20.1

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

@@ -6288,7 +6288,7 @@ const VsLink = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render
 }, _hoisted_1$1F = { class: "vs-product-card__image-container" }, _hoisted_2$1a = { class: "vs-product-card__image-inner-container" }, _hoisted_3$X = { class: "vs-product-card__description" }, _hoisted_4$H = {
   key: 0,
   class: "vs-product-card__description-inner"
-}, _hoisted_5$v = { class: "visually-hidden" }, _hoisted_6$k = {
+}, _hoisted_5$w = { class: "visually-hidden" }, _hoisted_6$k = {
   class: "vs-product-card__logos-container",
   "data-chromatic": "ignore"
 };
@@ -6359,7 +6359,7 @@ function _sfc_render$1V(e, n, t, a, r, o) {
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(t.detailLink.label) + " ", 1),
-                  createElementVNode("span", _hoisted_5$v, ": " + toDisplayString(t.title), 1)
+                  createElementVNode("span", _hoisted_5$w, ": " + toDisplayString(t.title), 1)
                 ]),
                 _: 1
               }, 8, ["href", "disabled"])
@@ -6890,7 +6890,7 @@ const VsCannedSearchDates = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render"
 }, _hoisted_4$F = {
   key: 2,
   class: "vs-canned-search-badges__badge vs-canned-search-badges__badge--offer vs-canned-search-badges__badge--tr2"
-}, _hoisted_5$u = {
+}, _hoisted_5$v = {
   key: 3,
   class: "vs-canned-search-badges__badge vs-canned-search-badges__badge--open vs-canned-search-badges__badge--br"
 };
@@ -6903,7 +6903,7 @@ function _sfc_render$1M(e, n, t, a, r, o) {
       }, toDisplayString(l), 1))), 128))
     ])) : createCommentVNode("", !0),
     t.badgeTwo ? (openBlock(), createElementBlock("div", _hoisted_4$F, toDisplayString(t.badgeTwo), 1)) : createCommentVNode("", !0),
-    t.badgeThree ? (openBlock(), createElementBlock("div", _hoisted_5$u, toDisplayString(t.badgeThree), 1)) : createCommentVNode("", !0)
+    t.badgeThree ? (openBlock(), createElementBlock("div", _hoisted_5$v, toDisplayString(t.badgeThree), 1)) : createCommentVNode("", !0)
   ]);
 }
 const VsCannedSearchBadges = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1M]]), _sfc_main$1X = {
@@ -7224,7 +7224,7 @@ const VsCannedSearchTourDeparts = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["r
 }, _hoisted_2$12 = { class: "slider" }, _hoisted_3$R = {
   key: 2,
   class: "vs-carousel__navigation"
-}, _hoisted_4$E = ["onClick", "onKeypress", "data-test"], _hoisted_5$t = { class: "visually-hidden" }, _hoisted_6$j = {
+}, _hoisted_4$E = ["onClick", "onKeypress", "data-test"], _hoisted_5$u = { class: "visually-hidden" }, _hoisted_6$j = {
   key: 0,
   class: "vs-carousel__mobile-pagination-wrapper"
 }, _hoisted_7$e = {
@@ -7294,7 +7294,7 @@ function _sfc_render$1H(e, n, t, a, r, o) {
                         tabindex: "0",
                         "data-test": `vs-carousel__nav-${f}`
                       }, [
-                        createElementVNode("span", _hoisted_5$t, [
+                        createElementVNode("span", _hoisted_5$u, [
                           renderSlot(e.$slots, "vs-carousel-navigate"),
                           createTextVNode(" " + toDisplayString(f), 1)
                         ])
@@ -10872,7 +10872,7 @@ const CannedSearch = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_
       return (t - e) * a / (n - e);
     }
   }
-}, _hoisted_1$1r = ["width", "height"], _hoisted_2$11 = ["stroke"], _hoisted_3$Q = ["stroke"], _hoisted_4$D = ["stroke"], _hoisted_5$s = ["stroke"], _hoisted_6$i = ["stroke"], _hoisted_7$d = ["stroke"], _hoisted_8$5 = ["stroke"], _hoisted_9$4 = ["stroke"], _hoisted_10$4 = ["stroke"], _hoisted_11$3 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
+}, _hoisted_1$1r = ["width", "height"], _hoisted_2$11 = ["stroke"], _hoisted_3$Q = ["stroke"], _hoisted_4$D = ["stroke"], _hoisted_5$t = ["stroke"], _hoisted_6$i = ["stroke"], _hoisted_7$d = ["stroke"], _hoisted_8$5 = ["stroke"], _hoisted_9$4 = ["stroke"], _hoisted_10$4 = ["stroke"], _hoisted_11$3 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
 function _sfc_render$1E(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10929,7 +10929,7 @@ function _sfc_render$1E(e, n, t, a, r, o) {
       "stroke-linejoin": "round",
       "stroke-width": "0.5",
       "fill-rule": "evenodd"
-    }, null, 8, _hoisted_5$s),
+    }, null, 8, _hoisted_5$t),
     createElementVNode("path", {
       d: "M65.9965,13.8793l-.668,1.287,1.169-.368Z",
       transform: "translate(-0.2662 -0.2662)",
@@ -11652,7 +11652,7 @@ const VsProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", _sfc
 }, _hoisted_1$1n = {
   class: "vs-carbon-calculator-tip",
   "data-test": "vs-carbon-calculator-tip"
-}, _hoisted_2$Z = { class: "vs-carbon-calculator-tip__icon-container" }, _hoisted_3$N = { class: "vs-carbon-calculator-tip__content" }, _hoisted_4$B = ["innerHTML"], _hoisted_5$r = ["innerHTML"];
+}, _hoisted_2$Z = { class: "vs-carbon-calculator-tip__icon-container" }, _hoisted_3$N = { class: "vs-carbon-calculator-tip__content" }, _hoisted_4$B = ["innerHTML"], _hoisted_5$s = ["innerHTML"];
 function _sfc_render$1A(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon"), c = resolveComponent("VsHeading");
   return openBlock(), createElementBlock("div", _hoisted_1$1n, [
@@ -11685,7 +11685,7 @@ function _sfc_render$1A(e, n, t, a, r, o) {
         class: "vs-carbon-calculator-tip__content",
         "data-test": "vs-carbon-calculator-tip__content",
         innerHTML: t.tip
-      }, null, 8, _hoisted_5$r))
+      }, null, 8, _hoisted_5$s))
     ])
   ]);
 }
@@ -16156,7 +16156,7 @@ var script$1 = defineComponent({
 const _hoisted_1$1$1 = {
   class: "treemap",
   style: { display: "flex", position: "relative" }
-}, _hoisted_2$1$1 = ["width", "height", "viewBox"], _hoisted_3$M = { class: "layer-rectangles" }, _hoisted_4$A = ["transform", "onMouseover"], _hoisted_5$q = ["width", "height"], _hoisted_6$h = {
+}, _hoisted_2$1$1 = ["width", "height", "viewBox"], _hoisted_3$M = { class: "layer-rectangles" }, _hoisted_4$A = ["transform", "onMouseover"], _hoisted_5$r = ["width", "height"], _hoisted_6$h = {
   x: 10,
   y: 20,
   "font-size": "15px",
@@ -16191,7 +16191,7 @@ function render$1(e, n, t, a, r, o) {
                 y: 0,
                 width: l.width,
                 height: l.height
-              }), null, 16, _hoisted_5$q),
+              }), null, 16, _hoisted_5$r),
               renderSlot(e.$slots, "text", {
                 r: l,
                 selected: e.selected === c
@@ -16446,7 +16446,7 @@ const _sfc_main$1L = {
       };
     }
   }
-}, _hoisted_1$1l = { class: "vs-carbon-calculator-results__headline" }, _hoisted_2$X = { class: "mb-050" }, _hoisted_3$L = { class: "vs-carbon-calculator-results__total" }, _hoisted_4$z = ["innerHTML"], _hoisted_5$p = { class: "vs-carbon-calculator-results__unicorn-icon-container" }, _hoisted_6$g = { class: "vs-carbon-calculator-results__unicorn-content" };
+}, _hoisted_1$1l = { class: "vs-carbon-calculator-results__headline" }, _hoisted_2$X = { class: "mb-050" }, _hoisted_3$L = { class: "vs-carbon-calculator-results__total" }, _hoisted_4$z = ["innerHTML"], _hoisted_5$q = { class: "vs-carbon-calculator-results__unicorn-icon-container" }, _hoisted_6$g = { class: "vs-carbon-calculator-results__unicorn-content" };
 function _sfc_render$1z(e, n, t, a, r, o) {
   const l = resolveComponent("VsHeading"), c = resolveComponent("VsCol"), d = resolveComponent("VsRow"), p = resolveComponent("VsIcon"), f = resolveComponent("Grid"), m = resolveComponent("Bar"), _ = resolveComponent("Chart"), v = resolveComponent("Responsive");
   return openBlock(), createBlock(d, {
@@ -16511,7 +16511,7 @@ function _sfc_render$1z(e, n, t, a, r, o) {
         class: "vs-carbon-calculator-results__unicorn"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_5$p, [
+          createElementVNode("div", _hoisted_5$q, [
             createVNode(p, {
               name: "unicorn",
               size: "lg",
@@ -17966,7 +17966,7 @@ const VsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc
   validations() {
     return this.rules;
   }
-}, _hoisted_1$1h = { "data-test": "vs-number-input" }, _hoisted_2$U = ["id"], _hoisted_3$I = ["id"], _hoisted_4$w = { class: "visually-hidden" }, _hoisted_5$o = { class: "visually-hidden" };
+}, _hoisted_1$1h = { "data-test": "vs-number-input" }, _hoisted_2$U = ["id"], _hoisted_3$I = ["id"], _hoisted_4$w = { class: "visually-hidden" }, _hoisted_5$p = { class: "visually-hidden" };
 function _sfc_render$1v(e, n, t, a, r, o) {
   const l = resolveComponent("VsButton"), c = resolveComponent("BFormInput");
   return openBlock(), createElementBlock("div", _hoisted_1$1h, [
@@ -18048,7 +18048,7 @@ function _sfc_render$1v(e, n, t, a, r, o) {
       onClick: n[1] || (n[1] = withModifiers((d) => o.clearInputAndFocus(), ["prevent"]))
     }, {
       default: withCtx(() => [
-        createElementVNode("span", _hoisted_5$o, toDisplayString(t.clearButtonText), 1)
+        createElementVNode("span", _hoisted_5$p, toDisplayString(t.clearButtonText), 1)
       ]),
       _: 1
     })) : createCommentVNode("", !0)
@@ -19002,14 +19002,17 @@ const CarbonCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _
   key: 0,
   class: "vs-stretched-link-card__video-btn-text"
 }, _hoisted_2$S = {
-  key: 1,
+  key: 4,
+  class: "card-body"
+}, _hoisted_3$H = {
+  key: 0,
   class: "vs-stretched-link-card__category",
   "data-test": "vs-stretched-link-card__category"
-}, _hoisted_3$H = {
+}, _hoisted_4$v = {
   class: "vs-stretched-link-card__content",
   "data-test": "vs-stretched-link-card__content"
-}, _hoisted_4$v = {
-  key: 3,
+}, _hoisted_5$o = {
+  key: 2,
   class: "vs-stretched-link-card__badges",
   "data-test": "vs-stretched-link-card__badges"
 };
@@ -19048,14 +19051,32 @@ function _sfc_render$1s(e, n, t, a, r, o) {
       key: 2,
       class: normalizeClass(["vs-stretched-link-card__img-container", o.warningClass])
     }, [
-      t.imgSrc ? (openBlock(), createBlock(c, {
-        key: 0,
-        src: t.imgSrc,
-        alt: t.imgAlt,
-        class: normalizeClass(["vs-stretched-link-card__img", o.isSvg ? "vs-stretched-link-card__img--svg" : ""]),
-        "data-test": "vs-stretched-link-card__img",
-        "data-chromatic": "ignore"
-      }, null, 8, ["src", "alt", "class"])) : createCommentVNode("", !0),
+      t.imgSrc ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createVNode(c, {
+          src: t.imgSrc,
+          alt: t.imgAlt,
+          class: normalizeClass(["vs-stretched-link-card__img", o.isSvg ? "vs-stretched-link-card__img--svg" : ""]),
+          "data-test": "vs-stretched-link-card__img",
+          "data-chromatic": "ignore"
+        }, null, 8, ["src", "alt", "class"]),
+        t.videoId && o.videoLoaded ? (openBlock(), createBlock(d, {
+          key: 0,
+          class: "vs-stretched-link-card__video-button",
+          "data-test": "vs-stretched-link-card__video-button",
+          icon: "play",
+          "icon-position": "left",
+          size: "md",
+          ref: "videoShow",
+          rounded: !1,
+          onClick: o.emitShowModal
+        }, {
+          default: withCtx(() => [
+            t.videoBtnText ? (openBlock(), createElementBlock("span", _hoisted_1$1e, toDisplayString(o.formattedVideoBtnText), 1)) : createCommentVNode("", !0),
+            createTextVNode(" " + toDisplayString(o.formattedVideoDuration), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : createCommentVNode("", !0)
+      ], 64)) : createCommentVNode("", !0),
       o.showWarning === "image" ? (openBlock(), createBlock(l, {
         key: 1,
         size: t.warningSize,
@@ -19081,32 +19102,12 @@ function _sfc_render$1s(e, n, t, a, r, o) {
       }, 8, ["size"])) : createCommentVNode("", !0)
     ], 2)) : createCommentVNode("", !0),
     e.$slots["stretched-card-panels"] && e.$slots["stretched-card-panels"]() ? renderSlot(e.$slots, "stretched-card-panels", { key: 3 }) : createCommentVNode("", !0),
-    o.showWarning !== "full" ? (openBlock(), createElementBlock("div", {
-      key: 4,
-      class: normalizeClass(["card-body", t.videoId ? "position-relative" : ""])
-    }, [
-      t.videoId && o.videoLoaded ? (openBlock(), createBlock(d, {
-        key: 0,
-        class: "vs-stretched-link-card__video-button",
-        "data-test": "vs-stretched-link-card__video-button",
-        icon: "play",
-        "icon-position": "left",
-        size: "md",
-        ref: "videoShow",
-        rounded: !1,
-        onClick: o.emitShowModal
-      }, {
-        default: withCtx(() => [
-          t.videoBtnText ? (openBlock(), createElementBlock("span", _hoisted_1$1e, toDisplayString(o.formattedVideoBtnText), 1)) : createCommentVNode("", !0),
-          createTextVNode(" " + toDisplayString(o.formattedVideoDuration), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", !0),
-      e.$slots["stretched-card-category"] && e.$slots["stretched-card-category"]() ? (openBlock(), createElementBlock("span", _hoisted_2$S, [
+    o.showWarning !== "full" ? (openBlock(), createElementBlock("div", _hoisted_2$S, [
+      e.$slots["stretched-card-category"] && e.$slots["stretched-card-category"]() ? (openBlock(), createElementBlock("span", _hoisted_3$H, [
         renderSlot(e.$slots, "stretched-card-category")
       ])) : createCommentVNode("", !0),
       e.$slots["stretched-card-header"] && e.$slots["stretched-card-header"]() ? (openBlock(), createBlock(f, {
-        key: 2,
+        key: 1,
         level: t.headingLevel,
         "heading-style": t.headingStyle,
         class: "card-title vs-stretched-link-card__title",
@@ -19131,14 +19132,14 @@ function _sfc_render$1s(e, n, t, a, r, o) {
         ]),
         _: 3
       }, 8, ["level", "heading-style"])) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3$H, [
+      createElementVNode("div", _hoisted_4$v, [
         renderSlot(e.$slots, "stretched-card-content")
       ]),
-      e.$slots["stretched-card-badges"] && e.$slots["stretched-card-badges"]() ? (openBlock(), createElementBlock("div", _hoisted_4$v, [
+      e.$slots["stretched-card-badges"] && e.$slots["stretched-card-badges"]() ? (openBlock(), createElementBlock("div", _hoisted_5$o, [
         renderSlot(e.$slots, "stretched-card-badges")
       ])) : createCommentVNode("", !0),
       e.$slots["stretched-card-link"] && e.$slots["stretched-card-link"]() ? (openBlock(), createBlock(p, {
-        key: 4,
+        key: 3,
         href: t.link,
         class: "vs-stretched-link-card__link stretched-link",
         "data-test": "vs-stretched-link-card__link"
@@ -19148,7 +19149,7 @@ function _sfc_render$1s(e, n, t, a, r, o) {
         ]),
         _: 3
       }, 8, ["href"])) : createCommentVNode("", !0)
-    ], 2)) : createCommentVNode("", !0)
+    ])) : createCommentVNode("", !0)
   ], 34);
 }
 const VsStretchedLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1s]]), _sfc_main$1D = {
@@ -40826,6 +40827,13 @@ const SocialShareItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sf
       type: String,
       default: "icon",
       validator: (e) => ["icon", "image", "image-horizontal", "numbered"].includes(e)
+    },
+    /**
+     * ID of the anchor link if needed
+     */
+    anchorLink: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
@@ -40855,13 +40863,14 @@ const SocialShareItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sf
               }, null, 8, ["src"])) : createCommentVNode("", !0),
               createVNode(VsHeading, {
                 level: n.headingLevel,
-                "heading-style": "heading-xxs"
+                "heading-style": "heading-xxs",
+                id: e.anchorLink ? e.anchorLink : ""
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(e.heading), 1)
                 ]),
                 _: 1
-              }, 8, ["level"]),
+              }, 8, ["level", "id"]),
               createVNode(VsRichTextWrapper, null, {
                 default: withCtx(() => [
                   renderSlot(t.$slots, "default")