@covet-pics/covet-pics-widget 0.91.7 → 0.91.8

package/dist/cjs/covet-pics-direct-buy_7.cjs.entry.js

@@ -210,12 +210,12 @@ let CovetPicsDirectBuy = class {
   }
   imgAltTag(caption, idx, itemsLength) {
     return caption && caption.length > 0
-      ? `${caption} product-slide ${idx}/${itemsLength}`
-      : `product-slide ${idx}/${itemsLength}`;
+      ? `${caption} product slide ${idx} of ${itemsLength}`
+      : `product slide ${idx} of ${itemsLength}`;
   }
   render() {
     if (typeof this.product !== "undefined") {
-      return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { class: "main-gallery" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
+      return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("section", { class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
     }
   }
   get el() { return index.getElement(this); }
@@ -235,6 +235,10 @@ let CovetPicsGalleryItem = class {
      * image ALT tag
      */
     this.altTag = "";
+    /**
+     * gallery item aria-label for accessability
+     */
+    this.ariaLabel = null;
     /**
      * if item is highlighted
      */
@@ -381,7 +385,7 @@ let CovetPicsGalleryItem = class {
     }
   }
   renderStandardItem() {
-    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group" }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
+    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group", "aria-label": this.ariaLabel }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
       index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
       index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), index.h("span", { class: "overlay-effect" }), index.h("span", { class: "info hover" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
       index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", id: "Combined-Shape", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" &&
@@ -5147,7 +5151,7 @@ let CovetPicsPopup = class {
   }
   renderImageElements() {
     if (this.item.carousel_media && this.item.carousel_media.length > 0) {
-      return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("div", { class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
+      return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { class: "swiper-wrapper", role: "region", "aria-label": "popup thumbnail image slider" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
         index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(this.item.caption, idx, this.item.carousel_media.length, this.item.created_time) }), media_item.type === "video" &&
         index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { class: "swiper-pagination swiper-pagination-white" }), index.h("button", { class: "swiper-button-next", type: "button", "aria-controls": "covet-popup-content-image-carousel", "aria-label": "Previous popup carousel item" }, index.h("svg", { viewBox: "0 0 100 100", role: "img" }, index.h("title", null, "arrow next"), index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: "swiper-button-prev", type: "button", "aria-controls": "covet-popup-content-image-carousel", "aria-label": "Previous popup carousel item" }, index.h("svg", { viewBox: "0 0 100 100", role: "img" }, index.h("title", null, "arrow previous"), index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
     }

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

@@ -4053,19 +4053,17 @@ let CovetPicsGallerySlider = class {
       : `slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
   }
   renderStandardItem(item, idx, itemsLength) {
-    return (index.h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
+    return (index.h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
   }
   renderDetailItem(item, idx, itemsLength) {
     const itemWidth = window.innerWidth > 767
       ? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
       : (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
-    return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color,
-      // TODO get star color from server
-      starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
+    return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
   }
   render() {
     if (this.items !== undefined) {
-      return (index.h("div", { class: "gallery swiper" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
+      return (index.h("section", { id: "covet-pics-slider", class: "gallery swiper", role: "region", "aria-label": "main slider" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
     }
   }
   get el() { return index.getElement(this); }
@@ -4261,11 +4259,56 @@ let CovetPicsHighlighted = class {
       ? `${caption}, page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
       : `page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
   }
+  pageAriaLabel(item, index, itemsLength, layout, isMobile) {
+    const isItemReverse = index % 2 !== 0 && !isMobile && layout === "zigzag";
+    const thumbnailSide = () => {
+      if (isMobile)
+        return "top";
+      if (this.layout === "zigzag")
+        return !isItemReverse ? "left" : "right";
+      if (this.layout === "spotlight")
+        return "top";
+      return "left";
+    };
+    const productSide = () => {
+      if (isMobile)
+        return "bottom";
+      if (this.layout === "zigzag")
+        return !isItemReverse ? "right" : "left";
+      if (this.layout === "spotlight")
+        return "bottom";
+      return "right";
+    };
+    const sideLabel = item.links && item.links.length > 0
+      ? `on ${thumbnailSide()} and product slider on ${productSide()} side of page`
+      : "";
+    if (this.layout === "zigzag" && item.video)
+      return `page ${index + 1} of ${itemsLength} pages, with video post ${sideLabel} in vertical zigzag layout`;
+    if (this.layout === "zigzag" && item.data_type)
+      return `page ${index + 1} of ${itemsLength} pages, with thumbnail slider ${sideLabel} in vertical zigzag layout`;
+    if (this.layout === "zigzag")
+      return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in vertical zigzag layout`;
+    const rowLabel = isMobile
+      ? "in vertical layout"
+      : `in row ${Math.round(index / 3) + 1} of ${Math.round(itemsLength / 3)} in grid layout`;
+    if (this.layout === "row" && item.video)
+      return `thumbnail ${index + 1} of ${itemsLength} with video post ${rowLabel}`;
+    if (this.layout === "row" && item.data_type === "carousel")
+      return `thumbnail ${index + 1} of ${itemsLength} with slider posts ${rowLabel}`;
+    if (this.layout === "row")
+      return `thumbnail ${index + 1} of ${itemsLength} with image post ${rowLabel}`;
+    // for slider and spotlight
+    if (item.video)
+      return `page ${index + 1} of ${itemsLength} pages, with video post ${sideLabel} in page slider layout`;
+    if (item.data_type === "carousel")
+      return `page ${index + 1} of ${itemsLength} pages, with thumbnail slider ${sideLabel} in page slider layout`;
+    return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
+  }
   renderSlider() {
-    return (index.h("div", { class: `main-slider ${this.layout}` }, 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), 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.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })), 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": "slider-control prev", type: "button" }, this.renderControlIcon("next")), 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": "slider-control next", type: "button" }, this.renderControlIcon("prev"))));
+    return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, 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.isMobile), 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.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })), 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": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), 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": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", 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), 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.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
+    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.isMobile), 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.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
   }
   async mainSliderAnimationLoop() {
     if (this.mainSliderAnimatingSlides.length !== 0) {
@@ -4322,10 +4365,17 @@ let CovetPicsHighlighted = class {
     });
     return Promise.all([hide, show]);
   }
