@covet-pics/covet-pics-widget 0.178.3 → 0.178.4

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

@@ -341,6 +341,15 @@ const CovetPicsHiglghtedHotspots = class {
         e.stopPropagation();
         return this.clearAllActiveHotspotContent();
     }
+    keydownHandler(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.key !== "Escape")
+            return;
+        if (!this.el.querySelector(".hotspot.show-content"))
+            return;
+        return this.clearAllActiveHotspotContent();
+    }
     clearAllActiveHotspot() {
         return this.el.querySelectorAll(".hotspot").forEach(link => {
             link.classList.remove("active");
@@ -377,10 +386,10 @@ const CovetPicsHiglghtedHotspots = class {
             : `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
     }
     render() {
-        return (index.h(index.Host, { key: 'ca23c8827046889c7f4545c9445c381ef586d648', class: "hotspots" }, this.links.map((link, index$1) => index.h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index$1 ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index$1), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, "aria-label": `${link.title ? link.title : "product link"}` }, this.pageLayout === "row" &&
+        return (index.h(index.Host, { key: '5a83f4173aeefe26d2250717b60659e4071f9931', class: "hotspots" }, this.links.map((link, index$1) => index.h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index$1 ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index$1), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onKeyDown: (e) => this.keydownHandler(e), "aria-label": `${link.title ? link.title : "Product link"}` }, this.pageLayout === "row" &&
             index.h("div", { class: "content", "aria-hidden": "true" }, index.h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
-                index.h("h3", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), index.h("div", { class: `img-wrap ${this.layout}` }, index.h("img", { src: link.image, alt: this.imgAlt(link, index$1, this.links.length), class: "img" })), index.h("div", { class: `description ${this.layout}` }, index.h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
-                index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
+                index.h("p", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), index.h("div", { class: `img-wrap ${this.layout}` }, index.h("img", { src: link.image, alt: this.imgAlt(link, index$1, this.links.length), class: "img" })), index.h("div", { class: `description ${this.layout}` }, index.h("p", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
+                index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("span", { class: `btn-buy ${this.layout}` }, this.appState.settings.popup_products_button_caption))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js

@@ -178,6 +178,15 @@ export class CovetPicsHiglghtedHotspots {
         e.stopPropagation();
         return this.clearAllActiveHotspotContent();
     }
+    keydownHandler(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.key !== "Escape")
+            return;
+        if (!this.el.querySelector(".hotspot.show-content"))
+            return;
+        return this.clearAllActiveHotspotContent();
+    }
     clearAllActiveHotspot() {
         return this.el.querySelectorAll(".hotspot").forEach(link => {
             link.classList.remove("active");
@@ -214,10 +223,10 @@ export class CovetPicsHiglghtedHotspots {
             : `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
     }
     render() {
-        return (h(Host, { key: 'ca23c8827046889c7f4545c9445c381ef586d648', class: "hotspots" }, this.links.map((link, index) => h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, "aria-label": `${link.title ? link.title : "product link"}` }, this.pageLayout === "row" &&
+        return (h(Host, { key: '5a83f4173aeefe26d2250717b60659e4071f9931', class: "hotspots" }, this.links.map((link, index) => h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onKeyDown: (e) => this.keydownHandler(e), "aria-label": `${link.title ? link.title : "Product link"}` }, this.pageLayout === "row" &&
             h("div", { class: "content", "aria-hidden": "true" }, h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
-                h("h3", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), h("div", { class: `img-wrap ${this.layout}` }, h("img", { src: link.image, alt: this.imgAlt(link, index, this.links.length), class: "img" })), h("div", { class: `description ${this.layout}` }, h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
-                h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), h("button", { class: `btn-buy ${this.layout}`, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
+                h("p", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), h("div", { class: `img-wrap ${this.layout}` }, h("img", { src: link.image, alt: this.imgAlt(link, index, this.links.length), class: "img" })), h("div", { class: `description ${this.layout}` }, h("p", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
+                h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), h("span", { class: `btn-buy ${this.layout}` }, this.appState.settings.popup_products_button_caption))))))));
     }
     static get is() { return "covet-pics-highlighted-hotspots"; }
     static get originalStyleUrls() {

package/dist/covet-pics-widget/covet-pics-widget.esm.js

@@ -1,4 +1,4 @@
 /*!
  * Copyright by Space Squirrel Ltd.
  */
-import{p as e,b as t}from"./p-j4t9dBFC.js";export{s as setNonce}from"./p-j4t9dBFC.js";import{g as i}from"./p-BMxoP_07.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-83f01638",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-058819df",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-9de45b1a",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}]]],["p-965f3aca",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}]]],["p-cda1855e",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:[{enableSlider:0}],dataLoaded:[{lazyLoadMedia:0}],sliderIndex:[{updateSliderIndex:0}]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:[{enableSlider:0}]}]]],["p-a61bbf1e",[[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-2a1a5547",[[0,"covet-pics-direct-buy",{covetProduct:[16],itemId:[1,"item-id"],appStore:[16],settings:[32],selectedVariant:[32],product:[32],options:[32],selectedOptions:[32],shopCartState:[32],isAvailableForSale:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:[{watchPropHandler:0}]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[1,"covet-pics-checkbox",{checked:[1540],label:[1],value:[1],disabled:[516],inputId:[1,"input-id"]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}],[1,"covet-pics-select",{selectId:[1,"select-id"],optionData:[16],label:[1],selectedValue:[1,"selected-value"]},[[9,"mousedown","handleClickOutside"]]],[1,"covet-pics-shop-cart",{appStore:[16],isCartVisible:[32],products:[32],totalAmount:[32],discount:[32],totalQuantity:[32],notAvaliableForSaleKeys:[32]}]]],["p-78af2ec7",[[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],popupIsOpen:[32],popupIsClosing:[32],totalQuantity:[32],openPopup:[64],closePopup:[64]},[[16,"productLinkClicked","productLinkClickedHandler"]],{item:[{itemChangedHandler:0}],popupIsOpen:[{popupOpenHandler:0}]}],[0,"covet-pics-gallery-grid",{breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32],items:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]]],[0,"covet-pics-gallery-slider",{sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32],items:[32],galleryIndex:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{galleryIndex:[{changeSlide:0}]}],[0,"covet-pics-gallery-slider-marquee",{appStore:[16],itemSize:[32],items:[32],galleryIndex:[32],popupIsOpen:[32]},[[1,"pointerenter","onPointerEnter"],[1,"pointerleave","onPointerLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{galleryIndex:[{changeSlide:0}],popupIsOpen:[{onPopupToggle:0}],items:[{onItemsChange:0}]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],popupIsOpen:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{popupIsOpen:[{popupOpenHandler:0}],sliderIndex:[{updateSliderIndex:0}],items:[{updateItems:0}]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"]]],[1,"covet-pics-notifications",{appStore:[16],notifications:[32],showAll:[32]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadIsOpen:[32],uploadIsClosing:[32],openUpload:[64],closeUpload:[64]},null,{uploadIsOpen:[{uploadOpenHandler:0}]}]]],["p-72dc2387",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],baseUrl:[1,"base-url"],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],appStore:[32],fetchingError:[32],preloadNextPage:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]],{preloadNextPage:[{preloadNextPageHandler:0}]}]]]],e))));
+import{p as e,b as t}from"./p-j4t9dBFC.js";export{s as setNonce}from"./p-j4t9dBFC.js";import{g as i}from"./p-BMxoP_07.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-83f01638",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-058819df",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-9de45b1a",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}]]],["p-81cf23db",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}]]],["p-cda1855e",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:[{enableSlider:0}],dataLoaded:[{lazyLoadMedia:0}],sliderIndex:[{updateSliderIndex:0}]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:[{enableSlider:0}]}]]],["p-a61bbf1e",[[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-2a1a5547",[[0,"covet-pics-direct-buy",{covetProduct:[16],itemId:[1,"item-id"],appStore:[16],settings:[32],selectedVariant:[32],product:[32],options:[32],selectedOptions:[32],shopCartState:[32],isAvailableForSale:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:[{watchPropHandler:0}]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[1,"covet-pics-checkbox",{checked:[1540],label:[1],value:[1],disabled:[516],inputId:[1,"input-id"]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}],[1,"covet-pics-select",{selectId:[1,"select-id"],optionData:[16],label:[1],selectedValue:[1,"selected-value"]},[[9,"mousedown","handleClickOutside"]]],[1,"covet-pics-shop-cart",{appStore:[16],isCartVisible:[32],products:[32],totalAmount:[32],discount:[32],totalQuantity:[32],notAvaliableForSaleKeys:[32]}]]],["p-78af2ec7",[[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],popupIsOpen:[32],popupIsClosing:[32],totalQuantity:[32],openPopup:[64],closePopup:[64]},[[16,"productLinkClicked","productLinkClickedHandler"]],{item:[{itemChangedHandler:0}],popupIsOpen:[{popupOpenHandler:0}]}],[0,"covet-pics-gallery-grid",{breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32],items:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]]],[0,"covet-pics-gallery-slider",{sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32],items:[32],galleryIndex:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{galleryIndex:[{changeSlide:0}]}],[0,"covet-pics-gallery-slider-marquee",{appStore:[16],itemSize:[32],items:[32],galleryIndex:[32],popupIsOpen:[32]},[[1,"pointerenter","onPointerEnter"],[1,"pointerleave","onPointerLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{galleryIndex:[{changeSlide:0}],popupIsOpen:[{onPopupToggle:0}],items:[{onItemsChange:0}]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],popupIsOpen:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{popupIsOpen:[{popupOpenHandler:0}],sliderIndex:[{updateSliderIndex:0}],items:[{updateItems:0}]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"]]],[1,"covet-pics-notifications",{appStore:[16],notifications:[32],showAll:[32]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadIsOpen:[32],uploadIsClosing:[32],openUpload:[64],closeUpload:[64]},null,{uploadIsOpen:[{uploadOpenHandler:0}]}]]],["p-72dc2387",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],baseUrl:[1,"base-url"],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],appStore:[32],fetchingError:[32],preloadNextPage:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]],{preloadNextPage:[{preloadNextPageHandler:0}]}]]]],e))));

package/dist/covet-pics-widget/p-81cf23db.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Copyright by Space Squirrel Ltd.
+ */
+import{r as t,c as i,h as e,H as o,g as a,F as s}from"./p-j4t9dBFC.js";import{b as n,s as r,d as l}from"./p-DEgZhBLj.js";import{b as h}from"./p-CeKs8AJm.js";import{s as d}from"./p-B2Dh8Prt.js";import{g as p,e as c,S as u,A as g,P as m}from"./p-D2gMHBRA.js";import{N as x}from"./p-Z1y7JFZT.js";import{f as b}from"./p-CnpZZF3m.js";import{s as w}from"./p-DaNqPZdj.js";function f(t,i){const e=p(i);return e!==i&&(e.style.backfaceVisibility="hidden",e.style["-webkit-backface-visibility"]="hidden"),e}function v({swiper:t,extendParams:i,on:e}){i({fadeEffect:{crossFade:!1}}),function(t){const{effect:i,swiper:e,on:o,setTranslate:a,setTransition:s,overwriteParams:n,perspective:r,recreateShadows:l,getEffectParams:h}=t;let d;o("beforeInit",(()=>{if(e.params.effect!==i)return;e.classNames.push(`${e.params.containerModifierClass}${i}`),r&&r()&&e.classNames.push(`${e.params.containerModifierClass}3d`);const t=n?n():{};Object.assign(e.params,t),Object.assign(e.originalParams,t)})),o("setTranslate _virtualUpdated",(()=>{e.params.effect===i&&a()})),o("setTransition",((t,o)=>{e.params.effect===i&&s(o)})),o("transitionEnd",(()=>{if(e.params.effect===i&&l){if(!h||!h().slideShadows)return;e.slides.forEach((t=>{t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>t.remove()))})),l()}})),o("virtualUpdate",(()=>{e.params.effect===i&&(e.slides.length||(d=!0),requestAnimationFrame((()=>{d&&e.slides&&e.slides.length&&(a(),d=!1)})))}))}({effect:"fade",swiper:t,on:e,setTranslate:()=>{const{slides:i}=t;for(let e=0;e<i.length;e+=1){const i=t.slides[e];let o=-i.swiperSlideOffset;t.params.virtualTranslate||(o-=t.translate);let a=0;t.isHorizontal()||(a=o,o=0);const s=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(i.progress),0):1+Math.min(Math.max(i.progress,-1),0),n=f(0,i);n.style.opacity=s,n.style.transform=`translate3d(${o}px, ${a}px, 0px)`}},setTransition:i=>{const e=t.slides.map((t=>p(t)));e.forEach((t=>{t.style.transitionDuration=`${i}ms`})),function({swiper:t,duration:i,transformElements:e}){if(t.params.virtualTranslate&&0!==i){let i,o=!1;i=e,i.forEach((i=>{c(i,(()=>{if(o)return;if(!t||t.destroyed)return;o=!0,t.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(i)}))}))}}({swiper:t,duration:i,transformElements:e,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})}const y=class{constructor(e){t(this,e),this.changeActiveHotspot=i(this,"changeActiveHotspot",7),this.links=[],this.activeHotspot=0,this.hoverHotspot=-1}refreshHotspot(t,i){t!==i&&(this.clearAllActiveHotspot(),this.clearAllActiveHotspotContent(),"row"===this.pageLayout&&this.setPositionAllHotspotContent())}activeHotspotHandler(t,i){if(t===i)return!0;this.setActiveHotspot(t)}componentWillLoad(){this.initStore()}componentDidLoad(){"row"===this.pageLayout&&this.setPositionAllHotspotContent()}componentDidRender(){"row"!==this.pageLayout&&this.setActiveHotspot(this.activeHotspot)}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_hotspots_layout,this.pageLayout=this.appState.settings.highlight_layout,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_hotspots_layout,this.pageLayout=this.appState.settings.highlight_layout}))}getPositionForLink(t){return{left:(100*Number(t.position_x)).toString()+"%",top:(100*Number(t.position_y)).toString()+"%"}}setPositionForLinkContent(t){const i=t.parentElement,e=t.querySelector(".content"),o=n(t,"width"),a=n(t,"x")-n(i,"x")+o/2,s=n(i,"x"),r=n(i,"y"),l=n(i,"x")+n(i,"width"),h=n(i,"y")+n(i,"height"),d=o/2+8,p=s-(n(t,"x")+o/2-n(e,"width")/2),c=n(t,"x")+o/2+n(e,"width")/2-l,u=s-(n(t,"x")-8-n(e,"width")),g=n(t,"x")+o+8+n(e,"width")-l,m=r-(n(t,"y")-8-n(e,"height")),x=n(t,"y")+o+8+n(e,"height")-h,b=n(e,"height")+16<n(i,"height");return x<0&&p<0&&c<0?(e.style.transform=`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px)`,e):x<0?(e.style.transform=a<n(i,"width")/2?`translate(calc(-50% + ${p+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(calc(-50% - ${c+8}px), calc(-50% + ${n(e,"height")/2+d}px)`,e):x>0&&u<0&&g<0&&b?(e.style.transform=a<n(i,"width")/2?`translate(calc(-50% + ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`:`translate(calc(-50% - ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&u<0&&b?(e.style.transform=`translate(calc(-50% - ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&g<0&&b?(e.style.transform=`translate(calc(-50% + ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&u>0&&g>0&&m<0?(e.style.transform=`translate(-50%, calc(-50% - ${n(e,"height")/2+8}px)`,a<n(i,"width")/2&&u&&(e.style.transform=`translate(calc(-50% + ${p+8}px), calc(-50% - ${n(e,"height")/2+d}px)`),a>n(i,"width")/2&&g&&(e.style.transform=`translate(calc(-50% - ${c+8}px), calc(-50% - ${n(e,"height")/2+d}px)`),e):(e.style.transform=`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`,e.style.transform=a<n(i,"width")/2?p>0?`translate(calc(-50% + ${p+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`:c>0?`translate(calc(-50% - ${c+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`,e)}mouseClickHandler(t,i){if(this.isMobile&&"row"!==this.pageLayout&&i!==this.activeHotspot)return this.mouseEnterHandler(t,i);if(this.isMobile&&"row"===this.pageLayout&&!t.currentTarget.classList.contains("active"))return this.mouseEnterHandler(t,i);const e=t.currentTarget.getAttribute("data-ga-campaign");h(this.appState)&&r("Covet.pics Link Click","Covet.pics Popup","Covet.pics Link Click - "+e);const o=t.currentTarget.getAttribute("data-link-id");return d(this.appState,"grid_link_click",{gallery_item_id:this.pageId,product_id:o}),null}mouseEnterHandler(t,i){return t.preventDefault(),t.stopPropagation(),this.clearAllActiveHotspot(),this.setActiveHotspot(i),"row"===this.pageLayout&&this.setPositionForLinkContent(this.el.querySelectorAll(".hotspot")[i]),i!==this.activeHotspot&&this.changeActiveHotspot.emit(i),t.currentTarget.classList.add("active","show-content")}mouseLeaveHandler(t){return t.preventDefault(),t.stopPropagation(),this.clearAllActiveHotspotContent()}keydownHandler(t){if(t.preventDefault(),t.stopPropagation(),"Escape"===t.key&&this.el.querySelector(".hotspot.show-content"))return this.clearAllActiveHotspotContent()}clearAllActiveHotspot(){return this.el.querySelectorAll(".hotspot").forEach((t=>{t.classList.remove("active")}))}clearAllActiveHotspotContent(){return this.el.querySelectorAll(".hotspot").forEach((t=>{this.setContentHidden(t,!0),t.classList.remove("show-content")}))}setActiveHotspot(t){if(this.el.querySelectorAll(".hotspot").length<t+1)return!0;this.clearAllActiveHotspot();const i=this.el.querySelectorAll(".hotspot")[t];return this.setContentHidden(i,!1),i.classList.add("active")}setContentHidden(t,i){const e=t.querySelector(".content");return null!==e&&e.setAttribute("aria-hidden",`${i}`)}setPositionAllHotspotContent(){const t=this.el.querySelectorAll(".hotspot");return t.forEach((t=>this.setPositionForLinkContent(t))),t.forEach((t=>this.setPositionForLinkContent(t)))}imgAlt(t,i,e){return t.title?`${t.title} product-slide ${i+1}/${e} ${this.productBaseImgAlt}`:`product-slide ${i+1}/${e} ${this.productBaseImgAlt}`}render(){return e(o,{key:"5a83f4173aeefe26d2250717b60659e4071f9931",class:"hotspots"},this.links.map(((t,i)=>e("a",{href:t.link,class:`hotspot ${this.layout} ${this.hoverHotspot===i?"hover-animate":""}`,style:this.getPositionForLink(t),"data-ga-campaign":t.title,"data-link-id":t.id,onClick:t=>this.mouseClickHandler(t,i),onMouseEnter:t=>this.isMobile?null:this.mouseEnterHandler(t,i),onFocusin:t=>this.isMobile?null:this.mouseEnterHandler(t,i),onMouseLeave:t=>this.isMobile?null:this.mouseLeaveHandler(t),onFocusout:t=>this.isMobile?null:this.mouseLeaveHandler(t),onKeyDown:t=>this.keydownHandler(t),"aria-label":`${t.title?t.title:"Product link"}`},"row"===this.pageLayout&&e("div",{class:"content","aria-hidden":"true"},e("div",{class:`content-animation ${this.layout}`},"hotspot-tall"===this.layout&&e("p",{class:`main-title ${this.layout}`},this.appState.settings.popup_products_title),e("div",{class:`img-wrap ${this.layout}`},e("img",{src:t.image,alt:this.imgAlt(t,i,this.links.length),class:"img"})),e("div",{class:`description ${this.layout}`},e("p",{class:`title ${this.layout}`},t.title),t.prices&&t.prices.price_label&&e("p",{class:`price ${this.layout}`,innerHTML:t.prices.price_label}),e("span",{class:`btn-buy ${this.layout}`},this.appState.settings.popup_products_button_caption))))))))}get el(){return a(this)}static get watchers(){return{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}}};y.style='.hotspots{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.hotspot{display:inline-block;width:48px;height:48px;border-radius:50%;position:absolute;outline:none !important;visibility:visible;pointer-events:initial}.hotspot:after{content:"";position:absolute;width:16px;height:16px;transition:all 0.2s ease-out;display:inline-block;left:50%;top:50%;transform:translate(-50%, -50%);background-color:var(--covet-pics-highlighted-hotspot-bg-color);border-radius:50%}.hotspot:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;will-change:transform;background-color:var(--covet-pics-highlighted-hotspot-bg-color);opacity:0.3}.hotspot.active:before{animation:pulsateZoom 1.2s ease-in-out infinite}.hotspot.active.show-content .content{z-index:1;visibility:visible}.hotspot.active.show-content .content-animation{opacity:1;transform:translateY(0)}.hotspot .content{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transform-origin:center center;z-index:-1;visibility:hidden}.hotspot .content-animation{display:block;height:100%;width:240px;transition:all 0.3s ease-out;position:relative;transform:translateY(8px);transform-origin:center center;padding:24px;background-color:var(--covet-pics-highlighted-background-color);box-sizing:border-box;overflow:hidden;border-radius:2px;box-shadow:4px 8px 24px 0px rgba(132, 132, 132, 0.2);opacity:0}.hotspot .content-animation.hotspot-short{width:320px;display:flex;justify-content:flex-start;padding:16px;border-radius:2px}.hotspot .description{display:block}.hotspot .description.hotspot-short{width:calc(100% - 32px - 16px);display:flex;flex-direction:column;justify-content:space-between}.hotspot .main-title{width:144px;text-align:center;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;line-height:22px;font-weight:400;color:var(--covet-pics-highlighted-primary-color);margin-bottom:16px;text-transform:uppercase}.hotspot .img-wrap{height:144px;width:144px;position:relative;display:flex;margin-left:auto;margin-right:auto;margin-bottom:16px;flex:none}.hotspot .img-wrap.hotspot-short{width:88px;height:88px;margin-right:16px;margin-bottom:0}.hotspot .img{width:100%;-o-object-fit:cover;object-fit:cover}.hotspot .title{width:100%;text-align:center;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;text-transform:uppercase;font-weight:400;line-height:19px;color:var(--covet-pics-highlighted-secondary-color);margin-bottom:8px}.hotspot .title.hotspot-short{font-size:14px;line-height:1;width:184px;text-align:left}.hotspot .price{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-primary-color);font-size:14px;line-height:19px;width:100%;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:16px}.hotspot .price.hotspot-short{margin-bottom:0;width:184px;text-align:left}.hotspot .btn-buy{font-family:var(--covet-font-family);display:block;line-height:1;padding:15px 15px;margin-left:auto;margin-right:auto;width:100%;font-size:12px;text-transform:uppercase;text-align:center;cursor:pointer;background-color:transparent;border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-primary-color);margin-bottom:0;transition:all 0.4s ease;outline:none !important}.hotspot .btn-buy:hover,.hotspot .btn-buy:active,.hotspot .btn-buy:focus,.hotspot .btn-buy.active{border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-background-color);background-color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short{margin-top:auto;border:none;width:auto;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden;margin-left:0}.hotspot .btn-buy.hotspot-short:after{content:"";position:absolute;display:block;bottom:0;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short:hover,.hotspot .btn-buy.hotspot-short:active,.hotspot .btn-buy.hotspot-short:focus,.hotspot .btn-buy.hotspot-short.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short:hover:after,.hotspot .btn-buy.hotspot-short:active:after,.hotspot .btn-buy.hotspot-short:focus:after,.hotspot .btn-buy.hotspot-short.active:after{transform:translateX(-50%);width:80%}@keyframes pulsateZoom{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}';const $=class{constructor(i){t(this,i),this.ariaLabel=null,this.thumbnailLayout="image",this.reverseClass="",this.isMobile=!1,this.pageIndex=-1,this.caption="",this.rating=0,this.mainSliderIndex=0,this.isPageLoaded=!1,this.hideHotspots=!1,this.additionalProductSlider=null,this.activeProductIndex=0,this.hoverHotspot=0,this.playPauseVideoClickHandler=t=>{t.preventDefault(),t.stopPropagation();const i=t.currentTarget.parentElement;return i.classList.contains("playing")?this.pauseVideo(i):this.playVideo(i)},this.imageLoadedHandler=t=>{"error"===t.type&&(t.currentTarget.parentNode.setAttribute("not-loaded",""),t.currentTarget.removeAttribute("src")),t.currentTarget.parentNode.removeAttribute("is-loading"),this.isPageLoaded||this.checkIsPageLoaded()},this.mediaLoadedHandler=t=>{"error"===t.type&&(t.currentTarget.closest(".thumbnail").setAttribute("not-loaded",""),t.currentTarget.removeAttribute("src")),t.currentTarget.closest(".thumbnail").removeAttribute("is-loading"),this.isPageLoaded||this.checkIsPageLoaded()},this.btnBuyClickHandler=t=>t.currentTarget.previousSibling.click(),this.productBuyClickHandler=t=>{const i=t.currentTarget.getAttribute("data-ga-campaign");h(this.appState)&&r("Covet.pics Link Click","Covet.pics Popup","Covet.pics Link Click - "+i);const e=t.currentTarget.getAttribute("data-link-id");d(this.appState,"grid_link_click",{gallery_item_id:this.pageId,product_id:e})}}onChangeActiveHotspot(t){return null==t.detail||void 0===this.productSlider||"row"===this.layout||t.detail===this.productSlider.realIndex||(null===this.additionalProductSlider?this.productSlider.slideToLoop(t.detail):this.additionalProductSlider.slideToLoop(t.detail),this.productSlider.slideToLoop(t.detail))}componentWillLoad(){this.initStore()}componentDidRender(){this.checkIsPageLoaded()}componentDidLoad(){this.pageIndex-2<this.mainSliderIndex&&"row"!==this.layout&&this.initSwiper(),this.pageIndex-2<this.mainSliderIndex&&"carousel"===this.thumbnailLayout&&this.initThumbnailCarousel()}componentDidUpdate(){"row"!==this.layout&&this.productSlider&&!0===this.productSlider.destroyed&&this.initSwiper(),"row"!==this.layout&&!this.productSlider&&this.pageIndex-2<this.mainSliderIndex&&this.initSwiper(),this.pageIndex-2<this.mainSliderIndex&&"carousel"===this.thumbnailLayout&&!this.thumbnailCarousel&&this.initThumbnailCarousel(),this.pageIndex!==this.mainSliderIndex&&"row"!==this.layout&&this.el.querySelectorAll(".thumbnail .thumbnail-video-wrap").forEach((t=>this.pauseVideo(t)))}componentShouldUpdate(t,i,e){t!==i&&"thumbnailUrl"===e&&(this.productSlider.destroy(),null!==this.additionalProductSlider&&this.additionalProductSlider.destroy(),this.activeProductIndex=0),"isMobile"===e&&this.productSlider.destroy(),"isMobile"===e&&null!==this.additionalProductSlider&&this.additionalProductSlider.destroy()}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_layout,this.productsLayout=this.appState.settings.highlight_products_layout,this.unsubscribe=this.appStore.subscribe((()=>{this.layout=this.appState.settings.highlight_layout,this.productsLayout=this.appState.settings.highlight_products_layout,this.appState=this.appStore.getState()}))}initSwiper(){if(void 0===this.productLinks)return!0;if(this.productLinks.length<2)return!0;if("layout-3"===this.productsLayout&&this.productLinks.length<3&&!this.isMobile)return!0;if("layout-4"===this.productsLayout&&this.productLinks.length<4&&!this.isMobile)return!0;const t=this.el.querySelector(".product .slider"),i=this.el.querySelector(".product .slider-control.prev"),e=this.el.querySelector(".product .slider-control.next"),o={enabled:!0,prevSlideMessage:"Previous product",nextSlideMessage:"Next product",containerMessage:"Product slider",containerRoleDescriptionMessage:"Product slider",paginationBulletMessage:"Goto product #{{index}}",slideRole:"group",slideLabelMessage:"Product item {{index}}/{{slidesLength}}"};if(this.isMobile&&"zigzag"===this.layout)return this.productSlider=new u(t,{modules:[g],slidesPerView:1,loop:!1,on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:8});if("layout-1"===this.productsLayout){const a=this.el.querySelector(".product .pagination");return this.productSlider=new u(t,{modules:[x,m,v,g],slidesPerView:1,effect:this.isMobile?null:"fade",fadeEffect:{crossFade:!this.isMobile},loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:this.isMobile?8:0})}if("layout-2"===this.productsLayout){const a=this.el.querySelector(".product .pagination"),s=this.el.querySelector(".product .slider-description");return this.additionalProductSlider=this.isMobile?null:new u(s,{modules:[x,m,v,g],on:{init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,effect:"fade",fadeEffect:{crossFade:!0},slidesPerView:1,loop:!0,navigation:{nextEl:i,prevEl:e},pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:16}),this.productSlider=new u(t,{modules:[x,m,v,g],slidesPerView:1,effect:this.isMobile?null:"fade",fadeEffect:{crossFade:!this.isMobile},loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:this.isMobile?8:16})}return"layout-3"===this.productsLayout?this.productSlider=new u(t,{modules:[x,g],slidesPerView:this.isMobile?1:2,effect:null,loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:this.isMobile?8:16}):"layout-4"===this.productsLayout?void 0===this.productLinks?null:this.productSlider=new u(t,{modules:[x,g],slidesPerView:this.isMobile?1:3,effect:null,loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:this.isMobile?8:16}):null}initThumbnailCarousel(){if(this.thumbnailCarouselImages.length<2)return!0;const t=this.el.querySelector(".thumbnail .swiper"),i=this.el.querySelector(".thumbnail .thumbnail-pagination");return this.thumbnailCarousel=new u(t,{modules:[m,v,g],slidesPerView:1,effect:"fade",fadeEffect:{crossFade:!0},pagination:{el:i,clickable:!0,modifierClass:"thumbnail-pagination-"},on:{slideChange:t=>this.onChangeActiveThumbnail(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:{enabled:!0,prevSlideMessage:"Previous thumbnail item",nextSlideMessage:"Next thumbnail item",containerMessage:"Thumbnail slider",containerRoleDescriptionMessage:"Thumbnail slider",paginationBulletMessage:"Goto thumbnail slide #{{index}}",slideRole:"group",slideLabelMessage:"Thumbnail item {{index}}/{{slidesLength}}"}})}pauseVideo(t){t.querySelector("video").pause(),t.classList.remove("playing")}playVideo(t){const i=t.querySelector("video");let e=i.play();null!==e&&e.catch((()=>{i.play()})),t.classList.add("playing")}onChangeActiveProduct(t){if(this.activeProductIndex===t.realIndex)return!0;this.activeProductIndex=t.realIndex}onChangeActiveThumbnail(t){t.el.querySelectorAll(".thumbnail-video-wrap").forEach((t=>this.pauseVideo(t)));const i=t.slides[t.activeIndex].querySelector(".thumbnail-video-wrap");return i&&this.playVideo(i),this.hideHotspots=0!==t.realIndex}checkIsPageLoaded(){this.isMediaLoaded()&&(this.isPageLoaded=!0,this.el.setAttribute("data-loaded","true"),this.el.dispatchEvent(l("pageLoaded")))}isMediaLoaded(){return!this.el.querySelector('.thumbnail[is-loading], .product .swiper-slide:not([aria-hidden="true"]) .img-wrap[is-loading]')}carouselImgAltTag(t,i,e,o){return t&&null!==t?t:`${i} slide ${e+1}/${o}`}renderUserAndDate(){const t=null!==this.caption&&"text"===this.thumbnailLayout?"text-review":"",i=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e(s,null,e("h3",{class:`username ${this.reverseClass} ${t} ${i}`},this.userName),this.userName&&this.createdTime&&e("span",{class:`slash ${this.reverseClass} ${t} ${i}`},"/"),e("span",{class:`created-time ${this.reverseClass} ${t} ${i}`},b(this.createdTime)))}renderReview(){const t=null!==this.caption&&"text"===this.thumbnailLayout?"text-review":"",i=null!==this.caption&&"text"!==this.thumbnailLayout?"review":"",o=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e("div",{class:`caption ${this.layout} ${this.productsLayout} ${this.reverseClass} ${t} ${o} ${"video"===this.thumbnailLayout?"video":""} ${i}`},this.rating>0&&e("covet-pics-star-rating",{rating:this.rating,starSize:14,spaceStars:14,emptyStarColor:"#C1C1C1",class:"position-star",showLabel:!1}),e("p",{class:`caption-text ${this.layout} ${this.productsLayout} ${t} ${o}`},this.caption),e("div",{class:`bottom ${this.layout} ${this.reverseClass} ${t} ${o} ${i}`},this.renderUserAndDate()))}renderStarOnlyReview(){const t=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e("div",{class:`caption ${this.layout} ${this.productsLayout} ${t}`},e("covet-pics-star-rating",{rating:this.rating,starSize:16,spaceStars:16,emptyStarColor:"#C1C1C1",class:`position-star ${t}`,showLabel:!1}),e("p",{class:`caption-text ${this.layout} ${this.productsLayout} ${t}`},this.caption),e("div",{class:`bottom ${this.layout} ${t}`},this.renderUserAndDate()))}renderStandardThumbnail(){const t=null===this.caption&&"text"===this.thumbnailLayout,i=!(null===this.caption||0===this.caption.length)&&(this.appState.settings.show_review&&"text"!==this.thumbnailLayout||"text"===this.thumbnailLayout),o="row"===this.layout||this.appState.settings.hotspots.enabled;return e("div",{class:`thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`,"is-loading":"image"===this.thumbnailLayout||"video"===this.thumbnailLayout},"image"===this.thumbnailLayout&&e("img",{alt:this.thumbnailAlt,class:"img-cover",onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,src:this.pageIndex-2<this.mainSliderIndex?this.thumbnailUrl:null}),"video"===this.thumbnailLayout&&e("div",{class:"thumbnail-video-wrap"},e("video",{playsinline:!0,loop:!0,class:"thumbnail-video img-contain",onCanPlay:this.mediaLoadedHandler,poster:this.videoPoster,title:this.thumbnailAlt},e("source",{src:this.videoUrl,type:"video/mp4",onError:this.mediaLoadedHandler})),e("button",{type:"button",class:"thumbnail-video-play",onClick:this.playPauseVideoClickHandler}),e("button",{type:"button",class:"thumbnail-video-pause",onClick:this.playPauseVideoClickHandler})),i&&this.renderReview(),t&&this.renderStarOnlyReview(),o&&"spotlight"!==this.layout&&e("covet-pics-highlighted-hotspots",{links:this.productLinks,hoverHotspot:this.hoverHotspot,activeHotspot:this.activeProductIndex,thumbnailUrl:this.thumbnailUrl,isMobile:this.isMobile,productBaseImgAlt:this.productBaseImgAlt,pageId:this.pageId,appStore:this.appStore}),!this.appState.settings.hide_branding&&e("a",{class:"covet-branding",href:`https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`,target:"_blank",rel:"noopener",tabindex:"0","aria-label":"Covet.pics logo link"}))}renderCarouselThumbnail(){var t;const i=!(null===this.caption||0===this.caption.length)&&this.appState.settings.show_review&&"text"!==this.thumbnailLayout,o=("row"===this.layout||this.appState.settings.hotspots.enabled)&&!this.hideHotspots&&"spotlight"!==this.layout;return e("div",{class:`thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`,"is-loading":["image","video"].includes(null===(t=this.thumbnailCarouselImages[0])||void 0===t?void 0:t.type)},e("div",{class:"thumbnail-carousel swiper",role:"region"},e("div",{class:"swiper-wrapper"},this.thumbnailCarouselImages&&this.thumbnailCarouselImages.map(((t,i)=>e("div",{class:"swiper-slide"},"image"===t.type&&e("div",{class:"thumbnail-slide-wrap"},e("img",{src:t.standard_resolution,alt:this.carouselImgAltTag(t.alt_tag,this.thumbnailAlt,i,this.thumbnailCarouselImages.length),onLoad:this.mediaLoadedHandler,onError:this.mediaLoadedHandler,class:"img-cover",loading:"lazy"})),"video"===t.type&&e("div",{class:"thumbnail-video-wrap"},e("video",{playsinline:!0,loop:!0,class:"thumbnail-video img-contain",onCanPlay:this.mediaLoadedHandler},e("source",{src:t.standard_resolution,type:"video/mp4",onError:this.mediaLoadedHandler})),e("button",{type:"button",class:"thumbnail-video-play",onClick:this.playPauseVideoClickHandler}),e("button",{type:"button",class:"thumbnail-video-pause",onClick:this.playPauseVideoClickHandler}))))),i&&this.renderReview())),o&&e("covet-pics-highlighted-hotspots",{links:this.productLinks,hoverHotspot:this.hoverHotspot,activeHotspot:this.activeProductIndex,thumbnailUrl:this.thumbnailUrl,productBaseImgAlt:this.productBaseImgAlt,isMobile:this.isMobile,pageId:this.pageId,appStore:this.appStore}),e("div",{class:"thumbnail-pagination"}),!this.appState.settings.hide_branding&&e("a",{class:"covet-branding",href:`https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`,target:"_blank",rel:"noopener",tabindex:"0","aria-label":"Covet.pics logo link"}))}renderControlIcon(t,i){return"bracket"===t?e("svg",{width:"48px",height:"48px",viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},"next"===i?e("g",{transform:"translate(-132.000000, -1128.000000)"},e("g",{transform:"translate(0.000000, 768.000000)"},e("g",{transform:"translate(132.000000, 360.000000)"},e("rect",{x:"0",y:"0",width:"48",height:"48"}),e("polygon",{fill:"var(--covet-pics-highlighted-primary-color)","fill-rule":"nonzero",points:"14.9638554 24 34 4.49382716 33.5180723 4 14 24 33.5180723 44 34 43.5061728"})))):e("g",{transform:"translate(-1240.000000, -360.000000)"},e("g",{transform:"translate(1264.000000, 384.000000) scale(-1, 1) translate(-1264.000000, -384.000000) translate(1240.000000, 360.000000)"},e("rect",{x:"0",y:"0",width:"48",height:"48"}),e("polygon",{fill:"var(--covet-pics-highlighted-primary-color)","fill-rule":"nonzero",points:"14.9638554 24 34 4.49382716 33.5180723 4 14 24 33.5180723 44 34 43.5061728"}))))):"big-arrow"===t?e("svg","next"===i?{class:"icon-arrow",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"}:{class:"icon-arrow rotate",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M18.839 11L10 19.839l8.839 8.839.707-.707-7.681-7.683h19.224v-1H11.965l7.58-7.58L18.84 11z","fill-rule":"nonzero"})):"arrow"===t?e("svg","next"===i?{class:"icon-arrow",viewBox:"0 0 13 8",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"}:{class:"icon-arrow rotate",viewBox:"0 0 13 8",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z","fill-rule":"nonzero"})):null}productImgAltTag(t,i,e){return t.title?`${t.title} product-slide ${i+1}/${e} ${this.productBaseImgAlt}`:`product-slide ${i+1}/${e} ${this.productBaseImgAlt}`}renderSlider(){if(void 0===this.productLinks||0===this.productLinks.length)return null;let t="arrow";"layout-3"===this.productsLayout&&(t="big-arrow"),"layout-4"===this.productsLayout&&(t="bracket");const i=`slides-count-${this.productLinks.length>2?3:this.productLinks.length}`,o=1===this.productLinks.length&&"slider"===this.layout?"no-pagination":"";let a=this.productLinks.length>1;return"layout-3"===this.productsLayout&&this.productLinks.length<3&&(a=!1),"layout-4"===this.productsLayout&&this.productLinks.length<4&&!this.isMobile&&(a=!1),e("div",{class:`product ${this.productsLayout} ${this.reverseClass} ${i}`},!this.appState.settings.popup_products_title_disabled&&e("h2",{class:`main-title ${this.productsLayout}`},this.appState.settings.popup_products_title),e("section",{class:`slider swiper ${this.productsLayout} ${this.productLinks.length>1?"active":"disabled"} ${i}`},e("div",{class:"swiper-wrapper"},this.productLinks&&this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap ${this.productsLayout}`,"is-loading":!0},e("img",{class:"img-contain",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler})),e("p",{class:`title ${this.productsLayout} ${this.reverseClass} ${this.appState.settings.show_price?"":"price-hidden"}`},t.title),this.appState.settings.show_price&&t.prices&&t.prices.price_label&&e("p",{class:`price ${this.productsLayout} ${this.reverseClass}`,innerHTML:t.prices.price_label})),e("button",{class:`btn-buy ${this.productsLayout} ${this.reverseClass} ${o}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption)))))),a&&e("div",{class:`nav ${this.productsLayout} ${this.reverseClass}`},e("button",{class:`${this.productsLayout} slider-control ${"layout-3"!==this.productsLayout?"small":""} next`,type:"button"},this.renderControlIcon(t,"next")),e("div",{class:"pagination"}),e("button",{class:`${this.productsLayout} slider-control ${"layout-3"!==this.productsLayout?"small":""} prev`,type:"button"},this.renderControlIcon(t,"prev"))))}renderBottomSlider(){if(void 0===this.productLinks||0===this.productLinks.length)return null;const t=1===this.productLinks.length&&"slider"===this.layout?"no-pagination":"";return e("div",{class:`product ${this.productsLayout}`},e("section",{class:`slider swiper ${this.productsLayout} ${this.productLinks.length>1?"active":"disabled"}`,role:"region","aria-label":"product thumbnail image preview for product slider"},e("div",{class:"swiper-wrapper"},this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide"},e("a",{href:t.link,class:"product-link height-full","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap ${this.productsLayout}`,"is-loading":!0},e("img",{class:"img-contain",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler})))))))),e("div",{class:"description"},e("section",{class:"slider-description swiper "+(this.productLinks.length>1?"active":"disabled")},e("div",{class:"swiper-wrapper"},this.productLinks.map((i=>e("div",{class:"swiper-slide"},e("a",{href:i.link,class:"product-link","aria-label":`product ${i.title?i.title:""}`,"data-ga-campaign":i.title,"data-link-id":i.id,onClick:this.productBuyClickHandler},!this.appState.settings.popup_products_title_disabled&&e("h2",{class:`main-title ${this.productsLayout}`},this.appState.settings.popup_products_title),e("p",{class:`title ${this.productsLayout} ${this.appState.settings.show_price?"":"price-hidden"}`},i.title),this.appState.settings.show_price&&i.prices&&i.prices.price_label&&e("p",{class:`price ${this.productsLayout}`,innerHTML:i.prices.price_label})),e("button",{class:`btn-buy ${this.productsLayout} ${t}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption)))))),this.productLinks.length>1&&e("div",{class:`nav ${this.productsLayout} nav`},e("button",{class:`${this.productsLayout} slider-control next small`,"aria-label":"slider-control prev",type:"button"},this.renderControlIcon("arrow","next")),e("div",{class:"pagination"}),e("button",{class:`${this.productsLayout} slider-control prev small`,"aria-label":"slider-control next",type:"button"},this.renderControlIcon("arrow","prev")))))}renderMobileSlider(){return void 0===this.productLinks||0===this.productLinks.length?null:e("div",{class:`product mobile ${this.layout} ${this.productsLayout} ${1===this.productLinks.length?"slider-no-active":""}`},e("section",{class:`slider mobile swiper ${this.productsLayout}`,role:"region","aria-label":"product slider"},e("div",{class:"swiper-wrapper"},this.productLinks&&this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide mobile"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap mobile ${this.productsLayout} `,"is-loading":!0},e("img",{class:"img-cover",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler}))),e("div",{class:"description mobile"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("p",{class:`title mobile ${this.productsLayout} ${this.reverseClass}`},t.title),t.prices&&t.prices.price_label&&e("p",{class:`price mobile ${this.productsLayout} ${this.reverseClass}`,innerHTML:t.prices.price_label})),e("button",{class:`btn-buy mobile ${this.productsLayout} ${this.reverseClass}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption))))))))}render(){return e(o,{key:"6bc7cc10972a2704536ff689ce4ce6aeec7d5fd6",class:"page",role:"group","aria-label":this.ariaLabel},"carousel"===this.thumbnailLayout?this.renderCarouselThumbnail():this.renderStandardThumbnail(),"row"!==this.layout&&!this.isMobile&&e("div",{key:"e849917397fb2a98b787adf804003226107427f3",class:`products ${this.layout} ${this.productsLayout} ${this.reverseClass}`},"layout-2"===this.productsLayout?this.renderBottomSlider():this.renderSlider()),this.isMobile&&e("div",{key:"87a9d5a6f6a0fc5b8a5a25fc23dfb192369504ed",class:`products ${this.layout} ${this.productsLayout} ${this.reverseClass}`},this.renderMobileSlider()))}get el(){return a(this)}};$.style=".thumbnail{display:flex;width:50%;height:100%;position:relative;overflow:hidden}.thumbnail[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);animation:pulsate 2s ease-in-out infinite}.thumbnail.spotlight{width:100%;height:60%;overflow:hidden}@media only screen and (max-width: 799.98px){.thumbnail.spotlight{width:100%;height:calc(100vh - 186px);height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100 - 186px)}}.thumbnail.reverse{order:2}@media only screen and (max-width: 799.98px){.thumbnail.zigzag{width:100%;height:auto}}.thumbnail.zigzag.layout-3{width:50%;height:100%}@media only screen and (max-width: 799.98px){.thumbnail.zigzag.layout-3{width:100%;height:auto}}.thumbnail.zigzag.layout-3.reverse{width:50%;height:100%}@media only screen and (max-width: 799.98px){.thumbnail.zigzag.layout-3.reverse{width:100%;height:auto}}.thumbnail.row{width:100%}.thumbnail.slider{overflow:hidden}@media only screen and (max-width: 799.98px){.thumbnail.slider{width:100%;height:calc(100% - 186px)}}.thumbnail.slider:after{display:none}.thumbnail-carousel{width:100%;height:100%;overflow:hidden}.thumbnail-slide-wrap{width:100%;height:100%;display:flex;justify-content:center}.thumbnail-video-wrap{width:100%;height:100%;display:flex;justify-content:center;position:relative}.thumbnail-video-wrap .thumbnail-video-pause{display:none}.thumbnail-video-wrap.playing .thumbnail-video-play{display:none}.thumbnail-video-wrap.playing .thumbnail-video-pause{display:block}.thumbnail-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;transition:transform 0.25s ease}.thumbnail-video-play:hover,.thumbnail-video-play:active,.thumbnail-video-play:focus{transform:translate(-50%, -50%) scale(1.1)}.thumbnail-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;transition:transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.thumbnail-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(-100% - 3px), -50%)}.thumbnail-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(100% + 3px), -50%)}.thumbnail-video-pause:hover,.thumbnail-video-pause:active,.thumbnail-video-pause:focus{transform:translate(-50%, -50%) scale(1.1);opacity:1}.caption{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:absolute;width:100%;height:60%;bottom:0;left:0;box-sizing:border-box;padding-top:60px;padding-left:60px;padding-right:60px}.caption:before{content:\"\";display:block;position:absolute;width:100%;height:100%;left:0;bottom:0;background:linear-gradient(0deg, rgba(5, 5, 5, 0.7833727241) 0%, rgba(255, 255, 255, 0) 100%)}.caption .position-star{position:relative;z-index:1}.caption.slider.layout-3{align-items:flex-start;padding-right:100px;padding-bottom:20px}@media only screen and (max-width: 799.98px){.caption.slider.layout-3{padding-right:30px;padding-left:30px}}.caption.slider.text-review{justify-content:space-between;align-items:center;padding-top:40px;height:100%}.caption.slider.text-review::before{background:#EEEEEE}.caption.zigzag.layout-3{align-items:flex-start;padding-right:100px;padding-bottom:20px}@media only screen and (max-width: 799.98px){.caption.zigzag.layout-3{padding-right:30px;padding-left:30px}}.caption.layout-3.reverse{align-items:flex-end;padding-left:100px;padding-right:60px;padding-bottom:20px}.caption.row{justify-content:flex-start;height:45%;padding-left:30px;padding-right:30px}.caption.spotlight.layout-4{top:0;height:50%;align-items:center;justify-content:flex-start;padding-top:20px;padding-bottom:10px}.caption.spotlight.layout-4:before{background:linear-gradient(180deg, rgba(5, 5, 5, 0.7833727241) 0%, rgba(255, 255, 255, 0) 100%)}@media only screen and (max-width: 799.98px){.caption.spotlight.layout-4{padding-right:30px;padding-left:30px}}.caption.spotlight.text-review{top:0;height:100%;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:60px}.caption.spotlight.text-review:before{background:#EEEEEE}@media only screen and (max-width: 799.98px){.caption.spotlight.text-review{height:100%;padding-bottom:10px}}.caption.zigzag.text-review{position:relative;justify-content:space-between;align-items:center;padding-top:40px;height:100%}@media only screen and (max-width: 799.98px){.caption.zigzag.text-review{height:65vh}}.caption.zigzag.text-review:before{background:#EEEEEE}.caption.row.text-review{position:relative;justify-content:space-between;align-items:center;padding-top:40px;height:100%}@media only screen and (max-width: 799.98px){.caption.row.text-review{height:90vh}}.caption.row.text-review:before{background:#EEEEEE}.caption.video{padding-top:40px;height:calc(50% - 50px)}.caption.video:before{background:linear-gradient(0deg, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.7833727241) 66%, rgba(1, 1, 1, 0.6853335084) 74%, rgba(2, 2, 2, 0.5144651611) 83%, rgba(5, 5, 5, 0) 100%)}.caption.spotlight.video{padding-top:20px;height:calc(50% - 50px)}.caption.spotlight.video:before{background:linear-gradient(180deg, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.7833727241) 66%, rgba(1, 1, 1, 0.6853335084) 74%, rgba(2, 2, 2, 0.5144651611) 83%, rgba(5, 5, 5, 0) 100%)}.caption.slider.star-only{bottom:0;height:50%;align-items:center;justify-content:flex-start;padding-top:0}.caption.slider.star-only:before{height:200%;background:#EEEEEE}.caption.zigzag.star-only{bottom:0;height:50%;align-items:center;justify-content:center;padding-top:0}.caption.zigzag.star-only:before{height:200%;background:#EEEEEE}.caption.row.star-only{bottom:0;height:50%;align-items:center;justify-content:center;padding-top:0}.caption.row.star-only:before{height:200%;background:#EEEEEE}.caption.spotlight.star-only{align-items:center;justify-content:center;height:100%}.caption.spotlight.star-only:before{background:#EEEEEE}.caption .caption-text{position:relative;text-align:center;overflow:auto;z-index:1;margin-top:10px;font-size:14px;color:#ffffff;padding-right:13px}.caption .caption-text.layout-3{text-align:start}.caption .caption-text.row.layout-3{text-align:center}.caption .caption-text.spotlight.layout-4{width:70%;text-align:center}.caption .caption-text.text-review{width:80%;color:#101010;text-align:center}.caption .bottom{display:flex;justify-content:center;padding-bottom:30px;position:relative;z-index:1;color:#ffffff}.caption .bottom.text-review{color:#101010;margin-top:0}.caption .bottom.row.review{margin-top:auto}.caption .bottom.zigzag.star-only{margin-top:auto;color:#101010}.caption .bottom.row.star-only{margin-top:auto;color:#101010}.caption .bottom.slider.star-only{margin-top:auto;color:#101010}.caption .username{font-size:12px;font-weight:600;margin-bottom:0;color:#ffffff}.caption .username.text-review{color:#101010}.caption .username.star-only{color:#101010;font-weight:400}.caption .created-time{font-weight:600;font-size:12px}.caption .created-time.text-review{color:#101010}.caption .created-time.star-only{color:#101010;font-weight:400}.caption .slash{font-weight:600;font-size:12px}.caption .slash.text-review{color:#101010}.caption .slash.star-only{color:#101010;font-weight:400}.thumbnail-pagination-bullets{position:absolute;bottom:16px;right:16px;border-radius:2px;z-index:1;height:24px;padding-left:10px;padding-right:10px;display:flex;justify-content:center;align-items:center;background-color:#ffffff;width:auto;left:auto}@media only screen and (max-width: 799.98px){.thumbnail-pagination-bullets{bottom:auto;top:16px}}.thumbnail-pagination-bullets .swiper-pagination-bullet{border-radius:50%;width:6px;height:6px;margin-left:2px;margin-right:2px;background-color:#D0D0D0;opacity:1}.thumbnail-pagination-bullets .swiper-pagination-bullet:hover,.thumbnail-pagination-bullets .swiper-pagination-bullet:active,.thumbnail-pagination-bullets .swiper-pagination-bullet:focus,.thumbnail-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#101010}.covet-branding{position:absolute;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;z-index:1;bottom:-17px;left:-14px;width:76px;height:76px;transform:scale(0.5);outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}@media only screen and (max-width: 799.98px){.covet-branding{bottom:auto;top:-13px}}.products{position:relative;width:50%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:var(--covet-pics-highlighted-background-color)}.products.spotlight{width:100%;height:40%}@media only screen and (max-width: 799.98px){.products.spotlight{width:100%;height:186px;padding:0 24px 24px 24px;align-items:flex-start}}.products.zigzag{height:auto}@media only screen and (max-width: 799.98px){.products.zigzag{width:100%;padding:0 24px 24px 24px}}.products.zigzag.layout-3{width:50%;height:100%}@media only screen and (max-width: 799.98px){.products.zigzag.layout-3{width:100%;height:auto}}.products.zigzag.layout-3.reverse{width:50%;height:100%}@media only screen and (max-width: 799.98px){.products.zigzag.layout-3.reverse{width:100%;height:auto}}@media only screen and (max-width: 799.98px){.products.slider{width:100%;height:186px;padding:0 24px 24px 24px;align-items:flex-start}}@media only screen and (max-width: 799.98px){.products.slider.layout-2{padding:0 24px 24px 24px}}@media only screen and (max-width: 799.98px){.products.row{display:none}}.products.layout-1{padding:32px}@media only screen and (max-width: 799.98px){.products.layout-1{padding:0 24px 24px 24px}}.products.layout-2{align-items:flex-end;padding:0 20px 40px 40px;justify-content:flex-start}.products.layout-2.reverse{padding:0 20px 40px 40px}@media only screen and (max-width: 1279.98px){.products.layout-2{padding:0 10px 20px 20px}.products.layout-2.reverse{padding:0 10px 20px 20px}}@media only screen and (max-width: 799.98px){.products.layout-2{align-items:flex-start;padding:0 24px 24px 24px}}.products.layout-3{justify-content:flex-start}.products.layout-3.reverse{justify-content:flex-end}@media only screen and (max-width: 799.98px){.products.layout-3{align-items:flex-start}}.products.layout-4{justify-content:center;align-items:flex-start;padding:0 80px}@media only screen and (max-width: 799.98px){.products.layout-4{padding:0 24px 24px 24px}}.products.reverse{order:1}.product{z-index:1}.product .swiper-slide .img-wrap{transition:all 0.4s ease;transform-origin:50% 50%;will-change:transform}.product .swiper-slide:hover .img-wrap{transform:scale(0.95)}.product.layout-1{max-width:320px;width:100%}@media only screen and (max-width: 799.98px){.product.layout-1{max-width:none}}.product.layout-2{display:flex;align-items:center;max-width:504px;width:100%;justify-content:space-between;box-sizing:border-box}@media only screen and (max-width: 799.98px){.product.layout-2{max-width:none;width:100%}}.product.layout-2:hover .img-wrap{transform:scale(0.95)}.product.layout-3{width:100%;max-width:576px;margin-top:130px;position:relative;transform:translateX(-80px)}.product.layout-3.reverse{transform:translateX(80px)}@media only screen and (max-width: 799.98px){.product.layout-3{margin-top:0;max-width:none;width:100%}}.product.layout-3.slides-count-1{max-width:280px;width:calc((100% - 16px) / 2)}@media only screen and (max-width: 799.98px){.product.layout-3.slides-count-1{max-width:none;width:100%}}.product.layout-4{position:relative;transform:translateY(-80px);width:100%;max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4{max-width:none}}.product.layout-4.slides-count-1{max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4.slides-count-1{max-width:none}}.product.layout-4.slides-count-2{max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4.slides-count-2{max-width:none}}.product.mobile{width:100%}.product.mobile .swiper{overflow:visible !important}@media only screen and (max-width: 799.98px){.product.mobile{position:relative;transform:translateY(-16px)}}.product .product-link{text-decoration:none;outline:none !important;display:block}.product .product-link:hover,.product .product-link:active,.product .product-link:focus,.product .product-link.active{text-decoration:none}.product .product-link.height-full{height:100%}.product .main-title{font-size:20px;color:var(--covet-pics-highlighted-primary-color);line-height:1;margin-bottom:24px;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.product .main-title.layout-1{width:100%}.product .main-title.layout-2{text-align:left;width:100%}.product .main-title.layout-3,.product .main-title.layout-4{display:none}.product .slider{width:320px}.product .slider.layout-1{width:100%}.product .slider.layout-2{width:calc((100% - 24px) / 2);margin-left:0;margin-right:auto;height:240px}@media only screen and (max-width: 1279.98px){.product .slider.layout-2{height:200px}}@media only screen and (max-width: 799.98px){.product .slider.layout-2{margin-right:0;height:auto}}.product .slider.layout-3{width:100%}.product .slider.layout-3.slides-count-2{display:flex}.product .slider.layout-3.slides-count-2 .swiper-slide{width:50%}.product .slider.layout-4.slides-count-1{width:calc((100% - 32px) / 3)}.product .slider.layout-4.slides-count-2{width:calc((100% - 32px) * 2 / 3 + 16px)}.product .slider.layout-4.slides-count-2 .swiper-wrapper{justify-content:space-between}.product .slider.layout-4.slides-count-2 .swiper-slide{width:calc((100% - 16px) / 2)}.product .slider.layout-4.slides-count-3{width:100%}.product .slider.layout-4.slides-count-3 .swiper-wrapper{justify-content:space-between}.product .slider.layout-4.slides-count-3 .swiper-slide{width:calc((100% - 32px) / 3)}.product .slider.mobile{height:136px;width:100%;border-radius:2px;overflow:hidden}.product .description{box-sizing:border-box;width:calc((100% - 24px) / 2)}.product .description.mobile{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 88px - 16px)}.product .slider-description{width:100%}.product .slider-description.disabled{height:100%}.product .swiper-slide{height:100%}.product .swiper-slide.mobile{display:flex;box-sizing:border-box;width:100%;padding:24px;background-color:white;border-radius:2px;box-shadow:4px 8px 24px 0px rgba(132, 132, 132, 0.2)}.product .swiper-slide.swiper-slide-duplicate .img-wrap{background-image:none;animation:none}.product .swiper-slide.swiper-slide-duplicate .img-wrap[is-loading] img{opacity:1}.product .img-wrap{display:flex;width:320px;height:320px;margin-bottom:16px;box-sizing:border-box;position:relative}.product .img-wrap:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%;position:absolute}.product .img-wrap[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);animation:pulsate 2s ease-in-out infinite}.product .img-wrap[is-loading] img{opacity:0}.product .img-wrap[not-loaded]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB)}.product .img-wrap[not-loaded] img{opacity:0}.product .img-wrap.layout-1{width:320px;height:320px}@media only screen and (max-width: 1279.98px){.product .img-wrap.layout-1{width:100%}}.product .img-wrap.layout-2{width:100%;height:100%;margin-bottom:0}.product .img-wrap.layout-3{height:280px;width:100%;margin-bottom:40px}.product .img-wrap.layout-4{height:200px;width:100%}.product .img-wrap.mobile{width:88px;height:88px;flex:none;margin-right:16px;margin-bottom:0}.product .img-cover{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.product .img-contain{-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}.product .title{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-secondary-color);margin-bottom:8px;line-height:18px;width:240px;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .title.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .title.layout-1{max-width:none}}.product .title.layout-2{text-align:left;width:100%}.product .title.layout-3{display:block;margin-left:auto;margin-right:0;width:57.1428571429%;text-align:left}.product .title.layout-3.reverse{text-align:right;margin-left:0;margin-right:auto}.product .title.layout-4{width:100%;text-align:center}.product .title.price-hidden{margin-bottom:16px;line-height:44px}.product .title.mobile{text-align:left;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .price{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-primary-color);margin-bottom:16px;line-height:18px;width:240px;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .price.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .price.layout-1{max-width:none}}.product .price.layout-2{text-align:left;width:100%}.product .price.layout-3{display:block;margin-left:auto;margin-right:0;width:57.1428571429%;text-align:left}.product .price.layout-3.reverse{text-align:right;margin-left:0;margin-right:auto}.product .price.layout-4{width:100%;text-align:center}.product .price.mobile{text-align:left;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .btn-buy{font-family:var(--covet-font-family);display:block;line-height:1;padding:15px 15px;margin-left:auto;margin-right:auto;width:240px;font-size:12px;text-transform:uppercase;text-align:center;cursor:pointer;margin-bottom:8px;background-color:transparent;border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-primary-color);transition:all 0.4s ease;outline:none !important}.product .btn-buy:hover,.product .btn-buy:active,.product .btn-buy:focus,.product .btn-buy.active{border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-background-color);background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .btn-buy.layout-1{max-width:none}}.product .btn-buy.layout-1.no-pagination{margin-bottom:48px}.product .btn-buy.layout-2{width:100%}.product .btn-buy.layout-2.no-pagination{margin-bottom:48px}@media only screen and (max-width: 1279.98px){.product .btn-buy.layout-2.no-pagination{margin-bottom:32px}}.product .btn-buy.layout-3{margin-left:42.8571428571%;border:none;max-width:57.1428571429%;width:auto;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden}.product .btn-buy.layout-3:after{content:\"\";position:absolute;display:block;bottom:3px;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-3:hover,.product .btn-buy.layout-3:active,.product .btn-buy.layout-3:focus,.product .btn-buy.layout-3.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-3:hover:after,.product .btn-buy.layout-3:active:after,.product .btn-buy.layout-3:focus:after,.product .btn-buy.layout-3.active:after{transform:translateX(-50%);width:80%}.product .btn-buy.layout-3.reverse{margin-left:auto;margin-right:42.8571428571%}.product .btn-buy.layout-4{width:100%;text-align:center;border:none;max-width:100%;width:auto;margin-bottom:0;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden}.product .btn-buy.layout-4:after{content:\"\";position:absolute;display:block;bottom:3px;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-4:hover,.product .btn-buy.layout-4:active,.product .btn-buy.layout-4:focus,.product .btn-buy.layout-4.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-4:hover:after,.product .btn-buy.layout-4:active:after,.product .btn-buy.layout-4:focus:after,.product .btn-buy.layout-4.active:after{transform:translateX(-50%);width:80%}.product .btn-buy.mobile{max-width:100%;width:auto;margin-left:0;margin-bottom:0;font-size:14px;margin-top:auto;border:none;padding:0 0 8px 0;position:relative;overflow:hidden}.product .btn-buy.mobile:after{content:\"\";position:absolute;display:block;bottom:0;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.mobile:hover,.product .btn-buy.mobile:active,.product .btn-buy.mobile:focus,.product .btn-buy.mobile.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.mobile:hover:after,.product .btn-buy.mobile:active:after,.product .btn-buy.mobile:focus:after,.product .btn-buy.mobile.active:after{transform:translateX(-50%);width:80%}.product .nav{display:flex;justify-content:space-between;align-items:center;width:240px;margin-left:auto;margin-right:auto;padding:16px 0}.product .nav.layout-1{max-width:75%;width:100%}.product .nav.layout-2{width:100%}@media only screen and (max-width: 1279.98px){.product .nav.layout-2{padding:8px 0}}.product .nav.layout-3{position:absolute;width:90px;top:0;right:0;transform:translateY(calc(-100% - 24px));padding:0}.product .nav.layout-3.reverse{left:0;right:auto}.product .nav.layout-4{position:absolute;width:calc(100% + 64px + 96px);top:140px;left:50%;transform:translate(-50%, -50%)}.product .pagination-bullets{position:relative;padding:0;display:flex;justify-content:center;bottom:0}.product .pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;background:var(--covet-pics-highlighted-primary-color);opacity:0.2;margin:0 3px}.product .pagination-bullets .swiper-pagination-bullet:hover,.product .pagination-bullets .swiper-pagination-bullet:active,.product .pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.product .pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-highlighted-primary-color)}covet-pics-highlighted-page{width:100%;display:flex;height:100vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100);box-sizing:border-box;padding:var(--covet-pics-highlighted-padding)}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page{padding:0}}covet-pics-highlighted-page.spotlight{padding:0;flex-wrap:wrap;height:100%}covet-pics-highlighted-page.zigzag{position:relative}covet-pics-highlighted-page.zigzag:not(:first-of-type) .thumbnail .covet-branding{display:none}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.zigzag{height:auto;flex-wrap:wrap}}covet-pics-highlighted-page.row{height:calc(90vh - var(--covet-pics-highlighted-padding-px));height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 90 - var(--covet-pics-highlighted-padding-px));padding:0;width:100%}covet-pics-highlighted-page.row:not(:first-of-type) .thumbnail .covet-branding{display:none}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.row{width:100%;height:90vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 90)}}covet-pics-highlighted-page.slider{padding:0}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.slider{flex-wrap:wrap}}";export{y as covet_pics_highlighted_hotspots,$ as covet_pics_highlighted_page}

package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js

@@ -339,6 +339,15 @@ const CovetPicsHiglghtedHotspots = class {
         e.stopPropagation();
         return this.clearAllActiveHotspotContent();
     }
+    keydownHandler(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.key !== "Escape")
+            return;
+        if (!this.el.querySelector(".hotspot.show-content"))
+            return;
+        return this.clearAllActiveHotspotContent();
+    }
     clearAllActiveHotspot() {
         return this.el.querySelectorAll(".hotspot").forEach(link => {
             link.classList.remove("active");
@@ -375,10 +384,10 @@ const CovetPicsHiglghtedHotspots = class {
             : `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
     }
     render() {
-        return (h(Host, { key: 'ca23c8827046889c7f4545c9445c381ef586d648', class: "hotspots" }, this.links.map((link, index) => h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, "aria-label": `${link.title ? link.title : "product link"}` }, this.pageLayout === "row" &&
+        return (h(Host, { key: '5a83f4173aeefe26d2250717b60659e4071f9931', class: "hotspots" }, this.links.map((link, index) => h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onKeyDown: (e) => this.keydownHandler(e), "aria-label": `${link.title ? link.title : "Product link"}` }, this.pageLayout === "row" &&
             h("div", { class: "content", "aria-hidden": "true" }, h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
-                h("h3", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), h("div", { class: `img-wrap ${this.layout}` }, h("img", { src: link.image, alt: this.imgAlt(link, index, this.links.length), class: "img" })), h("div", { class: `description ${this.layout}` }, h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
-                h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), h("button", { class: `btn-buy ${this.layout}`, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
+                h("p", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), h("div", { class: `img-wrap ${this.layout}` }, h("img", { src: link.image, alt: this.imgAlt(link, index, this.links.length), class: "img" })), h("div", { class: `description ${this.layout}` }, h("p", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
+                h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), h("span", { class: `btn-buy ${this.layout}` }, this.appState.settings.popup_products_button_caption))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts

@@ -56,6 +56,7 @@ export declare class CovetPicsHiglghtedHotspots {
     private mouseClickHandler;
     private mouseEnterHandler;
     private mouseLeaveHandler;
+    private keydownHandler;
     private clearAllActiveHotspot;
     private clearAllActiveHotspotContent;
     private setActiveHotspot;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covet-pics/covet-pics-widget",
-  "version": "0.178.3",
+  "version": "0.178.4",
   "description": "Covet.pics Widget System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/covet-pics-widget/p-965f3aca.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Copyright by Space Squirrel Ltd.
- */
-import{r as t,c as i,h as e,H as o,g as a,F as s}from"./p-j4t9dBFC.js";import{b as n,s as r,d as l}from"./p-DEgZhBLj.js";import{b as h}from"./p-CeKs8AJm.js";import{s as d}from"./p-B2Dh8Prt.js";import{g as p,e as c,S as u,A as g,P as m}from"./p-D2gMHBRA.js";import{N as x}from"./p-Z1y7JFZT.js";import{f as b}from"./p-CnpZZF3m.js";import{s as w}from"./p-DaNqPZdj.js";function f(t,i){const e=p(i);return e!==i&&(e.style.backfaceVisibility="hidden",e.style["-webkit-backface-visibility"]="hidden"),e}function v({swiper:t,extendParams:i,on:e}){i({fadeEffect:{crossFade:!1}}),function(t){const{effect:i,swiper:e,on:o,setTranslate:a,setTransition:s,overwriteParams:n,perspective:r,recreateShadows:l,getEffectParams:h}=t;let d;o("beforeInit",(()=>{if(e.params.effect!==i)return;e.classNames.push(`${e.params.containerModifierClass}${i}`),r&&r()&&e.classNames.push(`${e.params.containerModifierClass}3d`);const t=n?n():{};Object.assign(e.params,t),Object.assign(e.originalParams,t)})),o("setTranslate _virtualUpdated",(()=>{e.params.effect===i&&a()})),o("setTransition",((t,o)=>{e.params.effect===i&&s(o)})),o("transitionEnd",(()=>{if(e.params.effect===i&&l){if(!h||!h().slideShadows)return;e.slides.forEach((t=>{t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((t=>t.remove()))})),l()}})),o("virtualUpdate",(()=>{e.params.effect===i&&(e.slides.length||(d=!0),requestAnimationFrame((()=>{d&&e.slides&&e.slides.length&&(a(),d=!1)})))}))}({effect:"fade",swiper:t,on:e,setTranslate:()=>{const{slides:i}=t;for(let e=0;e<i.length;e+=1){const i=t.slides[e];let o=-i.swiperSlideOffset;t.params.virtualTranslate||(o-=t.translate);let a=0;t.isHorizontal()||(a=o,o=0);const s=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(i.progress),0):1+Math.min(Math.max(i.progress,-1),0),n=f(0,i);n.style.opacity=s,n.style.transform=`translate3d(${o}px, ${a}px, 0px)`}},setTransition:i=>{const e=t.slides.map((t=>p(t)));e.forEach((t=>{t.style.transitionDuration=`${i}ms`})),function({swiper:t,duration:i,transformElements:e}){if(t.params.virtualTranslate&&0!==i){let i,o=!1;i=e,i.forEach((i=>{c(i,(()=>{if(o)return;if(!t||t.destroyed)return;o=!0,t.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});t.wrapperEl.dispatchEvent(i)}))}))}}({swiper:t,duration:i,transformElements:e,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})}const y=class{constructor(e){t(this,e),this.changeActiveHotspot=i(this,"changeActiveHotspot",7),this.links=[],this.activeHotspot=0,this.hoverHotspot=-1}refreshHotspot(t,i){t!==i&&(this.clearAllActiveHotspot(),this.clearAllActiveHotspotContent(),"row"===this.pageLayout&&this.setPositionAllHotspotContent())}activeHotspotHandler(t,i){if(t===i)return!0;this.setActiveHotspot(t)}componentWillLoad(){this.initStore()}componentDidLoad(){"row"===this.pageLayout&&this.setPositionAllHotspotContent()}componentDidRender(){"row"!==this.pageLayout&&this.setActiveHotspot(this.activeHotspot)}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_hotspots_layout,this.pageLayout=this.appState.settings.highlight_layout,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_hotspots_layout,this.pageLayout=this.appState.settings.highlight_layout}))}getPositionForLink(t){return{left:(100*Number(t.position_x)).toString()+"%",top:(100*Number(t.position_y)).toString()+"%"}}setPositionForLinkContent(t){const i=t.parentElement,e=t.querySelector(".content"),o=n(t,"width"),a=n(t,"x")-n(i,"x")+o/2,s=n(i,"x"),r=n(i,"y"),l=n(i,"x")+n(i,"width"),h=n(i,"y")+n(i,"height"),d=o/2+8,p=s-(n(t,"x")+o/2-n(e,"width")/2),c=n(t,"x")+o/2+n(e,"width")/2-l,u=s-(n(t,"x")-8-n(e,"width")),g=n(t,"x")+o+8+n(e,"width")-l,m=r-(n(t,"y")-8-n(e,"height")),x=n(t,"y")+o+8+n(e,"height")-h,b=n(e,"height")+16<n(i,"height");return x<0&&p<0&&c<0?(e.style.transform=`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px)`,e):x<0?(e.style.transform=a<n(i,"width")/2?`translate(calc(-50% + ${p+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(calc(-50% - ${c+8}px), calc(-50% + ${n(e,"height")/2+d}px)`,e):x>0&&u<0&&g<0&&b?(e.style.transform=a<n(i,"width")/2?`translate(calc(-50% + ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`:`translate(calc(-50% - ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&u<0&&b?(e.style.transform=`translate(calc(-50% - ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&g<0&&b?(e.style.transform=`translate(calc(-50% + ${n(e,"width")/2+d}px), calc(-50% + ${n(e,"height")/2+d-8}px - ${x}px)`,e):x>0&&u>0&&g>0&&m<0?(e.style.transform=`translate(-50%, calc(-50% - ${n(e,"height")/2+8}px)`,a<n(i,"width")/2&&u&&(e.style.transform=`translate(calc(-50% + ${p+8}px), calc(-50% - ${n(e,"height")/2+d}px)`),a>n(i,"width")/2&&g&&(e.style.transform=`translate(calc(-50% - ${c+8}px), calc(-50% - ${n(e,"height")/2+d}px)`),e):(e.style.transform=`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`,e.style.transform=a<n(i,"width")/2?p>0?`translate(calc(-50% + ${p+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`:c>0?`translate(calc(-50% - ${c+8}px), calc(-50% + ${n(e,"height")/2+d}px)`:`translate(-50%, calc(-50% + ${n(e,"height")/2+d}px`,e)}mouseClickHandler(t,i){if(this.isMobile&&"row"!==this.pageLayout&&i!==this.activeHotspot)return this.mouseEnterHandler(t,i);if(this.isMobile&&"row"===this.pageLayout&&!t.currentTarget.classList.contains("active"))return this.mouseEnterHandler(t,i);const e=t.currentTarget.getAttribute("data-ga-campaign");h(this.appState)&&r("Covet.pics Link Click","Covet.pics Popup","Covet.pics Link Click - "+e);const o=t.currentTarget.getAttribute("data-link-id");return d(this.appState,"grid_link_click",{gallery_item_id:this.pageId,product_id:o}),null}mouseEnterHandler(t,i){return t.preventDefault(),t.stopPropagation(),this.clearAllActiveHotspot(),this.setActiveHotspot(i),"row"===this.pageLayout&&this.setPositionForLinkContent(this.el.querySelectorAll(".hotspot")[i]),i!==this.activeHotspot&&this.changeActiveHotspot.emit(i),t.currentTarget.classList.add("active","show-content")}mouseLeaveHandler(t){return t.preventDefault(),t.stopPropagation(),this.clearAllActiveHotspotContent()}clearAllActiveHotspot(){return this.el.querySelectorAll(".hotspot").forEach((t=>{t.classList.remove("active")}))}clearAllActiveHotspotContent(){return this.el.querySelectorAll(".hotspot").forEach((t=>{this.setContentHidden(t,!0),t.classList.remove("show-content")}))}setActiveHotspot(t){if(this.el.querySelectorAll(".hotspot").length<t+1)return!0;this.clearAllActiveHotspot();const i=this.el.querySelectorAll(".hotspot")[t];return this.setContentHidden(i,!1),i.classList.add("active")}setContentHidden(t,i){const e=t.querySelector(".content");return null!==e&&e.setAttribute("aria-hidden",`${i}`)}setPositionAllHotspotContent(){const t=this.el.querySelectorAll(".hotspot");return t.forEach((t=>this.setPositionForLinkContent(t))),t.forEach((t=>this.setPositionForLinkContent(t)))}imgAlt(t,i,e){return t.title?`${t.title} product-slide ${i+1}/${e} ${this.productBaseImgAlt}`:`product-slide ${i+1}/${e} ${this.productBaseImgAlt}`}render(){return e(o,{key:"ca23c8827046889c7f4545c9445c381ef586d648",class:"hotspots"},this.links.map(((t,i)=>e("a",{href:t.link,class:`hotspot ${this.layout} ${this.hoverHotspot===i?"hover-animate":""}`,style:this.getPositionForLink(t),"data-ga-campaign":t.title,"data-link-id":t.id,onClick:t=>this.mouseClickHandler(t,i),onMouseEnter:t=>this.isMobile?null:this.mouseEnterHandler(t,i),onFocusin:t=>this.isMobile?null:this.mouseEnterHandler(t,i),onMouseLeave:t=>this.isMobile?null:this.mouseLeaveHandler(t),onFocusout:t=>this.isMobile?null:this.mouseLeaveHandler(t),"aria-label":`${t.title?t.title:"product link"}`},"row"===this.pageLayout&&e("div",{class:"content","aria-hidden":"true"},e("div",{class:`content-animation ${this.layout}`},"hotspot-tall"===this.layout&&e("h3",{class:`main-title ${this.layout}`},this.appState.settings.popup_products_title),e("div",{class:`img-wrap ${this.layout}`},e("img",{src:t.image,alt:this.imgAlt(t,i,this.links.length),class:"img"})),e("div",{class:`description ${this.layout}`},e("h4",{class:`title ${this.layout}`},t.title),t.prices&&t.prices.price_label&&e("p",{class:`price ${this.layout}`,innerHTML:t.prices.price_label}),e("button",{class:`btn-buy ${this.layout}`,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption))))))))}get el(){return a(this)}static get watchers(){return{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}}};y.style='.hotspots{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.hotspot{display:inline-block;width:48px;height:48px;border-radius:50%;position:absolute;outline:none !important;visibility:visible;pointer-events:initial}.hotspot:after{content:"";position:absolute;width:16px;height:16px;transition:all 0.2s ease-out;display:inline-block;left:50%;top:50%;transform:translate(-50%, -50%);background-color:var(--covet-pics-highlighted-hotspot-bg-color);border-radius:50%}.hotspot:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;will-change:transform;background-color:var(--covet-pics-highlighted-hotspot-bg-color);opacity:0.3}.hotspot.active:before{animation:pulsateZoom 1.2s ease-in-out infinite}.hotspot.active.show-content .content{z-index:1;visibility:visible}.hotspot.active.show-content .content-animation{opacity:1;transform:translateY(0)}.hotspot .content{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transform-origin:center center;z-index:-1;visibility:hidden}.hotspot .content-animation{display:block;height:100%;width:240px;transition:all 0.3s ease-out;position:relative;transform:translateY(8px);transform-origin:center center;padding:24px;background-color:var(--covet-pics-highlighted-background-color);box-sizing:border-box;overflow:hidden;border-radius:2px;box-shadow:4px 8px 24px 0px rgba(132, 132, 132, 0.2);opacity:0}.hotspot .content-animation.hotspot-short{width:320px;display:flex;justify-content:flex-start;padding:16px;border-radius:2px}.hotspot .description{display:block}.hotspot .description.hotspot-short{width:calc(100% - 32px - 16px);display:flex;flex-direction:column;justify-content:space-between}.hotspot .main-title{width:144px;text-align:center;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;line-height:22px;font-weight:400;color:var(--covet-pics-highlighted-primary-color);margin-bottom:16px;text-transform:uppercase}.hotspot .img-wrap{height:144px;width:144px;position:relative;display:flex;margin-left:auto;margin-right:auto;margin-bottom:16px;flex:none}.hotspot .img-wrap.hotspot-short{width:88px;height:88px;margin-right:16px;margin-bottom:0}.hotspot .img{width:100%;-o-object-fit:cover;object-fit:cover}.hotspot .title{width:100%;text-align:center;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;text-transform:uppercase;font-weight:400;line-height:19px;color:var(--covet-pics-highlighted-secondary-color);margin-bottom:8px}.hotspot .title.hotspot-short{font-size:14px;line-height:1;width:184px;text-align:left}.hotspot .price{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-primary-color);font-size:14px;line-height:19px;width:100%;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:16px}.hotspot .price.hotspot-short{margin-bottom:0;width:184px;text-align:left}.hotspot .btn-buy{font-family:var(--covet-font-family);display:block;line-height:1;padding:15px 15px;margin-left:auto;margin-right:auto;width:100%;font-size:12px;text-transform:uppercase;text-align:center;cursor:pointer;background-color:transparent;border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-primary-color);margin-bottom:0;transition:all 0.4s ease;outline:none !important}.hotspot .btn-buy:hover,.hotspot .btn-buy:active,.hotspot .btn-buy:focus,.hotspot .btn-buy.active{border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-background-color);background-color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short{margin-top:auto;border:none;width:auto;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden;margin-left:0}.hotspot .btn-buy.hotspot-short:after{content:"";position:absolute;display:block;bottom:0;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short:hover,.hotspot .btn-buy.hotspot-short:active,.hotspot .btn-buy.hotspot-short:focus,.hotspot .btn-buy.hotspot-short.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.hotspot .btn-buy.hotspot-short:hover:after,.hotspot .btn-buy.hotspot-short:active:after,.hotspot .btn-buy.hotspot-short:focus:after,.hotspot .btn-buy.hotspot-short.active:after{transform:translateX(-50%);width:80%}@keyframes pulsateZoom{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}';const $=class{constructor(i){t(this,i),this.ariaLabel=null,this.thumbnailLayout="image",this.reverseClass="",this.isMobile=!1,this.pageIndex=-1,this.caption="",this.rating=0,this.mainSliderIndex=0,this.isPageLoaded=!1,this.hideHotspots=!1,this.additionalProductSlider=null,this.activeProductIndex=0,this.hoverHotspot=0,this.playPauseVideoClickHandler=t=>{t.preventDefault(),t.stopPropagation();const i=t.currentTarget.parentElement;return i.classList.contains("playing")?this.pauseVideo(i):this.playVideo(i)},this.imageLoadedHandler=t=>{"error"===t.type&&(t.currentTarget.parentNode.setAttribute("not-loaded",""),t.currentTarget.removeAttribute("src")),t.currentTarget.parentNode.removeAttribute("is-loading"),this.isPageLoaded||this.checkIsPageLoaded()},this.mediaLoadedHandler=t=>{"error"===t.type&&(t.currentTarget.closest(".thumbnail").setAttribute("not-loaded",""),t.currentTarget.removeAttribute("src")),t.currentTarget.closest(".thumbnail").removeAttribute("is-loading"),this.isPageLoaded||this.checkIsPageLoaded()},this.btnBuyClickHandler=t=>t.currentTarget.previousSibling.click(),this.productBuyClickHandler=t=>{const i=t.currentTarget.getAttribute("data-ga-campaign");h(this.appState)&&r("Covet.pics Link Click","Covet.pics Popup","Covet.pics Link Click - "+i);const e=t.currentTarget.getAttribute("data-link-id");d(this.appState,"grid_link_click",{gallery_item_id:this.pageId,product_id:e})}}onChangeActiveHotspot(t){return null==t.detail||void 0===this.productSlider||"row"===this.layout||t.detail===this.productSlider.realIndex||(null===this.additionalProductSlider?this.productSlider.slideToLoop(t.detail):this.additionalProductSlider.slideToLoop(t.detail),this.productSlider.slideToLoop(t.detail))}componentWillLoad(){this.initStore()}componentDidRender(){this.checkIsPageLoaded()}componentDidLoad(){this.pageIndex-2<this.mainSliderIndex&&"row"!==this.layout&&this.initSwiper(),this.pageIndex-2<this.mainSliderIndex&&"carousel"===this.thumbnailLayout&&this.initThumbnailCarousel()}componentDidUpdate(){"row"!==this.layout&&this.productSlider&&!0===this.productSlider.destroyed&&this.initSwiper(),"row"!==this.layout&&!this.productSlider&&this.pageIndex-2<this.mainSliderIndex&&this.initSwiper(),this.pageIndex-2<this.mainSliderIndex&&"carousel"===this.thumbnailLayout&&!this.thumbnailCarousel&&this.initThumbnailCarousel(),this.pageIndex!==this.mainSliderIndex&&"row"!==this.layout&&this.el.querySelectorAll(".thumbnail .thumbnail-video-wrap").forEach((t=>this.pauseVideo(t)))}componentShouldUpdate(t,i,e){t!==i&&"thumbnailUrl"===e&&(this.productSlider.destroy(),null!==this.additionalProductSlider&&this.additionalProductSlider.destroy(),this.activeProductIndex=0),"isMobile"===e&&this.productSlider.destroy(),"isMobile"===e&&null!==this.additionalProductSlider&&this.additionalProductSlider.destroy()}disconnectedCallback(){this.unsubscribe()}initStore(){this.appState=this.appStore.getState(),this.layout=this.appState.settings.highlight_layout,this.productsLayout=this.appState.settings.highlight_products_layout,this.unsubscribe=this.appStore.subscribe((()=>{this.layout=this.appState.settings.highlight_layout,this.productsLayout=this.appState.settings.highlight_products_layout,this.appState=this.appStore.getState()}))}initSwiper(){if(void 0===this.productLinks)return!0;if(this.productLinks.length<2)return!0;if("layout-3"===this.productsLayout&&this.productLinks.length<3&&!this.isMobile)return!0;if("layout-4"===this.productsLayout&&this.productLinks.length<4&&!this.isMobile)return!0;const t=this.el.querySelector(".product .slider"),i=this.el.querySelector(".product .slider-control.prev"),e=this.el.querySelector(".product .slider-control.next"),o={enabled:!0,prevSlideMessage:"Previous product",nextSlideMessage:"Next product",containerMessage:"Product slider",containerRoleDescriptionMessage:"Product slider",paginationBulletMessage:"Goto product #{{index}}",slideRole:"group",slideLabelMessage:"Product item {{index}}/{{slidesLength}}"};if(this.isMobile&&"zigzag"===this.layout)return this.productSlider=new u(t,{modules:[g],slidesPerView:1,loop:!1,on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:8});if("layout-1"===this.productsLayout){const a=this.el.querySelector(".product .pagination");return this.productSlider=new u(t,{modules:[x,m,v,g],slidesPerView:1,effect:this.isMobile?null:"fade",fadeEffect:{crossFade:!this.isMobile},loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:this.isMobile?8:0})}if("layout-2"===this.productsLayout){const a=this.el.querySelector(".product .pagination"),s=this.el.querySelector(".product .slider-description");return this.additionalProductSlider=this.isMobile?null:new u(s,{modules:[x,m,v,g],on:{init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,effect:"fade",fadeEffect:{crossFade:!0},slidesPerView:1,loop:!0,navigation:{nextEl:i,prevEl:e},pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:16}),this.productSlider=new u(t,{modules:[x,m,v,g],slidesPerView:1,effect:this.isMobile?null:"fade",fadeEffect:{crossFade:!this.isMobile},loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,pagination:{el:a,clickable:!0,modifierClass:"pagination-"},spaceBetween:this.isMobile?8:16})}return"layout-3"===this.productsLayout?this.productSlider=new u(t,{modules:[x,g],slidesPerView:this.isMobile?1:2,effect:null,loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:this.isMobile?8:16}):"layout-4"===this.productsLayout?void 0===this.productLinks?null:this.productSlider=new u(t,{modules:[x,g],slidesPerView:this.isMobile?1:3,effect:null,loop:!this.isMobile,navigation:{nextEl:i,prevEl:e},on:{slideChange:t=>this.onChangeActiveProduct(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:o,spaceBetween:this.isMobile?8:16}):null}initThumbnailCarousel(){if(this.thumbnailCarouselImages.length<2)return!0;const t=this.el.querySelector(".thumbnail .swiper"),i=this.el.querySelector(".thumbnail .thumbnail-pagination");return this.thumbnailCarousel=new u(t,{modules:[m,v,g],slidesPerView:1,effect:"fade",fadeEffect:{crossFade:!0},pagination:{el:i,clickable:!0,modifierClass:"thumbnail-pagination-"},on:{slideChange:t=>this.onChangeActiveThumbnail(t),init:t=>w(t),update:t=>w(t),realIndexChange:t=>w(t)},a11y:{enabled:!0,prevSlideMessage:"Previous thumbnail item",nextSlideMessage:"Next thumbnail item",containerMessage:"Thumbnail slider",containerRoleDescriptionMessage:"Thumbnail slider",paginationBulletMessage:"Goto thumbnail slide #{{index}}",slideRole:"group",slideLabelMessage:"Thumbnail item {{index}}/{{slidesLength}}"}})}pauseVideo(t){t.querySelector("video").pause(),t.classList.remove("playing")}playVideo(t){const i=t.querySelector("video");let e=i.play();null!==e&&e.catch((()=>{i.play()})),t.classList.add("playing")}onChangeActiveProduct(t){if(this.activeProductIndex===t.realIndex)return!0;this.activeProductIndex=t.realIndex}onChangeActiveThumbnail(t){t.el.querySelectorAll(".thumbnail-video-wrap").forEach((t=>this.pauseVideo(t)));const i=t.slides[t.activeIndex].querySelector(".thumbnail-video-wrap");return i&&this.playVideo(i),this.hideHotspots=0!==t.realIndex}checkIsPageLoaded(){this.isMediaLoaded()&&(this.isPageLoaded=!0,this.el.setAttribute("data-loaded","true"),this.el.dispatchEvent(l("pageLoaded")))}isMediaLoaded(){return!this.el.querySelector('.thumbnail[is-loading], .product .swiper-slide:not([aria-hidden="true"]) .img-wrap[is-loading]')}carouselImgAltTag(t,i,e,o){return t&&null!==t?t:`${i} slide ${e+1}/${o}`}renderUserAndDate(){const t=null!==this.caption&&"text"===this.thumbnailLayout?"text-review":"",i=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e(s,null,e("h3",{class:`username ${this.reverseClass} ${t} ${i}`},this.userName),this.userName&&this.createdTime&&e("span",{class:`slash ${this.reverseClass} ${t} ${i}`},"/"),e("span",{class:`created-time ${this.reverseClass} ${t} ${i}`},b(this.createdTime)))}renderReview(){const t=null!==this.caption&&"text"===this.thumbnailLayout?"text-review":"",i=null!==this.caption&&"text"!==this.thumbnailLayout?"review":"",o=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e("div",{class:`caption ${this.layout} ${this.productsLayout} ${this.reverseClass} ${t} ${o} ${"video"===this.thumbnailLayout?"video":""} ${i}`},this.rating>0&&e("covet-pics-star-rating",{rating:this.rating,starSize:14,spaceStars:14,emptyStarColor:"#C1C1C1",class:"position-star",showLabel:!1}),e("p",{class:`caption-text ${this.layout} ${this.productsLayout} ${t} ${o}`},this.caption),e("div",{class:`bottom ${this.layout} ${this.reverseClass} ${t} ${o} ${i}`},this.renderUserAndDate()))}renderStarOnlyReview(){const t=null===this.caption&&"text"===this.thumbnailLayout?"star-only":"";return e("div",{class:`caption ${this.layout} ${this.productsLayout} ${t}`},e("covet-pics-star-rating",{rating:this.rating,starSize:16,spaceStars:16,emptyStarColor:"#C1C1C1",class:`position-star ${t}`,showLabel:!1}),e("p",{class:`caption-text ${this.layout} ${this.productsLayout} ${t}`},this.caption),e("div",{class:`bottom ${this.layout} ${t}`},this.renderUserAndDate()))}renderStandardThumbnail(){const t=null===this.caption&&"text"===this.thumbnailLayout,i=!(null===this.caption||0===this.caption.length)&&(this.appState.settings.show_review&&"text"!==this.thumbnailLayout||"text"===this.thumbnailLayout),o="row"===this.layout||this.appState.settings.hotspots.enabled;return e("div",{class:`thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`,"is-loading":"image"===this.thumbnailLayout||"video"===this.thumbnailLayout},"image"===this.thumbnailLayout&&e("img",{alt:this.thumbnailAlt,class:"img-cover",onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler,src:this.pageIndex-2<this.mainSliderIndex?this.thumbnailUrl:null}),"video"===this.thumbnailLayout&&e("div",{class:"thumbnail-video-wrap"},e("video",{playsinline:!0,loop:!0,class:"thumbnail-video img-contain",onCanPlay:this.mediaLoadedHandler,poster:this.videoPoster,title:this.thumbnailAlt},e("source",{src:this.videoUrl,type:"video/mp4",onError:this.mediaLoadedHandler})),e("button",{type:"button",class:"thumbnail-video-play",onClick:this.playPauseVideoClickHandler}),e("button",{type:"button",class:"thumbnail-video-pause",onClick:this.playPauseVideoClickHandler})),i&&this.renderReview(),t&&this.renderStarOnlyReview(),o&&"spotlight"!==this.layout&&e("covet-pics-highlighted-hotspots",{links:this.productLinks,hoverHotspot:this.hoverHotspot,activeHotspot:this.activeProductIndex,thumbnailUrl:this.thumbnailUrl,isMobile:this.isMobile,productBaseImgAlt:this.productBaseImgAlt,pageId:this.pageId,appStore:this.appStore}),!this.appState.settings.hide_branding&&e("a",{class:"covet-branding",href:`https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`,target:"_blank",rel:"noopener",tabindex:"0","aria-label":"Covet.pics logo link"}))}renderCarouselThumbnail(){var t;const i=!(null===this.caption||0===this.caption.length)&&this.appState.settings.show_review&&"text"!==this.thumbnailLayout,o=("row"===this.layout||this.appState.settings.hotspots.enabled)&&!this.hideHotspots&&"spotlight"!==this.layout;return e("div",{class:`thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`,"is-loading":["image","video"].includes(null===(t=this.thumbnailCarouselImages[0])||void 0===t?void 0:t.type)},e("div",{class:"thumbnail-carousel swiper",role:"region"},e("div",{class:"swiper-wrapper"},this.thumbnailCarouselImages&&this.thumbnailCarouselImages.map(((t,i)=>e("div",{class:"swiper-slide"},"image"===t.type&&e("div",{class:"thumbnail-slide-wrap"},e("img",{src:t.standard_resolution,alt:this.carouselImgAltTag(t.alt_tag,this.thumbnailAlt,i,this.thumbnailCarouselImages.length),onLoad:this.mediaLoadedHandler,onError:this.mediaLoadedHandler,class:"img-cover",loading:"lazy"})),"video"===t.type&&e("div",{class:"thumbnail-video-wrap"},e("video",{playsinline:!0,loop:!0,class:"thumbnail-video img-contain",onCanPlay:this.mediaLoadedHandler},e("source",{src:t.standard_resolution,type:"video/mp4",onError:this.mediaLoadedHandler})),e("button",{type:"button",class:"thumbnail-video-play",onClick:this.playPauseVideoClickHandler}),e("button",{type:"button",class:"thumbnail-video-pause",onClick:this.playPauseVideoClickHandler}))))),i&&this.renderReview())),o&&e("covet-pics-highlighted-hotspots",{links:this.productLinks,hoverHotspot:this.hoverHotspot,activeHotspot:this.activeProductIndex,thumbnailUrl:this.thumbnailUrl,productBaseImgAlt:this.productBaseImgAlt,isMobile:this.isMobile,pageId:this.pageId,appStore:this.appStore}),e("div",{class:"thumbnail-pagination"}),!this.appState.settings.hide_branding&&e("a",{class:"covet-branding",href:`https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`,target:"_blank",rel:"noopener",tabindex:"0","aria-label":"Covet.pics logo link"}))}renderControlIcon(t,i){return"bracket"===t?e("svg",{width:"48px",height:"48px",viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},"next"===i?e("g",{transform:"translate(-132.000000, -1128.000000)"},e("g",{transform:"translate(0.000000, 768.000000)"},e("g",{transform:"translate(132.000000, 360.000000)"},e("rect",{x:"0",y:"0",width:"48",height:"48"}),e("polygon",{fill:"var(--covet-pics-highlighted-primary-color)","fill-rule":"nonzero",points:"14.9638554 24 34 4.49382716 33.5180723 4 14 24 33.5180723 44 34 43.5061728"})))):e("g",{transform:"translate(-1240.000000, -360.000000)"},e("g",{transform:"translate(1264.000000, 384.000000) scale(-1, 1) translate(-1264.000000, -384.000000) translate(1240.000000, 360.000000)"},e("rect",{x:"0",y:"0",width:"48",height:"48"}),e("polygon",{fill:"var(--covet-pics-highlighted-primary-color)","fill-rule":"nonzero",points:"14.9638554 24 34 4.49382716 33.5180723 4 14 24 33.5180723 44 34 43.5061728"}))))):"big-arrow"===t?e("svg","next"===i?{class:"icon-arrow",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"}:{class:"icon-arrow rotate",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M18.839 11L10 19.839l8.839 8.839.707-.707-7.681-7.683h19.224v-1H11.965l7.58-7.58L18.84 11z","fill-rule":"nonzero"})):"arrow"===t?e("svg","next"===i?{class:"icon-arrow",viewBox:"0 0 13 8",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"}:{class:"icon-arrow rotate",viewBox:"0 0 13 8",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z","fill-rule":"nonzero"})):null}productImgAltTag(t,i,e){return t.title?`${t.title} product-slide ${i+1}/${e} ${this.productBaseImgAlt}`:`product-slide ${i+1}/${e} ${this.productBaseImgAlt}`}renderSlider(){if(void 0===this.productLinks||0===this.productLinks.length)return null;let t="arrow";"layout-3"===this.productsLayout&&(t="big-arrow"),"layout-4"===this.productsLayout&&(t="bracket");const i=`slides-count-${this.productLinks.length>2?3:this.productLinks.length}`,o=1===this.productLinks.length&&"slider"===this.layout?"no-pagination":"";let a=this.productLinks.length>1;return"layout-3"===this.productsLayout&&this.productLinks.length<3&&(a=!1),"layout-4"===this.productsLayout&&this.productLinks.length<4&&!this.isMobile&&(a=!1),e("div",{class:`product ${this.productsLayout} ${this.reverseClass} ${i}`},!this.appState.settings.popup_products_title_disabled&&e("h2",{class:`main-title ${this.productsLayout}`},this.appState.settings.popup_products_title),e("section",{class:`slider swiper ${this.productsLayout} ${this.productLinks.length>1?"active":"disabled"} ${i}`},e("div",{class:"swiper-wrapper"},this.productLinks&&this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap ${this.productsLayout}`,"is-loading":!0},e("img",{class:"img-contain",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler})),e("p",{class:`title ${this.productsLayout} ${this.reverseClass} ${this.appState.settings.show_price?"":"price-hidden"}`},t.title),this.appState.settings.show_price&&t.prices&&t.prices.price_label&&e("p",{class:`price ${this.productsLayout} ${this.reverseClass}`,innerHTML:t.prices.price_label})),e("button",{class:`btn-buy ${this.productsLayout} ${this.reverseClass} ${o}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption)))))),a&&e("div",{class:`nav ${this.productsLayout} ${this.reverseClass}`},e("button",{class:`${this.productsLayout} slider-control ${"layout-3"!==this.productsLayout?"small":""} next`,type:"button"},this.renderControlIcon(t,"next")),e("div",{class:"pagination"}),e("button",{class:`${this.productsLayout} slider-control ${"layout-3"!==this.productsLayout?"small":""} prev`,type:"button"},this.renderControlIcon(t,"prev"))))}renderBottomSlider(){if(void 0===this.productLinks||0===this.productLinks.length)return null;const t=1===this.productLinks.length&&"slider"===this.layout?"no-pagination":"";return e("div",{class:`product ${this.productsLayout}`},e("section",{class:`slider swiper ${this.productsLayout} ${this.productLinks.length>1?"active":"disabled"}`,role:"region","aria-label":"product thumbnail image preview for product slider"},e("div",{class:"swiper-wrapper"},this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide"},e("a",{href:t.link,class:"product-link height-full","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap ${this.productsLayout}`,"is-loading":!0},e("img",{class:"img-contain",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler})))))))),e("div",{class:"description"},e("section",{class:"slider-description swiper "+(this.productLinks.length>1?"active":"disabled")},e("div",{class:"swiper-wrapper"},this.productLinks.map((i=>e("div",{class:"swiper-slide"},e("a",{href:i.link,class:"product-link","aria-label":`product ${i.title?i.title:""}`,"data-ga-campaign":i.title,"data-link-id":i.id,onClick:this.productBuyClickHandler},!this.appState.settings.popup_products_title_disabled&&e("h2",{class:`main-title ${this.productsLayout}`},this.appState.settings.popup_products_title),e("p",{class:`title ${this.productsLayout} ${this.appState.settings.show_price?"":"price-hidden"}`},i.title),this.appState.settings.show_price&&i.prices&&i.prices.price_label&&e("p",{class:`price ${this.productsLayout}`,innerHTML:i.prices.price_label})),e("button",{class:`btn-buy ${this.productsLayout} ${t}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption)))))),this.productLinks.length>1&&e("div",{class:`nav ${this.productsLayout} nav`},e("button",{class:`${this.productsLayout} slider-control next small`,"aria-label":"slider-control prev",type:"button"},this.renderControlIcon("arrow","next")),e("div",{class:"pagination"}),e("button",{class:`${this.productsLayout} slider-control prev small`,"aria-label":"slider-control next",type:"button"},this.renderControlIcon("arrow","prev")))))}renderMobileSlider(){return void 0===this.productLinks||0===this.productLinks.length?null:e("div",{class:`product mobile ${this.layout} ${this.productsLayout} ${1===this.productLinks.length?"slider-no-active":""}`},e("section",{class:`slider mobile swiper ${this.productsLayout}`,role:"region","aria-label":"product slider"},e("div",{class:"swiper-wrapper"},this.productLinks&&this.productLinks.map(((t,i)=>e("div",{class:"swiper-slide mobile"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("div",{class:`img-wrap mobile ${this.productsLayout} `,"is-loading":!0},e("img",{class:"img-cover",alt:this.productImgAltTag(t,i,this.productLinks.length),loading:"lazy",src:this.pageIndex-2<this.mainSliderIndex?t.image:null,onLoad:this.imageLoadedHandler,onError:this.imageLoadedHandler}))),e("div",{class:"description mobile"},e("a",{href:t.link,class:"product-link","aria-label":`product ${t.title?t.title:""}`,"data-ga-campaign":t.title,"data-link-id":t.id,onClick:this.productBuyClickHandler},e("p",{class:`title mobile ${this.productsLayout} ${this.reverseClass}`},t.title),t.prices&&t.prices.price_label&&e("p",{class:`price mobile ${this.productsLayout} ${this.reverseClass}`,innerHTML:t.prices.price_label})),e("button",{class:`btn-buy mobile ${this.productsLayout} ${this.reverseClass}`,onClick:this.btnBuyClickHandler,"aria-label":this.appState.settings.popup_products_button_caption,type:"button"},this.appState.settings.popup_products_button_caption))))))))}render(){return e(o,{key:"6bc7cc10972a2704536ff689ce4ce6aeec7d5fd6",class:"page",role:"group","aria-label":this.ariaLabel},"carousel"===this.thumbnailLayout?this.renderCarouselThumbnail():this.renderStandardThumbnail(),"row"!==this.layout&&!this.isMobile&&e("div",{key:"e849917397fb2a98b787adf804003226107427f3",class:`products ${this.layout} ${this.productsLayout} ${this.reverseClass}`},"layout-2"===this.productsLayout?this.renderBottomSlider():this.renderSlider()),this.isMobile&&e("div",{key:"87a9d5a6f6a0fc5b8a5a25fc23dfb192369504ed",class:`products ${this.layout} ${this.productsLayout} ${this.reverseClass}`},this.renderMobileSlider()))}get el(){return a(this)}};$.style=".thumbnail{display:flex;width:50%;height:100%;position:relative;overflow:hidden}.thumbnail[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);animation:pulsate 2s ease-in-out infinite}.thumbnail.spotlight{width:100%;height:60%;overflow:hidden}@media only screen and (max-width: 799.98px){.thumbnail.spotlight{width:100%;height:calc(100vh - 186px);height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100 - 186px)}}.thumbnail.reverse{order:2}@media only screen and (max-width: 799.98px){.thumbnail.zigzag{width:100%;height:auto}}.thumbnail.zigzag.layout-3{width:50%;height:100%}@media only screen and (max-width: 799.98px){.thumbnail.zigzag.layout-3{width:100%;height:auto}}.thumbnail.zigzag.layout-3.reverse{width:50%;height:100%}@media only screen and (max-width: 799.98px){.thumbnail.zigzag.layout-3.reverse{width:100%;height:auto}}.thumbnail.row{width:100%}.thumbnail.slider{overflow:hidden}@media only screen and (max-width: 799.98px){.thumbnail.slider{width:100%;height:calc(100% - 186px)}}.thumbnail.slider:after{display:none}.thumbnail-carousel{width:100%;height:100%;overflow:hidden}.thumbnail-slide-wrap{width:100%;height:100%;display:flex;justify-content:center}.thumbnail-video-wrap{width:100%;height:100%;display:flex;justify-content:center;position:relative}.thumbnail-video-wrap .thumbnail-video-pause{display:none}.thumbnail-video-wrap.playing .thumbnail-video-play{display:none}.thumbnail-video-wrap.playing .thumbnail-video-pause{display:block}.thumbnail-video-play{border:none;outline:none !important;position:absolute;top:50%;width:100px;height:100px;left:50%;transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;transition:transform 0.25s ease}.thumbnail-video-play:hover,.thumbnail-video-play:active,.thumbnail-video-play:focus{transform:translate(-50%, -50%) scale(1.1)}.thumbnail-video-pause{border:none;outline:none !important;position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;transition:transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.thumbnail-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(-100% - 3px), -50%)}.thumbnail-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(100% + 3px), -50%)}.thumbnail-video-pause:hover,.thumbnail-video-pause:active,.thumbnail-video-pause:focus{transform:translate(-50%, -50%) scale(1.1);opacity:1}.caption{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:absolute;width:100%;height:60%;bottom:0;left:0;box-sizing:border-box;padding-top:60px;padding-left:60px;padding-right:60px}.caption:before{content:\"\";display:block;position:absolute;width:100%;height:100%;left:0;bottom:0;background:linear-gradient(0deg, rgba(5, 5, 5, 0.7833727241) 0%, rgba(255, 255, 255, 0) 100%)}.caption .position-star{position:relative;z-index:1}.caption.slider.layout-3{align-items:flex-start;padding-right:100px;padding-bottom:20px}@media only screen and (max-width: 799.98px){.caption.slider.layout-3{padding-right:30px;padding-left:30px}}.caption.slider.text-review{justify-content:space-between;align-items:center;padding-top:40px;height:100%}.caption.slider.text-review::before{background:#EEEEEE}.caption.zigzag.layout-3{align-items:flex-start;padding-right:100px;padding-bottom:20px}@media only screen and (max-width: 799.98px){.caption.zigzag.layout-3{padding-right:30px;padding-left:30px}}.caption.layout-3.reverse{align-items:flex-end;padding-left:100px;padding-right:60px;padding-bottom:20px}.caption.row{justify-content:flex-start;height:45%;padding-left:30px;padding-right:30px}.caption.spotlight.layout-4{top:0;height:50%;align-items:center;justify-content:flex-start;padding-top:20px;padding-bottom:10px}.caption.spotlight.layout-4:before{background:linear-gradient(180deg, rgba(5, 5, 5, 0.7833727241) 0%, rgba(255, 255, 255, 0) 100%)}@media only screen and (max-width: 799.98px){.caption.spotlight.layout-4{padding-right:30px;padding-left:30px}}.caption.spotlight.text-review{top:0;height:100%;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:60px}.caption.spotlight.text-review:before{background:#EEEEEE}@media only screen and (max-width: 799.98px){.caption.spotlight.text-review{height:100%;padding-bottom:10px}}.caption.zigzag.text-review{position:relative;justify-content:space-between;align-items:center;padding-top:40px;height:100%}@media only screen and (max-width: 799.98px){.caption.zigzag.text-review{height:65vh}}.caption.zigzag.text-review:before{background:#EEEEEE}.caption.row.text-review{position:relative;justify-content:space-between;align-items:center;padding-top:40px;height:100%}@media only screen and (max-width: 799.98px){.caption.row.text-review{height:90vh}}.caption.row.text-review:before{background:#EEEEEE}.caption.video{padding-top:40px;height:calc(50% - 50px)}.caption.video:before{background:linear-gradient(0deg, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.7833727241) 66%, rgba(1, 1, 1, 0.6853335084) 74%, rgba(2, 2, 2, 0.5144651611) 83%, rgba(5, 5, 5, 0) 100%)}.caption.spotlight.video{padding-top:20px;height:calc(50% - 50px)}.caption.spotlight.video:before{background:linear-gradient(180deg, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.7833727241) 66%, rgba(1, 1, 1, 0.6853335084) 74%, rgba(2, 2, 2, 0.5144651611) 83%, rgba(5, 5, 5, 0) 100%)}.caption.slider.star-only{bottom:0;height:50%;align-items:center;justify-content:flex-start;padding-top:0}.caption.slider.star-only:before{height:200%;background:#EEEEEE}.caption.zigzag.star-only{bottom:0;height:50%;align-items:center;justify-content:center;padding-top:0}.caption.zigzag.star-only:before{height:200%;background:#EEEEEE}.caption.row.star-only{bottom:0;height:50%;align-items:center;justify-content:center;padding-top:0}.caption.row.star-only:before{height:200%;background:#EEEEEE}.caption.spotlight.star-only{align-items:center;justify-content:center;height:100%}.caption.spotlight.star-only:before{background:#EEEEEE}.caption .caption-text{position:relative;text-align:center;overflow:auto;z-index:1;margin-top:10px;font-size:14px;color:#ffffff;padding-right:13px}.caption .caption-text.layout-3{text-align:start}.caption .caption-text.row.layout-3{text-align:center}.caption .caption-text.spotlight.layout-4{width:70%;text-align:center}.caption .caption-text.text-review{width:80%;color:#101010;text-align:center}.caption .bottom{display:flex;justify-content:center;padding-bottom:30px;position:relative;z-index:1;color:#ffffff}.caption .bottom.text-review{color:#101010;margin-top:0}.caption .bottom.row.review{margin-top:auto}.caption .bottom.zigzag.star-only{margin-top:auto;color:#101010}.caption .bottom.row.star-only{margin-top:auto;color:#101010}.caption .bottom.slider.star-only{margin-top:auto;color:#101010}.caption .username{font-size:12px;font-weight:600;margin-bottom:0;color:#ffffff}.caption .username.text-review{color:#101010}.caption .username.star-only{color:#101010;font-weight:400}.caption .created-time{font-weight:600;font-size:12px}.caption .created-time.text-review{color:#101010}.caption .created-time.star-only{color:#101010;font-weight:400}.caption .slash{font-weight:600;font-size:12px}.caption .slash.text-review{color:#101010}.caption .slash.star-only{color:#101010;font-weight:400}.thumbnail-pagination-bullets{position:absolute;bottom:16px;right:16px;border-radius:2px;z-index:1;height:24px;padding-left:10px;padding-right:10px;display:flex;justify-content:center;align-items:center;background-color:#ffffff;width:auto;left:auto}@media only screen and (max-width: 799.98px){.thumbnail-pagination-bullets{bottom:auto;top:16px}}.thumbnail-pagination-bullets .swiper-pagination-bullet{border-radius:50%;width:6px;height:6px;margin-left:2px;margin-right:2px;background-color:#D0D0D0;opacity:1}.thumbnail-pagination-bullets .swiper-pagination-bullet:hover,.thumbnail-pagination-bullets .swiper-pagination-bullet:active,.thumbnail-pagination-bullets .swiper-pagination-bullet:focus,.thumbnail-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#101010}.covet-branding{position:absolute;background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23212B36' d='M2 2h22v22H2z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;z-index:1;bottom:-17px;left:-14px;width:76px;height:76px;transform:scale(0.5);outline:none !important}.covet-branding:hover,.covet-branding:active,.covet-branding:focus{background-image:url(\"data:image/svg+xml,%0A%3Csvg viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-61.5%25' y='-61.5%25' width='223.1%25' height='223.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0 0.516785553 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)' transform='translate(5 4)' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EBCC78' d='M2 2h9v9H2z'/%3E%3Cpath fill='%23F7786B' d='M15 2h9v9h-9z'/%3E%3Cpath fill='%2300C5E3' d='M2 15h9v9H2z'/%3E%3Cpath fill='%23ABA0EB' d='M15 15h9v9h-9z'/%3E%3Cpath d='M0 1a1 1 0 011-1h24a1 1 0 011 1v24a1 1 0 01-1 1H1a1 1 0 01-1-1V1zm19.668 15.25c-.588 0-1.084.092-1.49.275-.405.183-.708.43-.91.742a1.87 1.87 0 00-.3 1.036c0 .452.113.81.34 1.076.226.265.497.46.813.585.316.124.73.248 1.24.373.364.092.651.173.862.246.21.072.385.171.522.3.137.127.206.289.206.485 0 .269-.123.485-.369.649-.246.164-.618.245-1.116.245a3.59 3.59 0 01-1.201-.21 3.367 3.367 0 01-1.01-.546l-.431.992c.28.25.662.449 1.144.6.482.15.981.226 1.498.226.588 0 1.086-.092 1.494-.276.409-.183.714-.429.915-.736.2-.308.301-.652.301-1.032 0-.445-.113-.799-.34-1.061a2.1 2.1 0 00-.818-.585 8.9 8.9 0 00-1.226-.368 11.399 11.399 0 01-.862-.246 1.477 1.477 0 01-.522-.294.62.62 0 01-.206-.482c0-.281.12-.507.36-.678.239-.17.604-.255 1.096-.255.3 0 .61.046.929.138.32.091.625.226.92.402l.392-.992a3.292 3.292 0 00-1.025-.452 4.695 4.695 0 00-1.206-.157zm-12.79-.191c-.683 0-1.3.152-1.852.457a3.374 3.374 0 00-1.302 1.262 3.516 3.516 0 00-.474 1.818c0 .674.156 1.28.47 1.817a3.34 3.34 0 001.296 1.263c.551.304 1.17.456 1.853.456a3.85 3.85 0 001.524-.294c.461-.197.85-.482 1.166-.855l-.813-.786c-.49.544-1.093.815-1.81.815-.464 0-.88-.103-1.248-.31a2.212 2.212 0 01-.86-.859 2.5 2.5 0 01-.31-1.247c0-.465.103-.881.31-1.248.206-.367.493-.653.86-.86.368-.206.784-.31 1.249-.31.716 0 1.319.27 1.809.806l.813-.776a3.101 3.101 0 00-1.161-.854 3.814 3.814 0 00-1.52-.295zM20.18 3.25h-1.358v6.882h1.358V3.25zm-13.728 0H3.632v6.882h1.273V8.146H6.45c.594 0 1.11-.098 1.551-.295.44-.196.778-.48 1.013-.85.235-.37.353-.805.353-1.303 0-.505-.118-.94-.353-1.307a2.258 2.258 0 00-1.013-.846c-.44-.197-.957-.295-1.55-.295zM6.3 4.397c.567 0 .997.116 1.29.347.294.23.44.561.44.991 0 .43-.146.76-.44.992-.293.231-.723.347-1.29.347H4.78V4.397H6.3z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E \")}@media only screen and (max-width: 799.98px){.covet-branding{bottom:auto;top:-13px}}.products{position:relative;width:50%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:var(--covet-pics-highlighted-background-color)}.products.spotlight{width:100%;height:40%}@media only screen and (max-width: 799.98px){.products.spotlight{width:100%;height:186px;padding:0 24px 24px 24px;align-items:flex-start}}.products.zigzag{height:auto}@media only screen and (max-width: 799.98px){.products.zigzag{width:100%;padding:0 24px 24px 24px}}.products.zigzag.layout-3{width:50%;height:100%}@media only screen and (max-width: 799.98px){.products.zigzag.layout-3{width:100%;height:auto}}.products.zigzag.layout-3.reverse{width:50%;height:100%}@media only screen and (max-width: 799.98px){.products.zigzag.layout-3.reverse{width:100%;height:auto}}@media only screen and (max-width: 799.98px){.products.slider{width:100%;height:186px;padding:0 24px 24px 24px;align-items:flex-start}}@media only screen and (max-width: 799.98px){.products.slider.layout-2{padding:0 24px 24px 24px}}@media only screen and (max-width: 799.98px){.products.row{display:none}}.products.layout-1{padding:32px}@media only screen and (max-width: 799.98px){.products.layout-1{padding:0 24px 24px 24px}}.products.layout-2{align-items:flex-end;padding:0 20px 40px 40px;justify-content:flex-start}.products.layout-2.reverse{padding:0 20px 40px 40px}@media only screen and (max-width: 1279.98px){.products.layout-2{padding:0 10px 20px 20px}.products.layout-2.reverse{padding:0 10px 20px 20px}}@media only screen and (max-width: 799.98px){.products.layout-2{align-items:flex-start;padding:0 24px 24px 24px}}.products.layout-3{justify-content:flex-start}.products.layout-3.reverse{justify-content:flex-end}@media only screen and (max-width: 799.98px){.products.layout-3{align-items:flex-start}}.products.layout-4{justify-content:center;align-items:flex-start;padding:0 80px}@media only screen and (max-width: 799.98px){.products.layout-4{padding:0 24px 24px 24px}}.products.reverse{order:1}.product{z-index:1}.product .swiper-slide .img-wrap{transition:all 0.4s ease;transform-origin:50% 50%;will-change:transform}.product .swiper-slide:hover .img-wrap{transform:scale(0.95)}.product.layout-1{max-width:320px;width:100%}@media only screen and (max-width: 799.98px){.product.layout-1{max-width:none}}.product.layout-2{display:flex;align-items:center;max-width:504px;width:100%;justify-content:space-between;box-sizing:border-box}@media only screen and (max-width: 799.98px){.product.layout-2{max-width:none;width:100%}}.product.layout-2:hover .img-wrap{transform:scale(0.95)}.product.layout-3{width:100%;max-width:576px;margin-top:130px;position:relative;transform:translateX(-80px)}.product.layout-3.reverse{transform:translateX(80px)}@media only screen and (max-width: 799.98px){.product.layout-3{margin-top:0;max-width:none;width:100%}}.product.layout-3.slides-count-1{max-width:280px;width:calc((100% - 16px) / 2)}@media only screen and (max-width: 799.98px){.product.layout-3.slides-count-1{max-width:none;width:100%}}.product.layout-4{position:relative;transform:translateY(-80px);width:100%;max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4{max-width:none}}.product.layout-4.slides-count-1{max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4.slides-count-1{max-width:none}}.product.layout-4.slides-count-2{max-width:632px}@media only screen and (max-width: 799.98px){.product.layout-4.slides-count-2{max-width:none}}.product.mobile{width:100%}.product.mobile .swiper{overflow:visible !important}@media only screen and (max-width: 799.98px){.product.mobile{position:relative;transform:translateY(-16px)}}.product .product-link{text-decoration:none;outline:none !important;display:block}.product .product-link:hover,.product .product-link:active,.product .product-link:focus,.product .product-link.active{text-decoration:none}.product .product-link.height-full{height:100%}.product .main-title{font-size:20px;color:var(--covet-pics-highlighted-primary-color);line-height:1;margin-bottom:24px;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.product .main-title.layout-1{width:100%}.product .main-title.layout-2{text-align:left;width:100%}.product .main-title.layout-3,.product .main-title.layout-4{display:none}.product .slider{width:320px}.product .slider.layout-1{width:100%}.product .slider.layout-2{width:calc((100% - 24px) / 2);margin-left:0;margin-right:auto;height:240px}@media only screen and (max-width: 1279.98px){.product .slider.layout-2{height:200px}}@media only screen and (max-width: 799.98px){.product .slider.layout-2{margin-right:0;height:auto}}.product .slider.layout-3{width:100%}.product .slider.layout-3.slides-count-2{display:flex}.product .slider.layout-3.slides-count-2 .swiper-slide{width:50%}.product .slider.layout-4.slides-count-1{width:calc((100% - 32px) / 3)}.product .slider.layout-4.slides-count-2{width:calc((100% - 32px) * 2 / 3 + 16px)}.product .slider.layout-4.slides-count-2 .swiper-wrapper{justify-content:space-between}.product .slider.layout-4.slides-count-2 .swiper-slide{width:calc((100% - 16px) / 2)}.product .slider.layout-4.slides-count-3{width:100%}.product .slider.layout-4.slides-count-3 .swiper-wrapper{justify-content:space-between}.product .slider.layout-4.slides-count-3 .swiper-slide{width:calc((100% - 32px) / 3)}.product .slider.mobile{height:136px;width:100%;border-radius:2px;overflow:hidden}.product .description{box-sizing:border-box;width:calc((100% - 24px) / 2)}.product .description.mobile{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 88px - 16px)}.product .slider-description{width:100%}.product .slider-description.disabled{height:100%}.product .swiper-slide{height:100%}.product .swiper-slide.mobile{display:flex;box-sizing:border-box;width:100%;padding:24px;background-color:white;border-radius:2px;box-shadow:4px 8px 24px 0px rgba(132, 132, 132, 0.2)}.product .swiper-slide.swiper-slide-duplicate .img-wrap{background-image:none;animation:none}.product .swiper-slide.swiper-slide-duplicate .img-wrap[is-loading] img{opacity:1}.product .img-wrap{display:flex;width:320px;height:320px;margin-bottom:16px;box-sizing:border-box;position:relative}.product .img-wrap:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%;position:absolute}.product .img-wrap[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);animation:pulsate 2s ease-in-out infinite}.product .img-wrap[is-loading] img{opacity:0}.product .img-wrap[not-loaded]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB)}.product .img-wrap[not-loaded] img{opacity:0}.product .img-wrap.layout-1{width:320px;height:320px}@media only screen and (max-width: 1279.98px){.product .img-wrap.layout-1{width:100%}}.product .img-wrap.layout-2{width:100%;height:100%;margin-bottom:0}.product .img-wrap.layout-3{height:280px;width:100%;margin-bottom:40px}.product .img-wrap.layout-4{height:200px;width:100%}.product .img-wrap.mobile{width:88px;height:88px;flex:none;margin-right:16px;margin-bottom:0}.product .img-cover{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.product .img-contain{-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}.product .title{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-secondary-color);margin-bottom:8px;line-height:18px;width:240px;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .title.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .title.layout-1{max-width:none}}.product .title.layout-2{text-align:left;width:100%}.product .title.layout-3{display:block;margin-left:auto;margin-right:0;width:57.1428571429%;text-align:left}.product .title.layout-3.reverse{text-align:right;margin-left:0;margin-right:auto}.product .title.layout-4{width:100%;text-align:center}.product .title.price-hidden{margin-bottom:16px;line-height:44px}.product .title.mobile{text-align:left;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .price{text-align:center;font-size:14px;text-transform:uppercase;color:var(--covet-pics-highlighted-primary-color);margin-bottom:16px;line-height:18px;width:240px;margin-left:auto;margin-right:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .price.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .price.layout-1{max-width:none}}.product .price.layout-2{text-align:left;width:100%}.product .price.layout-3{display:block;margin-left:auto;margin-right:0;width:57.1428571429%;text-align:left}.product .price.layout-3.reverse{text-align:right;margin-left:0;margin-right:auto}.product .price.layout-4{width:100%;text-align:center}.product .price.mobile{text-align:left;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product .btn-buy{font-family:var(--covet-font-family);display:block;line-height:1;padding:15px 15px;margin-left:auto;margin-right:auto;width:240px;font-size:12px;text-transform:uppercase;text-align:center;cursor:pointer;margin-bottom:8px;background-color:transparent;border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-primary-color);transition:all 0.4s ease;outline:none !important}.product .btn-buy:hover,.product .btn-buy:active,.product .btn-buy:focus,.product .btn-buy.active{border:1px solid var(--covet-pics-highlighted-primary-color);color:var(--covet-pics-highlighted-background-color);background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-1{max-width:75%;width:100%}@media only screen and (max-width: 799.98px){.product .btn-buy.layout-1{max-width:none}}.product .btn-buy.layout-1.no-pagination{margin-bottom:48px}.product .btn-buy.layout-2{width:100%}.product .btn-buy.layout-2.no-pagination{margin-bottom:48px}@media only screen and (max-width: 1279.98px){.product .btn-buy.layout-2.no-pagination{margin-bottom:32px}}.product .btn-buy.layout-3{margin-left:42.8571428571%;border:none;max-width:57.1428571429%;width:auto;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden}.product .btn-buy.layout-3:after{content:\"\";position:absolute;display:block;bottom:3px;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-3:hover,.product .btn-buy.layout-3:active,.product .btn-buy.layout-3:focus,.product .btn-buy.layout-3.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-3:hover:after,.product .btn-buy.layout-3:active:after,.product .btn-buy.layout-3:focus:after,.product .btn-buy.layout-3.active:after{transform:translateX(-50%);width:80%}.product .btn-buy.layout-3.reverse{margin-left:auto;margin-right:42.8571428571%}.product .btn-buy.layout-4{width:100%;text-align:center;border:none;max-width:100%;width:auto;margin-bottom:0;padding:0 0 8px 0;font-size:14px;position:relative;overflow:hidden}.product .btn-buy.layout-4:after{content:\"\";position:absolute;display:block;bottom:3px;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-4:hover,.product .btn-buy.layout-4:active,.product .btn-buy.layout-4:focus,.product .btn-buy.layout-4.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.layout-4:hover:after,.product .btn-buy.layout-4:active:after,.product .btn-buy.layout-4:focus:after,.product .btn-buy.layout-4.active:after{transform:translateX(-50%);width:80%}.product .btn-buy.mobile{max-width:100%;width:auto;margin-left:0;margin-bottom:0;font-size:14px;margin-top:auto;border:none;padding:0 0 8px 0;position:relative;overflow:hidden}.product .btn-buy.mobile:after{content:\"\";position:absolute;display:block;bottom:0;left:50%;width:100%;height:1px;transform:translateX(-50%);transition:all 0.4s ease;background-color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.mobile:hover,.product .btn-buy.mobile:active,.product .btn-buy.mobile:focus,.product .btn-buy.mobile.active{border:none;background-color:transparent;color:var(--covet-pics-highlighted-primary-color)}.product .btn-buy.mobile:hover:after,.product .btn-buy.mobile:active:after,.product .btn-buy.mobile:focus:after,.product .btn-buy.mobile.active:after{transform:translateX(-50%);width:80%}.product .nav{display:flex;justify-content:space-between;align-items:center;width:240px;margin-left:auto;margin-right:auto;padding:16px 0}.product .nav.layout-1{max-width:75%;width:100%}.product .nav.layout-2{width:100%}@media only screen and (max-width: 1279.98px){.product .nav.layout-2{padding:8px 0}}.product .nav.layout-3{position:absolute;width:90px;top:0;right:0;transform:translateY(calc(-100% - 24px));padding:0}.product .nav.layout-3.reverse{left:0;right:auto}.product .nav.layout-4{position:absolute;width:calc(100% + 64px + 96px);top:140px;left:50%;transform:translate(-50%, -50%)}.product .pagination-bullets{position:relative;padding:0;display:flex;justify-content:center;bottom:0}.product .pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;background:var(--covet-pics-highlighted-primary-color);opacity:0.2;margin:0 3px}.product .pagination-bullets .swiper-pagination-bullet:hover,.product .pagination-bullets .swiper-pagination-bullet:active,.product .pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.product .pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-highlighted-primary-color)}covet-pics-highlighted-page{width:100%;display:flex;height:100vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 100);box-sizing:border-box;padding:var(--covet-pics-highlighted-padding)}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page{padding:0}}covet-pics-highlighted-page.spotlight{padding:0;flex-wrap:wrap;height:100%}covet-pics-highlighted-page.zigzag{position:relative}covet-pics-highlighted-page.zigzag:not(:first-of-type) .thumbnail .covet-branding{display:none}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.zigzag{height:auto;flex-wrap:wrap}}covet-pics-highlighted-page.row{height:calc(90vh - var(--covet-pics-highlighted-padding-px));height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 90 - var(--covet-pics-highlighted-padding-px));padding:0;width:100%}covet-pics-highlighted-page.row:not(:first-of-type) .thumbnail .covet-branding{display:none}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.row{width:100%;height:90vh;height:calc(var(--covet-pics-highlighted-window-height, 1vh) * 90)}}covet-pics-highlighted-page.slider{padding:0}@media only screen and (max-width: 799.98px){covet-pics-highlighted-page.slider{flex-wrap:wrap}}";export{y as covet_pics_highlighted_hotspots,$ as covet_pics_highlighted_page}