@covet-pics/covet-pics-widget 0.147.2 → 0.147.4

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

@@ -3393,7 +3393,6 @@ const CovetPicsGalleryGrid = class {
                 this.nextPage.emit(event);
             }
         };
-        this.imagesToShow = 9;
         this.items = [];
         this.breakdown = [];
         this.productTitle = "";
@@ -3502,9 +3501,9 @@ const CovetPicsGalleryGrid = class {
             return false;
         if (this.settings.gallery_highlight_every === 0)
             return false;
-        let position = (index + 1) % this.imagesToShow;
+        let position = (index + 1) % this.settings.gallery_photos_count;
         if (position === 0)
-            position = this.imagesToShow;
+            position = this.settings.gallery_photos_count;
         const start = this.settings.gallery_highlight_every_start + 1;
         const every = this.settings.gallery_highlight_every;
         if (every < 0)
@@ -3651,10 +3650,10 @@ const CovetPicsGalleryGrid = class {
         return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, 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.settings.gallery_photos_per_row, this.settings.gallery_mobile_photos_per_row, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "item-index": idx, caption: item.caption, "item-type": item.data_type, links: item.links, url: item.url, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, role: "listitem", "aria-label": `${this.layout}-item ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(item.created_time)}`, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time, this.layout), 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" }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
+        return index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
     }
     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, "item-size": this.itemSize, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
+        return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "item-size": this.itemSize, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
     }
     renderDetailItem(item, idx, itemsLength) {
         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.settings.gallery_photos_per_row, this.settings.gallery_mobile_photos_per_row), "item-id": item.id, "item-index": idx, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, verified: item.verified, rating: item.rating !== null ? item.rating : 0, role: "listitem", "aria-label": `${this.layout}-item ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(item.created_time)}`, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore });
@@ -3664,7 +3663,7 @@ const CovetPicsGalleryGrid = class {
     }
     render() {
         if (typeof this.items !== "undefined" && typeof this.loader !== "undefined") {
-            return (index.h(index.Host, { key: '5b18769eb8328a6d0598f17f8193f55dce45a123', role: "region" }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && this.renderFilters(), index.h("div", { key: 'b9e2489553ac7f547ffafae644850a180accd792', class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.settings.gallery_photos_per_row, this.settings.item_padding, this.settings.gallery_mobile_photos_per_row, this.settings.item_mobile_padding), role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
+            return (index.h(index.Host, { key: '581e1cb99182329e7bb9dff5defb65d33209879d', role: "region" }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && this.renderFilters(), index.h("div", { key: '22db0db9f0806eecd87294d31a560590753ee19f', class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.settings.gallery_photos_per_row, this.settings.item_padding, this.settings.gallery_mobile_photos_per_row, this.settings.item_mobile_padding), role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.settings.item_style === "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.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
                 ? this.renderDetailUploadItem(item, idx, this.items.length)