npm - @covet-pics/covet-pics-widget - Versions diffs - 0.178.5 → 0.178.7 - Mend

@covet-pics/covet-pics-widget 0.178.5 → 0.178.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/dist/cjs/covet-pics-checkbox_9.cjs.entry.js CHANGED Viewed

@@ -4,10 +4,10 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var popup = require('./popup-rW3mI8Bp.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
-var getters = require('./getters-Bflb753X.js');
+var shopcart = require('./shopcart-DPsjY988.js');
+var getters = require('./getters-ClFGn8S-.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 var index$1 = require('./index-BMdsVEom.js');
@@ -4165,10 +4165,10 @@ const CovetPicsSelect = class {
             return this.el.classList.remove("opened");
     }
     componentDidLoad() {
-        requestAnimationFrame(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
+        utils.nextTickRaf(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
     }
     render() {
-        return (index.h(index.Host, { key: 'f1337646b759d2010e5b8cbc174c914b0831bb88', class: "options", id: this.selectId }, index.h("label", { key: '0c0964d93af6f8c4c60f4407073dde53a83af769', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: 'a32a76882032f68757802f6255559f9de253c12e', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: 'f9c3cd6d7b7bff9ccd0feeb066e43d7d10b15c32', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: '60d55f2d94310738aa6fee33e860a1fe1c3a80f6', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
+        return (index.h(index.Host, { key: 'cb431fe85074e63f21a45a028634074f11e10328', class: "options", id: this.selectId }, index.h("label", { key: 'ea25c6ba067eebcc81cea4c99e25c184ee6bc20e', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: '228a90a74d4e5714f3bbe1cc106e4dd18df57007', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: '5da2f6d3d04d4447eeabfcf5ea1cd7e06cedeee6', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: 'a1fa5862d93e9bd178a7aec34447516bf8a92622', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-crop-text_3.cjs.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var index$1 = require('./index-BMdsVEom.js');
-var getters = require('./getters-Bflb753X.js');
+var getters = require('./getters-ClFGn8S-.js');
 var slider = require('./slider-DjbwBz8s.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 var popup = require('./popup-rW3mI8Bp.js');
@@ -161,11 +161,6 @@ const CovetPicsGalleryItem = class {
         this.btnWrapHTMLTag = "button"; // ADA issue render different type of btn wrap
         this.tabIndex = 0;
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.videoLoadedHandler = (e) => {
             const el = e.currentTarget;
             const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
@@ -274,7 +269,7 @@ const CovetPicsGalleryItem = class {
                 this.btnWrapHTMLTag = "div";
             }
             if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
-                this.nextTick(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
+                utils.nextTickRaf(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
             }
             if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
                 this.itemSource === "upload_widget" ? this.el.blur() : this.el.querySelector(".btn-item-wrap").blur();
@@ -391,7 +386,7 @@ const CovetPicsGalleryItem = class {
             index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: `rating ${this.itemSize}`, label: `${this.rating}/5` }), index.h("div", { class: `description text-review ${this.itemSize} ${this.settings.slideshow_style === "material" ? "material-image" : ""}` }, this.rating > 0 && this.renderRating("text-review"), !hideCaption && this.itemType === "text" &&
             index.h("covet-pics-crop-text", { text: this.caption, ratio: standardRatio, "aria-hidden": "true" // hide this because we use this text button aria-label, and this content not visible on hover
             }), starOnly &&
-            index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false, "aria-label": `rating: ${this.rating} out of 5 stars` })), index.h("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
+            index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false })), index.h("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, 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", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" && this.rating === 0 &&
             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", 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", "aria-hidden": "true" }))));
     }
@@ -400,7 +395,7 @@ const CovetPicsGalleryItem = class {
         const starOnly = this.caption === null && this.itemType === "text";
         return (index.h(index.Host, { class: { [`text-review ${this.hoverAnimationStyle}`]: true, "no-animation": true, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h(funcComponents.DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, "aria-label": this.getButtonLabel() }, index.h("div", { class: `description text-review ${this.itemSize} ${this.settings.slideshow_style === "material" ? "material-image" : ""}` }, this.rating > 0 && this.renderRating("text-review hover-disabled"), !hideCaption && this.itemType === "text" &&
             index.h("covet-pics-crop-text", { text: this.caption, ratio: standardRatio }), starOnly &&
-            index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false, "aria-label": `rating: ${this.rating} out of 5 stars` })), this.rating > 0 && this.renderUserAndDate()))));
+            index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false })), this.rating > 0 && this.renderUserAndDate()))));
     }
     renderUploadWidget() {
         return (index.h(index.Host, { class: { "upload-widget": true, "no-animation": this.animationDisabled }, style: this.getItemCSSVariables(), onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: `info ${this.itemSize}` }, this.imageUrl === undefined &&
@@ -479,11 +474,6 @@ const CovetPicsGalleryItemDetail = class {
         this.starOnlyClass = "";
         this.highlightedClass = "";
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.scrollHandler = () => {
             this.isInViewport();
         };
@@ -501,7 +491,7 @@ const CovetPicsGalleryItemDetail = class {
             this.el.removeAttribute("is-loading");
             this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
             this.el.dispatchEvent(customEvent);
-            this.nextTick(() => this.getCaptionCollageCSS());
+            utils.nextTickRaf(() => this.getCaptionCollageCSS());
         };
         this.itemClickHandler = (event) => {
             if (event instanceof KeyboardEvent && event.keyCode !== 13 && event.keyCode !== 32)

package/dist/cjs/covet-pics-gallery-grid_8.cjs.entry.js CHANGED Viewed

@@ -4,13 +4,13 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils$1 = require('./utils-BAxT9Oy2.js');
-var getters = require('./getters-Bflb753X.js');
+var utils$1 = require('./utils-Y_XvnPLk.js');
+var getters = require('./getters-ClFGn8S-.js');
 var popupFuncComponents = require('./popupFuncComponents-C-BjCf1Q.js');
 var a11y = require('./a11y-BaxqETeA.js');
 var navigation = require('./navigation-CvIgF3Cf.js');
 var slider = require('./slider-DjbwBz8s.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
+var shopcart = require('./shopcart-DPsjY988.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var popup = require('./popup-rW3mI8Bp.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
@@ -5232,11 +5232,6 @@ const CovetPicsHighlighted = class {
         this.mainSliderIndex = 0;
         this.mainSliderAnimatingSlides = [];
         this.isGalleryLoaded = false;
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.mainSliderChangeSlide = (event, direction) => {
             event.preventDefault();
             event.stopPropagation();
@@ -5323,7 +5318,7 @@ const CovetPicsHighlighted = class {
                 active.removeEventListener("transitionend", enterHandler);
             };
             active.classList.add("before-enter");
-            this.nextTick(() => {
+            utils$1.nextTickRaf(() => {
                 active.classList.add("enter");
                 active.addEventListener("transitionend", enterHandler);
             });
@@ -5416,14 +5411,14 @@ const CovetPicsHighlighted = class {
                     ? await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], true)
                     : await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], false);
                 this.mainSliderAnimatingSlides.splice(0, 1);
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
             }
             catch (error) {
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
             }
         }
         else {
-            return this.nextTick(() => this.mainSliderAnimationLoop());
+            return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
         }
     }
     renderMainLayout() {
@@ -5444,7 +5439,7 @@ const CovetPicsHighlighted = class {
                 slideToHide.classList.add("slide-noactive");
                 slideToHide.classList.remove("leave", "slide-active", "fast");
                 slideToHide.removeEventListener("transitionend", leaveHandler);
-                this.nextTick(() => resolve("done"));
+                utils$1.nextTickRaf(() => resolve("done"));
             };
             slideToHide.addEventListener("transitionend", leaveHandler);
             fastMode ? slideToHide.classList.add("leave", "fast") : slideToHide.classList.add("leave");
@@ -5454,10 +5449,10 @@ const CovetPicsHighlighted = class {
                 slideToShow.classList.add("slide-active");
                 slideToShow.classList.remove("before-enter", "slide-noactive", "enter", "fast");
                 slideToShow.removeEventListener("transitionend", showHandler);
-                this.nextTick(() => resolve("done"));
+                utils$1.nextTickRaf(() => resolve("done"));
             };
             slideToShow.classList.add("before-enter");
-            this.nextTick(() => {
+            utils$1.nextTickRaf(() => {
                 slideToShow.addEventListener("transitionend", showHandler);
                 fastMode ? slideToShow.classList.add("enter", "fast") : slideToShow.classList.add("enter");
             });
@@ -5468,8 +5463,8 @@ const CovetPicsHighlighted = class {
         const isCarousel = this.layout === "slider" || this.layout === "spotlight";
         const showStatus = isCarousel && this.items && this.items.length > 1;
         const paginationVisible = this.layout === "spotlight" || (this.layout === "slider" && !this.isDesktopScreen);
-        return (index.h(index.Host, { key: '79e47a7664fa0dcbae5a846ee419480444dba4be', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
-            index.h("span", { key: 'f291172c75d247fe87c094dff63538b44a2d8e49', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
+        return (index.h(index.Host, { key: '21d44f26636f0818e58d5aa2f6ac5489dfb520f3', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
+            index.h("span", { key: 'b6e334d1a3c4ad0bc041cdf01467b61a34f8d8a9', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-gallery-header.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var sort = require('./sort-D8WiIXAa.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 require('./redux-toolkit.modern-w9CXZaGb.js');
@@ -123,17 +123,17 @@ const CovetPicsGalleryHeader = class {
     }
     renderHeaderOne() {
         const mobileRating = !this.isDesktopScreen && (this.headerType === "header1" || this.headerType === "header4");
-        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("button", { class: "rating-btn", onClick: this.onClickRatingHendler, onMouseEnter: this.mouseEnterRatingHandler, onMouseLeave: this.mouseLeaveRatingHandler, "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "dropdown-label dropdown-button", "aria-controls": this.breakdownId }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false, starSize: 15, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && index.h("p", { class: "rating-text" }, index.h("span", { class: "rated" }, "Rated ", this.rating, "/5 "), mobileRating ? `(${this.appState.settings.gallery_photos_count})` : `based on ${this.appState.settings.gallery_photos_count} customer reviews.`)), this.appState.settings.header_show_average_rating && this.renderBreakdown()), this.appState.settings.header_show_sort && this.renderSort()));
+        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("button", { class: "rating-btn", onClick: this.onClickRatingHendler, onMouseEnter: this.mouseEnterRatingHandler, onMouseLeave: this.mouseLeaveRatingHandler, "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "dropdown-label dropdown-button", "aria-controls": this.breakdownId }, index.h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false, starSize: 15, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && index.h("p", { class: "rating-text" }, index.h("span", { class: "rated" }, "Rated ", this.rating, "/5 "), mobileRating ? `(${this.appState.settings.gallery_photos_count})` : `based on ${this.appState.settings.gallery_photos_count} customer reviews.`)), this.appState.settings.header_show_average_rating && this.renderBreakdown()), this.appState.settings.header_show_sort && this.renderSort()));
     }
     renderHeaderTwo() {
         return (index.h("div", { class: `header ${this.headerType}` }, this.appState.settings.header_show_average_rating &&
             index.h("div", { class: `rated-wrap ${this.headerType} ${this.appState.settings.header_show_breakdown ? "show-separation" : ""}` }, index.h("div", { class: `rating-wrap ${this.headerType}` }, this.isDesktopScreen && index.h("h3", { class: "rating-title" }, "Customers rated this:"), index.h("p", { class: `score ${this.headerType}` }, index.h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5", index.h("span", { class: `score-total ${this.headerType}` }, " from ", this.appState.settings.gallery_photos_count, " ratings"))), index.h("ul", { class: `rating-breakdown ${this.headerType}`, "aria-label": "gallery stars review rating" }, this.getBreakdown().map(el => index.h("li", { class: "rating-row" }, index.h(funcComponents.ProgressRating, { rating: el.rating, percentage: el.rating_percentage, count: el.count }))))), index.h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     renderHeaderThree() {
-        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("div", { class: "rating-wrap" }, index.h("covet-pics-star-rating", { rating: 4, showLabel: false, starSize: 18, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && index.h("p", { class: `score ${this.headerType}` }, index.h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5 stars"), index.h("p", { class: `score-total ${this.headerType}` }, this.appState.settings.gallery_photos_count, " reviews")), index.h("div", { class: "review-wrap" }, index.h("button", { class: "review-btn", onClick: this.onClickAddReviewHendler }, index.h("svg", { class: "icon-pen", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M5.94629 10.4102H10.8928", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M8.4197 1.34148C8.63834 1.12283 8.93489 1 9.24411 1C9.39721 1 9.54882 1.03016 9.69027 1.08875C9.83173 1.14734 9.96025 1.23322 10.0685 1.34148C10.1768 1.44975 10.2627 1.57827 10.3213 1.71972C10.3798 1.86118 10.41 2.01279 10.41 2.16589C10.41 2.319 10.3798 2.47061 10.3213 2.61206C10.2627 2.75351 10.1768 2.88204 10.0685 2.9903L3.19843 9.86039L1 10.41L1.54961 8.21157L8.4197 1.34148Z", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.isDesktopScreen && "Write a review", " "))), index.h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
+        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("div", { class: "rating-wrap" }, index.h("covet-pics-star-rating", { "aria-hidden": "true", rating: 4, showLabel: false, starSize: 18, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && index.h("p", { class: `score ${this.headerType}` }, index.h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5 stars"), index.h("p", { class: `score-total ${this.headerType}` }, this.appState.settings.gallery_photos_count, " reviews")), index.h("div", { class: "review-wrap" }, index.h("button", { class: "review-btn", onClick: this.onClickAddReviewHendler }, index.h("svg", { class: "icon-pen", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M5.94629 10.4102H10.8928", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M8.4197 1.34148C8.63834 1.12283 8.93489 1 9.24411 1C9.39721 1 9.54882 1.03016 9.69027 1.08875C9.83173 1.14734 9.96025 1.23322 10.0685 1.34148C10.1768 1.44975 10.2627 1.57827 10.3213 1.71972C10.3798 1.86118 10.41 2.01279 10.41 2.16589C10.41 2.319 10.3798 2.47061 10.3213 2.61206C10.2627 2.75351 10.1768 2.88204 10.0685 2.9903L3.19843 9.86039L1 10.41L1.54961 8.21157L8.4197 1.34148Z", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.isDesktopScreen && "Write a review", " "))), index.h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     renderHeaderFour() {
-        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("p", { class: "top-title" }, index.h("svg", { class: "star-title", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M4.5 0.75L5.65875 3.0975L8.25 3.47625L6.375 5.3025L6.8175 7.8825L4.5 6.66375L2.1825 7.8825L2.625 5.3025L0.75 3.47625L3.34125 3.0975L4.5 0.75Z", fill: "#929EAB", stroke: "#929EAB", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), "costomer reviews for"), index.h("h3", { class: `rating-title ${this.headerType}` }, this.productTitle), index.h("div", { class: `score ${this.headerType}` }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false, starSize: 12, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating &&
+        return (index.h("div", { class: `header ${this.headerType}` }, index.h("div", { class: `rated-wrap ${this.headerType}` }, index.h("p", { class: "top-title" }, index.h("svg", { class: "star-title", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M4.5 0.75L5.65875 3.0975L8.25 3.47625L6.375 5.3025L6.8175 7.8825L4.5 6.66375L2.1825 7.8825L2.625 5.3025L0.75 3.47625L3.34125 3.0975L4.5 0.75Z", fill: "#929EAB", stroke: "#929EAB", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), "costomer reviews for"), index.h("h3", { class: `rating-title ${this.headerType}` }, this.productTitle), index.h("div", { class: `score ${this.headerType}` }, index.h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false, starSize: 12, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating &&
             index.h("span", null, index.h("span", { class: `score-number ${this.headerType}` }, this.rating), " ", this.isDesktopScreen && "average rating"), this.appState.settings.header_show_average_rating && index.h("span", { class: "score-slash" }), index.h("span", null, index.h("span", { class: `score-total ${this.headerType} ${!this.appState.settings.header_show_average_rating ? "space-left" : 0}` }, this.appState.settings.gallery_photos_count), " reviews"))), index.h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     render() {

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

@@ -4,8 +4,8 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
-var getters = require('./getters-Bflb753X.js');
+var utils = require('./utils-Y_XvnPLk.js');
+var getters = require('./getters-ClFGn8S-.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var a11y = require('./a11y-BaxqETeA.js');
 var navigation = require('./navigation-CvIgF3Cf.js');
@@ -813,11 +813,12 @@ const CovetPicsHighlightedPage = class {
         const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
         const videoClass = this.thumbnailLayout === "video" ? "video" : "";
         return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${videoClass} ${reviewClass}` }, this.rating > 0 &&
-            index.h("covet-pics-star-rating", { rating: this.rating, starSize: 14, spaceStars: 14, emptyStarColor: "#C1C1C1", class: "position-star", showLabel: false }), index.h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${reviewOnlyClass} ${starOnlyClass}` }, this.caption), index.h("div", { class: `bottom ${this.layout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${reviewClass}` }, this.renderUserAndDate())));
+            index.h("covet-pics-star-rating", { role: "img", "aria-label": `Rating ${this.rating} out of 5`, rating: this.rating, starSize: 14, spaceStars: 14, emptyStarColor: "#C1C1C1", class: "position-star", showLabel: false }), index.h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${reviewOnlyClass} ${starOnlyClass}` }, this.caption), index.h("div", { class: `bottom ${this.layout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${reviewClass}` }, this.renderUserAndDate())));
     }
     renderStarOnlyReview() {
         const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
-        return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, index.h("covet-pics-star-rating", { rating: this.rating, starSize: 16, spaceStars: 16, emptyStarColor: "#C1C1C1", class: `position-star ${starOnlyClass}`, showLabel: false }), index.h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.caption), index.h("div", { class: `bottom ${this.layout} ${starOnlyClass}` }, this.renderUserAndDate())));
+        return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.rating > 0 &&
+            index.h("covet-pics-star-rating", { role: "img", "aria-label": `Rating ${this.rating} out of 5`, rating: this.rating, starSize: 16, spaceStars: 16, emptyStarColor: "#C1C1C1", class: `position-star ${starOnlyClass}`, showLabel: false }), index.h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.caption), index.h("div", { class: `bottom ${this.layout} ${starOnlyClass}` }, this.renderUserAndDate())));
     }
     renderStandardThumbnail() {
         const hideCaption = this.caption === null || this.caption.length === 0;
@@ -903,9 +904,9 @@ const CovetPicsHighlightedPage = class {
             index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label }), index.h("span", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}` }, this.appState.settings.popup_products_button_caption)))))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'dc53cc5e7e4ec8ee9fb45e53a31a7c6af3b648a2', class: "page", role: this.layout === "slider" || this.layout === "spotlight" ? "group" : "listitem", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
-            index.h("div", { key: 'aafcdfcedd39de3ebc94a5d323bf3de1d792ee55', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
-            index.h("div", { key: '1dd5c7fbbab71204b5c27eb957b8b0a30af374db', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
+        return (index.h(index.Host, { key: '2eaf43bedfcc0ac3648c81ee16bd60c6527112ee', class: "page", role: this.layout === "slider" || this.layout === "spotlight" ? "group" : "listitem", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
+            index.h("div", { key: 'a646d866a5e095df86dd1e311fb15d163cca6acb', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
+            index.h("div", { key: '461484dda5ecddd86fbb0886c05166d0f375ba22', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-popup-freeflow-carousel_3.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 var index = require('./index-CgoVQsIV.js');
 var a11y = require('./a11y-BaxqETeA.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 const covetPicsPopupFreeflowCarouselCss = () => ` :root {   --swiper-theme-color: #007aff;    }  :host {   position: relative;   display: block;   margin-left: auto;   margin-right: auto;   z-index: 1; }  .swiper {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;      z-index: 1;   display: block; }  .swiper-vertical > .swiper-wrapper {   flex-direction: column; }  .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);   box-sizing: content-box; }  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {   transform: translate3d(0px, 0, 0); }  .swiper-horizontal {   touch-action: pan-y; }  .swiper-vertical {   touch-action: pan-x; }  .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block; }  .swiper-slide-invisible-blank {   visibility: hidden; }   .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto; }  .swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; }  .swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   backface-visibility: hidden; }   .swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px; }  .swiper-3d .swiper-wrapper {   transform-style: preserve-3d; }  .swiper-3d {   perspective: 1200px;   .swiper-slide,   .swiper-cube-shadow {     transform-style: preserve-3d;   } }   .swiper-css-mode {   > .swiper-wrapper {     overflow: auto;     scrollbar-width: none;      -ms-overflow-style: none;      &::-webkit-scrollbar {       display: none;     }   }   > .swiper-wrapper > .swiper-slide {     scroll-snap-align: start start;   }   &.swiper-horizontal {     > .swiper-wrapper {       scroll-snap-type: x mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-slides-offset-before);       scroll-margin-inline-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-inline-end: var(--swiper-slides-offset-after);     }   }   &.swiper-vertical {     > .swiper-wrapper {       scroll-snap-type: y mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-slides-offset-before);       scroll-margin-block-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-block-end: var(--swiper-slides-offset-after);     }   }   &.swiper-free-mode {     > .swiper-wrapper {       scroll-snap-type: none;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: none;     }   }   &.swiper-centered {     > .swiper-wrapper::before {       content: "";       flex-shrink: 0;       order: 9999;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: center center;       scroll-snap-stop: always;     }   }   &.swiper-centered.swiper-horizontal {     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       height: 100%;       min-height: 1px;       width: var(--swiper-centered-offset-after);     }   }   &.swiper-centered.swiper-vertical {     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       width: 100%;       min-width: 1px;       height: var(--swiper-centered-offset-after);     }   } }    .swiper-3d {   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom,   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     pointer-events: none;     z-index: 10;   }   .swiper-slide-shadow {     background: rgba(0, 0, 0, 0.15);   }   .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-right {     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-top {     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-bottom {     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   } }  .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   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-watch-progress .swiper-slide-visible {   .swiper-lazy-preloader {     animation: swiper-preloader-spin 1s infinite linear;   } }  .swiper-lazy-preloader-white {   --swiper-preloader-color: #fff; }  .swiper-lazy-preloader-black {   --swiper-preloader-color: #000; }  @keyframes swiper-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  :root {   --swiper-navigation-size: 44px;    }  .swiper-button-prev, .swiper-button-next {   position: absolute;   width: var(--swiper-navigation-size);   height: var(--swiper-navigation-size);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color));   &.swiper-button-disabled {     opacity: 0.35;     cursor: auto;     pointer-events: none;   }   &.swiper-button-hidden {     opacity: 0;     cursor: auto;     pointer-events: none;   }   .swiper-navigation-disabled & {     display: none !important;   }   ::slotted(svg),   svg {     width: 100%;     height: 100%;     -o-object-fit: contain;        object-fit: contain;     transform-origin: center;     fill: currentColor;     pointer-events: none;   } }  .swiper-button-lock {   display: none; }  .swiper-button-prev, .swiper-button-next {   top: var(--swiper-navigation-top-offset, 50%);   margin-top: calc(0px - var(--swiper-navigation-size) / 2); }  .swiper-button-prev {   left: var(--swiper-navigation-sides-offset, 4px);   right: auto;   ::slotted(.swiper-navigation-icon),   .swiper-navigation-icon {     transform: rotate(180deg);   } }  .swiper-button-next {   right: var(--swiper-navigation-sides-offset, 4px);   left: auto; }  .swiper-horizontal {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     top: var(--swiper-navigation-top-offset, 50%);     margin-top: calc(0px - var(--swiper-navigation-size) / 2);     margin-left: 0;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     left: var(--swiper-navigation-sides-offset, 4px);     right: auto;   }   .swiper-button-next,   & ~ .swiper-button-next,   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     right: var(--swiper-navigation-sides-offset, 4px);     left: auto;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(180deg);     }   }   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(0deg);     }   } }  .swiper-vertical {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     left: var(--swiper-navigation-top-offset, 50%);     right: auto;     margin-left: calc(0px - var(--swiper-navigation-size) / 2);     margin-top: 0;   }   .swiper-button-prev,   ~ .swiper-button-prev {     top: var(--swiper-navigation-sides-offset, 4px);     bottom: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(-90deg);     }   }   .swiper-button-next,   ~ .swiper-button-next {     bottom: var(--swiper-navigation-sides-offset, 4px);     top: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(90deg);     }   } }  :root {    }  .swiper-pagination {   position: absolute;   text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;   &.swiper-pagination-hidden {     opacity: 0;   }   .swiper-pagination-disabled > &,   &.swiper-pagination-disabled {     display: none !important;   } }   .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   bottom: var(--swiper-pagination-bottom, 8px);   top: var(--swiper-pagination-top, auto);   left: 0;   width: 100%; }   .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0;   .swiper-pagination-bullet {     transform: scale(0.33);     position: relative;   }   .swiper-pagination-bullet-active {     transform: scale(1);   }   .swiper-pagination-bullet-active-main {     transform: scale(1);   }   .swiper-pagination-bullet-active-prev {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-prev-prev {     transform: scale(0.33);   }   .swiper-pagination-bullet-active-next {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-next-next {     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: var(--swiper-pagination-bullet-border-radius, 50%);   background: var(--swiper-pagination-bullet-inactive-color, #000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);   button& {     border: none;     margin: 0;     padding: 0;     box-shadow: none;     -webkit-appearance: none;        -moz-appearance: none;             appearance: none;   }   .swiper-pagination-clickable & {     cursor: pointer;   }   &: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: var(--swiper-pagination-right, 8px);   left: var(--swiper-pagination-left, auto);   top: 50%;   transform: translate3d(0px, -50%, 0);   .swiper-pagination-bullet {     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;     display: block;   }   &.swiper-pagination-bullets-dynamic {     top: 50%;     transform: translateY(-50%);     width: 8px;     .swiper-pagination-bullet {       display: inline-block;       transition: 200ms transform, 200ms top;     }   } }  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {   .swiper-pagination-bullet {     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);   }   &.swiper-pagination-bullets-dynamic {     left: 50%;     transform: translateX(-50%);     white-space: nowrap;     .swiper-pagination-bullet {       transition: 200ms transform, 200ms left;     }   } }  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }   .swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color, inherit); }   .swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));   position: absolute;   .swiper-pagination-progressbar-fill {     background: var(--swiper-pagination-color, var(--swiper-theme-color));     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     transform: scale(0);     transform-origin: left top;   }   .swiper-rtl & .swiper-pagination-progressbar-fill {     transform-origin: right top;   }   .swiper-horizontal > &,   &.swiper-pagination-horizontal,   .swiper-vertical > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {     width: 100%;     height: var(--swiper-pagination-progressbar-size, 4px);     left: 0;     top: 0;   }   .swiper-vertical > &,   &.swiper-pagination-vertical,   .swiper-horizontal > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {     width: var(--swiper-pagination-progressbar-size, 4px);     height: 100%;     left: 0;     top: 0;   } }  .swiper-pagination-lock {   display: none; }  covet-pics-popup-freeflow-carousel {   flex-grow: 1;   position: absolute;   overflow: hidden;   box-sizing: border-box;   --swiper-pagination-height: 40px;   height: 100%;   width: 100%;   top: 0;   left: 0; }  .carousel-media {   width: 100%;   height: 100%;   padding-bottom: 40px;   overflow: hidden;   box-sizing: border-box; } .carousel-media .carousel-cell {   display: flex;   justify-content: center;   width: 100%;   height: calc(100% - 40px); } .carousel-media .carousel-cell img, .carousel-media .carousel-cell video {   width: 100%;   height: 100%;   -o-object-fit: contain;      object-fit: contain; }  .freeflow-carousel-count {   box-sizing: border-box;   border-radius: 4px;   border: 1px solid rgba(255, 255, 255, 0.15) !important;   background: rgba(0, 0, 0, 0.4);   display: inline-flex;   align-items: center;   padding: 8px;   color: #FFFFFF;   font-family: "Helvetica Neue";   font-size: 12px;   font-style: normal;   font-weight: 700;   line-height: 1;   margin-left: 8px;   flex: none;   position: absolute;   right: 24px;   top: 0;   height: 26px;   transform: translateY(-100%); }  .swiper-pagination.freeflow-carousel-pagination {   position: absolute;   top: 0 !important;   left: var(--covet-popup-freeflow-content-space) !important;   display: inline-flex;   bottom: unset !important;   flex: none;   width: auto !important;   background-color: rgba(0, 0, 0, 0.4);   padding: 8px 6px;   border-radius: 4px;   border-radius: 4px;   border: 1px solid rgba(255, 255, 255, 0.15);   transform: translateY(-100%) !important;   box-sizing: border-box; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet {   width: 8px;   height: 8px;   margin: 0 2px;   background: #FFFFFF;   opacity: 0.4; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:hover, .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:active, .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:focus {   opacity: 1; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {   opacity: 1; }`;
@@ -546,7 +546,7 @@ const CovetPicsPopupSlide = class {
     renderContent(item) {
         return (index.h("div", { class: "content" }, this.item.carousel_media && this.item.carousel_media.length > 0 &&
             index.h(index.Fragment, null, index.h("div", { class: "swiper-pagination freeflow-carousel-pagination" }), index.h("span", { class: "freeflow-carousel-count" }, this.carouselIndex + 1, "/", this.item.carousel_media.length)), index.h("span", { class: { "verified": true, "verified-carousel": item.data_type === "carousel" } }, "Verified buyer"), item.username && item.username !== "" && index.h("p", { class: "user-name" }, item.username), this.showStarRating && item.rating &&
-            index.h("covet-pics-star-rating", { class: "star-rating", rating: item.rating, showLabel: false, starSize: 14, spaceStars: 8, emptyStarColor: "transparent", starBorderColor: "rgba(239, 199, 123, 1)", starBorderWidth: 10 }), this.showCaption && item.caption && item.caption !== "" && index.h("p", { class: { "caption": true, "caption-cut": item.data_type === "carousel" }, innerHTML: item.caption }), item.links && item.links.length > 0 &&
+            index.h("covet-pics-star-rating", { role: "img", "aria-label": `Rating ${item.rating} out of 5`, class: "star-rating", rating: item.rating, showLabel: false, starSize: 14, spaceStars: 8, emptyStarColor: "transparent", starBorderColor: "rgba(239, 199, 123, 1)", starBorderWidth: 10 }), this.showCaption && item.caption && item.caption !== "" && index.h("p", { class: { "caption": true, "caption-cut": item.data_type === "carousel" }, innerHTML: item.caption }), item.links && item.links.length > 0 &&
             index.h("covet-pics-popup-freeflow-links", { onTouchStart: this.handlerTouchStart,
                 // onTouchMove={this.handlerTouchMove}
                 onTouchEnd: this.handlerTouchEnd, links: item.links, "item-created-time": item.created_time,
@@ -556,7 +556,7 @@ const CovetPicsPopupSlide = class {
     render() {
         return (
         // TODO test ver onTouchStart={this.onTouchStart} onTouchEnd={this.onTouchEnd}
-        index.h(index.Host, { key: '78f2d118ad76bcd09e124f0e952a394dab237749', class: { "reels-slide": true, "slide-carousel": this.item.data_type === "carousel" }, ondblclick: this.onDbclick, "data-loaded": `${this.dataLoaded}`, "data-playing": this.isPlaying !== null ? `${this.isPlaying}` : null, "data-is-muted": this.isMuted !== null ? `${this.isMuted}` : null }, this.renderMedia(this.item), (this.item.data_type === "video" || (this.item.data_type === "carousel" && this.showCarouselVideoControls)) && this.renderVideoControls(), this.renderContent(this.item)));
+        index.h(index.Host, { key: '40bba34ea81df388cd32a82e5f7f7fae4f3f52f9', class: { "reels-slide": true, "slide-carousel": this.item.data_type === "carousel" }, ondblclick: this.onDbclick, "data-loaded": `${this.dataLoaded}`, "data-playing": this.isPlaying !== null ? `${this.isPlaying}` : null, "data-is-muted": this.isMuted !== null ? `${this.isMuted}` : null }, this.renderMedia(this.item), (this.item.data_type === "video" || (this.item.data_type === "carousel" && this.showCarouselVideoControls)) && this.renderVideoControls(), this.renderContent(this.item)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-post.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const covetPicsPostCss = () => ` :root {   --swiper-theme-color: #007aff;    }  :host {   position: relative;   display: block;   margin-left: auto;   margin-right: auto;   z-index: 1; }  .swiper {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;      z-index: 1;   display: block; }  .swiper-vertical > .swiper-wrapper {   flex-direction: column; }  .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);   box-sizing: content-box; }  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {   transform: translate3d(0px, 0, 0); }  .swiper-horizontal {   touch-action: pan-y; }  .swiper-vertical {   touch-action: pan-x; }  .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block; }  .swiper-slide-invisible-blank {   visibility: hidden; }   .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto; }  .swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; }  .swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   backface-visibility: hidden; }   .swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px; }  .swiper-3d .swiper-wrapper {   transform-style: preserve-3d; }  .swiper-3d {   perspective: 1200px;   .swiper-slide,   .swiper-cube-shadow {     transform-style: preserve-3d;   } }   .swiper-css-mode {   > .swiper-wrapper {     overflow: auto;     scrollbar-width: none;      -ms-overflow-style: none;      &::-webkit-scrollbar {       display: none;     }   }   > .swiper-wrapper > .swiper-slide {     scroll-snap-align: start start;   }   &.swiper-horizontal {     > .swiper-wrapper {       scroll-snap-type: x mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-slides-offset-before);       scroll-margin-inline-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-inline-end: var(--swiper-slides-offset-after);     }   }   &.swiper-vertical {     > .swiper-wrapper {       scroll-snap-type: y mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-slides-offset-before);       scroll-margin-block-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-block-end: var(--swiper-slides-offset-after);     }   }   &.swiper-free-mode {     > .swiper-wrapper {       scroll-snap-type: none;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: none;     }   }   &.swiper-centered {     > .swiper-wrapper::before {       content: "";       flex-shrink: 0;       order: 9999;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: center center;       scroll-snap-stop: always;     }   }   &.swiper-centered.swiper-horizontal {     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       height: 100%;       min-height: 1px;       width: var(--swiper-centered-offset-after);     }   }   &.swiper-centered.swiper-vertical {     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       width: 100%;       min-width: 1px;       height: var(--swiper-centered-offset-after);     }   } }    .swiper-3d {   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom,   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     pointer-events: none;     z-index: 10;   }   .swiper-slide-shadow {     background: rgba(0, 0, 0, 0.15);   }   .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-right {     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-top {     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-bottom {     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   } }  .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   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-watch-progress .swiper-slide-visible {   .swiper-lazy-preloader {     animation: swiper-preloader-spin 1s infinite linear;   } }  .swiper-lazy-preloader-white {   --swiper-preloader-color: #fff; }  .swiper-lazy-preloader-black {   --swiper-preloader-color: #000; }  @keyframes swiper-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  :root {   --swiper-navigation-size: 44px;    }  .swiper-button-prev, .swiper-button-next {   position: absolute;   width: var(--swiper-navigation-size);   height: var(--swiper-navigation-size);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color));   &.swiper-button-disabled {     opacity: 0.35;     cursor: auto;     pointer-events: none;   }   &.swiper-button-hidden {     opacity: 0;     cursor: auto;     pointer-events: none;   }   .swiper-navigation-disabled & {     display: none !important;   }   ::slotted(svg),   svg {     width: 100%;     height: 100%;     -o-object-fit: contain;        object-fit: contain;     transform-origin: center;     fill: currentColor;     pointer-events: none;   } }  .swiper-button-lock {   display: none; }  .swiper-button-prev, .swiper-button-next {   top: var(--swiper-navigation-top-offset, 50%);   margin-top: calc(0px - var(--swiper-navigation-size) / 2); }  .swiper-button-prev {   left: var(--swiper-navigation-sides-offset, 4px);   right: auto;   ::slotted(.swiper-navigation-icon),   .swiper-navigation-icon {     transform: rotate(180deg);   } }  .swiper-button-next {   right: var(--swiper-navigation-sides-offset, 4px);   left: auto; }  .swiper-horizontal {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     top: var(--swiper-navigation-top-offset, 50%);     margin-top: calc(0px - var(--swiper-navigation-size) / 2);     margin-left: 0;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     left: var(--swiper-navigation-sides-offset, 4px);     right: auto;   }   .swiper-button-next,   & ~ .swiper-button-next,   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     right: var(--swiper-navigation-sides-offset, 4px);     left: auto;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(180deg);     }   }   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(0deg);     }   } }  .swiper-vertical {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     left: var(--swiper-navigation-top-offset, 50%);     right: auto;     margin-left: calc(0px - var(--swiper-navigation-size) / 2);     margin-top: 0;   }   .swiper-button-prev,   ~ .swiper-button-prev {     top: var(--swiper-navigation-sides-offset, 4px);     bottom: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(-90deg);     }   }   .swiper-button-next,   ~ .swiper-button-next {     bottom: var(--swiper-navigation-sides-offset, 4px);     top: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(90deg);     }   } }  :root {    }  .swiper-pagination {   position: absolute;   text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;   &.swiper-pagination-hidden {     opacity: 0;   }   .swiper-pagination-disabled > &,   &.swiper-pagination-disabled {     display: none !important;   } }   .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   bottom: var(--swiper-pagination-bottom, 8px);   top: var(--swiper-pagination-top, auto);   left: 0;   width: 100%; }   .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0;   .swiper-pagination-bullet {     transform: scale(0.33);     position: relative;   }   .swiper-pagination-bullet-active {     transform: scale(1);   }   .swiper-pagination-bullet-active-main {     transform: scale(1);   }   .swiper-pagination-bullet-active-prev {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-prev-prev {     transform: scale(0.33);   }   .swiper-pagination-bullet-active-next {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-next-next {     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: var(--swiper-pagination-bullet-border-radius, 50%);   background: var(--swiper-pagination-bullet-inactive-color, #000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);   button& {     border: none;     margin: 0;     padding: 0;     box-shadow: none;     -webkit-appearance: none;        -moz-appearance: none;             appearance: none;   }   .swiper-pagination-clickable & {     cursor: pointer;   }   &: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: var(--swiper-pagination-right, 8px);   left: var(--swiper-pagination-left, auto);   top: 50%;   transform: translate3d(0px, -50%, 0);   .swiper-pagination-bullet {     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;     display: block;   }   &.swiper-pagination-bullets-dynamic {     top: 50%;     transform: translateY(-50%);     width: 8px;     .swiper-pagination-bullet {       display: inline-block;       transition: 200ms transform, 200ms top;     }   } }  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {   .swiper-pagination-bullet {     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);   }   &.swiper-pagination-bullets-dynamic {     left: 50%;     transform: translateX(-50%);     white-space: nowrap;     .swiper-pagination-bullet {       transition: 200ms transform, 200ms left;     }   } }  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }   .swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color, inherit); }   .swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));   position: absolute;   .swiper-pagination-progressbar-fill {     background: var(--swiper-pagination-color, var(--swiper-theme-color));     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     transform: scale(0);     transform-origin: left top;   }   .swiper-rtl & .swiper-pagination-progressbar-fill {     transform-origin: right top;   }   .swiper-horizontal > &,   &.swiper-pagination-horizontal,   .swiper-vertical > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {     width: 100%;     height: var(--swiper-pagination-progressbar-size, 4px);     left: 0;     top: 0;   }   .swiper-vertical > &,   &.swiper-pagination-vertical,   .swiper-horizontal > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {     width: var(--swiper-pagination-progressbar-size, 4px);     height: 100%;     left: 0;     top: 0;   } }  .swiper-pagination-lock {   display: none; }  :host {   --swiper-pagination-height: 40px;   --popup-fixed-size: 720px; }  .carousel-media {   max-width: 100%;   padding-bottom: var(--swiper-pagination-height); } .carousel-media .carousel-cell {   display: flex;   justify-content: space-around;   width: 100%; } .carousel-media .carousel-cell img, .carousel-media .carousel-cell video {   align-self: center;   max-height: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));   max-width: 100%; }  .carousel-media .swiper-button-next, .carousel-media .swiper-button-prev {   top: unset;   bottom: 0;   transform: translateY(0);   border-radius: 0;   background: transparent;   padding: 0;   z-index: 11;   transition: opacity 0.25s ease;   opacity: 1;   border: none; } .carousel-media .swiper-button-next:hover, .carousel-media .swiper-button-next:active, .carousel-media .swiper-button-next:focus, .carousel-media .swiper-button-prev:hover, .carousel-media .swiper-button-prev:active, .carousel-media .swiper-button-prev:focus {   opacity: 0.5; } .carousel-media .swiper-button-next svg, .carousel-media .swiper-button-prev svg {   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height); } .carousel-media .swiper-button-next:after, .carousel-media .swiper-button-prev:after {   display: none; } .carousel-media .swiper-button-next {   right: 0; } .carousel-media .swiper-button-prev {   left: 0; } .carousel-media .swiper-button-prev svg {   transform: rotateY(180deg); }  .swiper-horizontal > .swiper-pagination-bullets {   display: flex;   justify-content: center;   align-items: center;   height: var(--swiper-pagination-height);   top: unset;   bottom: 0;   background: white; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   width: 6px;   height: 6px;   margin: 0 3px; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:active, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {   opacity: 0.4; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {   background: #000000; }  .carousel-media ~ .covet-branding {   bottom: calc(var(--swiper-pagination-height) - 16px); }  @media only screen and (min-width: 800px) {   .carousel-media {     width: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));     height: var(--popup-fixed-size);     padding-bottom: 0;   }   .carousel-media .carousel-cell {     height: 100%;     max-height: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));   } } :host {   --swiper-pagination-height: 40px;   --covet-post-control-size: 70px;   --covet-post-bg-color: #FFFFFF;   --covet-post-font-family: Helvetica Neue;   --covet-post-text-color: #000000;   --covet-post-border-color: #F1F1F1;   --covet-post-image-bg-color: #FFFFFF;   --covet-post-border-radius: 8px;   --covet-post-description-padding: 24px; }  :host {   box-sizing: border-box;   position: relative;   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   flex: none;   max-width: 100%; } :host .covet-post {   box-sizing: border-box;   background-color: var(--covet-post-bg-color);   border: 1px solid var(--covet-post-border-color);   border-radius: var(--covet-post-border-radius);   overflow: hidden;   position: relative;   max-width: 100%; } :host .covet-post-image-wrap {   display: flex;   justify-content: center;   align-items: center;   flex: none;   background-color: var(--covet-post-image-bg-color); } :host .covet-post-image-wrap.carousel {   display: block; } :host .covet-post-image, :host .post-video-element {   -o-object-fit: contain;      object-fit: contain;   margin: auto;   width: 100%;   height: 100%; } :host .post-video-element {   max-width: 100%;   z-index: 1;   display: flex;   justify-content: center;   align-items: stretch;   overflow: hidden;   max-height: 100%; } :host .post-video-element video {   -o-object-fit: contain;      object-fit: contain;   width: 100%; } :host .post-video-element:after {   content: "";   position: absolute;   opacity: 1;   border: none;   outline: none !important;   top: 50%;   width: 100px;   height: 100px;   left: 50%;   transform: translate(-50%, -50%);   cursor: pointer;   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-size: contain;   background-color: transparent;   transition: all 0.25s ease; } :host .post-video-element:hover:after, :host .post-video-element:focus:after {   transform: translate(-50%, -50%) scale(1.1); } :host .post-video-element.playing:after {   opacity: 0; } :host .covet-post-description {   box-sizing: border-box;   padding: var(--covet-post-description-padding);   background-color: var(--covet-post-bg-color);   width: 0;   min-width: 100%; } :host .covet-post-text {   color: var(--covet-post-text-color);   margin-top: 0;   font-family: var(--covet-post-font-family);   font-size: 12px;   font-weight: 500;   line-height: 18px;   overflow: hidden;   display: -webkit-box;   -webkit-box-orient: vertical;   max-height: 72px;   -webkit-line-clamp: 4;   white-space: pre-line;   margin-bottom: 0; } :host .carousel-media {   width: 100%;   height: 100%; } :host .carousel-media .carousel-cell {   height: calc(100% - 40px);   width: 100%;   justify-content: center;   align-items: center; } :host .carousel-media .carousel-cell img, :host .carousel-media .carousel-cell video {   -o-object-fit: contain;      object-fit: contain;   margin: auto;   width: 100%;   height: 100%; } :host .carousel-media .swiper-button-next, :host .carousel-media .swiper-button-prev {   top: unset;   bottom: 0;   transform: translateY(0);   border-radius: 0;   background: transparent;   padding: 0;   z-index: 11;   transition: opacity 0.25s ease;   opacity: 1;   border: none;   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height);   margin-top: 0; } :host .carousel-media .swiper-button-next:hover, :host .carousel-media .swiper-button-next:active, :host .carousel-media .swiper-button-next:focus, :host .carousel-media .swiper-button-prev:hover, :host .carousel-media .swiper-button-prev:active, :host .carousel-media .swiper-button-prev:focus {   opacity: 0.5; } :host .carousel-media .swiper-button-next svg, :host .carousel-media .swiper-button-prev svg {   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height); } :host .carousel-media .swiper-button-next:after, :host .carousel-media .swiper-button-prev:after {   display: none; } :host .swiper-horizontal > .swiper-pagination-bullets {   position: relative;   display: flex;   justify-content: center;   align-items: center;   height: var(--swiper-pagination-height);   top: unset;   bottom: 0;   background: white; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   width: 6px;   height: 6px;   margin: 0 3px; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:active, :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {   opacity: 0.4; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {   background: #000000; }  .error-message {   text-align: center;   border: 2px dashed;   padding: 20px; }`;

package/dist/cjs/covet-pics-star-rating.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const covetPicsStarRatingCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;line-height:1.4}:host .icon-star{flex:none;display:flex;justify-content:center;width:var(--covet-star-size);height:var(--covet-star-size);margin-right:var(--covet-star-space-stars)}:host .icon-star:nth-of-type(5){margin-right:var(--covet-star-space-stars-text)}:host .icon-star.active .svg-star path{fill:var(--covet-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .icon-star.active .half-star path{fill:var(--covet-star-color)}:host .svg-star{width:100%;height:100%}:host .svg-star path{fill:var(--covet-empty-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .half-star path{fill:var(--covet-star-color)}`;
@@ -57,7 +57,7 @@ const CovetPicsStarRating = class {
         const starsArray = [1, 2, 3, 4, 5];
         const halfStar = Math.round(this.roundRating());
         const maskId = utils.getRandomId();
-        return (starsArray.map((el, index$1) => index.h("span", { class: `icon-star ${el <= this.roundRating() ? "active" : ""}`, role: "radio", "aria-checked": `${el <= this.rating}`, "aria-label": `Star ${el}/${starsArray.length}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 110 110", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation" }, index.h("path", { transform: "translate(13,13)", d: "M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z" }), index.h("mask", { id: `mask-${index$1}-${maskId}`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "45", height: "85" }, index.h("rect", { width: "45", height: "85", fill: "white" })), index.h("g", { class: `${index$1 < halfStar ? "half-star" : ""}`, transform: "translate(13,13)", mask: `url(#mask-${index$1}-${maskId})` }, index.h("path", { d: "M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z" }))))));
+        return (starsArray.map((el, index$1) => index.h("span", { class: `icon-star ${el <= this.roundRating() ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 110 110", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation" }, index.h("path", { transform: "translate(13,13)", d: "M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z" }), index.h("mask", { id: `mask-${index$1}-${maskId}`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "45", height: "85" }, index.h("rect", { width: "45", height: "85", fill: "white" })), index.h("g", { class: `${index$1 < halfStar ? "half-star" : ""}`, transform: "translate(13,13)", mask: `url(#mask-${index$1}-${maskId})` }, index.h("path", { d: "M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z" }))))));
     }
     setCSSVariables() {
         return {
@@ -87,7 +87,7 @@ const CovetPicsStarRating = class {
         return lebelUpdated;
     }
     render() {
-        return (index.h(index.Host, { key: '592f40939533b75c60736d4a55f02b914ac0b0dc', style: this.setCSSVariables(), role: "radiogroup", "aria-label": "Star rating" }, this.renderStarRating(), this.showLabel && index.h("span", { key: '08539d4955dedbffe125a2204a3077de4ea74161', class: "star-rating-count" }, this.convertedLabel())));
+        return (index.h(index.Host, { key: 'e06c9606a2a54c10bd12d6617c52572646562b6b', style: this.setCSSVariables() }, this.renderStarRating(), this.showLabel && index.h("span", { key: '94f96638d5db82ce90b3ce10985eacd4c85d7ea2', class: "star-rating-count" }, this.convertedLabel())));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-widget.cjs.entry.js CHANGED Viewed

@@ -4,15 +4,15 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var reduxToolkit_modern = require('./redux-toolkit.modern-w9CXZaGb.js');
 var sort = require('./sort-D8WiIXAa.js');
 var popup = require('./popup-rW3mI8Bp.js');
 var items = require('./items-BO_h2wDO.js');
 var slider = require('./slider-DjbwBz8s.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
+var shopcart = require('./shopcart-DPsjY988.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
-var getters = require('./getters-Bflb753X.js');
+var getters = require('./getters-ClFGn8S-.js');
 const STANDARD_GALLERY_URL = "/api/v1/embed/:id";
 const PRODUCT_GALLERY_URL = "/api/v1/shop/:shop/product/:handle";

package/dist/cjs/{getters-Bflb753X.js → getters-ClFGn8S-.js} RENAMED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const getUseAnalytics = (state) => state.preview.mode ? false : state.analytics;
 const isWidgetDisabled = (state) => state.upload.uploadOpen || state.popup.popupIsOpen;

package/dist/cjs/{shopcart-61IYQW_5.js → shopcart-DPsjY988.js} RENAMED Viewed

@@ -4,8 +4,8 @@
 'use strict';
 var reduxToolkit_modern = require('./redux-toolkit.modern-w9CXZaGb.js');
-var getters = require('./getters-Bflb753X.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var getters = require('./getters-ClFGn8S-.js');
+var utils = require('./utils-Y_XvnPLk.js');
 // Shopify AJAX Cart API to work with native cart
 // https://shopify.dev/docs/api/ajax/reference/cart

package/dist/cjs/{utils-BAxT9Oy2.js → utils-Y_XvnPLk.js} RENAMED Viewed

@@ -228,6 +228,13 @@ const subscribeRaf = (cb) => {
     globalWindow.covetpicsRaf = subscribe;
     return subscribe(cb);
 };
+const nextTickRaf = (cb) => {
+    const unsubscribe = subscribeRaf(() => {
+        unsubscribe();
+        cb();
+    });
+    return unsubscribe;
+};
 const BASE_API_URLS = {
     "production": "https://app.covet.pics",
     "development": "http://localhost:3000",
@@ -251,5 +258,6 @@ exports.getSizesForResponsiveImage = getSizesForResponsiveImage;
 exports.getStyle = getStyle;
 exports.hexToRGBA = hexToRGBA;
 exports.isElInViewport = isElInViewport;
+exports.nextTickRaf = nextTickRaf;
 exports.sendToGoogleAnalytics = sendToGoogleAnalytics;
 exports.subscribeRaf = subscribeRaf;

package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js CHANGED Viewed

@@ -115,17 +115,17 @@ export class CovetPicsGalleryHeader {
     }
     renderHeaderOne() {
         const mobileRating = !this.isDesktopScreen && (this.headerType === "header1" || this.headerType === "header4");
-        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("button", { class: "rating-btn", onClick: this.onClickRatingHendler, onMouseEnter: this.mouseEnterRatingHandler, onMouseLeave: this.mouseLeaveRatingHandler, "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "dropdown-label dropdown-button", "aria-controls": this.breakdownId }, h("covet-pics-star-rating", { rating: this.rating, showLabel: false, starSize: 15, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && h("p", { class: "rating-text" }, h("span", { class: "rated" }, "Rated ", this.rating, "/5 "), mobileRating ? `(${this.appState.settings.gallery_photos_count})` : `based on ${this.appState.settings.gallery_photos_count} customer reviews.`)), this.appState.settings.header_show_average_rating && this.renderBreakdown()), this.appState.settings.header_show_sort && this.renderSort()));
+        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("button", { class: "rating-btn", onClick: this.onClickRatingHendler, onMouseEnter: this.mouseEnterRatingHandler, onMouseLeave: this.mouseLeaveRatingHandler, "aria-haspopup": "listbox", "aria-expanded": "false", "aria-labelledby": "dropdown-label dropdown-button", "aria-controls": this.breakdownId }, h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false, starSize: 15, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && h("p", { class: "rating-text" }, h("span", { class: "rated" }, "Rated ", this.rating, "/5 "), mobileRating ? `(${this.appState.settings.gallery_photos_count})` : `based on ${this.appState.settings.gallery_photos_count} customer reviews.`)), this.appState.settings.header_show_average_rating && this.renderBreakdown()), this.appState.settings.header_show_sort && this.renderSort()));
     }
     renderHeaderTwo() {
         return (h("div", { class: `header ${this.headerType}` }, this.appState.settings.header_show_average_rating &&
             h("div", { class: `rated-wrap ${this.headerType} ${this.appState.settings.header_show_breakdown ? "show-separation" : ""}` }, h("div", { class: `rating-wrap ${this.headerType}` }, this.isDesktopScreen && h("h3", { class: "rating-title" }, "Customers rated this:"), h("p", { class: `score ${this.headerType}` }, h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5", h("span", { class: `score-total ${this.headerType}` }, " from ", this.appState.settings.gallery_photos_count, " ratings"))), h("ul", { class: `rating-breakdown ${this.headerType}`, "aria-label": "gallery stars review rating" }, this.getBreakdown().map(el => h("li", { class: "rating-row" }, h(ProgressRating, { rating: el.rating, percentage: el.rating_percentage, count: el.count }))))), h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     renderHeaderThree() {
-        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("div", { class: "rating-wrap" }, h("covet-pics-star-rating", { rating: 4, showLabel: false, starSize: 18, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && h("p", { class: `score ${this.headerType}` }, h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5 stars"), h("p", { class: `score-total ${this.headerType}` }, this.appState.settings.gallery_photos_count, " reviews")), h("div", { class: "review-wrap" }, h("button", { class: "review-btn", onClick: this.onClickAddReviewHendler }, h("svg", { class: "icon-pen", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.94629 10.4102H10.8928", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M8.4197 1.34148C8.63834 1.12283 8.93489 1 9.24411 1C9.39721 1 9.54882 1.03016 9.69027 1.08875C9.83173 1.14734 9.96025 1.23322 10.0685 1.34148C10.1768 1.44975 10.2627 1.57827 10.3213 1.71972C10.3798 1.86118 10.41 2.01279 10.41 2.16589C10.41 2.319 10.3798 2.47061 10.3213 2.61206C10.2627 2.75351 10.1768 2.88204 10.0685 2.9903L3.19843 9.86039L1 10.41L1.54961 8.21157L8.4197 1.34148Z", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.isDesktopScreen && "Write a review", " "))), h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
+        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("div", { class: "rating-wrap" }, h("covet-pics-star-rating", { "aria-hidden": "true", rating: 4, showLabel: false, starSize: 18, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating && h("p", { class: `score ${this.headerType}` }, h("span", { class: `score-number ${this.headerType}` }, this.rating), " out of 5 stars"), h("p", { class: `score-total ${this.headerType}` }, this.appState.settings.gallery_photos_count, " reviews")), h("div", { class: "review-wrap" }, h("button", { class: "review-btn", onClick: this.onClickAddReviewHendler }, h("svg", { class: "icon-pen", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5.94629 10.4102H10.8928", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M8.4197 1.34148C8.63834 1.12283 8.93489 1 9.24411 1C9.39721 1 9.54882 1.03016 9.69027 1.08875C9.83173 1.14734 9.96025 1.23322 10.0685 1.34148C10.1768 1.44975 10.2627 1.57827 10.3213 1.71972C10.3798 1.86118 10.41 2.01279 10.41 2.16589C10.41 2.319 10.3798 2.47061 10.3213 2.61206C10.2627 2.75351 10.1768 2.88204 10.0685 2.9903L3.19843 9.86039L1 10.41L1.54961 8.21157L8.4197 1.34148Z", stroke: "white", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.isDesktopScreen && "Write a review", " "))), h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     renderHeaderFour() {
-        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("p", { class: "top-title" }, h("svg", { class: "star-title", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M4.5 0.75L5.65875 3.0975L8.25 3.47625L6.375 5.3025L6.8175 7.8825L4.5 6.66375L2.1825 7.8825L2.625 5.3025L0.75 3.47625L3.34125 3.0975L4.5 0.75Z", fill: "#929EAB", stroke: "#929EAB", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), "costomer reviews for"), h("h3", { class: `rating-title ${this.headerType}` }, this.productTitle), h("div", { class: `score ${this.headerType}` }, h("covet-pics-star-rating", { rating: this.rating, showLabel: false, starSize: 12, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating &&
+        return (h("div", { class: `header ${this.headerType}` }, h("div", { class: `rated-wrap ${this.headerType}` }, h("p", { class: "top-title" }, h("svg", { class: "star-title", viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M4.5 0.75L5.65875 3.0975L8.25 3.47625L6.375 5.3025L6.8175 7.8825L4.5 6.66375L2.1825 7.8825L2.625 5.3025L0.75 3.47625L3.34125 3.0975L4.5 0.75Z", fill: "#929EAB", stroke: "#929EAB", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), "costomer reviews for"), h("h3", { class: `rating-title ${this.headerType}` }, this.productTitle), h("div", { class: `score ${this.headerType}` }, h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false, starSize: 12, spaceStars: 11, emptyStarColor: "transpotent", starBorderColor: "#fec500", starBorderWidth: 10 }), this.appState.settings.header_show_average_rating &&
             h("span", null, h("span", { class: `score-number ${this.headerType}` }, this.rating), " ", this.isDesktopScreen && "average rating"), this.appState.settings.header_show_average_rating && h("span", { class: "score-slash" }), h("span", null, h("span", { class: `score-total ${this.headerType} ${!this.appState.settings.header_show_average_rating ? "space-left" : 0}` }, this.appState.settings.gallery_photos_count), " reviews"))), h("div", { class: `sort-wrap ${this.headerType}` }, this.appState.settings.header_show_sort && this.renderSort())));
     }
     render() {