@visitscotland/component-library 5.63.4 → 5.65.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-DzGYsw47.mjs → LoadingSpinner-CkG_hjpf.mjs} +2652 -2590
  2. package/dist/components/LoadingSpinner-DLhnjm96.js +36 -0
  3. package/dist/components/components/canned-search/CannedSearch.vue.d.ts +4 -0
  4. package/dist/components/components/canned-search/components/CannedSearchLogos.vue.d.ts +2 -0
  5. package/dist/components/components/canned-search/components/CannedSearchProductCard.vue.d.ts +2 -0
  6. package/dist/components/components/carousel/components/CarouselSlide.vue.d.ts +2 -0
  7. package/dist/components/components/hero-section/HeroSection.vue.d.ts +4 -0
  8. package/dist/components/components/hero-section/components/HeroSectionImage.vue.d.ts +2 -0
  9. package/dist/components/components/image-with-caption/ImageWithCaption.vue.d.ts +2 -0
  10. package/dist/components/components/img/Img.vue.d.ts +21 -0
  11. package/dist/components/components/map-with-sidebar/MapWithSidebar.vue.d.ts +4 -0
  12. package/dist/components/components/map-with-sidebar/components/MapWithSidebarDetail.vue.d.ts +2 -0
  13. package/dist/components/components/map-with-sidebar/components/MapWithSidebarListItem.vue.d.ts +2 -0
  14. package/dist/components/components/map-with-sidebar/components/MapWithSidebarPanel.vue.d.ts +4 -0
  15. package/dist/components/components/mega-nav/components/MegaNavFeaturedEvent.vue.d.ts +2 -0
  16. package/dist/components/components/mega-nav/components/MegaNavFeaturedItem.vue.d.ts +2 -0
  17. package/dist/components/components/megalinks/components/megalink-link-list/MegalinkLinkList.vue.d.ts +2 -0
  18. package/dist/components/components/megalinks/components/megalink-multi-image/MegalinkMultiImage.vue.d.ts +2 -0
  19. package/dist/components/components/ski-scotland/ski-scotland-card/SkiScotlandCard.vue.d.ts +2 -0
  20. package/dist/components/components/stretched-link-card/StretchedLinkCard.vue.d.ts +2 -0
  21. package/dist/components/components/video/Video.vue.d.ts +2 -0
  22. package/dist/components/components/video/components/VideoHtml5.vue.d.ts +2 -0
  23. package/dist/components/vs-component-library-maps.js +1 -1
  24. package/dist/components/vs-component-library-maps.mjs +1 -1
  25. package/dist/components/vs-component-library.js +2 -2
  26. package/dist/components/vs-component-library.mjs +8 -4
  27. package/package.json +5 -5
  28. package/dist/components/LoadingSpinner-Dct5OvmT.js +0 -36
@@ -230,6 +230,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
230
230
  default: boolean;
231
231
  };
232
232
  }>, {}, {}, {
233
+ resolvedLowResImage(): string;
234
+ resolvedSizes(): string;
233
235
  imgStyle(): {
234
236
  backgroundImage: string;
235
237
  };
@@ -1711,6 +1713,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1711
1713
  default: boolean;
1712
1714
  };
1713
1715
  }>, {}, {}, {
1716
+ resolvedLowResImage(): string;
1717
+ resolvedSizes(): string;
1714
1718
  imgStyle(): {
1715
1719
  backgroundImage: string;
1716
1720
  };
@@ -869,6 +869,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
869
869
  default: boolean;
870
870
  };
871
871
  }>, {}, {}, {
872
+ resolvedLowResImage(): string;
873
+ resolvedSizes(): string;
872
874
  imgStyle(): {
873
875
  backgroundImage: string;
874
876
  };
@@ -168,6 +168,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
168
168
  default: boolean;
169
169
  };
170
170
  }>, {}, {}, {
171
+ resolvedLowResImage(): string;
172
+ resolvedSizes(): string;
171
173
  imgStyle(): {
172
174
  backgroundImage: string;
173
175
  };
@@ -835,6 +835,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
835
835
  default: boolean;
836
836
  };
837
837
  }>, {}, {}, {
838
+ resolvedLowResImage(): string;
839
+ resolvedSizes(): string;
838
840
  imgStyle(): {
839
841
  backgroundImage: string;
840
842
  };
@@ -547,6 +547,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
547
547
  default: boolean;
548
548
  };
549
549
  }>, {}, {}, {
550
+ resolvedLowResImage(): string;
551
+ resolvedSizes(): string;
550
552
  imgStyle(): {
551
553
  backgroundImage: string;
552
554
  };
@@ -3333,6 +3335,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
3333
3335
  default: boolean;
3334
3336
  };
3335
3337
  }>, {}, {}, {
3338
+ resolvedLowResImage(): string;
3339
+ resolvedSizes(): string;
3336
3340
  imgStyle(): {
3337
3341
  backgroundImage: string;
3338
3342
  };
@@ -280,6 +280,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
280
280
  default: boolean;
281
281
  };
282
282
  }>, {}, {}, {
283
+ resolvedLowResImage(): string;
284
+ resolvedSizes(): string;
283
285
  imgStyle(): {
284
286
  backgroundImage: string;
285
287
  };
@@ -309,6 +309,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
309
309
  default: boolean;
310
310
  };
