@covet-pics/covet-pics-widget 0.178.6 → 0.178.8
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.
- package/dist/cjs/covet-pics-crop-text_3.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-gallery-header.cjs.entry.js +3 -3
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +6 -5
- package/dist/cjs/covet-pics-popup-freeflow-carousel_3.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-star-rating.cjs.entry.js +2 -2
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +3 -3
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +2 -2
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +6 -5
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-slide.js +2 -2
- package/dist/collection/components/covet-pics-popup-freeflow/test/test-data.js +479 -0
- package/dist/collection/components/covet-pics-star-rating/covet-pics-star-rating.js +2 -2
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-5051cf7b.entry.js +4 -0
- package/dist/covet-pics-widget/p-74b8d833.entry.js +4 -0
- package/dist/covet-pics-widget/p-a3bd510f.entry.js +4 -0
- package/dist/covet-pics-widget/{p-24f1b37c.entry.js → p-faf4a921.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-bf8a0992.entry.js → p-fe02cc6a.entry.js} +1 -1
- package/dist/esm/covet-pics-crop-text_3.entry.js +2 -2
- package/dist/esm/covet-pics-gallery-header.entry.js +3 -3
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +6 -5
- package/dist/esm/covet-pics-popup-freeflow-carousel_3.entry.js +2 -2
- package/dist/esm/covet-pics-star-rating.entry.js +2 -2
- package/dist/types/components/covet-pics-popup-freeflow/test/test-data.d.ts +65 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-1e9d4387.entry.js +0 -4
- package/dist/covet-pics-widget/p-66ad60c4.entry.js +0 -4
- package/dist/covet-pics-widget/p-c1e4471d.entry.js +0 -4
|
@@ -386,7 +386,7 @@ const CovetPicsGalleryItem = class {
|
|
|
386
386
|
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" &&
|
|
387
387
|
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
|
|
388
388
|
}), starOnly &&
|
|
389
|
-
index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", {
|
|
389
|
+
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" &&
|
|
390
390
|
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 &&
|
|
391
391
|
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" }))));
|
|
392
392
|
}
|
|
@@ -395,7 +395,7 @@ const CovetPicsGalleryItem = class {
|
|
|
395
395
|
const starOnly = this.caption === null && this.itemType === "text";
|
|
396
396
|
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" &&
|
|
397
397
|
index.h("covet-pics-crop-text", { text: this.caption, ratio: standardRatio }), starOnly &&
|
|
398
|
-
index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", {
|
|
398
|
+
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()))));
|
|
399
399
|
}
|
|
400
400
|
renderUploadWidget() {
|
|
401
401
|
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 &&
|
|
@@ -123,17 +123,17 @@ const CovetPicsGalleryHeader = class {
|
|
|
123
123
|
}
|
|
124
124
|
renderHeaderOne() {
|
|
125
125
|
const mobileRating = !this.isDesktopScreen && (this.headerType === "header1" || this.headerType === "header4");
|
|
126
|
-
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()));
|
|
126
|
+
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()));
|
|
127
127
|
}
|
|
128
128
|
renderHeaderTwo() {
|
|
129
129
|
return (index.h("div", { class: `header ${this.headerType}` }, this.appState.settings.header_show_average_rating &&
|
|
130
130
|
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())));
|
|
131
131
|
}
|
|
132
132
|
renderHeaderThree() {
|
|
133
|
-
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())));
|
|
133
|
+
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())));
|
|
134
134
|
}
|
|
135
135
|
renderHeaderFour() {
|
|
136
|
-
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 &&
|
|
136
|
+
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 &&
|
|
137
137
|
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())));
|
|
138
138
|
}
|
|
139
139
|
render() {
|
|
@@ -813,11 +813,12 @@ const CovetPicsHighlightedPage = class {
|
|
|
813
813
|
const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
|
|
814
814
|
const videoClass = this.thumbnailLayout === "video" ? "video" : "";
|
|
815
815
|
return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${videoClass} ${reviewClass}` }, this.rating > 0 &&
|
|
816
|
-
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())));
|
|
816
|
+
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())));
|
|
817
817
|
}
|
|
818
818
|
renderStarOnlyReview() {
|
|
819
819
|
const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
|
|
820
|
-
return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` },
|
|
820
|
+
return (index.h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.rating > 0 &&
|
|
821
|
+
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())));
|
|
821
822
|
}
|
|
822
823
|
renderStandardThumbnail() {
|
|
823
824
|
const hideCaption = this.caption === null || this.caption.length === 0;
|
|
@@ -903,9 +904,9 @@ const CovetPicsHighlightedPage = class {
|
|
|
903
904
|
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)))))))));
|
|
904
905
|
}
|
|
905
906
|
render() {
|
|
906
|
-
return (index.h(index.Host, { key: '
|
|
907
|
-
index.h("div", { key: '
|
|
908
|
-
index.h("div", { key: '
|
|
907
|
+
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 &&
|
|
908
|
+
index.h("div", { key: 'a646d866a5e095df86dd1e311fb15d163cca6acb', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
909
|
+
index.h("div", { key: '461484dda5ecddd86fbb0886c05166d0f375ba22', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
909
910
|
}
|
|
910
911
|
get el() { return index.getElement(this); }
|
|
911
912
|
};
|
|
@@ -546,7 +546,7 @@ const CovetPicsPopupSlide = class {
|
|
|
546
546
|
renderContent(item) {
|
|
547
547
|
return (index.h("div", { class: "content" }, this.item.carousel_media && this.item.carousel_media.length > 0 &&
|
|
548
548
|
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 &&
|
|
549
|
-
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 &&
|
|
549
|
+
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 &&
|
|
550
550
|
index.h("covet-pics-popup-freeflow-links", { onTouchStart: this.handlerTouchStart,
|
|
551
551
|
// onTouchMove={this.handlerTouchMove}
|
|
552
552
|
onTouchEnd: this.handlerTouchEnd, links: item.links, "item-created-time": item.created_time,
|
|
@@ -556,7 +556,7 @@ const CovetPicsPopupSlide = class {
|
|
|
556
556
|
render() {
|
|
557
557
|
return (
|
|
558
558
|
// TODO test ver onTouchStart={this.onTouchStart} onTouchEnd={this.onTouchEnd}
|
|
559
|
-
index.h(index.Host, { key: '
|
|
559
|
+
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)));
|
|
560
560
|
}
|
|
561
561
|
get el() { return index.getElement(this); }
|
|
562
562
|
};
|
|
@@ -57,7 +57,7 @@ const CovetPicsStarRating = class {
|
|
|
57
57
|
const starsArray = [1, 2, 3, 4, 5];
|
|
58
58
|
const halfStar = Math.round(this.roundRating());
|
|
59
59
|
const maskId = utils.getRandomId();
|
|
60
|
-
return (starsArray.map((el, index$1) => index.h("span", { class: `icon-star ${el <= this.roundRating() ? "active" : ""}
|
|
60
|
+
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" }))))));
|
|
61
61
|
}
|
|
62
62
|
setCSSVariables() {
|
|
63
63
|
return {
|
|
@@ -87,7 +87,7 @@ const CovetPicsStarRating = class {
|
|
|
87
87
|
return lebelUpdated;
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (index.h(index.Host, { key: '
|
|
90
|
+
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())));
|
|
91
91
|
}
|
|
92
92
|
get el() { return index.getElement(this); }
|
|
93
93
|
};
|
|
@@ -115,17 +115,17 @@ export class CovetPicsGalleryHeader {
|
|
|
115
115
|
}
|
|
116
116
|
renderHeaderOne() {
|
|
117
117
|
const mobileRating = !this.isDesktopScreen && (this.headerType === "header1" || this.headerType === "header4");
|
|
118
|
-
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()));
|
|
118
|
+
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()));
|
|
119
119
|
}
|
|
120
120
|
renderHeaderTwo() {
|
|
121
121
|
return (h("div", { class: `header ${this.headerType}` }, this.appState.settings.header_show_average_rating &&
|
|
122
122
|
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())));
|
|
123
123
|
}
|
|
124
124
|
renderHeaderThree() {
|
|
125
|
-
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())));
|
|
125
|
+
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())));
|
|
126
126
|
}
|
|
127
127
|
renderHeaderFour() {
|
|
128
|
-
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 &&
|
|
128
|
+
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 &&
|
|
129
129
|
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())));
|
|
130
130
|
}
|
|
131
131
|
render() {
|
|
@@ -273,7 +273,7 @@ export class CovetPicsGalleryItem {
|
|
|
273
273
|
h(StarRating, { rating: this.rating, ratingClass: `rating ${this.itemSize}`, label: `${this.rating}/5` }), 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" &&
|
|
274
274
|
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
|
|
275
275
|
}), starOnly &&
|
|
276
|
-
h("div", { class: "star-wrap" }, h("covet-pics-star-rating", {
|
|
276
|
+
h("div", { class: "star-wrap" }, h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false })), h("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), h("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
277
277
|
h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, 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 &&
|
|
278
278
|
h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, 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()), h("span", { class: "overlay-effect text-review", "aria-hidden": "true" }))));
|
|
279
279
|
}
|
|
@@ -282,7 +282,7 @@ export class CovetPicsGalleryItem {
|
|
|
282
282
|
const starOnly = this.caption === null && this.itemType === "text";
|
|
283
283
|
return (h(Host, { class: { [`text-review ${this.hoverAnimationStyle}`]: true, "no-animation": true, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, h(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() }, 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" &&
|
|
284
284
|
h("covet-pics-crop-text", { text: this.caption, ratio: standardRatio }), starOnly &&
|
|
285
|
-
h("div", { class: "star-wrap" }, h("covet-pics-star-rating", {
|
|
285
|
+
h("div", { class: "star-wrap" }, h("covet-pics-star-rating", { "aria-hidden": "true", rating: this.rating, showLabel: false })), this.rating > 0 && this.renderUserAndDate()))));
|
|
286
286
|
}
|
|
287
287
|
renderUploadWidget() {
|
|
288
288
|
return (h(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}` }, h("span", { class: `info ${this.itemSize}` }, this.imageUrl === undefined &&
|
|
@@ -423,11 +423,12 @@ export class CovetPicsHighlightedPage {
|
|
|
423
423
|
const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
|
|
424
424
|
const videoClass = this.thumbnailLayout === "video" ? "video" : "";
|
|
425
425
|
return (h("div", { class: `caption ${this.layout} ${this.productsLayout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${videoClass} ${reviewClass}` }, this.rating > 0 &&
|
|
426
|
-
h("covet-pics-star-rating", { rating: this.rating, starSize: 14, spaceStars: 14, emptyStarColor: "#C1C1C1", class: "position-star", showLabel: false }), h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${reviewOnlyClass} ${starOnlyClass}` }, this.caption), h("div", { class: `bottom ${this.layout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${reviewClass}` }, this.renderUserAndDate())));
|
|
426
|
+
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 }), h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${reviewOnlyClass} ${starOnlyClass}` }, this.caption), h("div", { class: `bottom ${this.layout} ${this.reverseClass} ${reviewOnlyClass} ${starOnlyClass} ${reviewClass}` }, this.renderUserAndDate())));
|
|
427
427
|
}
|
|
428
428
|
renderStarOnlyReview() {
|
|
429
429
|
const starOnlyClass = this.caption === null && this.thumbnailLayout === "text" ? "star-only" : "";
|
|
430
|
-
return (h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` },
|
|
430
|
+
return (h("div", { class: `caption ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.rating > 0 &&
|
|
431
|
+
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 }), h("p", { class: `caption-text ${this.layout} ${this.productsLayout} ${starOnlyClass}` }, this.caption), h("div", { class: `bottom ${this.layout} ${starOnlyClass}` }, this.renderUserAndDate())));
|
|
431
432
|
}
|
|
432
433
|
renderStandardThumbnail() {
|
|
433
434
|
const hideCaption = this.caption === null || this.caption.length === 0;
|
|
@@ -513,9 +514,9 @@ export class CovetPicsHighlightedPage {
|
|
|
513
514
|
h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label }), h("span", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}` }, this.appState.settings.popup_products_button_caption)))))))));
|
|
514
515
|
}
|
|
515
516
|
render() {
|
|
516
|
-
return (h(Host, { key: '
|
|
517
|
-
h("div", { key: '
|
|
518
|
-
h("div", { key: '
|
|
517
|
+
return (h(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 &&
|
|
518
|
+
h("div", { key: 'a646d866a5e095df86dd1e311fb15d163cca6acb', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
519
|
+
h("div", { key: '461484dda5ecddd86fbb0886c05166d0f375ba22', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
519
520
|
}
|
|
520
521
|
static get is() { return "covet-pics-highlighted-page"; }
|
|
521
522
|
static get originalStyleUrls() {
|
|
@@ -233,7 +233,7 @@ export class CovetPicsPopupSlide {
|
|
|
233
233
|
renderContent(item) {
|
|
234
234
|
return (h("div", { class: "content" }, this.item.carousel_media && this.item.carousel_media.length > 0 &&
|
|
235
235
|
h(Fragment, null, h("div", { class: "swiper-pagination freeflow-carousel-pagination" }), h("span", { class: "freeflow-carousel-count" }, this.carouselIndex + 1, "/", this.item.carousel_media.length)), h("span", { class: { "verified": true, "verified-carousel": item.data_type === "carousel" } }, "Verified buyer"), item.username && item.username !== "" && h("p", { class: "user-name" }, item.username), this.showStarRating && item.rating &&
|
|
236
|
-
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 !== "" && h("p", { class: { "caption": true, "caption-cut": item.data_type === "carousel" }, innerHTML: item.caption }), item.links && item.links.length > 0 &&
|
|
236
|
+
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 !== "" && h("p", { class: { "caption": true, "caption-cut": item.data_type === "carousel" }, innerHTML: item.caption }), item.links && item.links.length > 0 &&
|
|
237
237
|
h("covet-pics-popup-freeflow-links", { onTouchStart: this.handlerTouchStart,
|
|
238
238
|
// onTouchMove={this.handlerTouchMove}
|
|
239
239
|
onTouchEnd: this.handlerTouchEnd, links: item.links, "item-created-time": item.created_time,
|
|
@@ -243,7 +243,7 @@ export class CovetPicsPopupSlide {
|
|
|
243
243
|
render() {
|
|
244
244
|
return (
|
|
245
245
|
// TODO test ver onTouchStart={this.onTouchStart} onTouchEnd={this.onTouchEnd}
|
|
246
|
-
h(Host, { key: '
|
|
246
|
+
h(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)));
|
|
247
247
|
}
|
|
248
248
|
static get is() { return "covet-pics-popup-slide"; }
|
|
249
249
|
static get originalStyleUrls() {
|