@visitscotland/component-library 5.15.2 → 5.15.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ .vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%;position:relative}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{position:relative;grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}.vs-hero-section__video-wrapper{grid-row:1;grid-column:1/-1;position:relative;line-height:0}.vs-hero-section__video-wrapper .vs-hero-section__video{width:100%;height:560px;object-fit:cover}@media(min-width: 576px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:648px}}@media(min-width: 992px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:812px}}.vs-hero-section__video-wrapper .vs-hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%)}.vs-hero-section .vs-hero-section__text-container--video{color:#fff}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section-video-control{position:absolute;bottom:5rem;right:1.25rem}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;position:absolute;bottom:5rem;width:70%}@media(min-width: 768px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{width:50%}}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#fff;text-wrap:balance}@media(min-width: 992px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
@@ -25,12 +25,14 @@ declare const useFederatedSearchStore: import('pinia').StoreDefinition<"federate
25
25
  selectedSubCategory: import('vue').Ref<any[], any[]>;
26
26
  selectedSubCategoryKey: import('vue').Ref<any[], any[]>;
27
27
  totalResults: import('vue').Ref<any, any>;
28
+ totalResultsCludo: import('vue').Ref<any, any>;
29
+ totalResultsEvents: import('vue').Ref<any, any>;
28
30
  navigateToResultsPage: (resetPageNo?: boolean) => void;
29
31
  isHomePage: import('vue').Ref<boolean, boolean>;
30
32
  startDate: import('vue').Ref<string, string>;
31
33
  endDate: import('vue').Ref<string, string>;
32
34
  sortBy: import('vue').Ref<any, any>;
33
- }, "currentPage" | "isHomePage" | "selectedSubCategory" | "isLoading" | "selectedCategory" | "searchTerm" | "endDate" | "startDate" | "cludoCategories" | "cludoCredentials" | "cludoError" | "eventsApi" | "eventsApiError" | "results" | "selectedCategoryKey" | "selectedSubCategoryKey" | "totalResults" | "sortBy">, Pick<{
35
+ }, "currentPage" | "isHomePage" | "selectedSubCategory" | "isLoading" | "selectedCategory" | "searchTerm" | "endDate" | "startDate" | "cludoCategories" | "cludoCredentials" | "cludoError" | "eventsApi" | "eventsApiError" | "results" | "selectedCategoryKey" | "selectedSubCategoryKey" | "totalResults" | "totalResultsCludo" | "totalResultsEvents" | "sortBy">, Pick<{
34
36
  cludoCategories: import('vue').Ref<any, any>;
35
37
  currentPage: import('vue').Ref<number, number>;
36
38
  cludoCredentials: import('vue').Ref<{
@@ -55,6 +57,8 @@ declare const useFederatedSearchStore: import('pinia').StoreDefinition<"federate
55
57
  selectedSubCategory: import('vue').Ref<any[], any[]>;
56
58
  selectedSubCategoryKey: import('vue').Ref<any[], any[]>;
57
59
  totalResults: import('vue').Ref<any, any>;
60
+ totalResultsCludo: import('vue').Ref<any, any>;
61
+ totalResultsEvents: import('vue').Ref<any, any>;
58
62
  navigateToResultsPage: (resetPageNo?: boolean) => void;
59
63
  isHomePage: import('vue').Ref<boolean, boolean>;
60
64
  startDate: import('vue').Ref<string, string>;
@@ -85,6 +89,8 @@ declare const useFederatedSearchStore: import('pinia').StoreDefinition<"federate
85
89
  selectedSubCategory: import('vue').Ref<any[], any[]>;
86
90
  selectedSubCategoryKey: import('vue').Ref<any[], any[]>;
87
91
  totalResults: import('vue').Ref<any, any>;
92
+ totalResultsCludo: import('vue').Ref<any, any>;
93
+ totalResultsEvents: import('vue').Ref<any, any>;
88
94
  navigateToResultsPage: (resetPageNo?: boolean) => void;
89
95
  isHomePage: import('vue').Ref<boolean, boolean>;
90
96
  startDate: import('vue').Ref<string, string>;