@covet-pics/covet-pics-widget 0.167.3 → 0.167.5

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 (50) hide show
  1. package/dist/cjs/covet-pics-crop-text.cjs.entry.js +1 -1
  2. package/dist/cjs/covet-pics-direct-buy_7.cjs.entry.js +1 -1
  3. package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +75 -12
  4. package/dist/cjs/covet-pics-gallery-header_6.cjs.entry.js +20 -8
  5. package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +38 -10
  6. package/dist/cjs/covet-pics-popup-freeflow-carousel_2.cjs.entry.js +1 -1
  7. package/dist/cjs/covet-pics-post.cjs.entry.js +1 -1
  8. package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
  9. package/dist/cjs/covet-pics-widget.cjs.entry.js +1 -1
  10. package/dist/cjs/covet-pics-widget.cjs.js +1 -1
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/cjs/{utils-D6jnnS7Q.js → utils-0FQ28Vfg.js} +5 -0
  13. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +28 -4
  14. package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +9 -3
  15. package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +10 -4
  16. package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +34 -7
  17. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +38 -9
  18. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +35 -3
  19. package/dist/collection/utils/utils.js +4 -0
  20. package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
  21. package/dist/covet-pics-widget/{p-343a9287.entry.js → p-2636098a.entry.js} +1 -1
  22. package/dist/covet-pics-widget/{p-46b2512c.entry.js → p-309600e2.entry.js} +1 -1
  23. package/dist/covet-pics-widget/{p-5d9ddd55.entry.js → p-40055ed4.entry.js} +3 -3
  24. package/dist/covet-pics-widget/{p-fefed130.entry.js → p-49fe4508.entry.js} +1 -1
  25. package/dist/covet-pics-widget/{p-aceb8cc8.entry.js → p-5624938d.entry.js} +1 -1
  26. package/dist/covet-pics-widget/p-802afafc.entry.js +28 -0
  27. package/dist/covet-pics-widget/p-8e246791.entry.js +4 -0
  28. package/dist/covet-pics-widget/{p-CADUxYKc.js → p-BODOgEuN.js} +1 -1
  29. package/dist/covet-pics-widget/{p-b83ceda6.entry.js → p-b6eb92eb.entry.js} +1 -1
  30. package/dist/covet-pics-widget/{p-4a786875.entry.js → p-cb32cd08.entry.js} +1 -1
  31. package/dist/esm/covet-pics-crop-text.entry.js +1 -1
  32. package/dist/esm/covet-pics-direct-buy_7.entry.js +1 -1
  33. package/dist/esm/covet-pics-gallery-grid_3.entry.js +75 -12
  34. package/dist/esm/covet-pics-gallery-header_6.entry.js +20 -8
  35. package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +38 -10
  36. package/dist/esm/covet-pics-popup-freeflow-carousel_2.entry.js +1 -1
  37. package/dist/esm/covet-pics-post.entry.js +1 -1
  38. package/dist/esm/covet-pics-star-rating.entry.js +1 -1
  39. package/dist/esm/covet-pics-widget.entry.js +1 -1
  40. package/dist/esm/covet-pics-widget.js +1 -1
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/esm/{utils-CADUxYKc.js → utils-BODOgEuN.js} +5 -1
  43. package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +5 -1
  44. package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +5 -0
  45. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +5 -0
  46. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +5 -0
  47. package/dist/types/utils/utils.d.ts +1 -0
  48. package/package.json +1 -2
  49. package/dist/covet-pics-widget/p-1fd39db4.entry.js +0 -28
  50. package/dist/covet-pics-widget/p-2d979ee6.entry.js +0 -4
@@ -5,6 +5,7 @@ import { h, Host, Fragment } from "@stencil/core";
5
5
  import Swiper from "swiper";
6
6
  import { Navigation, Pagination, EffectFade, A11y } from "swiper/modules";
7
7
  import { format } from "timeago.js";
8
+ import { buildEvent } from "../../utils/utils";
8
9
  import { getUseAnalytics } from "../../store/getters";
9
10
  import { sendToGoogleAnalytics } from "../../utils/utils";
10
11
  import { sendBeacon } from "../../store/storeUtils";
