@visitscotland/component-library 5.70.0 → 5.71.0

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

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, renderSlot, inject, computed as computed$1, toValue, watch, ref, onMounted, nextTick as nextTick$1, getCurrentInstance, readonly, onBeforeUnmount, onUnmounted, defineComponent, unref, toRef, useId, shallowRef, useSlots, useModel, useTemplateRef, createBlock, withCtx, Transition, mergeProps, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeProps, guardReactiveProps, resolveDynamicComponent, createTextVNode, toDisplayString, Fragment, createCommentVNode, createVNode, vShow, normalizeStyle, mergeModels, provide, onActivated, renderList, useAttrs, render as render$e, h, vModelSelect, withKeys, resolveComponent, resolveDirective, createSlots, reactive, onBeforeMount, isRef, isReactive, isReadonly, onUpdated, onBeforeUpdate, isVNode, markRaw, Teleport, toHandlers, vModelText, watchEffect, Suspense } from "vue";
-import { _ as _export_sfc, b as breadcrumbGlobalIndexKey, a as breadcrumbRegistryKey, u as useEventListener, s as showHideRegistryKey, c as useThrottleFn, d as useDefaults, g as getSafeDocument, e as createSharedComposable, f as useScrollLock$1, h as useMutationObserver, i as getSafeWindow, t as toArray, j as unrefElement, n as notNullish, k as tryOnScopeDispose, l as useId$1, o as onKeyStroke, m as isEmptySlot, p as useColorVariantClasses, q as getModalZIndex, C as ConditionalTeleport_default, B as BButton_default, r as modalManagerKey, v as getSSRHandler, w as progressInjectionKey, x as useToNumber, y as formGroupKey, z as useAriaInvalid, A as useStateClass, D as useFocus, E as inputGroupKey, F as get$1, G as useBLinkHelper, H as BLink_default, I as ConditionalWrapper_default, J as pick, K as omit$2, L as BImg_default, M as offset$2, N as flip$2, O as autoPlacement, P as shift$2, Q as hide, R as inline, S as arrow$2, T as size, U as useFloating, V as autoUpdate$1, W as onClickOutside, X as useMouse$2, Y as buttonGroupKey, Z as dropdownInjectionKey, $ as collapseInjectionKey, a0 as navbarInjectionKey, a1 as formSelectKey, a2 as isVisible, a3 as useBreakpoints, a4 as breakpointsBootstrapV5, a5 as tabsInjectionKey, a6 as sortSlotElementsByPosition, a7 as defaultsKey, a8 as VsButton, a9 as dataLayerMixin, aa as VsHeading, ab as VsIcon, ac as lodashExports, ad as VsBody, ae as VsContainer, af as VsRow, ag as VsCol, ah as dmoUrls, ai as VsImg, aj as axios, ak as designTokens, al as BFormRadio_default, am as BFormRadioGroup_default, an as BFormGroup_default, ao as VsWarning, ap as BFormCheckbox_default, aq as getDefaultExportFromCjs, ar as products, as as paths, at as monthsEnglish, au as VsLoading, av as BThead_default, aw as BTh_default, ax as BTbody_default, ay as BTr_default, az as BTd_default, aA as BTfoot_default, aB as useDataLayerStore, aC as checkVendorLibrary, aD as siteSearchCloseTemplate, aE as siteSearchClickTemplate, aF as siteSearchUsageTemplate, aG as siteSearchOpenTemplate, aH as googleMapInteractionTemplate, aI as googleMapTimeToFirstInteractionTemplate, aJ as googleMapFilterInteractionTemplate, aK as googleMapSearchTemplate } from "./LoadingSpinner-CffQnFjG.mjs";
-import { aL as qe } from "./LoadingSpinner-CffQnFjG.mjs";
+import { _ as _export_sfc, b as breadcrumbGlobalIndexKey, a as breadcrumbRegistryKey, u as useEventListener, s as showHideRegistryKey, c as useThrottleFn, d as useDefaults, g as getSafeDocument, e as createSharedComposable, f as useScrollLock$1, h as useMutationObserver, i as getSafeWindow, t as toArray, j as unrefElement, n as notNullish, k as tryOnScopeDispose, l as useId$1, o as onKeyStroke, m as isEmptySlot, p as useColorVariantClasses, q as getModalZIndex, C as ConditionalTeleport_default, B as BButton_default, r as modalManagerKey, v as getSSRHandler, w as progressInjectionKey, x as useToNumber, y as formGroupKey, z as useAriaInvalid, A as useStateClass, D as useFocus, E as inputGroupKey, F as get$1, G as useBLinkHelper, H as BLink_default, I as ConditionalWrapper_default, J as pick, K as omit$2, L as BImg_default, M as offset$2, N as flip$2, O as autoPlacement, P as shift$2, Q as hide, R as inline, S as arrow$2, T as size, U as useFloating, V as autoUpdate$1, W as onClickOutside, X as useMouse$2, Y as buttonGroupKey, Z as dropdownInjectionKey, $ as collapseInjectionKey, a0 as navbarInjectionKey, a1 as formSelectKey, a2 as isVisible, a3 as useBreakpoints, a4 as breakpointsBootstrapV5, a5 as tabsInjectionKey, a6 as sortSlotElementsByPosition, a7 as defaultsKey, a8 as VsButton, a9 as dataLayerMixin, aa as VsHeading, ab as VsIcon, ac as lodashExports, ad as VsBody, ae as VsContainer, af as VsRow, ag as VsCol, ah as dmoUrls, ai as VsImg, aj as axios, ak as designTokens, al as BFormRadio_default, am as BFormRadioGroup_default, an as BFormGroup_default, ao as VsWarning, ap as BFormCheckbox_default, aq as getDefaultExportFromCjs, ar as products, as as paths, at as monthsEnglish, au as VsLoading, av as BThead_default, aw as BTh_default, ax as BTbody_default, ay as BTr_default, az as BTd_default, aA as BTfoot_default, aB as useDataLayerStore, aC as checkVendorLibrary, aD as siteSearchCloseTemplate, aE as siteSearchClickTemplate, aF as siteSearchUsageTemplate, aG as siteSearchOpenTemplate, aH as googleMapInteractionTemplate, aI as googleMapTimeToFirstInteractionTemplate, aJ as googleMapFilterInteractionTemplate, aK as googleMapSearchTemplate } from "./LoadingSpinner-ggrZC9Iu.mjs";
+import { aL as qe } from "./LoadingSpinner-ggrZC9Iu.mjs";
 import { defineStore, storeToRefs } from "pinia";
 const _sfc_main$2E = {
   name: "VsAccordion",
@@ -20709,7 +20709,8 @@ const Scrollbar = ({ swiper: e, extendParams: t, on: n, emit: a }) => {
   data() {
     return {
       modules: [Navigation, Scrollbar, A11y],
-      isInteracting: !1
+      isInteracting: !1,
+      scrollbarEl: null
     };
   },
   computed: {
@@ -20733,7 +20734,7 @@ const Scrollbar = ({ swiper: e, extendParams: t, on: n, emit: a }) => {
     },
     swiperScrollbar() {
       return {
-        el: `.vs-content-swiper__scrollbar-${this.instanceId}`,
+        el: this.scrollbarEl,
         draggable: !1
       };
     },
@@ -20762,6 +20763,9 @@ const Scrollbar = ({ swiper: e, extendParams: t, on: n, emit: a }) => {
       }), n;
     }
   },
+  mounted() {
+    this.scrollbarEl = this.$refs.scrollbar;
+  },
   beforeUnmount() {
     clearTimeout(this._interactionTimer);
   },
@@ -20806,6 +20810,7 @@ function _sfc_render$1C(e, t, n, a, o, r) {
     createElementVNode("div", _hoisted_2$Z, [
       createElementVNode("div", _hoisted_3$M, [
         createElementVNode("div", {
+          ref: "scrollbar",
           class: normalizeClass(r.scrollbarContainerClasses)
         }, null, 2),
         createElementVNode("div", _hoisted_4$x, [
@@ -32112,9 +32117,6 @@ const ProductSearch = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_
   props: {
     /**
      * Sets the quote text content.
-     *
-     * @deprecated Use the `quote-content` slot instead. Will be removed in a future major
-     * release.
      */
     quoteText: {
       type: String,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "5.70.0",
+  "version": "5.71.0",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",
@@ -85,7 +85,7 @@
     "@vue/vue3-jest": "^29.2.6",
     "babel-jest": "^30.4.1",
     "bootstrap": "^5.3.2",
-    "chromatic": "^18.0.0",
+    "chromatic": "^18.0.1",
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^10.4.0",