@visitscotland/component-library 5.64.0 → 5.66.0

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.
Files changed (28) hide show
  1. package/dist/components/{LoadingSpinner-ChYzVLiD.js → LoadingSpinner-BIBGH_VZ.js} +14 -14
  2. package/dist/components/{LoadingSpinner-2b3P28Ru.mjs → LoadingSpinner-CffQnFjG.mjs} +279 -209
  3. package/dist/components/components/canned-search/CannedSearch.vue.d.ts +2 -0
  4. package/dist/components/components/canned-search/components/CannedSearchLogos.vue.d.ts +1 -0
  5. package/dist/components/components/canned-search/components/CannedSearchProductCard.vue.d.ts +1 -0
  6. package/dist/components/components/carousel/components/CarouselSlide.vue.d.ts +1 -0
  7. package/dist/components/components/hero-section/HeroSection.vue.d.ts +2 -0
  8. package/dist/components/components/hero-section/components/HeroSectionImage.vue.d.ts +1 -0
  9. package/dist/components/components/image-with-caption/ImageWithCaption.vue.d.ts +1 -0
  10. package/dist/components/components/img/Img.vue.d.ts +20 -0
  11. package/dist/components/components/map-with-sidebar/MapWithSidebar.vue.d.ts +2 -0
  12. package/dist/components/components/map-with-sidebar/components/MapWithSidebarDetail.vue.d.ts +1 -0
  13. package/dist/components/components/map-with-sidebar/components/MapWithSidebarListItem.vue.d.ts +1 -0
  14. package/dist/components/components/map-with-sidebar/components/MapWithSidebarPanel.vue.d.ts +2 -0
  15. package/dist/components/components/mega-nav/components/MegaNavFeaturedEvent.vue.d.ts +1 -0
  16. package/dist/components/components/mega-nav/components/MegaNavFeaturedItem.vue.d.ts +1 -0
  17. package/dist/components/components/megalinks/components/megalink-link-list/MegalinkLinkList.vue.d.ts +1 -0
  18. package/dist/components/components/megalinks/components/megalink-multi-image/MegalinkMultiImage.vue.d.ts +1 -0
  19. package/dist/components/components/quote/Quote.vue.d.ts +4 -0
  20. package/dist/components/components/ski-scotland/ski-scotland-card/SkiScotlandCard.vue.d.ts +1 -0
  21. package/dist/components/components/stretched-link-card/StretchedLinkCard.vue.d.ts +1 -0
  22. package/dist/components/components/video/Video.vue.d.ts +1 -0
  23. package/dist/components/components/video/components/VideoHtml5.vue.d.ts +1 -0
  24. package/dist/components/vs-component-library-maps.js +1 -1
  25. package/dist/components/vs-component-library-maps.mjs +1 -1
  26. package/dist/components/vs-component-library.js +4 -4
  27. package/dist/components/vs-component-library.mjs +26 -22
  28. package/package.json +1 -1
@@ -231,6 +231,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
231
231
  };
232
232
  }>, {}, {}, {
233
233
  resolvedLowResImage(): string;
234
+ resolvedSizes(): string;
234
235
  imgStyle(): {
235
236
  backgroundImage: string;
236
237
  };
@@ -1713,6 +1714,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1713
1714
  };
1714
1715
  }>, {}, {}, {
1715
1716
  resolvedLowResImage(): string;
1717
+ resolvedSizes(): string;
1716
1718
  imgStyle(): {
1717
1719
  backgroundImage: string;
1718
1720
  };
@@ -870,6 +870,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
870
870
  };
871
871
  }>, {}, {}, {
872
872
  resolvedLowResImage(): string;
873
+ resolvedSizes(): string;
873
874
  imgStyle(): {
874
875
  backgroundImage: string;
875
876
  };
@@ -169,6 +169,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
169
169
  };
170
170
  }>, {}, {}, {
171
171
  resolvedLowResImage(): string;
172
+ resolvedSizes(): string;
172
173
  imgStyle(): {
173
174
  backgroundImage: string;
174
175
  };
@@ -836,6 +836,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
836
836
  };
837
837
  }>, {}, {}, {
838
838
  resolvedLowResImage(): string;
839
+ resolvedSizes(): string;
839
840
  imgStyle(): {
840
841
  backgroundImage: string;
841
842
  };
@@ -548,6 +548,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
548
548
  };
549
549
  }>, {}, {}, {
550
550
  resolvedLowResImage(): string;
551
+ resolvedSizes(): string;
551
552
  imgStyle(): {
552
553
  backgroundImage: string;
553
554
  };
@@ -3335,6 +3336,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
3335
3336
  };
3336
3337
  }>, {}, {}, {
3337
3338
  resolvedLowResImage(): string;
3339
+ resolvedSizes(): string;
3338
3340
  imgStyle(): {
3339
3341
  backgroundImage: string;
3340
3342
  };
@@ -281,6 +281,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
281
281
  };
282
282
  }>, {}, {}, {
283
283
  resolvedLowResImage(): string;
284
+ resolvedSizes(): string;
284
285
  imgStyle(): {
285
286
  backgroundImage: string;
286
287
  };
@@ -310,6 +310,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
310
310
  };
311
311
  }>, {}, {}, {
312
312
  resolvedLowResImage(): string;
313
+ resolvedSizes(): string;
313
314
  imgStyle(): {
314
315
  backgroundImage: string;
315
316
  };
@@ -53,11 +53,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
53
53
  default: boolean;
54
54
  };
