@covet-pics/covet-pics-widget 0.115.5 → 0.115.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.
- package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js +10 -2
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +7 -7
- package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js +30 -21
- package/dist/cjs/covet-pics-gallery-item-caption.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.js +2 -2
- package/dist/cjs/{index-65c0de9a.js → index-45313b48.js} +2 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +8 -0
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +5 -5
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.css +15 -22
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +2 -1
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +2 -21
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +3 -3
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +1 -1
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +1 -1
- package/dist/collection/utils/funcComponents.js +4 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.js +1 -1
- package/dist/covet-pics-widget/p-09b36fdc.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-2c0fd766.entry.js +40 -0
- package/dist/covet-pics-widget/{p-560f1b11.entry.js → p-2c88bafd.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-9f687d29.system.entry.js → p-712eb83d.system.entry.js} +1 -1
- package/dist/covet-pics-widget/p-72c82bd4.system.entry.js +4 -0
- package/dist/covet-pics-widget/{p-2cda0406.entry.js → p-7404b1b0.entry.js} +1 -1
- package/dist/covet-pics-widget/p-77353bfb.entry.js +4 -0
- package/dist/covet-pics-widget/{p-ad7094b2.system.entry.js → p-8e292276.system.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-92ebf89e.system.js → p-901db319.system.js} +1 -1
- package/dist/covet-pics-widget/p-9a20e128.js +5 -0
- package/dist/covet-pics-widget/{p-eea36aac.system.entry.js → p-9c6de8e0.system.entry.js} +4 -4
- package/dist/covet-pics-widget/{p-6ff8d544.entry.js → p-c9d6b015.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-560bcaad.system.entry.js → p-cf276164.system.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-17e18a7a.system.js → p-cf58b11e.system.js} +2 -2
- package/dist/covet-pics-widget/{p-0f1206e2.system.entry.js → p-d9efeda6.system.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-3a78600b.entry.js → p-dbc5ce11.entry.js} +2 -2
- package/dist/covet-pics-widget/{p-0e69fd72.entry.js → p-e53ce5ce.entry.js} +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +10 -2
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +7 -7
- package/dist/esm/covet-pics-gallery-header_3.entry.js +32 -23
- package/dist/esm/covet-pics-gallery-item-caption.entry.js +1 -1
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +1 -1
- package/dist/esm/covet-pics-widget.js +2 -2
- package/dist/esm/{index-cf05fa52.js → index-296e1391.js} +2 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +4 -4
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +2 -2
- package/dist/esm-es5/covet-pics-gallery-header_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-item-caption.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm-es5/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/{index-cf05fa52.js → index-296e1391.js} +2 -2
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/covet-pics-direct-buy/covet-pics-direct-buy.d.ts +1 -0
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +0 -4
- package/dist/types/components.d.ts +0 -8
- package/dist/types/utils/funcComponents.d.ts +6 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-0f1df4a0.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-34f7794a.js +0 -5
- package/dist/covet-pics-widget/p-70932bd9.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-8a615795.entry.js +0 -4
- package/dist/covet-pics-widget/p-f5c2a18b.entry.js +0 -40
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-45313b48.js');
|
|
9
9
|
const utils = require('./utils-85481438.js');
|
|
10
10
|
const a11y = require('./a11y-ec6649c6.js');
|
|
11
11
|
const slider = require('./slider-c7104397.js');
|
|
@@ -22,6 +22,11 @@ const CovetPicsDirectBuy = class {
|
|
|
22
22
|
constructor(hostRef) {
|
|
23
23
|
index.registerInstance(this, hostRef);
|
|
24
24
|
this.closeDirectBuy = index.createEvent(this, "closeDirectBuy", 7);
|
|
25
|
+
this.nextTick = (fn) => {
|
|
26
|
+
window.requestAnimationFrame(() => {
|
|
27
|
+
window.requestAnimationFrame(fn);
|
|
28
|
+
});
|
|
29
|
+
};
|
|
25
30
|
this.hostClickHandler = () => {
|
|
26
31
|
this.el.shadowRoot.querySelectorAll(".options.opened").forEach(option => option.classList.remove("opened"));
|
|
27
32
|
};
|
|
@@ -107,6 +112,9 @@ const CovetPicsDirectBuy = class {
|
|
|
107
112
|
if (event.detail.toString() === this.productId) {
|
|
108
113
|
this.open = true;
|
|
109
114
|
this.initSwiper();
|
|
115
|
+
// ADA focus close btn after open direct-buy
|
|
116
|
+
const closeBtn = this.el.shadowRoot.querySelector(".close");
|
|
117
|
+
this.nextTick(() => closeBtn.focus());
|
|
110
118
|
}
|
|
111
119
|
}
|
|
112
120
|
previousPopupHandler() {
|
|
@@ -4165,7 +4173,7 @@ const CovetPicsPopup = class {
|
|
|
4165
4173
|
if (!this.item.caption && !this.item.rating && this.item.links.length === 0)
|
|
4166
4174
|
return null;
|
|
4167
4175
|
return (index.h("section", { class: "popup-body" }, this.arrowsMobilePosition === "middle" &&
|
|
4168
|
-
this.renderMobileArrows(), index.h("div", { class: "popup-body-content" }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
|
|
4176
|
+
this.renderMobileArrows(), index.h("div", { class: "popup-body-content", "aria-hidden": `${this.directBuyIsOpen}` }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
|
|
4169
4177
|
index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), index.h("div", { class: "popup-body-content-scroll" }, this.showLinksTitle && (this.item.links.length > 0) &&
|
|
4170
4178
|
index.h("h3", { class: "shop-this-look" }, this.linksTitle), this.item.links.length > 0 &&
|
|
4171
4179
|
index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "direct-buy-enabled": this.directBuyEnabled.toString(), "link-style": this.loader.data.settings.popup_products_view_type.replace("_view", ""), "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "button-buy-now-label": this.loader.data.settings.popup_products_button_caption, "button-visit-label": this.loader.data.settings.popup_custom_link_label, "price-label": this.loader.data.settings.price_label_caption, "select-label": this.loader.data.settings.select_label_caption, "show-price": this.loader.data.settings.show_price_in_popup, "show-out-of-stock-products": this.loader.data.settings.popup_show_out_of_stock, "grey-border-class": greyBorderClass }), this.item.rating && !starOnly && !(this.item.data_type === "text") &&
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-45313b48.js');
|
|
9
9
|
const utils$1 = require('./utils-85481438.js');
|
|
10
10
|
const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
|
|
11
11
|
const a11y = require('./a11y-ec6649c6.js');
|
|
@@ -3639,28 +3639,28 @@ const CovetPicsGalleryGrid = class {
|
|
|
3639
3639
|
if (item.links.length === 0) {
|
|
3640
3640
|
caption = this.loader.data.settings.item_without_product_label_text;
|
|
3641
3641
|
}
|
|
3642
|
-
return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "item-index": idx, caption: item.caption, "item-type": item.data_type, "label-caption": caption, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, links: item.links, layout: this.layout, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore }));
|
|
3642
|
+
return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "item-index": idx, caption: item.caption, "item-type": item.data_type, "label-caption": caption, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, links: item.links, layout: this.layout, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, role: "listitem", "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore }));
|
|
3643
3643
|
}
|
|
3644
3644
|
renderStandardUploadItem(item, idx, itemsLength) {
|
|
3645
3645
|
return index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, "label-color": item.labelColor, "label-font-size": item.labelFontSize, "label-font-style": item.labelFontStyle,
|
|
3646
3646
|
// TODO check do we use for upload widget END
|
|
3647
|
-
appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "
|
|
3647
|
+
appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
|
|
3648
3648
|
}
|
|
3649
3649
|
renderDetailUploadItem(item, idx, itemsLength) {
|
|
3650
|
-
return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, itemStyle: item.itemStyle, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "
|
|
3650
|
+
return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, "image-url": item.imageUrl, "item-source": item.source, "item-index": idx, "label-caption": item.labelCaption, itemStyle: item.itemStyle, appStore: this.appStore, "aria-label": `click on for upload image in gallery, ${this.layout}-item ${idx + 1}/${itemsLength},`, role: "listitem" });
|
|
3651
3651
|
}
|
|
3652
3652
|
renderDetailItem(item, idx, itemsLength) {
|
|
3653
3653
|
const itemWidth = this.isDesktopScreen
|
|
3654
3654
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
3655
3655
|
: (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
|
|
3656
|
-
return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, highlighted: this.isHighlighted(idx), "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-index": idx, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, verified: item.verified, rating: item.rating !== null ? item.rating : 0, "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore });
|
|
3656
|
+
return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, highlighted: this.isHighlighted(idx), "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-index": idx, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, verified: item.verified, rating: item.rating !== null ? item.rating : 0, role: "listitem", "aria-label": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout), appStore: this.appStore });
|
|
3657
3657
|
}
|
|
3658
3658
|
renderHeader() {
|
|
3659
3659
|
return (index.h("covet-pics-gallery-header", { "product-title": this.productTitle, rating: this.rating, "rating-count": this.ratingCount, breakdown: this.breakdown, "header-type": this.headerType, "show-sort": this.headerShowSort.toString(), "show-average-star-rating": this.headerShowAverageRating.toString(), "show-breakdown": this.showBreakdown.toString(), appStore: this.appStore }));
|
|
3660
3660
|
}
|
|
3661
3661
|
render() {
|
|
3662
3662
|
if (typeof this.items !== "undefined" && typeof this.loader !== "undefined") {
|
|
3663
|
-
return (index.h(index.Host, { role: "
|
|
3663
|
+
return (index.h(index.Host, { role: "region" }, this.showHeader && this.renderHeader(), this.filtersEnabled && this.renderFilters(), index.h("div", { class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.desktopPhotosPerRow, this.desktopItemPadding, this.mobilePhotosPerRow, this.mobileItemPadding), role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3664
3664
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3665
3665
|
: this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3666
3666
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -4153,7 +4153,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4153
4153
|
const itemWidth = this.isDesktopScreen
|
|
4154
4154
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
4155
4155
|
: (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
|
|
4156
|
-
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", layout: "slider", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in
|
|
4156
|
+
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", layout: "slider", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, appStore: this.appStore, "item-index": idx }));
|
|
4157
4157
|
}
|
|
4158
4158
|
render() {
|
|
4159
4159
|
if (this.items !== undefined) {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-45313b48.js');
|
|
9
9
|
const sort = require('./sort-7b3e4dd5.js');
|
|
10
10
|
const utils = require('./utils-85481438.js');
|
|
11
11
|
const fragment = require('./fragment-29c21ac8.js');
|
|
@@ -13,7 +13,29 @@ const getters = require('./getters-c3c47af0.js');
|
|
|
13
13
|
const slider = require('./slider-dbefa25c.js');
|
|
14
14
|
require('./redux-toolkit.esm-ed0a74c1.js');
|
|
15
15
|
|
|
16
|
-
const
|
|
16
|
+
const StarRating = ({ rating, hideRating, ratingClass, starClass, label }) => {
|
|
17
|
+
const starsArray = [1, 2, 3, 4, 5];
|
|
18
|
+
const starRatingClass = ratingClass !== undefined ? ratingClass : "";
|
|
19
|
+
const iconClass = starClass !== undefined ? starClass : "";
|
|
20
|
+
return (index.h("div", { class: `${starRatingClass}`, role: "radiogroup", "aria-label": "star rating" },
|
|
21
|
+
!hideRating && starsArray.map((el) => index.h("span", { class: `icon-star ${iconClass} ${el <= rating ? "active" : ""}`, role: "radio", "aria-checked": `${el <= rating}`, "aria-label": `star ${el}/${starsArray.length}` },
|
|
22
|
+
index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" },
|
|
23
|
+
index.h("title", null, "star rating"),
|
|
24
|
+
index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" })))),
|
|
25
|
+
label && index.h("span", { class: "rating-data" }, label)));
|
|
26
|
+
};
|
|
27
|
+
const ProgressRating = ({ rating, percentage, count }) => {
|
|
28
|
+
return (index.h(index.Fragment, null,
|
|
29
|
+
index.h("p", { class: "star-score" },
|
|
30
|
+
rating,
|
|
31
|
+
" ",
|
|
32
|
+
rating > 1 ? "stars" : "star"),
|
|
33
|
+
index.h("div", { class: "progressbar", role: "progressbar", "aria-valuenow": percentage, "aria-valuemin": "0", "aria-valuemax": "100", tabindex: "0" },
|
|
34
|
+
index.h("span", { class: "progressbar-value", style: { "width": `${percentage}%` } })),
|
|
35
|
+
index.h("p", { class: "percent-count", "aria-label": `voted ${count}, ${rating} ${rating > 1 ? "stars" : "star"}` }, count)));
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const covetPicsGalleryHeaderCss = ".header.header1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:25px 20px 25px 20px}.header.header2{padding:25px 63px 0px 63px}@media only screen and (max-width: 799.98px){.header.header2{padding:25px 30px 0px 30px}}.header.header3{padding:25px 63px 25px 63px}@media only screen and (max-width: 799.98px){.header.header3{padding:25px 25px 25px 25px}}.header.header4{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0px 63px 35px 63px}@media only screen and (max-width: 799.98px){.header.header4{padding:0px 25px 35px 25px}}.rated-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 799.98px){.rated-wrap.header2{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.rated-wrap.header2:after{display:none}}.rated-wrap.header2.show-separation:after{content:\"\";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ECECEC;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 799.98px){.rated-wrap.header2.show-separation:after:after{display:none}}.rated-wrap.header4{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header1{position:relative}.rating-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header3{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer;position:relative;padding:0}.rating-text{font-size:14px;font-weight:400;color:#919EAB}.top-title{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:#919EAB;margin-bottom:25px}.star-title{width:9px;height:9px;margin-right:9px}.rating-title{margin:0}.rating-title.header4{font-size:18px;font-weight:500;color:#000000}.rated{margin-left:20px;font-size:14px;font-weight:700;color:#919EAB}.rating-breakdown.header1{position:absolute;display:block;top:0;left:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(40px);transform:translateY(40px);max-height:0;overflow:hidden;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}.rating-breakdown.header1.show-breakdown{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:326px;padding-bottom:23px}.rating-breakdown.header2{padding-left:0;list-style:none;margin-top:0;margin-bottom:0}.rating-breakdown-title{font-size:14px;font-weight:700;margin-left:30px;color:#1F273D}.rating-breakdown-score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:7px 30px 7px 30px}.rating-breakdown-text{margin:0px 0px 0px 20px;font-size:12px}.score.header1{margin-left:auto}.score.header2{margin-top:auto;font-size:14px;color:#1F273D;margin-bottom:0}@media only screen and (max-width: 799.98px){.score.header2{margin-bottom:20px}}.score.header3{color:#000000;padding-top:17px;margin:0}.score.header4{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:#919EAB;margin:19px 0px 0px 0px}.score-number.header2{font-size:62px;line-height:62px}.score-number.header3{font-size:18px;font-weight:600;color:#000000}.score-number.header4{font-size:14px;font-weight:700;color:#919EAB;margin-left:17px}.score-slash{position:relative;width:1px;height:14px;display:block;background-color:#C7C7C7;margin-left:12px;margin-right:12px}.score-total.header2{color:#919EAB;font-size:14px;margin-left:13px;padding-left:10px;position:relative}.score-total.header2:after{content:\"\";position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#C7C7C7;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.score-total.header3{color:#919EAB;font-size:14px;padding-top:12px;margin:0}.score-total.header4{color:#919EAB;font-size:14px;font-weight:700;margin:0;position:relative}.score-total.header4.space-left{margin-left:17px}.sort-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:15px;margin-bottom:15px}@media only screen and (max-width: 799.98px){.sort-wrap.header2{-ms-flex-pack:center;justify-content:center}}.sort-wrap.header3{margin-top:30px}.sort-wrap.header4{margin-top:auto}.sorting{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;-ms-flex:none;flex:none}.sorting.header4{border-radius:4px;margin-top:auto}.sort-title{font-size:14px;font-weight:700;color:#919EAB}.sort-title.header2{font-size:12px;font-weight:700;color:#000000}.sort-title.header3{font-size:12px;font-weight:700;color:#000000}.sort-title.header4{font-size:14px;font-weight:700;color:#007ACE}.sort-btn{background-color:transparent;border:none;color:#919EAB;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;cursor:pointer}.sort-btn.header2{color:#000000}.sort-btn.header3{border:1px solid #ECECEC;border-radius:4px;padding:8px 14px 8px 14px;margin-left:10px}.sort-btn.header4{color:#007ACE}.sort-select{position:absolute;display:block;top:0;right:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(30px);transform:translateY(30px);max-height:0;overflow:hidden;cursor:pointer;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}@media only screen and (max-width: 799.98px){.sort-select.header2{right:50%;-webkit-transform:translate(50%, 30px);transform:translate(50%, 30px)}}.sort-select.show-sort{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:186px}.sort-select.header3{left:0;right:auto;-webkit-transform:translateY(40px);transform:translateY(40px)}.sort-check{width:12px;height:9px;margin-right:12px}.sort-check path{-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;stroke:transparent}.sort__dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;list-style:none;padding:12px 35px 0px 23px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sort__dropdown-item:first-of-type{padding-top:23px}.sort__dropdown-item:last-of-type{padding-bottom:23px}.sort__dropdown-item.active{color:#626C75}.sort__dropdown-item.active .sort-check{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.sort__dropdown-item.active .sort-check path{stroke:#919EAB}.sort__dropdown-item:hover,.sort__dropdown-item:active,.sort__dropdown-item:focus{color:#626C75}.sort-arrow{margin-left:7px;width:9px;height:6px}@media only screen and (max-width: 799.98px){.sort-arrow.header1{margin-left:0}}.sort-arrow.header2{width:8px;height:6px;margin-left:15px}.sort-arrow.header4{width:10px;height:6px;margin-left:15px}@media only screen and (max-width: 799.98px){.sort-arrow.header4{margin-left:0}}.sort-arrow-down{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.rating-row{display:-ms-flexbox;display:flex;margin-bottom:12.2px}.star-score{width:57px;margin-bottom:0;margin-top:0;color:#C7C7C7;font-size:12px;line-height:1.4}.progressbar{width:180px;height:15px;border-radius:4px;background-color:#F7F8FC;margin:0px 10px 0 10px;position:relative}.progressbar-value{top:0;left:0;height:15px;width:10%;display:block;border-radius:4px;background-color:#5C6AC4}.percent-count{color:#5C6AC4;font-size:10px;margin-top:0;margin-bottom:0;line-height:1.4}.review-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:#5C6AC4;border-radius:4px;cursor:pointer;padding:10px 14px;color:#FFFFFF;font-size:14px}.icon-pen{width:12px;height:12px;margin-right:10px}@media only screen and (max-width: 799.98px){.icon-pen{margin-right:0}}";
|
|
17
39
|
|
|
18
40
|
const CovetPicsGalleryHeader = class {
|
|
19
41
|
constructor(hostRef) {
|
|
@@ -118,7 +140,7 @@ const CovetPicsGalleryHeader = class {
|
|
|
118
140
|
}
|
|
119
141
|
renderHeaderTwo() {
|
|
120
142
|
return (index.h("div", { class: `header ${this.headerType}` }, this.showAverageStarRating &&
|
|
121
|
-
index.h("div", { class: `rated-wrap ${this.headerType} ${this.showBreakdown ? "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.ratingCount, " ratings"))), index.h("
|
|
143
|
+
index.h("div", { class: `rated-wrap ${this.headerType} ${this.showBreakdown ? "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.ratingCount, " 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(ProgressRating, { rating: el.rating, percentage: el.rating_percentage, count: el.count }))))), index.h("div", { class: `sort-wrap ${this.headerType}` }, this.showSort && this.renderSort())));
|
|
122
144
|
}
|
|
123
145
|
renderHeaderThree() {
|
|
124
146
|
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.showAverageStarRating && 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.ratingCount, " 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.showSort && this.renderSort())));
|
|
@@ -141,18 +163,6 @@ const CovetPicsGalleryHeader = class {
|
|
|
141
163
|
};
|
|
142
164
|
CovetPicsGalleryHeader.style = covetPicsGalleryHeaderCss;
|
|
143
165
|
|
|
144
|
-
const StarRating = ({ rating, hideRating, ratingClass, starClass, label }) => {
|
|
145
|
-
const starsArray = [1, 2, 3, 4, 5];
|
|
146
|
-
const starRatingClass = ratingClass !== undefined ? ratingClass : "";
|
|
147
|
-
const iconClass = starClass !== undefined ? starClass : "";
|
|
148
|
-
return (index.h("div", { class: `${starRatingClass}`, role: "radiogroup", "aria-label": "star rating" },
|
|
149
|
-
!hideRating && starsArray.map((el) => index.h("span", { class: `icon-star ${iconClass} ${el <= rating ? "active" : ""}`, role: "radio", "aria-checked": `${el <= rating}`, "aria-label": `star ${el}/${starsArray.length}` },
|
|
150
|
-
index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" },
|
|
151
|
-
index.h("title", null, "star rating"),
|
|
152
|
-
index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" })))),
|
|
153
|
-
label && index.h("span", { class: "rating-data" }, label)));
|
|
154
|
-
};
|
|
155
|
-
|
|
156
166
|
const covetPicsGalleryItemCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 799.98px){.upload-widget .default-cover{margin:16px}}.upload-widget .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 799.98px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item.hover-animation-1.text-review{display:block}covet-pics-gallery-item.hover-animation-1.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-1 .info{text-align:center;top:50%;visibility:visible;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;z-index:5}covet-pics-gallery-item.hover-animation-1 .info .btn{padding-bottom:6px}covet-pics-gallery-item.hover-animation-1 .info .btn:after{-webkit-transition:width 0.35s ease-out;transition:width 0.35s ease-out;content:\"\";display:block;position:absolute;left:0;bottom:0;width:0;height:1px}covet-pics-gallery-item.hover-animation-1 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-1 .description.size-sm,covet-pics-gallery-item.hover-animation-1 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-1 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-1 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-1 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-1 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-1 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .name-data.text-review{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .name-data.star-only{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-1:hover .info,covet-pics-gallery-item.hover-animation-1:active .info,covet-pics-gallery-item.hover-animation-1:focus .info,covet-pics-gallery-item.hover-animation-1.hover-preview .info{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1:hover .btn:after,covet-pics-gallery-item.hover-animation-1:active .btn:after,covet-pics-gallery-item.hover-animation-1:focus .btn:after,covet-pics-gallery-item.hover-animation-1.hover-preview .btn:after{width:100%}covet-pics-gallery-item.hover-animation-1:hover .item-open-icon,covet-pics-gallery-item.hover-animation-1:active .item-open-icon,covet-pics-gallery-item.hover-animation-1:focus .item-open-icon,covet-pics-gallery-item.hover-animation-1.hover-preview .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-1:hover .info .btn,covet-pics-gallery-item.hover-animation-1:active .info .btn,covet-pics-gallery-item.hover-animation-1:focus .info .btn,covet-pics-gallery-item.hover-animation-1.hover-preview .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-1:hover .rating,covet-pics-gallery-item.hover-animation-1:active .rating,covet-pics-gallery-item.hover-animation-1:focus .rating,covet-pics-gallery-item.hover-animation-1.hover-preview .rating{opacity:1;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-1:hover .name-data,covet-pics-gallery-item.hover-animation-1:active .name-data,covet-pics-gallery-item.hover-animation-1:focus .name-data,covet-pics-gallery-item.hover-animation-1.hover-preview .name-data{opacity:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px)}covet-pics-gallery-item.hover-animation-1:hover .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:active .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:focus .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-1:hover .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:active .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:focus .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1.hover-preview .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:active .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:focus .rating-data.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:active .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:focus .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.tstar-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.text-review,covet-pics-gallery-item.hover-animation-1:active .username.text-review,covet-pics-gallery-item.hover-animation-1:focus .username.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.star-only,covet-pics-gallery-item.hover-animation-1:active .username.star-only,covet-pics-gallery-item.hover-animation-1:focus .username.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.text-review,covet-pics-gallery-item.hover-animation-1:active .slash.text-review,covet-pics-gallery-item.hover-animation-1:focus .slash.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.star-only,covet-pics-gallery-item.hover-animation-1:active .slash.star-only,covet-pics-gallery-item.hover-animation-1:focus .slash.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.text-review,covet-pics-gallery-item.hover-animation-1:active .created-time.text-review,covet-pics-gallery-item.hover-animation-1:focus .created-time.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.star-only,covet-pics-gallery-item.hover-animation-1:active .created-time.star-only,covet-pics-gallery-item.hover-animation-1:focus .created-time.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2.text-review{position:relative;display:block}covet-pics-gallery-item.hover-animation-2.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-2 .info{-webkit-transform:none;transform:none;text-align:left;bottom:35px;padding:0;top:auto;right:auto;-webkit-transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);z-index:5}covet-pics-gallery-item.hover-animation-2 .info.size-xs{left:0;bottom:16px}covet-pics-gallery-item.hover-animation-2 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:35px}covet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow{margin-bottom:8px}covet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-2 .description.size-sm,covet-pics-gallery-item.hover-animation-2 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-2 .caption{text-align:center;width:100%;position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-2 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-2 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating.size-xs{left:0;-webkit-transform:translateY(16px);transform:translateY(16px)}covet-pics-gallery-item.hover-animation-2 .rating.text-review{-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px);opacity:1}covet-pics-gallery-item.hover-animation-2 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-2 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-2 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:calc(100% - 80px - 22px);width:100%;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;padding-right:3px}covet-pics-gallery-item.hover-animation-2 .name-data.text-review{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .name-data.star-only{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time{display:block;font-size:14px;line-height:1.4;max-width:100%;color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .info,covet-pics-gallery-item:active.hover-animation-2 .info,covet-pics-gallery-item:focus.hover-animation-2 .info,covet-pics-gallery-item.hover-preview.hover-animation-2 .info{-webkit-transform:translateX(40px);transform:translateX(40px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .info.size-xs,covet-pics-gallery-item:active.hover-animation-2 .info.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .info.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .info.size-xs{-webkit-transform:translateX(16px);transform:translateX(16px)}covet-pics-gallery-item:hover.hover-animation-2 .item-open-icon,covet-pics-gallery-item:active.hover-animation-2 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-2 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-2 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-2 .rating,covet-pics-gallery-item:active.hover-animation-2 .rating,covet-pics-gallery-item:focus.hover-animation-2 .rating,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating{opacity:1;-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px)}covet-pics-gallery-item:hover.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:active.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .rating.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating.size-xs{-webkit-transform:translate(16px, 16px);transform:translate(16px, 16px)}covet-pics-gallery-item:hover.hover-animation-2 .name-data,covet-pics-gallery-item:active.hover-animation-2 .name-data,covet-pics-gallery-item:focus.hover-animation-2 .name-data,covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data{opacity:1;-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px)}covet-pics-gallery-item:hover.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:active.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:focus.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.text-review,covet-pics-gallery-item:active.hover-animation-2 .username.text-review,covet-pics-gallery-item:focus.hover-animation-2 .username.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.star-only,covet-pics-gallery-item:active.hover-animation-2 .username.star-only,covet-pics-gallery-item:focus.hover-animation-2 .username.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.text-review,covet-pics-gallery-item:active.hover-animation-2 .slash.text-review,covet-pics-gallery-item:focus.hover-animation-2 .slash.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.star-only,covet-pics-gallery-item:active.hover-animation-2 .slash.star-only,covet-pics-gallery-item:focus.hover-animation-2 .slash.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:active.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:focus.hover-animation-2 .created-time.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:active.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:focus.hover-animation-2 .created-time.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3.text-review{display:block}covet-pics-gallery-item.hover-animation-3.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 8px)}covet-pics-gallery-item.hover-animation-3 .info{-webkit-transform:none;transform:none;text-align:center;width:70%;height:70%;top:0;bottom:0;right:0;border-right:2px solid var(--covet-pics-item-label-color);border-bottom:2px solid var(--covet-pics-item-label-color);visibility:visible !important;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-3 .info .btn{position:relative;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}covet-pics-gallery-item.hover-animation-3 .info .btn.star-rating{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:3}covet-pics-gallery-item.hover-animation-3 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-3 .description.size-sm,covet-pics-gallery-item.hover-animation-3 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-3 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-3 .item-open-icon{margin:0 auto;margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-3 .rating.text-review{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-3 .rating.info-rating{position:relative;z-index:4;left:0;display:-ms-flexbox;display:flex;-webkit-transform:none;transform:none;-ms-flex-align:center;align-items:center;margin-left:13px;padding-left:13px}covet-pics-gallery-item.hover-animation-3 .rating.info-rating:before{content:\"\";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-3 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-3 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-3 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-3 .name-data.text-review{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .name-data.star-only{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-3 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .info,covet-pics-gallery-item:active.hover-animation-3 .info,covet-pics-gallery-item:focus.hover-animation-3 .info,covet-pics-gallery-item.hover-preview.hover-animation-3 .info{width:85%;height:85%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .item-open-icon,covet-pics-gallery-item:active.hover-animation-3 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-3 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-3 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-3 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-4.text-review{display:block}covet-pics-gallery-item.hover-animation-4.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-4 .info{text-align:center;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0;width:75%;padding:0 25px;top:auto !important;visibility:visible;opacity:1;background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;padding:40px 0 40px 0;text-align:left}covet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .overlay-effect{background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-4 .description.size-sm,covet-pics-gallery-item.hover-animation-4 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-4 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-4 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-4 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-4 .rating.text-review{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-4 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-4 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-4 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-4 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-4 .name-data.text-review,covet-pics-gallery-item.hover-animation-4 .name-data.star-only{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-4 .username.text-review,covet-pics-gallery-item.hover-animation-4 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-4 .slash.text-review,covet-pics-gallery-item.hover-animation-4 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-4 .created-time.text-review,covet-pics-gallery-item.hover-animation-4 .created-time.star-only{display:block;font-size:14px;line-height:1.4;color:#000000;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item:hover.hover-animation-4 .info,covet-pics-gallery-item:active.hover-animation-4 .info,covet-pics-gallery-item:focus.hover-animation-4 .info,covet-pics-gallery-item.hover-preview.hover-animation-4 .info{opacity:1;z-index:5;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect{opacity:0.2}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect.text-review{opacity:0}covet-pics-gallery-item:hover.hover-animation-4 .item-open-icon,covet-pics-gallery-item:active.hover-animation-4 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-4 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-4 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-5.text-review{display:block}covet-pics-gallery-item.hover-animation-5.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-5 .info{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:right;bottom:-10px;height:40px;left:auto;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding:0;-webkit-transform:translateY(25px);transform:translateY(25px);right:40px;visibility:visible !important;top:auto !important}covet-pics-gallery-item.hover-animation-5 .info .btn{position:relative;display:inline-block;margin:0 !important;overflow:hidden;cursor:pointer;padding:0;line-height:40px}covet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show{padding-right:calc(var(--covet-pics-item-label-font-size) + 10px)}covet-pics-gallery-item.hover-animation-5 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-5 .description.size-sm,covet-pics-gallery-item.hover-animation-5 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-5 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-5 .item-open-icon{display:block}covet-pics-gallery-item.hover-animation-5 .overlay-effect{visibility:hidden;display:block;opacity:1;border:1px solid #000000;border-color:var(--covet-pics-item-hover-border-color);background:none}covet-pics-gallery-item.hover-animation-5 .item-open-icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:0}covet-pics-gallery-item.hover-animation-5 .rating{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:40px;padding-right:40px;-webkit-transform:translateY(-27px);transform:translateY(-27px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:4}covet-pics-gallery-item.hover-animation-5 .rating.text-review{z-index:1;position:absolute;width:auto;height:auto;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-5 .icon-star{display:-ms-flexbox;display:flex;width:10px;height:10px;margin-right:10px;opacity:0.5}covet-pics-gallery-item.hover-animation-5 .icon-star.active{opacity:1}covet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review{margin-right:0}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review .svg-star path{fill:#000000}covet-pics-gallery-item.hover-animation-5 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-5 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data{line-height:1.4;font-size:15px;font-weight:bold;margin-left:auto;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data.text-review{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .rating-data.star-only{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .name-data.text-review,covet-pics-gallery-item.hover-animation-5 .name-data.star-only{z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-5 .username.text-review,covet-pics-gallery-item.hover-animation-5 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-5 .slash.text-review,covet-pics-gallery-item.hover-animation-5 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-5 .created-time.text-review,covet-pics-gallery-item.hover-animation-5 .created-time.star-only{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:#000000;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item:hover.hover-animation-5 .info,covet-pics-gallery-item:active.hover-animation-5 .info,covet-pics-gallery-item:focus.hover-animation-5 .info,covet-pics-gallery-item.hover-preview.hover-animation-5 .info{opacity:1;z-index:5;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:calc(100% - 40px);-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .overlay-effect,covet-pics-gallery-item:active.hover-animation-5 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-5 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-5 .overlay-effect{z-index:2;visibility:visible;border-width:40px;border-color:var(--covet-pics-item-hover-border-color);width:calc(100% - 80px);height:calc(100% - 80px)}covet-pics-gallery-item:hover.hover-animation-5 .rating,covet-pics-gallery-item:active.hover-animation-5 .rating,covet-pics-gallery-item:focus.hover-animation-5 .rating,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .rating.text-review,covet-pics-gallery-item:active.hover-animation-5 .rating.text-review,covet-pics-gallery-item:focus.hover-animation-5 .rating.text-review,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation:hover,covet-pics-gallery-item.hover-animation:active,covet-pics-gallery-item.hover-animation:focus,covet-pics-gallery-item.hover-preview{outline:none !important}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:block}covet-pics-gallery-item.hover-animation:hover .info,covet-pics-gallery-item.hover-animation:active .info,covet-pics-gallery-item.hover-animation:focus .info,covet-pics-gallery-item.hover-preview .info{opacity:1}covet-pics-gallery-item.hover-animation:hover .info .item-open-icon,covet-pics-gallery-item.hover-animation:active .info .item-open-icon,covet-pics-gallery-item.hover-animation:focus .info .item-open-icon,covet-pics-gallery-item.hover-preview .info .item-open-icon{z-index:4}covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-preview .hover{display:block;visibility:visible}covet-pics-gallery-item{cursor:pointer;display:inline-block;overflow:hidden;position:relative}covet-pics-gallery-item:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%}covet-pics-gallery-item[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item[is-loading] img{color:transparent}covet-pics-gallery-item.upload-widget{-webkit-animation:none;animation:none}covet-pics-gallery-item.grid-item{width:100%;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item.swiper-slide:after{padding-top:calc(100% - 7px)}covet-pics-gallery-item.swiper-slide.upload-widget:after{display:none}covet-pics-gallery-item.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}covet-pics-gallery-item.collage-item[is-loading]:after{display:inline-block;padding-top:calc(100% - 7px)}covet-pics-gallery-item.collage-item:after{display:none}covet-pics-gallery-item.collage-item.upload-widget:after{display:inline-block;padding-top:calc(100% - 7px)}@media only screen and (min-width: 800px){covet-pics-gallery-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%)}}covet-pics-gallery-item video{background:rgba(145, 158, 171, 0.1)}covet-pics-gallery-item video.bg{background-image:url(asset_path(\"icon-video-play.svg\"));background-position:50% 50%;background-size:40%}covet-pics-gallery-item:hover .bg,covet-pics-gallery-item:active .bg,covet-pics-gallery-item:focus .bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .bg{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);display:block}.collage covet-pics-gallery-item .bg{position:relative;max-width:100%}covet-pics-gallery-item .star-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}covet-pics-gallery-item .btn{display:inline-block;margin-top:15px;font-weight:bold;font-size:13px;padding:0px;position:relative;margin:0 auto;overflow:hidden;font-weight:var(--covet-pics-item-label-font-style);font-size:var(--covet-pics-item-label-font-size);color:var(--covet-pics-item-label-color)}covet-pics-gallery-item .btn::after{background:var(--covet-pics-item-label-color)}covet-pics-gallery-item .overlay-effect{display:none;position:absolute;width:100%;height:100%;content:\"\";top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;opacity:var(--covet-pics-item-hover-background-opacity);background:-webkit-gradient(linear, left top, right bottom, from(var(--covet-pics-item-hover-color-from)), to(var(--covet-pics-item-hover-color-to)));background:linear-gradient(to bottom right, var(--covet-pics-item-hover-color-from), var(--covet-pics-item-hover-color-to));-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .info{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;padding:10px;position:absolute;left:0;right:0;text-align:center;z-index:4;opacity:0;-webkit-transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);top:53%;display:none}covet-pics-gallery-item .item-open-icon{width:calc(var(--covet-pics-item-label-font-size) + 5px);height:calc(var(--covet-pics-item-label-font-size) + 5px);display:none;margin:0 auto}covet-pics-gallery-item .item-open-icon path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .item-open-icon circle{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .hover{display:block;visibility:hidden}covet-pics-gallery-item.no-animation .bg,covet-pics-gallery-item.no-animation:hover .bg{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}@media (any-hover: none){covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-preview .hover{display:none;visibility:hidden}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:none}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
|
|
157
167
|
|
|
158
168
|
const CovetPicsGalleryItem = class {
|
|
@@ -191,7 +201,6 @@ const CovetPicsGalleryItem = class {
|
|
|
191
201
|
};
|
|
192
202
|
this.animationDuration = 4;
|
|
193
203
|
this.altTag = "";
|
|
194
|
-
this.ariaLabel = null;
|
|
195
204
|
this.highlighted = false;
|
|
196
205
|
this.hoverAnimationStyle = "hover-animation-1";
|
|
197
206
|
this.hoverDisabled = false;
|
|
@@ -322,7 +331,7 @@ const CovetPicsGalleryItem = class {
|
|
|
322
331
|
renderStandardItem() {
|
|
323
332
|
const itemSize = this.getItemSize();
|
|
324
333
|
const starRatingClass = this.rating > 0 ? "star-rating" : "";
|
|
325
|
-
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler,
|
|
334
|
+
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
326
335
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
|
|
327
336
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
328
337
|
index.h(StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating / 5}`, hideRating: itemSize === "size-xs" && !this.highlighted }), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
@@ -334,7 +343,7 @@ const CovetPicsGalleryItem = class {
|
|
|
334
343
|
const itemSize = this.getItemSize();
|
|
335
344
|
const starRatingClass = this.rating > 0 ? "star-rating" : "";
|
|
336
345
|
const starOnly = this.caption === null && this.itemType === "text";
|
|
337
|
-
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler,
|
|
346
|
+
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
338
347
|
index.h(StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating}/5`, hideRating: itemSize === "size-xs" && !this.highlighted }), index.h("div", { class: `description text-review ${itemSize}` }, this.rating > 0 && this.renderRating("text-review"), !hideCaption && this.itemType === "text" &&
|
|
339
348
|
index.h("covet-pics-gallery-item-caption", { class: `${this.hoverAnimationStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.hoverAnimationStyle} ${itemSize}`, caption: this.caption, "item-style": this.hoverAnimationStyle, "layout-type": this.layout }), starOnly &&
|
|
340
349
|
index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false })), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
@@ -582,7 +591,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
582
591
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
583
592
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
584
593
|
: null;
|
|
585
|
-
return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(),
|
|
594
|
+
return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
|
|
586
595
|
index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), !hideCaption && this.itemType === "text" &&
|
|
587
596
|
index.h("covet-pics-gallery-item-caption", { class: `${this.itemStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), starOnly &&
|
|
588
597
|
index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}` }), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
|
|
@@ -605,7 +614,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
605
614
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
606
615
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
607
616
|
: null;
|
|
608
|
-
return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(),
|
|
617
|
+
return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 &&
|
|
609
618
|
index.h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), !hideCaption &&
|
|
610
619
|
index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), index.h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && ["modern-4", "modern-5", "modern-6"].includes(this.itemStyle) && this.renderVerifiedIcon(), this.renderUserAndDate(itemSize)))));
|
|
611
620
|
}
|
|
@@ -619,7 +628,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
619
628
|
const showUserAndData = (textReview && ["modern-1", "modern-4"].includes(this.itemStyle))
|
|
620
629
|
|| (starOnly && ["modern-1", "modern-2", "modern-3", "modern-4", "modern-5"].includes(this.itemStyle));
|
|
621
630
|
const showStarRating = textReview && ["modern-2", "modern-3", "modern-5"].includes(this.itemStyle);
|
|
622
|
-
return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(),
|
|
631
|
+
return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), index.h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating &&
|
|
623
632
|
index.h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), starOnly &&
|
|
624
633
|
index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h(StarRating, { rating: this.rating, ratingClass: `star-rating text-review ${this.itemStyle} ${itemSize} ${this.starOnlyClass}`, starClass: `star-only ${itemSize} ${this.itemStyle}` }), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), !hideCaption &&
|
|
625
634
|
index.h("covet-pics-gallery-item-caption", { "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), this.links && this.links.length > 0 &&
|