@covet-pics/covet-pics-widget 0.115.1 → 0.115.2

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

@@ -7,7 +7,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-65c0de9a.js');
 const utils = require('./utils-85481438.js');
-const lazy = require('./lazy-514fc6ab.js');
+const lazy = require('./lazy-400cf804.js');
+const slider = require('./slider-3ccbc3e0.js');
 const fragment = require('./fragment-29c21ac8.js');
 const storeUtils = require('./storeUtils-6e9b9011.js');
 const getters = require('./getters-c3c47af0.js');
@@ -141,17 +142,28 @@ const CovetPicsDirectBuy = class {
     };
   }
   initSwiper() {
+    // TODO add exception for slides length == 1
     const galleryMainEl = this.el.shadowRoot.querySelector(".main-gallery");
     const paginationEl = this.el.shadowRoot.querySelector(".swiper-pagination");
     return this.mainGallery = new lazy.Swiper(galleryMainEl, {
-      modules: [lazy.Pagination],
+      modules: [lazy.Pagination, slider.A11y],
+      on: {
+        init: (e) => slider.swiperUpdateTabIndex(e),
+        update: (e) => slider.swiperUpdateTabIndex(e),
+        realIndexChange: (e) => slider.swiperUpdateTabIndex(e)
+      },
       pagination: {
         el: paginationEl,
         modifierClass: "swiper-pagination-",
         clickable: true,
-        renderBullet: (index, className) => {
-          return `<button class="dot ${className}" type="button" aria-label="Goto image #${index}" tabindex="0"></button>`;
-        },
+      },
+      a11y: {
+        enabled: true,
+        containerMessage: "Product images slider",
+        containerRoleDescriptionMessage: "Product images slider inside popup",
+        paginationBulletMessage: "Go to product image #{{index}}",
+        slideRole: "group",
+        slideLabelMessage: "Product image {{index}}/{{slidesLength}}"
       },
     });
   }
@@ -4020,18 +4032,30 @@ const CovetPicsPopup = class {
     this.swiper = new lazy.Swiper(carouselMediaEl, {
       slidesPerView: 1,
       loop: true,
-      modules: [lazy.Navigation, lazy.Pagination, lazy.Lazy],
+      modules: [lazy.Navigation, lazy.Pagination, lazy.Lazy, slider.A11y],
+      on: {
+        init: (e) => slider.swiperUpdateTabIndex(e),
+        update: (e) => slider.swiperUpdateTabIndex(e),
+        realIndexChange: (e) => slider.swiperUpdateTabIndex(e)
+      },
       pagination: {
         el: paginationEl,
         clickable: true,
-        renderBullet: (index, className) => {
-          return `<button class="dot ${className}" type="button" aria-label="Goto image #${index} inside popup carousel item"></button>`;
-        }
       },
       navigation: {
         nextEl: nextEl,
         prevEl: prevEl,
-      }
+      },
+      a11y: {
+        enabled: true,
+        prevSlideMessage: "Previous image inside popup carousel item",
+        nextSlideMessage: "Next image inside popup carousel item",
+        containerMessage: "Popup thumbnail image slider",
+        containerRoleDescriptionMessage: "Popup thumbnail image slider",
+        paginationBulletMessage: "Goto image #{{index}} inside popup carousel item",
+        slideRole: "group",
+        slideLabelMessage: `Popup carousel item ${this.item.caption !== null ? this.item.caption : ""} {{index}}/{{slidesLength}}`
+      },
     });
     if (this.item && this.item.id)
       this.swiper.covetId = this.item.id;