55
55
  }>, {}, {}, {
56
+ /**
57
+ * Resolve the low-quality placeholder image.
58
+ * SVGs do not use LQIP.
59
+ */
56
60
  resolvedLowResImage(): string;
61
+ /**
62
+ * Generate the sizes attribute for responsive raster images.
63
+ * Omitted for SVGs.
64
+ */
65
+ resolvedSizes(): string;
66
+ /**
67
+ * Apply the LQIP background while the image loads.
68
+ * Skipped for SVGs and generic placeholders.
69
+ */
57
70
  imgStyle(): {
58
71
  backgroundImage: string;
59
72
  };
73
+ /**
74
+ * Determine whether the image source is an SVG.
75
+ */
60
76
  isSvg(): boolean;
77
+ /**
78
+ * Generate a responsive srcset for raster images.
79
+ * SVGs are served as a single scalable asset.
80
+ */
61
81
  computedSrcSet(): unknown;
62
82
  }, {}, {
63
83
  computed: {
@@ -4826,6 +4826,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
4826
4826
  };
4827
4827
  }>, {}, {}, {
4828
4828
  resolvedLowResImage(): string;
4829
+ resolvedSizes(): string;
4829
4830
  imgStyle(): {
4830
4831
  backgroundImage: string;
4831
4832
  };
@@ -5264,6 +5265,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
5264
5265
  };
5265
5266
  }>, {}, {}, {
5266
5267
  resolvedLowResImage(): string;
5268
+ resolvedSizes(): string;
5267
5269
  imgStyle(): {
5268
5270
  backgroundImage: string;
5269
5271
  };
@@ -64,6 +64,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
64
64
  };
65
65
  }>, {}, {}, {
66
66
  resolvedLowResImage(): string;
67
+ resolvedSizes(): string;
67
68
  imgStyle(): {
68
69
  backgroundImage: string;
69
70
  };
@@ -93,6 +93,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
93
93
  };
94
94
  }>, {}, {}, {
95
95
  resolvedLowResImage(): string;
96
+ resolvedSizes(): string;
96
97
  imgStyle(): {
97
98
  backgroundImage: string;
98
99
  };
@@ -2448,6 +2448,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2448
2448
  };
2449
2449
  }>, {}, {}, {
2450
2450
  resolvedLowResImage(): string;
2451
+ resolvedSizes(): string;
2451
2452
  imgStyle(): {
2452
2453
  backgroundImage: string;
2453
2454
  };
@@ -2886,6 +2887,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2886
2887
  };
2887
2888
  }>, {}, {}, {
2888
2889
  resolvedLowResImage(): string;
2890
+ resolvedSizes(): string;
2889
2891
  imgStyle(): {
2890
2892
  backgroundImage: string;
2891
2893
  };
@@ -689,6 +689,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
689
689
  };
690
690
  }>, {}, {}, {
691
691
  resolvedLowResImage(): string;
692
+ resolvedSizes(): string;
692
693
  imgStyle(): {
693
694
  backgroundImage: string;
694
695
  };
@@ -708,6 +708,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
708
708
  };
709
709
  }>, {}, {}, {
710
710
  resolvedLowResImage(): string;
711
+ resolvedSizes(): string;
711
712
  imgStyle(): {
712
713
  backgroundImage: string;
713
714
  };
@@ -888,6 +888,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
888
888
  };
889
889
  }>, {}, {}, {
890
890
  resolvedLowResImage(): string;
891
+ resolvedSizes(): string;
891
892
  imgStyle(): {
892
893
  backgroundImage: string;
893
894
  };
@@ -893,6 +893,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
893
893
  };
894
894
  }>, {}, {}, {
895
895
  resolvedLowResImage(): string;
896
+ resolvedSizes(): string;
896
897
  imgStyle(): {
897
898
  backgroundImage: string;
898
899
  };
@@ -1,6 +1,8 @@
1
1
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
2
  /**
3
3
  * Sets the quote text content.
4
+ *
5
+ * @deprecated Use the `quote-content` slot instead. Will be removed in a future major release.
4
6
  */
5
7
  quoteText: {
6
8
  type: StringConstructor;
@@ -53,6 +55,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
53
55
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
54
56
  /**
55
57
  * Sets the quote text content.
58
+ *
59
+ * @deprecated Use the `quote-content` slot instead. Will be removed in a future major release.
56
60
  */
57
61
  quoteText: {
58
62
  type: StringConstructor;
@@ -361,6 +361,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
361
361
  };
362
362
  }>, {}, {}, {
363
363
  resolvedLowResImage(): string;
364
+ resolvedSizes(): string;
364
365
  imgStyle(): {
365
366
  backgroundImage: string;
366
367
  };
@@ -759,6 +759,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
759
759
  };
760
760
  }>, {}, {}, {
761
761
  resolvedLowResImage(): string;
762
+ resolvedSizes(): string;
762
763
  imgStyle(): {
763
764
  backgroundImage: string;
764
765
  };
@@ -2752,6 +2752,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2752
2752
  };
2753
2753
  }>, {}, {}, {
2754
2754
  resolvedLowResImage(): string;
2755
+ resolvedSizes(): string;
2755
2756
  imgStyle(): {
2756
2757
  backgroundImage: string;
2757
2758
  };
@@ -1490,6 +1490,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1490
1490
  };
1491
1491
  }>, {}, {}, {
1492
1492
  resolvedLowResImage(): string;
1493
+ resolvedSizes(): string;
1493
1494
  imgStyle(): {
1494
1495
  backgroundImage: string;
1495
1496
  };