@@ -43,6 +44,7 @@ export class CovetPicsHighlightedPage {
43
44
  * active page index in slider layout (main slider)
44
45
  */
45
46
  this.mainSliderIndex = 0;
47
+ this.isPageLoaded = false;
46
48
  this.hideHotspots = false;
47
49
  /**
48
50
  * additional product slider
@@ -64,7 +66,20 @@ export class CovetPicsHighlightedPage {
64
66
  e.currentTarget.parentNode.setAttribute("not-loaded", "");
65
67
  e.currentTarget.removeAttribute("src");
66
68
  }
67
- return e.currentTarget.parentNode.removeAttribute("is-loading");
69
+ e.currentTarget.parentNode.removeAttribute("is-loading");
70
+ if (!this.isPageLoaded) {
71
+ this.checkIsPageLoaded();
72
+ }
73
+ };
74
+ this.mediaLoadedHandler = (e) => {
75
+ if (e.type === "error") {
76
+ e.currentTarget.closest(".thumbnail").setAttribute("not-loaded", "");
77
+ e.currentTarget.removeAttribute("src");
78
+ }
79
+ e.currentTarget.closest(".thumbnail").removeAttribute("is-loading");
80
+ if (!this.isPageLoaded) {
81
+ this.checkIsPageLoaded();
82
+ }
68
83
  };
69
84
  this.btnBuyClickHandler = (e) => {
70
85
  return e.currentTarget.previousSibling.click();
@@ -99,6 +114,9 @@ export class CovetPicsHighlightedPage {
99
114
  componentWillLoad() {
100
115
  this.initStore();
101
116
  }
117
+ componentDidRender() {
118
+ this.checkIsPageLoaded();
119
+ }
102
120
  componentDidLoad() {
103
121
  // lazy init for product slider inside slider layout (main slider)
104
122
  if (this.pageIndex - 2 < this.mainSliderIndex && this.layout !== "row")
@@ -383,6 +401,16 @@ export class CovetPicsHighlightedPage {
383
401
  ? this.hideHotspots = false
384
402
  : this.hideHotspots = true;
385
403
  }
404
+ checkIsPageLoaded() {
405
+ if (this.isMediaLoaded()) {
406
+ this.isPageLoaded = true;
407
+ this.el.setAttribute("data-loaded", "true");
408
+ this.el.dispatchEvent(buildEvent("pageLoaded"));
409
+ }
410
+ }
411
+ isMediaLoaded() {
412
+ return !this.el.querySelector('.thumbnail[is-loading], .product .swiper-slide:not([aria-hidden="true"]) .img-wrap[is-loading]');
413
+ }
386
414
  carouselImgAltTag(altTag, thumbnailAlt, idx, itemsLength) {
387
415
  if (altTag && altTag !== null)
388
416
  return altTag;
@@ -410,20 +438,21 @@ export class CovetPicsHighlightedPage {
410
438
  const starOnly = this.caption === null && this.thumbnailLayout === "text";
411
439
  const showReview = !hideCaption && ((this.appState.settings.show_review && this.thumbnailLayout !== "text") || this.thumbnailLayout === "text");
412
440
  const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
413
- return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" }, this.thumbnailLayout === "image" &&
441
+ return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" || this.thumbnailLayout === "video" }, this.thumbnailLayout === "image" &&
414
442
  h("img", { alt: this.thumbnailAlt, class: "img-cover", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, src: this.pageIndex - 2 < this.mainSliderIndex ? this.thumbnailUrl : null }), this.thumbnailLayout === "video" &&
415
- h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", poster: this.videoPoster, title: this.thumbnailAlt }, h("source", { src: this.videoUrl, type: "video/mp4" })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
443
+ h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler, poster: this.videoPoster, title: this.thumbnailAlt }, h("source", { src: this.videoUrl, type: "video/mp4", onError: this.mediaLoadedHandler })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
416
444
  h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, isMobile: this.isMobile, productBaseImgAlt: this.productBaseImgAlt, pageId: this.pageId, appStore: this.appStore }), !this.appState.settings.hide_branding &&
417
445
  h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
418
446
  }
419
447
  renderCarouselThumbnail() {
448
+ var _a;
420
449
  const hideCaption = this.caption === null || this.caption.length === 0;
421
450
  const showReview = !hideCaption && this.appState.settings.show_review && this.thumbnailLayout !== "text";
422
451
  const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
423
452
  const showHotposts = showHotspotsInLayout && !this.hideHotspots && this.layout !== "spotlight";
424
- return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}` }, h("div", { class: "thumbnail-carousel swiper", role: "region" }, h("div", { class: "swiper-wrapper" }, this.thumbnailCarouselImages && this.thumbnailCarouselImages.map((item, idx) => h("div", { class: "swiper-slide" }, item.type === "image" &&
425
- h("div", { class: "thumbnail-slide-wrap" }, h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), class: "img-cover", loading: "lazy" })), item.type === "video" &&
426
- h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain" }, h("source", { src: item.standard_resolution, type: "video/mp4" })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
453
+ return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": ["image", "video"].includes((_a = this.thumbnailCarouselImages[0]) === null || _a === void 0 ? void 0 : _a.type) }, h("div", { class: "thumbnail-carousel swiper", role: "region" }, h("div", { class: "swiper-wrapper" }, this.thumbnailCarouselImages && this.thumbnailCarouselImages.map((item, idx) => h("div", { class: "swiper-slide" }, item.type === "image" &&
454
+ h("div", { class: "thumbnail-slide-wrap" }, h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), onLoad: this.mediaLoadedHandler, onError: this.mediaLoadedHandler, class: "img-cover", loading: "lazy" })), item.type === "video" &&
455
+ h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler }, h("source", { src: item.standard_resolution, type: "video/mp4", onError: this.mediaLoadedHandler })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
427
456
  h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, productBaseImgAlt: this.productBaseImgAlt, isMobile: this.isMobile, pageId: this.pageId, appStore: this.appStore }), h("div", { class: "thumbnail-pagination" }), !this.appState.settings.hide_branding &&
428
457
  h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
429
458
  }
@@ -488,9 +517,9 @@ export class CovetPicsHighlightedPage {
488
517
  h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
489
518
  }
490
519
  render() {
491
- return (h(Host, { key: '2a153203e4192f8015d68f44a6b6c8b4d6ba2387', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
492
- h("div", { key: 'f36aad1ab733622575e62157389cfb73954699e4', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
493
- h("div", { key: '308d36c956ba04b2112cac14a3f0c73cb651544f', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
520
+ return (h(Host, { key: '166af67677f5cd939e56c226419007d0ae65b239', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
521
+ h("div", { key: '2d7749bc616e66469245d25cc95223c1a68ba57b', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
522
+ h("div", { key: '792b599da4cd15b94083bbdf3cce221c5f3abf05', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
494
523
  }
495
524
  static get is() { return "covet-pics-highlighted-page"; }
496
525
  static get originalStyleUrls() {
@@ -2,7 +2,7 @@
2
2
  * Copyright by Space Squirrel Ltd.
3
3
  */
4
4
  import { h, Host } from "@stencil/core";
5
- import { getDateFromTimestamp, getRandomId, getSize } from "../../utils/utils";
5
+ import { buildEvent, getDateFromTimestamp, getRandomId, getSize, isElInViewport } from "../../utils/utils";
6
6
  export class CovetPicsHighlighted {
7
7
  constructor() {
8
8
  /**
@@ -16,6 +16,7 @@ export class CovetPicsHighlighted {
16
16
  this.productLinks = [];
17
17
  this.mainSliderIndex = 0;
18
18
  this.mainSliderAnimatingSlides = [];
19
+ this.isGalleryLoaded = false;
19
20
  this.nextTick = (fn) => {
20
21
  window.requestAnimationFrame(() => {
21
22
  window.requestAnimationFrame(fn);
@@ -38,6 +39,9 @@ export class CovetPicsHighlighted {
38
39
  return this.mainSliderIndex;
39
40
  };
40
41
  }
42
+ handleItemLoaded() {
43
+ this.checkIsGalleryLoaded();
44
+ }
41
45
  componentWillLoad() {
42
46
  this.initStore();
43
47
  this.pageSliderId = `covet-pics-highlighted-page-slider-${getRandomId(16)}`;
@@ -45,6 +49,7 @@ export class CovetPicsHighlighted {
45
49
  componentDidLoad() {
46
50
  if (this.layout === "slider" || this.layout === "spotlight")
47
51
  this.initMainSlider();
52
+ this.checkIsGalleryLoaded();
48
53
  }
49
54
  componentDidRender() {
50
55
  document.onkeydown = (e) => this.onSliderClickHandler(e);
@@ -117,6 +122,24 @@ export class CovetPicsHighlighted {
117
122
  this.mainSliderAnimationLoop();
118
123
  return showIntro();
119
124
  }
125
+ checkIsGalleryLoaded() {
126
+ if (!this.isGalleryLoaded && this.isAllVisiblePagesLoaded()) {
127
+ this.isGalleryLoaded = true;
128
+ return this.emitGalleryLoadedEvent();
129
+ }
130
+ }
131
+ isAllVisiblePagesLoaded() {
132
+ const pages = Array.from(this.el.querySelectorAll("covet-pics-highlighted-page"));
133
+ const pagesVisibleInViewport = this.layout === "slider" || this.layout === "spotlight"
134
+ ? pages.slice(0, 1)
135
+ : pages.filter(el => isElInViewport(el));
136
+ const visiblePageNotLoaded = pagesVisibleInViewport.filter(el => !el.hasAttribute("data-loaded"));
137
+ return visiblePageNotLoaded.length === 0;
138
+ }
139
+ emitGalleryLoadedEvent() {
140
+ const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
141
+ document.dispatchEvent(galleryLoadedEvent);
142
+ }
120
143
  thumbnailAltTag(itemType, altTag, caption, idx, itemsLength, createdTime) {
121
144
  if (itemType === "video")
122
145
  return altTag; // for video always show altTag even if null (video the title will be hidden)
@@ -235,8 +258,8 @@ export class CovetPicsHighlighted {
235
258
  render() {
236
259
  const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
237
260
  && this.items && this.items.length > 1;
238
- return (h(Host, { key: 'eca3c1eecd77c8055c848f50b108ae2f6e4d5a41', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
239
- h("span", { key: 'bb5c2fe087f179aaff62672d545dd5a58831d8c4', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
261
+ return (h(Host, { key: '8816ba295356e8e35ea126fff52633cd037c6aa4', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
262
+ h("span", { key: '243a5578019ac2010048f237435dc37b9e94b3fb', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
240
263
  }
241
264
  static get is() { return "covet-pics-highlighted"; }
242
265
  static get originalStyleUrls() {
@@ -331,4 +354,13 @@ export class CovetPicsHighlighted {
331
354
  };
332
355
  }
333
356
  static get elementRef() { return "el"; }
357
+ static get listeners() {
358
+ return [{
359
+ "name": "pageLoaded",
360
+ "method": "handleItemLoaded",
361
+ "target": undefined,
362
+ "capture": false,
363
+ "passive": false
364
+ }];
365
+ }
334
366
  }
@@ -147,6 +147,10 @@ export function getRandomId(size = 16) {
147
147
  const randomChar = () => Math.round(16 * Math.random()).toString(16);
148
148
  return "x".repeat(size).replace(/x/g, randomChar);
149
149
  }
150
+ export function isElInViewport(el) {
151
+ const { top, bottom, left, right } = el.getBoundingClientRect();
152
+ return (top < window.innerHeight && left < window.innerWidth && bottom > 0 && right > 0);
153
+ }
150
154
  export const BASE_API_URLS = {
151
155
  "production": "https://app.covet.pics",
152
156
  "development": "http://localhost:3000",
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Copyright by Space Squirrel Ltd.
3
3
  */
4
- import{p as e,b as t}from"./p-C-mGosc6.js";export{s as setNonce}from"./p-C-mGosc6.js";import{g as i}from"./p-CWiAxP5O.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-fefed130",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-aceb8cc8",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-4a786875",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-2d979ee6",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16,"thumbnail-carousel-images"],productLinks:[16,"product-links"],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16,"app-store"],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16,"app-store"]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-b83ceda6",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"],sliderIndex:["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-343a9287",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16,"app-store"],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16,"app-store"],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-5d9ddd55",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16,"app-store"],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16,"app-store"],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16,"app-store"],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16,"app-store"],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-1fd39db4",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16,"app-store"],sharedItemId:[1,"shared-item-id"],isLoading:[32],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16,"app-store"],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16,"app-store"],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]}]]],["p-46b2512c",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]]],e))));
4
+ import{p as e,b as t}from"./p-C-mGosc6.js";export{s as setNonce}from"./p-C-mGosc6.js";import{g as i}from"./p-CWiAxP5O.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-49fe4508",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-5624938d",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-cb32cd08",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-8e246791",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16,"thumbnail-carousel-images"],productLinks:[16,"product-links"],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16,"app-store"],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16,"app-store"]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-b6eb92eb",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"],sliderIndex:["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-2636098a",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16,"app-store"],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16,"app-store"],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-40055ed4",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16,"app-store"],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16,"app-store"],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16,"app-store"],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16,"app-store"],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-802afafc",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16,"app-store"],sharedItemId:[1,"shared-item-id"],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16,"app-store"],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16,"app-store"],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"]]]]],["p-309600e2",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]]],e))));