+  highlightedAriaLabel() {
+    if (this.layout === "zigzag")
+      return "pages vertical zigzag layout";
+    if (this.layout === "row")
+      return "pages vertical grid layout";
+    return null;
+  }
   render() {
     const showPagination = ((this.layout === "slider" && this.isMobile) || this.layout === "spotlight")
       && this.items && this.items.length > 1;
-    return (index.h(index.Host, { class: this.layout, style: this.setCSSVariables(), onClick: (e) => this.isMobile && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: this.layout === "zigzag" || this.layout === "row" ? "grid" : null }, this.renderMainLayout(), showPagination &&
+    return (index.h(index.Host, { class: this.layout, style: this.setCSSVariables(), onClick: (e) => this.isMobile && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: this.layout === "zigzag" || this.layout === "row" ? "grid" : "region", "aria-label": this.highlightedAriaLabel() }, this.renderMainLayout(), showPagination &&
       index.h("span", { class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js

@@ -206,6 +206,10 @@ const covetPicsHighlightedPageCss = ".thumbnail{display:-ms-flexbox;display:flex
 let CovetPicsHighlightedPage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * gallery item aria-label for accessability
+    */
+    this.ariaLabel = null;
     /**
      * Thumbnail layout (imge, carousel, video)
      */
@@ -589,11 +593,11 @@ let CovetPicsHighlightedPage = class {
       showNav = false;
     if (this.productsLayout === "layout-4" && this.productLinks.length < 4 && !this.isMobile)
       showNav = false;
-    return (index.h("div", { class: `product ${this.productsLayout} ${this.reverseClass} ${spotlightSliderClass}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("div", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"} ${spotlightSliderClass}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, showNav &&
+    return (index.h("div", { class: `product ${this.productsLayout} ${this.reverseClass} ${spotlightSliderClass}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("section", { id: "covet-pics-highlighted-product-slider", class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"} ${spotlightSliderClass}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, showNav &&
       index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), !showNav &&
       index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })), index.h("p", { class: `title ${this.productsLayout} ${this.reverseClass} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
       index.h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), showNav &&
-      index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon(controlType, "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon(controlType, "prev")))));
+      index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "product slider control prev", "aria-controls": "covet-pics-highlighted-product-slider", type: "button" }, this.renderControlIcon(controlType, "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "product slider control next", "aria-controls": "covet-pics-highlighted-product-slider", type: "button" }, this.renderControlIcon(controlType, "prev")))));
   }
   renderBottomSlider() {
     if (this.productLinks === undefined || this.productLinks.length === 0)
@@ -601,11 +605,11 @@ let CovetPicsHighlightedPage = class {
     const noPaginationClass = this.productLinks.length === 1 && this.layout === "slider"
       ? "no-pagination"
       : "";
-    return (index.h("div", { class: `product ${this.productsLayout}` }, index.h("div", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link height-full", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, this.productLinks.length > 1 &&
+    return (index.h("div", { class: `product ${this.productsLayout}` }, index.h("section", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"}`, role: "region", "aria-label": "product thumbnail image preview for product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link height-full", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, this.productLinks.length > 1 &&
       index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
-      index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))))))), index.h("div", { class: "description" }, index.h("div", { class: `slider-description swiper ${this.productLinks.length > 1 ? "active" : "disabled"}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map(link => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("p", { class: `title ${this.productsLayout} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
+      index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))))))), index.h("div", { class: "description" }, index.h("section", { id: "covet-pics-highlighted-product-slider", class: `slider-description swiper ${this.productLinks.length > 1 ? "active" : "disabled"}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map(link => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("p", { class: `title ${this.productsLayout} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
       index.h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), this.productLinks.length > 1 &&
-      index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon("arrow", "prev"))))));
+      index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev", type: "button", "aria-controls": "covet-pics-highlighted-product-slider" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next", type: "button", "aria-controls": "covet-pics-highlighted-product-slider" }, this.renderControlIcon("arrow", "prev"))))));
   }
   renderMobileSlider() {
     if (this.productLinks === undefined || this.productLinks.length === 0)
@@ -613,13 +617,13 @@ let CovetPicsHighlightedPage = class {
     const sliderNotActive = this.productLinks.length === 1
       ? "slider-no-active"
       : "";
-    return (index.h("div", { class: `product mobile ${this.layout} ${this.productsLayout} ${sliderNotActive}` }, index.h("div", { class: `slider mobile swiper ${this.productsLayout}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap mobile ${this.productsLayout} `, "is-loading": true }, this.productLinks.length > 1 &&
+    return (index.h("div", { class: `product mobile ${this.layout} ${this.productsLayout} ${sliderNotActive}` }, index.h("section", { class: `slider mobile swiper ${this.productsLayout}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap mobile ${this.productsLayout} `, "is-loading": true }, this.productLinks.length > 1 &&
       index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
       index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))), index.h("div", { class: "description mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("p", { class: `title mobile ${this.productsLayout} ${this.reverseClass}` }, link.title), link.prices && link.prices.price_label &&
       index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
   }
   render() {
-    return (index.h(index.Host, { class: "page", role: "group" }, (this.thumbnailLayout === "image" || this.thumbnailLayout === "video") && this.renderStandardThumbnail(), this.thumbnailLayout === "carousel" && this.renderCarouselThumbnail(), this.layout !== "row" && !this.isMobile &&
+    return (index.h(index.Host, { class: "page", role: "group", "aria-label": this.ariaLabel }, (this.thumbnailLayout === "image" || this.thumbnailLayout === "video") && this.renderStandardThumbnail(), this.thumbnailLayout === "carousel" && this.renderCarouselThumbnail(), this.layout !== "row" && !this.isMobile &&
       index.h("div", { class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
       index.h("div", { class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
   }

package/dist/cjs/covet-pics-widget.cjs.js

@@ -37,5 +37,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[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],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
 });

package/dist/cjs/loader.cjs.js

@@ -19,7 +19,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[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],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
   });
 };
 

package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js

@@ -206,8 +206,8 @@ export class CovetPicsDirectBuy {
   }
   imgAltTag(caption, idx, itemsLength) {
     return caption && caption.length > 0
-      ? `${caption} product-slide ${idx}/${itemsLength}`
-      : `product-slide ${idx}/${itemsLength}`;
+      ? `${caption} product slide ${idx} of ${itemsLength}`
+      : `product slide ${idx} of ${itemsLength}`;
   }
   render() {
     if (typeof this.product !== "undefined") {
@@ -222,7 +222,7 @@ export class CovetPicsDirectBuy {
                   h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))),
             h("h2", { class: "title" },
               h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)),
-            h("div", { class: "main-gallery" },
+            h("section", { class: "main-gallery", role: "region", "aria-label": "direct buy slider" },
               h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => h("div", { class: "swiper-slide" },
                 h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))),
               h("div", { class: "swiper-pagination" })),

package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js

@@ -13,6 +13,10 @@ export class CovetPicsGalleryItem {
      * image ALT tag
      */
     this.altTag = "";
+    /**
+     * gallery item aria-label for accessability
+     */
+    this.ariaLabel = null;
     /**
      * if item is highlighted
      */
@@ -163,7 +167,7 @@ export class CovetPicsGalleryItem {
     }
   }
   renderStandardItem() {
-    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group" },
+    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group", "aria-label": this.ariaLabel },
       this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]),
       this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
         h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }),
@@ -254,6 +258,24 @@ export class CovetPicsGalleryItem {
       "reflect": false,
       "defaultValue": "\"\""
     },
+    "ariaLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "gallery item aria-label for accessability"
+      },
+      "attribute": "aria-label",
+      "reflect": false,
+      "defaultValue": "null"
+    },
     "highlighted": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js

@@ -220,27 +220,25 @@ export class CovetPicsGallerySlider {
       : `slide ${idx + 1}/${itemsLength}, post created ${getDateFromTimestamp(createdTime)}`;
   }
   renderStandardItem(item, idx, itemsLength) {
-    return (h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
+    return (h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
   }
   renderDetailItem(item, idx, itemsLength) {
     const itemWidth = window.innerWidth > 767
       ? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
       : (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
-    return (h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, 
-      // TODO get star color from server
-      starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
+    return (h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
   }
   render() {
     if (this.items !== undefined) {
-      return (h("div", { class: "gallery swiper" },
+      return (h("section", { id: "covet-pics-slider", class: "gallery swiper", role: "region", "aria-label": "main slider" },
         h("div", { class: "swiper-wrapper" },
           this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)),
           this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))),
         h("div", { class: "swiper-pagination" }),
-        h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", type: "button" },
+        h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", "aria-controls": "covet-pics-slider", type: "button" },
           h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" },
             h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))),
-        h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", type: "button" },
+        h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", "aria-controls": "covet-pics-slider", type: "button" },
           h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" },
             h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
     }