@covet-pics/covet-pics-widget 0.134.13 → 0.134.14

package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js

@@ -4305,14 +4305,6 @@ const CovetPicsHighlighted = class {
     this.mainSliderAnimationLoop();
     return showIntro();
   }
-  renderHotspots() {
-    if (this.layout === "row") {
-      return true;
-    }
-    else {
-      return this.appState.settings.hotspots.enabled;
-    }
-  }
   thumbnailAltTag(caption, idx, itemsLength, createdTime) {
     return caption && caption.length > 0
       ? `${caption}, page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
@@ -4364,10 +4356,10 @@ const CovetPicsHighlighted = class {
     return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
   }
   renderSlider() {
-    return (index.h("section", { id: this.pageSliderId, class: `main-slider ${this.layout}`, role: "region", "aria-label": "Page slider", "aria-labelledby": "Page slider" }, index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Previous page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("next")), this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.appState.settings.highlight_products_layout, layout: this.layout, showHotspots: this.appState.settings.hotspots.enabled, hotspotsLayout: this.appState.settings.highlight_hotspots_layout, hotspotsBackgoundColor: this.appState.settings.hotspots.background_color, isMobile: !this.isDesktopScreen, showPrice: this.appState.settings.show_price, hideProductTitle: this.appState.settings.popup_products_title_disabled, productsTitle: this.appState.settings.popup_products_title, btnBuyLabel: this.appState.settings.popup_products_button_caption, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.appState.settings.hide_branding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, showReview: this.appState.settings.show_review, "page-id": item.id, appStore: this.appStore, tabindex: index$1 === this.mainSliderIndex ? 0 : -1, "aria-hidden": `${index$1 !== this.mainSliderIndex}` })), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Next page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("prev"))));
+    return (index.h("section", { id: this.pageSliderId, class: `main-slider ${this.layout}`, role: "region", "aria-label": "Page slider", "aria-labelledby": "Page slider" }, index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Previous page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("next")), this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, isMobile: !this.isDesktopScreen, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "page-id": item.id, appStore: this.appStore, tabindex: index$1 === this.mainSliderIndex ? 0 : -1, "aria-hidden": `${index$1 !== this.mainSliderIndex}` })), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Next page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("prev"))));
   }
   renderVertical() {
-    return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.appState.settings.highlight_products_layout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.appState.settings.highlight_hotspots_layout, hotspotsBackgoundColor: this.appState.settings.hotspots.background_color, isMobile: !this.isDesktopScreen, showPrice: this.appState.settings.show_price, hideProductTitle: this.appState.settings.popup_products_title_disabled, productsTitle: this.appState.settings.popup_products_title, reverseClass: index$1 % 2 !== 0 && this.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.appState.settings.popup_products_button_caption, hideBranding: this.appState.settings.hide_branding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, showReview: this.appState.settings.show_review, "page-id": item.id, appStore: this.appStore })));
+    return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, isMobile: !this.isDesktopScreen, reverseClass: index$1 % 2 !== 0 && this.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, "page-id": item.id, appStore: this.appStore })));
   }
   async mainSliderAnimationLoop() {
     if (this.mainSliderAnimatingSlides.length !== 0) {