311
311
  }>, {}, {}, {
312
+ resolvedLowResImage(): string;
313
+ resolvedSizes(): string;
312
314
  imgStyle(): {
313
315
  backgroundImage: string;
314
316
  };
@@ -53,10 +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
+ */
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
+ */
56
70
  imgStyle(): {
57
71
  backgroundImage: string;
58
72
  };
73
+ /**
74
+ * Determine whether the image source is an SVG.
75
+ */
59
76
  isSvg(): boolean;
77
+ /**
78
+ * Generate a responsive srcset for raster images.
79
+ * SVGs are served as a single scalable asset.
80
+ */
60
81
  computedSrcSet(): unknown;
61
82
  }, {}, {
62
83
  computed: {
@@ -4825,6 +4825,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
4825
4825
  default: boolean;
4826
4826
  };
4827
4827
  }>, {}, {}, {
4828
+ resolvedLowResImage(): string;
4829
+ resolvedSizes(): string;
4828
4830
  imgStyle(): {
4829
4831
  backgroundImage: string;
4830
4832
  };
@@ -5262,6 +5264,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
5262
5264
  default: boolean;
5263
5265
  };
5264
5266
  }>, {}, {}, {
5267
+ resolvedLowResImage(): string;
5268
+ resolvedSizes(): string;
5265
5269
  imgStyle(): {
5266
5270
  backgroundImage: string;
5267
5271
  };
@@ -63,6 +63,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
63
63
  default: boolean;
64
64
  };
65
65
  }>, {}, {}, {
66
+ resolvedLowResImage(): string;
67
+ resolvedSizes(): string;
66
68
  imgStyle(): {
67
69
  backgroundImage: string;
68
70
  };
@@ -92,6 +92,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
92
92
  default: boolean;
93
93
  };
94
94
  }>, {}, {}, {
95
+ resolvedLowResImage(): string;
96
+ resolvedSizes(): string;
95
97
  imgStyle(): {
96
98
  backgroundImage: string;
97
99
  };
@@ -2447,6 +2447,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2447
2447
  default: boolean;
2448
2448
  };
2449
2449
  }>, {}, {}, {
2450
+ resolvedLowResImage(): string;
2451
+ resolvedSizes(): string;
2450
2452
  imgStyle(): {
2451
2453
  backgroundImage: string;
2452
2454
  };
@@ -2884,6 +2886,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2884
2886
  default: boolean;
2885
2887
  };
2886
2888
  }>, {}, {}, {
2889
+ resolvedLowResImage(): string;
2890
+ resolvedSizes(): string;
2887
2891
  imgStyle(): {
2888
2892
  backgroundImage: string;
2889
2893
  };
@@ -688,6 +688,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
688
688
  default: boolean;
689
689
  };
690
690
  }>, {}, {}, {
691
+ resolvedLowResImage(): string;
692
+ resolvedSizes(): string;
691
693
  imgStyle(): {
692
694
  backgroundImage: string;
693
695
  };
@@ -707,6 +707,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
707
707
  default: boolean;
708
708
  };
709
709
  }>, {}, {}, {
710
+ resolvedLowResImage(): string;
711
+ resolvedSizes(): string;
710
712
  imgStyle(): {
711
713
  backgroundImage: string;
712
714
  };
@@ -887,6 +887,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
887
887
  default: boolean;
888
888
  };
889
889
  }>, {}, {}, {
890
+ resolvedLowResImage(): string;
891
+ resolvedSizes(): string;
890
892
  imgStyle(): {
891
893
  backgroundImage: string;
892
894
  };
@@ -892,6 +892,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
892
892
  default: boolean;
893
893
  };
894
894
  }>, {}, {}, {
895
+ resolvedLowResImage(): string;
896
+ resolvedSizes(): string;
895
897
  imgStyle(): {
896
898
  backgroundImage: string;
897
899
  };
@@ -360,6 +360,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
360
360
  default: boolean;
361
361
  };
362
362
  }>, {}, {}, {
363
+ resolvedLowResImage(): string;
364
+ resolvedSizes(): string;
363
365
  imgStyle(): {
364
366
  backgroundImage: string;
365
367
  };
@@ -758,6 +758,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
758
758
  default: boolean;
759
759
  };
760
760
  }>, {}, {}, {
761
+ resolvedLowResImage(): string;
762
+ resolvedSizes(): string;
761
763
  imgStyle(): {
762
764
  backgroundImage: string;
763
765
  };
@@ -2751,6 +2751,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2751
2751
  default: boolean;
2752
2752
  };
2753
2753
  }>, {}, {}, {
2754
+ resolvedLowResImage(): string;
2755
+ resolvedSizes(): string;
2754
2756
  imgStyle(): {
2755
2757
  backgroundImage: string;
2756
2758
  };
@@ -1489,6 +1489,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1489
1489
  default: boolean;
1490
1490
  };
1491
1491
  }>, {}, {}, {
1492
+ resolvedLowResImage(): string;
1493
+ resolvedSizes(): string;
1492
1494
  imgStyle(): {
1493
1495
  backgroundImage: string;
1494
1496
  };