@@ -4104,15 +4128,15 @@ const 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("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" &&
+      return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { class: "swiper-wrapper" }, 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" }, 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("button", { type: "button", class: "post-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", onClick: this.playPauseVideoClickHandler }))))), 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 image inside 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": "Next image inside 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) " })))));
+        index.h("div", { class: "post-video-element" }, 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("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler }))))), index.h("div", { class: "swiper-pagination swiper-pagination-white" }), index.h("button", { class: "swiper-button-next", type: "button" }, 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" }, 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) " })))));
     }
     else {
       if (this.item.data_type === "image" || this.item.data_type === "carousel")
         return (index.h("img", { class: "post-image-element", src: this.item.images.high_resolution, alt: this.imgAltTag(this.item.caption, -1, this.item.carousel_media.length, this.item.created_time) }));
       else if (this.item.data_type === "video") {
-        return (index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: this.item.cover_images.high_resolution, key: this.item.video }, index.h("source", { src: this.item.video, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", onClick: this.playPauseVideoClickHandler })));
+        return (index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: this.item.cover_images.high_resolution, key: this.item.video }, index.h("source", { src: this.item.video, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler })));
       }
     }
   }
@@ -4437,9 +4461,9 @@ const CovetPicsPopupLinks = class {
     }
   }
   render() {
-    return (index.h("ul", { class: `links ${this.linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables() }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": `Link to '${link.title}'` }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.showPrice && link.prices &&
+    return (index.h("ul", { class: `links ${this.linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": `Link to '${link.title}'`, role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.showPrice && link.prices &&
       index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.showPrice && link.prices && link.prices.is_on_sale &&
-      index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${this.buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy" }, this.buttonStyle === "style-5" &&
+      index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${this.buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy", role: "link" }, this.buttonStyle === "style-5" &&
       index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
   }
   get el() { return index.getElement(this); }

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

@@ -8,9 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-65c0de9a.js');
 const utils$1 = require('./utils-85481438.js');
 const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
-const lazy = require('./lazy-514fc6ab.js');
+const lazy = require('./lazy-400cf804.js');
 const slider = require('./slider-dbefa25c.js');
-const effectFade = require('./effect-fade-23f01c22.js');
 require('./redux-toolkit.esm-ed0a74c1.js');
 
 var evEmitter = _commonjsHelpers.createCommonjsModule(function (module) {
@@ -3640,29 +3639,31 @@ const CovetPicsGalleryGrid = class {
     if (item.links.length === 0) {
       caption = this.loader.data.settings.item_without_product_label_text;
     }
-    return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "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, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "item-index": idx, caption: item.caption, "item-type": item.data_type, "label-caption": caption, "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, links: item.links, layout: this.layout, "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, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore }));
+    return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "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, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "item-index": idx, caption: item.caption, "item-type": item.data_type, "label-caption": caption, "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, links: item.links, layout: this.layout, "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, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore }));
   }
-  renderStandardUploadItem(item, idx) {
-    return index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, "label-color": item.labelColor, "label-font-size": item.labelFontSize, "label-font-style": item.labelFontStyle, appStore: this.appStore });
+  renderStandardUploadItem(item, idx, itemsLength) {
+    return index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, "label-color": item.labelColor, "label-font-size": item.labelFontSize, "label-font-style": item.labelFontStyle,
+      // TODO check do we use for upload widget END
+      appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "cell" });
   }
-  renderDetailUploadItem(item, idx) {
-    return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, itemStyle: item.itemStyle, appStore: this.appStore });
+  renderDetailUploadItem(item, idx, itemsLength) {
+    return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, itemStyle: item.itemStyle, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "cell" });
   }
   renderDetailItem(item, idx, itemsLength) {
     const itemWidth = this.isDesktopScreen
       ? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
       : (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
-    return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, highlighted: this.isHighlighted(idx), "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-index": idx, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, 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, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, verified: item.verified, rating: item.rating !== null ? item.rating : 0, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore });
+    return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, highlighted: this.isHighlighted(idx), "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-index": idx, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, 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, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, verified: item.verified, rating: item.rating !== null ? item.rating : 0, "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore });
   }
   renderHeader() {
     return (index.h("covet-pics-gallery-header", { "product-title": this.productTitle, rating: this.rating, "rating-count": this.ratingCount, breakdown: this.breakdown, "header-type": this.headerType, "show-sort": this.headerShowSort.toString(), "show-average-star-rating": this.headerShowAverageRating.toString(), "show-breakdown": this.showBreakdown.toString(), appStore: this.appStore }));
   }
   render() {
     if (typeof this.items !== "undefined" && typeof this.loader !== "undefined") {
-      return (index.h(index.Host, null, this.showHeader && this.renderHeader(), this.filtersEnabled && this.renderFilters(), index.h("div", { class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.desktopPhotosPerRow, this.desktopItemPadding, this.mobilePhotosPerRow, this.mobileItemPadding), role: "grid" }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
-        ? this.renderStandardUploadItem(item, idx)
+      return (index.h(index.Host, { role: "grid" }, this.showHeader && this.renderHeader(), this.filtersEnabled && this.renderFilters(), index.h("div", { class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.desktopPhotosPerRow, this.desktopItemPadding, this.mobilePhotosPerRow, this.mobileItemPadding), role: "row" }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
+        ? this.renderStandardUploadItem(item, idx, this.items.length)
         : this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
-        ? this.renderDetailUploadItem(item, idx)
+        ? this.renderDetailUploadItem(item, idx, this.items.length)
         : this.renderDetailItem(item, idx, this.items.length))), this.renderLoadingAnimation(), this.rederLoadMoreButton()));
     }
   }
@@ -4126,17 +4127,17 @@ const CovetPicsGallerySlider = class {
       ? `${caption}, slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
       : `slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
   }
-  renderStandardUploadItem(item, idx) {
-    return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", layout: "slider", "item-source": item.source, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "label-caption": item.labelCaption, "item-index": idx, appStore: this.appStore }));
+  renderStandardUploadItem(item, idx, itemsLength) {
+    return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", layout: "slider", "item-source": item.source, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "label-caption": item.labelCaption, "item-index": idx, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
   }
-  renderDetailUploadItem(item, idx) {
-    return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", layout: "slider", "item-source": item.source, "image-url": item.imageUrl, "item-style": item.itemStyle, "label-caption": item.labelCaption, "item-index": idx, appStore: this.appStore }));
+  renderDetailUploadItem(item, idx, itemsLength) {
+    return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", layout: "slider", "item-source": item.source, "image-url": item.imageUrl, "item-style": item.itemStyle, "label-caption": item.labelCaption, "item-index": idx, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
   }
   renderStandardItem(item, idx, itemsLength) {
     const itemWidth = this.isDesktopScreen
       ? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
       : (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
-    return (index.h("covet-pics-gallery-item", { class: "swiper-slide", layout: "slider", "animation-duration": this.loader.data.settings.item_animation_duration, "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`, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-width": itemWidth, "item-index": idx, appStore: this.appStore }));
+    return (index.h("covet-pics-gallery-item", { class: "swiper-slide", layout: "slider", "animation-duration": this.loader.data.settings.item_animation_duration, "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, "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-width": itemWidth, "item-index": idx, appStore: this.appStore }));
   }
   renderDetailItem(item, idx, itemsLength) {
     const itemWidth = this.isDesktopScreen
@@ -4147,9 +4148,9 @@ const CovetPicsGallerySlider = class {
   render() {
     if (this.items !== undefined) {
       return (index.h("section", { id: "covet-pics-slider", class: "gallery swiper", role: "region", "aria-label": "main slider" }, 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) " }))), index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
-        ? this.renderStandardUploadItem(item, idx)
+        ? this.renderStandardUploadItem(item, idx, this.items.length)
         : this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
-        ? this.renderDetailUploadItem(item, idx)
+        ? this.renderDetailUploadItem(item, idx, this.items.length)
         : 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) " })))));
     }
   }
@@ -4162,7 +4163,6 @@ CovetPicsGallerySlider.style = covetPicsGallerySliderCss;
 
 const covetPicsHighlightedCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}:root{}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.slider-control{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:35px;height:35px;-ms-flex:none;flex:none;border-radius:50%;border:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;overflow:hidden;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;cursor:pointer}.slider-control:hover,.slider-control:focus,.slider-control:active{outline:none !important}.slider-control.next{left:16px}@media only screen and (max-width: 799.98px){.slider-control.next.main{left:32px}}.slider-control.prev{right:16px}@media only screen and (max-width: 799.98px){.slider-control.prev.main{right:32px}}.slider-control.small{width:13px;height:8px;position:relative;-webkit-transform:none;transform:none;padding:0;background-color:transparent;left:0;right:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.slider-control.small:focus{background-color:transparent;opacity:1}.slider-control.small:hover,.slider-control.small:active,.slider-control.small.active{background-color:transparent;opacity:0.5}.slider-control.main{z-index:5;background-color:#101010;will-change:transform;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.slider-control.main .icon-arrow{position:absolute;width:14px;height:12px}.slider-control.main .icon-arrow path{fill:white}@media only screen and (max-width: 799.98px){.slider-control.main .icon-arrow{width:14px;height:10px}}.slider-control.main.main-spotlight{top:30%}@media only screen and (max-width: 799.98px){.slider-control.main.main-spotlight{top:auto}}.slider-control.main:focus{background-color:#101010;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.slider-control.main:hover,.slider-control.main:active,.slider-control.main.active{background-color:#101010;-webkit-transform:translateY(-50%) scale(0.95);transform:translateY(-50%) scale(0.95)}.slider-control.main:disabled{opacity:0.5;background-color:rgba(16, 16, 16, 0.9);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:auto}@media only screen and (max-width: 799.98px){.slider-control.main{top:auto;bottom:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);background-color:transparent}.slider-control.main:focus{background-color:transparent;opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.slider-control.main:hover,.slider-control.main:active,.slider-control.main.active{background-color:transparent;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1);opacity:0.5}.slider-control.main:disabled{opacity:0.5;background-color:transparent;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1);cursor:auto}.slider-control.main .icon-arrow path{fill:var(--covet-pics-highlighted-primary-color)}}.slider-control.layout-3{width:40px;height:40px;border-radius:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;position:relative;top:0;left:0;-webkit-transform:none;transform:none}.slider-control.layout-3 .icon-arrow{width:100%;height:100%}.slider-control.layout-3:hover,.slider-control.layout-3:active,.slider-control.layout-3.active{opacity:0.5}.slider-control.layout-4{width:48px;height:48px;border-radius:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}covet-pics-highlighted{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden}covet-pics-highlighted.row{display:grid;grid-template-columns:repeat(3, calc(33.3333333333% - var(--covet-pics-highlighted-padding-px) * 2 / 3));padding:var(--covet-pics-highlighted-padding-px);grid-gap:var(--covet-pics-highlighted-padding-px)}@media only screen and (max-width: 799.98px){covet-pics-highlighted.row{padding:0;grid-gap:0;grid-template-columns:repeat(1, 100%)}}covet-pics-highlighted.slider{height:100vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100);padding:var(--covet-pics-highlighted-padding)}@media only screen and (max-width: 799.98px){covet-pics-highlighted.slider{padding:0}}covet-pics-highlighted.spotlight{height:115vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 115);padding:var(--covet-pics-highlighted-padding)}@media only screen and (max-width: 799.98px){covet-pics-highlighted.spotlight{padding:0;height:100vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100)}}covet-pics-highlighted h1,covet-pics-highlighted h2,covet-pics-highlighted h3,covet-pics-highlighted h4,covet-pics-highlighted h5,covet-pics-highlighted h6,covet-pics-highlighted p{margin-top:0;margin-bottom:16px;color:var(--covet-pics-highlighted-primary-color)}covet-pics-highlighted p{margin-top:0;margin-bottom:8px;color:var(--covet-pics-highlighted-secondary-color)}covet-pics-highlighted .main-slider{width:100%;overflow:hidden;position:relative;height:100%}covet-pics-highlighted .main-slider .page{position:absolute;width:100%;height:100%;left:0;top:0}covet-pics-highlighted .main-slider .slide-noactive{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none}covet-pics-highlighted .main-slider .slide-active{opacity:1}covet-pics-highlighted .main-slider .slide-active .thumbnail .img-cover,covet-pics-highlighted .main-slider .slide-active .thumbnail .img-contain{-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .main-slider .slide-active .thumbnail .thumbnail-carousel .swiper-slide .img-cover,covet-pics-highlighted .main-slider .slide-active .thumbnail .thumbnail-carousel .swiper-slide .img-contain{-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .main-slider .leave{opacity:0;-webkit-transition:opacity 0.6s ease;transition:opacity 0.6s ease}covet-pics-highlighted .main-slider .leave.fast{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-highlighted .main-slider .leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}covet-pics-highlighted .main-slider .before-enter{opacity:0;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none;z-index:3}covet-pics-highlighted .main-slider .before-enter .thumbnail .img-cover,covet-pics-highlighted .main-slider .before-enter .thumbnail .img-contain{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-highlighted .main-slider .before-enter .thumbnail .thumbnail-carousel .swiper-slide .img-cover,covet-pics-highlighted .main-slider .before-enter .thumbnail .thumbnail-carousel .swiper-slide .img-contain{-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .main-slider .before-enter .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-cover,covet-pics-highlighted .main-slider .before-enter .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-contain{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-highlighted .main-slider .enter{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:opacity 0.6s ease;transition:opacity 0.6s ease;z-index:3}covet-pics-highlighted .main-slider .enter .thumbnail .img-cover,covet-pics-highlighted .main-slider .enter .thumbnail .img-contain{-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease;-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .main-slider .enter .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-cover,covet-pics-highlighted .main-slider .enter .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-contain{-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease;-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .main-slider .enter.fast{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}covet-pics-highlighted .main-slider .enter.fast .thumbnail .img-cover,covet-pics-highlighted .main-slider .enter.fast .thumbnail .img-contain{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}covet-pics-highlighted .main-slider .enter.fast .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-cover,covet-pics-highlighted .main-slider .enter.fast .thumbnail .thumbnail-carousel .swiper-slide.swiper-slide-active .img-contain{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:scale(1);transform:scale(1)}covet-pics-highlighted .img-wrap{display:-ms-flexbox;display:flex}covet-pics-highlighted .img-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform-origin:center center;transform-origin:center center}covet-pics-highlighted .img-contain{-o-object-position:50% 50%;object-position:50% 50%;width:100%;-o-object-fit:cover;object-fit:cover;height:100%;-o-object-fit:contain;object-fit:contain}covet-pics-highlighted .icon-arrow{position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform-origin:center center;transform-origin:center center}covet-pics-highlighted .icon-arrow path{fill:var(--covet-pics-highlighted-primary-color)}covet-pics-highlighted .icon-arrow.rotate{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}covet-pics-highlighted .page-pagination{position:absolute;left:50%;top:60%;-webkit-transform:translate(-50%, 242px);transform:translate(-50%, 242px);font-size:14px;color:var(--covet-pics-highlighted-primary-color);line-height:18px;letter-spacing:0.5px;z-index:10}@media only screen and (max-width: 799.98px){covet-pics-highlighted .page-pagination{top:auto;bottom:0;-webkit-transform:translate(-50%, -18px);transform:translate(-50%, -18px)}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
 
-lazy.Swiper.use([lazy.Navigation, lazy.Pagination, effectFade.EffectFade]);
 const CovetPicsHighlighted = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -4343,7 +4343,7 @@ const CovetPicsHighlighted = class {
     return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
   }
   renderSlider() {
-    return (index.h("section", { id: "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.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !this.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, showReview: this.showReview, "page-id": item.id, appStore: this.appStore })), 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"))));
+    return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "Page slider", "aria-labelledby": "Page slider" }, index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Previous page", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !this.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, showReview: this.showReview, "page-id": item.id, appStore: this.appStore, tabindex: index$1 === this.mainSliderIndex ? 0 : -1, "aria-hidden": `${index$1 !== this.mainSliderIndex}` })), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Next page", "aria-controls": "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), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.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.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && this.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, showReview: this.showReview, "page-id": item.id, appStore: this.appStore })));

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

@@ -314,7 +314,7 @@ const CovetPicsGalleryItem = class {
   renderStandardItem() {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
-    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, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel, tabindex: this.tabIndex }, 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, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, role: "cell", "aria-label": this.ariaLabel, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, 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" }), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       index.h("div", { class: "rating" }, (itemSize !== "size-xs" || this.highlighted) && this.renderStarRating(), index.h("span", { class: "rating-data" }, this.rating, "/5")), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -326,7 +326,7 @@ const CovetPicsGalleryItem = class {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
     const starOnly = this.caption === null && this.itemType === "text";
-    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel, tabindex: this.tabIndex }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
+    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       index.h("div", { class: "rating" }, (itemSize !== "size-xs" || this.highlighted) && this.renderStarRating(), index.h("span", { class: "rating-data" }, this.rating, "/5")), index.h("div", { class: `description text-review ${itemSize}` }, this.rating > 0 && this.renderRating("text-review"), !hideCaption && this.itemType === "text" &&
       index.h("covet-pics-gallery-item-caption", { class: `${this.hoverAnimationStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.hoverAnimationStyle} ${itemSize}`, caption: this.caption, "item-style": this.hoverAnimationStyle, "layout-type": this.layout }), starOnly &&
       index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false })), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -334,7 +334,7 @@ const CovetPicsGalleryItem = class {
       index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" })), (this.hoverAnimationStyle === "hover-animation-3" || this.hoverAnimationStyle === "hover-animation-4") && this.rating > 0 && this.renderRating("info-rating"))), this.rating > 0 && this.renderUserAndDate()), index.h("span", { class: "overlay-effect text-review" })));
   }
   renderUploadWidget() {
-    return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
+    return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
       index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
       index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }
@@ -543,7 +543,7 @@ const CovetPicsGalleryItemDetail = class {
     return this.captionCSS;
   }
   renderUploadWidget() {
-    return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, !this.imageUrl &&
+    return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, !this.imageUrl &&
       index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
       index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }
@@ -579,7 +579,7 @@ const CovetPicsGalleryItemDetail = class {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "group", tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
+    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "cell", tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
       index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), !hideCaption && this.itemType === "text" &&
       index.h("covet-pics-gallery-item-caption", { class: `${this.itemStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), starOnly &&
       index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h("div", { class: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}` }, this.renderStarRating(`${itemSize}`)), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
@@ -602,7 +602,7 @@ const CovetPicsGalleryItemDetail = class {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "group", tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 && this.renderStarRating(`${itemSize}`)), !hideCaption &&
+    return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "cell", tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 && this.renderStarRating(`${itemSize}`)), !hideCaption &&
       index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), index.h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && ["modern-4", "modern-5", "modern-6"].includes(this.itemStyle) && this.renderVerifiedIcon(), this.renderUserAndDate(itemSize)))));
   }
   renderReviewModernItem() {
@@ -615,7 +615,7 @@ const CovetPicsGalleryItemDetail = class {
     const showUserAndData = (textReview && ["modern-1", "modern-4"].includes(this.itemStyle))
       || (starOnly && ["modern-1", "modern-2", "modern-3", "modern-4", "modern-5"].includes(this.itemStyle));
     const showStarRating = textReview && ["modern-2", "modern-3", "modern-5"].includes(this.itemStyle);
-    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "group", tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), index.h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating && this.renderStarRating(`${itemSize}`)), starOnly &&
+    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), role: "cell", tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), index.h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating && this.renderStarRating(`${itemSize}`)), starOnly &&
       index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h("div", { class: `star-rating text-review ${this.itemStyle} ${itemSize} ${this.starOnlyClass} ` }, this.renderStarRating(`star-only ${itemSize}`)), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), !hideCaption &&
       index.h("covet-pics-gallery-item-caption", { "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), this.links && this.links.length > 0 &&
       index.h("div", { class: `bottom-review ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle !== "modern-1" && this.renderVerifiedIcon(), index.h("span", { class: `link-label ${this.itemStyle} ${itemSize}` }, "Review For"), index.h("a", { href: this.tabIndex !== -1 ? this.links[0].link : null, class: `link-review ${this.itemStyle} ${itemSize}` }, this.links[0].title)))));