@visitscotland/component-library 5.0.3 → 5.1.1

package/dist/client/styles/5403261cf92292f782cc.css

@@ -0,0 +1 @@
+h4.vs-canned-search-sub-heading{color:#535396;margin:0;margin-bottom:.75rem}@media(min-width: 768px){h4.vs-canned-search-sub-heading{font-size:1.25rem}}h4.vs-canned-search-sub-heading--lines-1{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:1}h4.vs-canned-search-sub-heading--lines-2{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}

package/dist/client/styles/71b33459584751455b41.css

@@ -0,0 +1 @@
+.vs-product-card .stretched-link:focus{outline:2px solid #3369ff}.vs-product-card{text-align:left}.vs-product-card .card{transition:box-shadow .5s;border:none;position:relative;padding-bottom:1.25rem}.vs-product-card .card:hover .vs-product-card__title a{text-decoration:underline}.vs-product-card .card-body{padding:.25rem 0 0;min-height:11.5rem}.vs-product-card .card-body--short{min-height:10rem}.vs-product-card .stretched-link{color:#200f2e;text-decoration:none;display:block}.vs-product-card .vs-product-card__link:focus{border:2px solid #3369ff}.vs-product-card .vs-product-card__image-container{position:relative;height:0;padding-bottom:66.6%}.vs-product-card .vs-product-card__image-inner-container{position:absolute;top:0;left:0;width:100%;height:100%}.vs-product-card .vs-product-card__img{width:100%;height:100%;object-fit:cover;align-self:flex-start;flex-shrink:0}.vs-product-card .vs-product-card__title{display:flex;margin:.75rem 0 .5rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}@media(min-width: 768px){.vs-product-card .vs-product-card__title{font-size:1.4375rem}}.vs-product-card .vs-product-card__description{font-size:1rem;height:2rem}.vs-product-card .vs-product-card__description p{margin-bottom:.25rem}.vs-product-card .vs-product-card__description .vs-product-card__description-inner{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}.vs-product-card--disabled .card{opacity:.5}.vs-product-card--disabled .card:hover .vs-product-card__title a{text-decoration:none}.vs-product-card--disabled .stretched-link{cursor:default}.no-js .vs-product-card--disabled .card{opacity:1}.no-js .vs-product-card--disabled .card .vs-product-card__title a{text-decoration:underline}.no-js .vs-product-card--disabled .stretched-link{cursor:pointer}

package/dist/client/styles/{a2a3df66e2bf3fdbe36e.css → 8772bbad384566160d70.css}

@@ -1 +1 @@
-.card.vs-mega-nav-featured-event{border-top:1px solid #e9e9e9;margin-bottom:-0.5rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event{margin-bottom:0}}.card.vs-mega-nav-featured-event:focus .vs-stretched-link-card__link{outline:2px}.card.vs-mega-nav-featured-event--bottom{bottom:0;top:auto}.card.vs-mega-nav-featured-event .card-body{position:absolute;width:80%;bottom:0;left:0;background:#fff;padding:0 0 1rem;border-left:.25rem solid #a8308c}@media(min-width: 768px){.card.vs-mega-nav-featured-event .card-body{padding:0}}@media(min-width: 992px){.card.vs-mega-nav-featured-event .card-body{border-left-width:0}}.card.vs-mega-nav-featured-event .card-title{display:none}.card.vs-mega-nav-featured-event .vs-stretched-link-card__content{padding:0 1.25rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__content{border-left:.25rem solid #a8308c}}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{font-size:.875em;margin-left:1.25rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{margin-left:0}}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link:hover{text-decoration:none}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__date-range{color:#a8308c;margin-bottom:.5rem;font-size:.875em}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__date-detail{font-weight:600}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__title{font-size:.875em;font-weight:600;margin-bottom:0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__location{font-size:.875em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:1}@media(min-width: 576px){.card.vs-mega-nav-featured-event{display:flex;flex-direction:row-reverse}.card.vs-mega-nav-featured-event .card-title{font-size:1rem}.card.vs-mega-nav-featured-event .card-body{position:initial;width:auto;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 576px)and (-ms-high-contrast: active),screen and (min-width: 576px)and (-ms-high-contrast: none){.card.vs-mega-nav-featured-event .card-body{position:relative}}@media(min-width: 576px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__img-container{width:245px;height:auto}}@media(min-width: 992px){.card.vs-mega-nav-featured-event{padding:.75rem;flex-direction:column;border-top:none}.card.vs-mega-nav-featured-event .vs-stretched-link-card__img-container{width:100%}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{align-self:flex-end;padding:.5rem}}.no-js .card.vs-mega-nav-featured-event{display:none}
+.card.vs-mega-nav-featured-event{border-top:1px solid #e9e9e9;margin-bottom:-0.5rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event{margin-bottom:0}}.card.vs-mega-nav-featured-event:focus .vs-stretched-link-card__link{outline:2px}.card.vs-mega-nav-featured-event--bottom{bottom:0;top:auto}.card.vs-mega-nav-featured-event .card-body{position:absolute;width:80%;bottom:0;left:0;background:#fff;padding:0 0 1rem;border-left:.25rem solid #a8308c}@media(min-width: 768px){.card.vs-mega-nav-featured-event .card-body{padding:0}}@media(min-width: 992px){.card.vs-mega-nav-featured-event .card-body{border-left-width:0}}.card.vs-mega-nav-featured-event .card-title{display:none}.card.vs-mega-nav-featured-event .vs-stretched-link-card__content{padding:0 1.25rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__content{border-left:.25rem solid #a8308c}}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{font-size:.875em;margin-left:1.25rem}@media(min-width: 992px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{margin-left:0}}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link:hover{text-decoration:none}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__date-range{color:#a8308c;margin-bottom:.5rem;font-size:.875em}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__date-detail{font-weight:600}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__title{font-size:.875em;font-weight:600;margin-bottom:0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}.card.vs-mega-nav-featured-event .vs-mega-nav-featured-event__location{font-size:.875em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:1}@media(min-width: 576px){.card.vs-mega-nav-featured-event{display:flex;flex-direction:row-reverse}.card.vs-mega-nav-featured-event .card-title{font-size:1rem}.card.vs-mega-nav-featured-event .card-body{position:initial;width:auto;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 576px)and (-ms-high-contrast: active),screen and (min-width: 576px)and (-ms-high-contrast: none){.card.vs-mega-nav-featured-event .card-body{position:relative}}@media(min-width: 576px){.card.vs-mega-nav-featured-event .vs-stretched-link-card__img-container{width:245px;height:auto}}@media(min-width: 992px){.card.vs-mega-nav-featured-event{padding:.75rem;flex-direction:column;border-top:none}.card.vs-mega-nav-featured-event .vs-stretched-link-card__img-container{width:100%}.card.vs-mega-nav-featured-event .vs-stretched-link-card__link{align-self:flex-end;padding:.5rem}}.no-js .card.vs-mega-nav-featured-event{display:none}

package/dist/client/styles/a154cc91e88ae9dfea0e.css

@@ -0,0 +1 @@
+.vs-spotlight-section{position:relative;background-color:#e5e5f0;color:#fff;border-radius:.75rem;background-size:cover;background-position:center}.vs-spotlight-section__overlay{position:relative;height:100%;width:100%;display:grid;place-items:end;border-radius:.75rem;padding:1.75rem 1.25rem;z-index:1}@media(min-width: 576px){.vs-spotlight-section__overlay{padding:2.5rem 2.5rem}}.vs-spotlight-section__overlay::before{content:"";position:absolute;inset:0;border-radius:.75rem;background:linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%),linear-gradient(270deg, rgba(0, 0, 0, 0) 30.29%, rgba(0, 0, 0, 0.5) 75%);z-index:-1}@media(min-width: 992px){.vs-spotlight-section__overlay::before{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 30.29%, rgba(0, 0, 0, 0.5) 75%)}}.vs-spotlight-section__description{display:none}.vs-spotlight-section__heading{text-wrap:balance;margin-bottom:1.5rem}@media(min-width: 576px){.vs-spotlight-section__heading{font-size:1.8125rem}}@media(min-width: 576px)and (min-width: 768px){.vs-spotlight-section__heading{font-size:2rem}}@media(min-width: 768px){.vs-spotlight-section__heading{padding-right:3rem;font-size:2rem}}@media(min-width: 768px)and (min-width: 768px){.vs-spotlight-section__heading{font-size:2.25rem}}@media(min-width: 992px){.vs-spotlight-section__heading{padding-right:7rem}}@media(min-width: 1200px){.vs-spotlight-section__heading{font-size:2.25rem}}.vs-spotlight-section--standard{min-height:360px;height:auto}@media(min-width: 768px){.vs-spotlight-section--standard{min-height:500px}}.vs-spotlight-section--standard .vs-spotlight-section__overlay{min-height:360px}@media(min-width: 768px){.vs-spotlight-section--standard .vs-spotlight-section__overlay{min-height:500px;padding:4rem 3rem}}@media(min-width: 576px){.vs-spotlight-section--standard .vs-spotlight-section__heading{margin-bottom:1.5rem}}@media(min-width: 768px){.vs-spotlight-section--standard .vs-spotlight-section__description{margin-bottom:2.5rem;display:block}}@media(min-width: 1200px){.vs-spotlight-section--standard .vs-spotlight-section__description{margin-bottom:3rem}}.vs-spotlight-section--compact{min-height:170px;height:auto}@media(min-width: 992px){.vs-spotlight-section--compact{min-height:276px}}@media(min-width: 1200px){.vs-spotlight-section--compact{min-height:293px}}.vs-spotlight-section--compact .vs-spotlight-section__overlay{min-height:170px}@media(min-width: 992px){.vs-spotlight-section--compact .vs-spotlight-section__overlay{min-height:276px;padding:4rem 3rem}}@media(min-width: 1200px){.vs-spotlight-section--compact .vs-spotlight-section__overlay{min-height:293px}}@media(min-width: 576px){.vs-spotlight-section--compact .vs-spotlight-section__heading{margin-bottom:0}}@media(min-width: 992px){.vs-spotlight-section--compact .vs-spotlight-section__heading{margin-bottom:1.5rem}}.vs-spotlight-section--compact .vs-spotlight-section__description{margin-bottom:0}@media(min-width: 992px){.vs-spotlight-section--compact .vs-spotlight-section__description{display:block}}.vs-spotlight-section--no-image{color:#200f2e}.vs-spotlight-section--no-image .vs-spotlight-section__overlay::before{background:#f2f2f8}

package/dist/client/styles/ae596ff1996c280c202c.css

@@ -0,0 +1 @@
+.vs-canned-search-tour-runs{font-weight:600;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}

package/dist/client/styles/c6314d517b52641f766c.css

@@ -0,0 +1 @@
+.vs-canned-search-tour-departs{font-size:1rem;margin-bottom:.25rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;-webkit-line-clamp:2}.vs-canned-search-tour-departs__label{font-weight:600}

package/dist/components/components/form/Form.vue.d.ts

@@ -8,6 +8,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * For non-marketo forms this dictates which data processing layer the form uses - 'breg',
+     * 'fepl', or 'dp'. This adjusts certain behaviour, for example the `exponea.identify()`
+     * tracking is only desirable for breg forms.
+     *
+     * Defaults to breg as it is by far the most common form type, and from within the
+     * freemarker sites we don't currently have access to the information to distinguish them.
+     */
+    submissionType: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The target url for the form, if not marketo
      */
@@ -238,8 +250,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     axiosSubmit(): void;
     /**
-     * If exponea is present in the window (via gtm with accepted cookies), attach the
-     * current user to the record associated with their email address
+     * If exponea is present in the window (via gtm with accepted cookies), and the form uses
+     * BREG, attach the current user to the record associated with their email address
      */
     attachEmail(): void;
     /**
@@ -282,6 +294,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * For non-marketo forms this dictates which data processing layer the form uses - 'breg',
+     * 'fepl', or 'dp'. This adjusts certain behaviour, for example the `exponea.identify()`
+     * tracking is only desirable for breg forms.
+     *
+     * Defaults to breg as it is by far the most common form type, and from within the
+     * freemarker sites we don't currently have access to the information to distinguish them.
+     */
+    submissionType: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The target url for the form, if not marketo
      */
@@ -365,6 +389,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     language: string;
     countryListUrl: string;
     isMarketo: boolean;
+    submissionType: string;
     submitUrl: string;
     recaptchaKey: string;
     recaptchaTextareaLabel: string;
@@ -1877,12 +1902,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 autofocus?: boolean | undefined;
                 disabled?: boolean | undefined;
                 form?: string | undefined;
-                multiple? /**
-                 * Text for invisible recaptcha textarea - tells
-                 * screenreader users it's not needed
-                 */: boolean | undefined;
+                multiple?: boolean | undefined;
                 required?: boolean | undefined;
-                size?: keyof import('bootstrap-vue-next').BaseSize | undefined;
+                size
+                /**
+                 * The target url for the form, if not marketo
+                 */
+                ? /**
+                 * The target url for the form, if not marketo
+                 */: keyof import('bootstrap-vue-next').BaseSize | undefined;
                 plain?: boolean | undefined;
                 state?: boolean | null | undefined;
                 modelValue?: ((string | number | boolean | readonly unknown[] | Readonly<Record<string, unknown>> | null) & T) | undefined;
@@ -1891,9 +1919,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 textField?: string | undefined;
                 htmlField?: string | undefined;
                 disabledField?: string | undefined;
-                optionsField? /**
-                 * Marketo instance URL for the form
-                 */: string | undefined;
+                optionsField?: string | undefined;
                 labelField?: string | undefined;
                 selectSize?: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -1904,15 +1930,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>): void;
             attrs: any;
             slots: Readonly<{
-                default? /**
-                 * URL for generic messaging config
-                 */: ((props: Record<string, never>) => any) | undefined;
+                default?: ((props: Record<string, never>) => any) | undefined;
                 first?: ((props: Record<string, never>) => any) | undefined;
             }> & {
-                default? /**
-                 * We can't interact with recaptcha in the test environment and should
-                 * remove it from the form flow.
-                 */: ((props: Record<string, never>) => any) | undefined;
+                default?: ((props: Record<string, never>) => any) | undefined;
                 first?: ((props: Record<string, never>) => any) | undefined;
             };
             emit: any;

package/dist/components/components/index.d.ts

@@ -99,6 +99,7 @@ export { default as VsSkipTo } from './skip-to/SkipTo.vue';
 export { default as VsSocialCreditLink } from './social-credit-link/SocialCreditLink.vue';
 export { default as VsSocialShare } from './social-share/SocialShare.vue';
 export { default as VsSocialShareItem } from './social-share/components/SocialShareItem.vue';
+export { default as VsSpotlightSection } from './spotlight-section/SpotlightSection.vue';
 export { default as VsStretchedLinkCard } from './stretched-link-card/StretchedLinkCard.vue';
 export { default as VsStretchedLinkPanel } from './stretched-link-card/components/StretchedLinkPanels.vue';
 export { default as VsStyledList } from './styled-list/StyledList.vue';