@covet-pics/covet-pics-widget 0.116.2 → 0.116.3

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

@@ -9,7 +9,7 @@ const index = require('./index-45313b48.js');
 const utils$1 = require('./utils-85481438.js');
 const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
 const a11y = require('./a11y-ec6649c6.js');
-const slider = require('./slider-dbefa25c.js');
+const slider = require('./slider-f13bbce4.js');
 require('./redux-toolkit.esm-ed0a74c1.js');
 
 var evEmitter = _commonjsHelpers.createCommonjsModule(function (module) {

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

@@ -11,7 +11,7 @@ const funcComponents = require('./funcComponents-42dd7de7.js');
 const utils = require('./utils-85481438.js');
 const fragment = require('./fragment-29c21ac8.js');
 const getters = require('./getters-c3c47af0.js');
-const slider = require('./slider-dbefa25c.js');
+const slider = require('./slider-f13bbce4.js');
 require('./redux-toolkit.esm-ed0a74c1.js');
 
 const covetPicsGalleryHeaderCss = ".header.header1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:25px 20px 25px 20px}.header.header2{padding:25px 63px 0px 63px}@media only screen and (max-width: 799.98px){.header.header2{padding:25px 30px 0px 30px}}.header.header3{padding:25px 63px 25px 63px}@media only screen and (max-width: 799.98px){.header.header3{padding:25px 25px 25px 25px}}.header.header4{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0px 63px 35px 63px}@media only screen and (max-width: 799.98px){.header.header4{padding:0px 25px 35px 25px}}.rated-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 799.98px){.rated-wrap.header2{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.rated-wrap.header2:after{display:none}}.rated-wrap.header2.show-separation:after{content:\"\";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ECECEC;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 799.98px){.rated-wrap.header2.show-separation:after:after{display:none}}.rated-wrap.header4{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header1{position:relative}.rating-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-wrap.header3{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer;position:relative;padding:0}.rating-text{font-size:14px;font-weight:400;color:#919EAB}.top-title{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:#919EAB;margin-bottom:25px}.star-title{width:9px;height:9px;margin-right:9px}.rating-title{margin:0}.rating-title.header4{font-size:18px;font-weight:500;color:#000000}.rated{margin-left:20px;font-size:14px;font-weight:700;color:#919EAB}.rating-breakdown.header1{position:absolute;display:block;top:0;left:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(40px);transform:translateY(40px);max-height:0;overflow:hidden;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}.rating-breakdown.header1.show-breakdown{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:326px;padding-bottom:23px}.rating-breakdown.header2{padding-left:0;list-style:none;margin-top:0;margin-bottom:0}.rating-breakdown-title{font-size:14px;font-weight:700;margin-left:30px;color:#1F273D}.rating-breakdown-score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:7px 30px 7px 30px}.rating-breakdown-text{margin:0px 0px 0px 20px;font-size:12px}.score.header1{margin-left:auto}.score.header2{margin-top:auto;font-size:14px;color:#1F273D;margin-bottom:0}@media only screen and (max-width: 799.98px){.score.header2{margin-bottom:20px}}.score.header3{color:#000000;padding-top:17px;margin:0}.score.header4{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;color:#919EAB;margin:19px 0px 0px 0px}.score-number.header2{font-size:62px;line-height:62px}.score-number.header3{font-size:18px;font-weight:600;color:#000000}.score-number.header4{font-size:14px;font-weight:700;color:#919EAB;margin-left:17px}.score-slash{position:relative;width:1px;height:14px;display:block;background-color:#C7C7C7;margin-left:12px;margin-right:12px}.score-total.header2{color:#919EAB;font-size:14px;margin-left:13px;padding-left:10px;position:relative}.score-total.header2:after{content:\"\";position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#C7C7C7;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.score-total.header3{color:#919EAB;font-size:14px;padding-top:12px;margin:0}.score-total.header4{color:#919EAB;font-size:14px;font-weight:700;margin:0;position:relative}.score-total.header4.space-left{margin-left:17px}.sort-wrap.header2{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:15px;margin-bottom:15px}@media only screen and (max-width: 799.98px){.sort-wrap.header2{-ms-flex-pack:center;justify-content:center}}.sort-wrap.header3{margin-top:30px}.sort-wrap.header4{margin-top:auto}.sorting{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;-ms-flex:none;flex:none}.sorting.header4{border-radius:4px;margin-top:auto}.sort-title{font-size:14px;font-weight:700;color:#919EAB}.sort-title.header2{font-size:12px;font-weight:700;color:#000000}.sort-title.header3{font-size:12px;font-weight:700;color:#000000}.sort-title.header4{font-size:14px;font-weight:700;color:#007ACE}.sort-btn{background-color:transparent;border:none;color:#919EAB;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;cursor:pointer}.sort-btn.header2{color:#000000}.sort-btn.header3{border:1px solid #ECECEC;border-radius:4px;padding:8px 14px 8px 14px;margin-left:10px}.sort-btn.header4{color:#007ACE}.sort-select{position:absolute;display:block;top:0;right:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(30px);transform:translateY(30px);max-height:0;overflow:hidden;cursor:pointer;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent;-ms-flex:none;flex:none}@media only screen and (max-width: 799.98px){.sort-select.header2{right:50%;-webkit-transform:translate(50%, 30px);transform:translate(50%, 30px)}}.sort-select.show-sort{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px;min-width:186px}.sort-select.header3{left:0;right:auto;-webkit-transform:translateY(40px);transform:translateY(40px)}.sort-check{width:12px;height:9px;margin-right:12px}.sort-check path{-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;stroke:transparent}.sort__dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;list-style:none;padding:12px 35px 0px 23px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sort__dropdown-item:first-of-type{padding-top:23px}.sort__dropdown-item:last-of-type{padding-bottom:23px}.sort__dropdown-item.active{color:#626C75}.sort__dropdown-item.active .sort-check{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.sort__dropdown-item.active .sort-check path{stroke:#919EAB}.sort__dropdown-item:hover,.sort__dropdown-item:active,.sort__dropdown-item:focus{color:#626C75}.sort-arrow{margin-left:7px;width:9px;height:6px}@media only screen and (max-width: 799.98px){.sort-arrow.header1{margin-left:0}}.sort-arrow.header2{width:8px;height:6px;margin-left:15px}.sort-arrow.header4{width:10px;height:6px;margin-left:15px}@media only screen and (max-width: 799.98px){.sort-arrow.header4{margin-left:0}}.sort-arrow-down{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.rating-row{display:-ms-flexbox;display:flex;margin-bottom:12.2px}.star-score{width:57px;margin-bottom:0;margin-top:0;color:#C7C7C7;font-size:12px;line-height:1.4}.progressbar{width:180px;height:15px;border-radius:4px;background-color:#F7F8FC;margin:0px 10px 0 10px;position:relative}.progressbar-value{top:0;left:0;height:15px;width:10%;display:block;border-radius:4px;background-color:#5C6AC4}.percent-count{color:#5C6AC4;font-size:10px;margin-top:0;margin-bottom:0;line-height:1.4}.review-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;background-color:#5C6AC4;border-radius:4px;cursor:pointer;padding:10px 14px;color:#FFFFFF;font-size:14px}.icon-pen{width:12px;height:12px;margin-right:10px}@media only screen and (max-width: 799.98px){.icon-pen{margin-right:0}}";
@@ -181,6 +181,9 @@ const CovetPicsGalleryItem = class {
         ? this.appStore.dispatch(slider.setSliderIndex(this.itemIndex))
         : true;
     };
+    this.itemOnHoverHandler = () => {
+      return this.appStore.dispatch(slider.setItemInFocus(this.itemIndex));
+    };
     this.animationDuration = 4;
     this.altTag = "";
     this.highlighted = false;
@@ -248,11 +251,15 @@ const CovetPicsGalleryItem = class {
     this.appStore.subscribe(() => {
       const isModalsOpen = getters.isWidgetDisabled(this.appState);
       const isModalsWillClose = isModalsOpen && !getters.isWidgetDisabled(this.appStore.getState());
+      const isItemHoverChange = this.appState.slider.itemInFocus !== this.appStore.getState().slider.itemInFocus;
       this.appState = this.appStore.getState();
       this.tabIndex = getters.getItemTabIndex(this.appState, this.layout, this.itemIndex);
       if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
         this.el.focus();
       }
+      if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
+        this.el.blur();
+      }
     });
   }
   get hoverEnabled() {
@@ -313,7 +320,7 @@ const CovetPicsGalleryItem = class {
   renderStandardItem() {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
-    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
+    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
       index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
       index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating / 5}`, hideRating: itemSize === "size-xs" && !this.highlighted }), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -325,7 +332,7 @@ const CovetPicsGalleryItem = class {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
     const starOnly = this.caption === null && this.itemType === "text";
-    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
+    return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating}/5`, hideRating: itemSize === "size-xs" && !this.highlighted }), index.h("div", { class: `description text-review ${itemSize}` }, this.rating > 0 && this.renderRating("text-review"), !hideCaption && this.itemType === "text" &&
       index.h("covet-pics-gallery-item-caption", { class: `${this.hoverAnimationStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.hoverAnimationStyle} ${itemSize}`, caption: this.caption, "item-style": this.hoverAnimationStyle, "layout-type": this.layout }), starOnly &&
       index.h("div", { class: "star-wrap" }, index.h("covet-pics-star-rating", { rating: this.rating, showLabel: false })), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -333,7 +340,7 @@ const CovetPicsGalleryItem = class {
       index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" })), (this.hoverAnimationStyle === "hover-animation-3" || this.hoverAnimationStyle === "hover-animation-4") && this.rating > 0 && this.renderRating("info-rating"))), this.rating > 0 && this.renderUserAndDate()), index.h("span", { class: "overlay-effect text-review" })));
   }
   renderUploadWidget() {
-    return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
+    return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
       index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
       index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }
@@ -393,6 +400,9 @@ const CovetPicsGalleryItemDetail = class {
         ? this.appStore.dispatch(slider.setSliderIndex(this.itemIndex))
         : true;
     };
+    this.itemOnHoverHandler = () => {
+      return this.appStore.dispatch(slider.setItemInFocus(this.itemIndex));
+    };
     this.altTag = "";
     this.highlighted = false;
     this.verified = false;
@@ -455,11 +465,15 @@ const CovetPicsGalleryItemDetail = class {
     this.appStore.subscribe(() => {
       const isModalsOpen = getters.isWidgetDisabled(this.appState);
       const isModalsWillClose = isModalsOpen && !getters.isWidgetDisabled(this.appStore.getState());
+      const isItemHoverChange = this.appState.slider.itemInFocus !== this.appStore.getState().slider.itemInFocus;
       this.appState = this.appStore.getState();
       this.tabIndex = getters.getItemTabIndex(this.appState, this.layout, this.itemIndex);
       if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
         this.el.focus();
       }
+      if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
+        this.el.blur();
+      }
     });
   }
   isInViewport() {
@@ -542,7 +556,7 @@ const CovetPicsGalleryItemDetail = class {
     return this.captionCSS;
   }
   renderUploadWidget() {
-    return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, !this.imageUrl &&
+    return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("span", { class: "info" }, !this.imageUrl &&
       index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
       index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }
@@ -573,7 +587,7 @@ const CovetPicsGalleryItemDetail = class {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
+    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
       index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), !hideCaption && this.itemType === "text" &&
       index.h("covet-pics-gallery-item-caption", { class: `${this.itemStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), starOnly &&
       index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}` }), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
@@ -596,7 +610,7 @@ const CovetPicsGalleryItemDetail = class {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 &&
+    return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 &&
       index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), !hideCaption &&
       index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), index.h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && ["modern-4", "modern-5", "modern-6"].includes(this.itemStyle) && this.renderVerifiedIcon(), this.renderUserAndDate(itemSize)))));
   }
@@ -610,7 +624,7 @@ const CovetPicsGalleryItemDetail = class {
     const showUserAndData = (textReview && ["modern-1", "modern-4"].includes(this.itemStyle))
       || (starOnly && ["modern-1", "modern-2", "modern-3", "modern-4", "modern-5"].includes(this.itemStyle));
     const showStarRating = textReview && ["modern-2", "modern-3", "modern-5"].includes(this.itemStyle);
-    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), index.h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating &&
+    return (index.h(index.Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), index.h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating &&
       index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), starOnly &&
       index.h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, index.h(funcComponents.StarRating, { rating: this.rating, ratingClass: `star-rating text-review ${this.itemStyle} ${itemSize} ${this.starOnlyClass}`, starClass: `star-only ${itemSize} ${this.itemStyle}` }), index.h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), !hideCaption &&
       index.h("covet-pics-gallery-item-caption", { "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), this.links && this.links.length > 0 &&

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

@@ -10,7 +10,7 @@ const utils = require('./utils-85481438.js');
 const reduxToolkit_esm = require('./redux-toolkit.esm-ed0a74c1.js');
 const sort = require('./sort-7b3e4dd5.js');
 const modals = require('./modals-6099dcb8.js');
-const slider = require('./slider-dbefa25c.js');
+const slider = require('./slider-f13bbce4.js');
 const storeUtils = require('./storeUtils-6e9b9011.js');
 const getters = require('./getters-c3c47af0.js');
 

package/dist/cjs/{slider-dbefa25c.js → slider-f13bbce4.js}

@@ -9,7 +9,8 @@ const slice = reduxToolkit_esm.createSlice({
   name: "slider",
   initialState: {
     realIndex: -1,
-    slidesPerView: 0
+    slidesPerView: 0,
+    itemInFocus: -1
   },
   reducers: {
     setSliderIndex: (slider, action) => {
@@ -18,11 +19,15 @@ const slice = reduxToolkit_esm.createSlice({
     setSliderSlidesPerView: (slider, action) => {
       slider.slidesPerView = action.payload;
     },
+    setItemInFocus: (slider, action) => {
+      slider.itemInFocus = action.payload;
+    }
   }
 });
-const { setSliderIndex, setSliderSlidesPerView } = slice.actions;
+const { setSliderIndex, setSliderSlidesPerView, setItemInFocus } = slice.actions;
 const sliderReducer = slice.reducer;
 
+exports.setItemInFocus = setItemInFocus;
 exports.setSliderIndex = setSliderIndex;
 exports.setSliderSlidesPerView = setSliderSlidesPerView;
 exports.sliderReducer = sliderReducer;

package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import { buildEvent, getSize } from "../../utils/utils";
 import { format } from "timeago.js";
 import { getItemTabIndex, isWidgetDisabled } from "../../store/getters";
-import { setSliderIndex } from "../../store/slider";
+import { setSliderIndex, setItemInFocus } from "../../store/slider";
 import { StarRating } from "../../utils/funcComponents";
 export class CovetPicsGalleryItem {
   constructor() {
@@ -40,6 +40,9 @@ export class CovetPicsGalleryItem {
         ? this.appStore.dispatch(setSliderIndex(this.itemIndex))
         : true;
     };
+    this.itemOnHoverHandler = () => {
+      return this.appStore.dispatch(setItemInFocus(this.itemIndex));
+    };
     this.animationDuration = 4;
     this.altTag = "";
     this.highlighted = false;
@@ -107,11 +110,15 @@ export class CovetPicsGalleryItem {
     this.appStore.subscribe(() => {
       const isModalsOpen = isWidgetDisabled(this.appState);
       const isModalsWillClose = isModalsOpen && !isWidgetDisabled(this.appStore.getState());
+      const isItemHoverChange = this.appState.slider.itemInFocus !== this.appStore.getState().slider.itemInFocus;
       this.appState = this.appStore.getState();
       this.tabIndex = getItemTabIndex(this.appState, this.layout, this.itemIndex);
       if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
         this.el.focus();
       }
+      if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
+        this.el.blur();
+      }
     });
   }
   get hoverEnabled() {
@@ -172,7 +179,7 @@ export class CovetPicsGalleryItem {
   renderStandardItem() {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
-    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
+    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
       h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
       h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), h("span", { class: "overlay-effect" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       h(StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating / 5}`, hideRating: itemSize === "size-xs" && !this.highlighted }), h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -184,7 +191,7 @@ export class CovetPicsGalleryItem {
     const itemSize = this.getItemSize();
     const starRatingClass = this.rating > 0 ? "star-rating" : "";
     const starOnly = this.caption === null && this.itemType === "text";
-    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
+    return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation text-review`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
       h(StarRating, { rating: this.rating, ratingClass: "rating", label: `${this.rating}/5`, hideRating: itemSize === "size-xs" && !this.highlighted }), h("div", { class: `description text-review ${itemSize}` }, this.rating > 0 && this.renderRating("text-review"), !hideCaption && this.itemType === "text" &&
       h("covet-pics-gallery-item-caption", { class: `${this.hoverAnimationStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.hoverAnimationStyle} ${itemSize}`, caption: this.caption, "item-style": this.hoverAnimationStyle, "layout-type": this.layout }), starOnly &&
       h("div", { class: "star-wrap" }, h("covet-pics-star-rating", { rating: this.rating, showLabel: false })), h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
@@ -192,7 +199,7 @@ export class CovetPicsGalleryItem {
       h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" })), (this.hoverAnimationStyle === "hover-animation-3" || this.hoverAnimationStyle === "hover-animation-4") && this.rating > 0 && this.renderRating("info-rating"))), this.rating > 0 && this.renderUserAndDate()), h("span", { class: "overlay-effect text-review" })));
   }
   renderUploadWidget() {
-    return (h(Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("span", { class: "info" }, this.imageUrl === undefined &&
+    return (h(Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("span", { class: "info" }, this.imageUrl === undefined &&
       h("span", { class: "default-cover" }, h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
       h("div", { class: "custom-img-wrap" }, h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }

package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js

@@ -7,7 +7,7 @@ import { format } from "timeago.js";
 import { hexToRGBA, getSize, getStyle } from "../../utils/utils";
 import Fragment from "../../utils/fragment";
 import { getItemTabIndex, isWidgetDisabled } from "../../store/getters";
-import { setSliderIndex } from "../../store/slider";
+import { setSliderIndex, setItemInFocus } from "../../store/slider";
 import { StarRating } from "../../utils/funcComponents";
 export class CovetPicsGalleryItemDetail {
   constructor() {
@@ -51,6 +51,9 @@ export class CovetPicsGalleryItemDetail {
         ? this.appStore.dispatch(setSliderIndex(this.itemIndex))
         : true;
     };
+    this.itemOnHoverHandler = () => {
+      return this.appStore.dispatch(setItemInFocus(this.itemIndex));
+    };
     this.altTag = "";
     this.highlighted = false;
     this.verified = false;
@@ -113,11 +116,15 @@ export class CovetPicsGalleryItemDetail {
     this.appStore.subscribe(() => {
       const isModalsOpen = isWidgetDisabled(this.appState);
       const isModalsWillClose = isModalsOpen && !isWidgetDisabled(this.appStore.getState());
+      const isItemHoverChange = this.appState.slider.itemInFocus !== this.appStore.getState().slider.itemInFocus;
       this.appState = this.appStore.getState();
       this.tabIndex = getItemTabIndex(this.appState, this.layout, this.itemIndex);
       if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
         this.el.focus();
       }
+      if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
+        this.el.blur();
+      }
     });
   }
   isInViewport() {
@@ -200,7 +207,7 @@ export class CovetPicsGalleryItemDetail {
     return this.captionCSS;
   }
   renderUploadWidget() {
-    return (h(Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("span", { class: "info" }, !this.imageUrl &&
+    return (h(Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("span", { class: "info" }, !this.imageUrl &&
       h("div", { class: "default-cover" }, h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
       h("div", { class: "custom-img-wrap" }, h("img", { class: "img", src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
   }
@@ -231,7 +238,7 @@ export class CovetPicsGalleryItemDetail {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (h(Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
+    return (h(Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
       h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), !hideCaption && this.itemType === "text" &&
       h("covet-pics-gallery-item-caption", { class: `${this.itemStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), starOnly &&
       h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}` }), h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && this.renderVerified()), h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
@@ -254,7 +261,7 @@ export class CovetPicsGalleryItemDetail {
     const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
       ? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
       : null;
-    return (h(Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle}` }, h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 &&
+    return (h(Host, { class: `${this.itemStyle}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle}` }, h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), this.verified && this.itemStyle === "modern-3" && this.renderVerified()), h("div", { class: `description ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && this.itemStyle === "modern-2" && this.renderVerified(), h("div", { class: `top ${this.itemStyle} ${itemSize}` }, showTopRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerified(), showRowStarRating && this.rating > 0 &&
       h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), !hideCaption &&
       h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${this.highlightedClass} ${itemSize}` }, this.verified && ["modern-4", "modern-5", "modern-6"].includes(this.itemStyle) && this.renderVerifiedIcon(), this.renderUserAndDate(itemSize)))));
   }
@@ -268,7 +275,7 @@ export class CovetPicsGalleryItemDetail {
     const showUserAndData = (textReview && ["modern-1", "modern-4"].includes(this.itemStyle))
       || (starOnly && ["modern-1", "modern-2", "modern-3", "modern-4", "modern-5"].includes(this.itemStyle));
     const showStarRating = textReview && ["modern-2", "modern-3", "modern-5"].includes(this.itemStyle);
-    return (h(Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating &&
+    return (h(Host, { class: `${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onfocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, h("div", { class: `img-wrap ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass}` }), h("div", { class: `description ${this.itemStyle} ${this.reviewClass} ${this.starOnlyClass} ${this.layout} ${this.highlightedClass} ${itemSize}` }, h("div", { class: `top ${this.itemStyle} ${itemSize} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showRating && this.renderRating(`${itemSize}`), this.verified && this.itemStyle === "modern-1" && this.renderVerifiedIcon(), showUserAndData && this.renderUserAndDate(itemSize), showStarRating &&
       h(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${itemSize} ${this.reviewClass}`, starClass: `${itemSize} ${this.itemStyle}` })), starOnly &&
       h("div", { class: `caption star-only ${this.itemStyle} ${itemSize}` }, h(StarRating, { rating: this.rating, ratingClass: `star-rating text-review ${this.itemStyle} ${itemSize} ${this.starOnlyClass}`, starClass: `star-only ${itemSize} ${this.itemStyle}` }), h("p", { class: `star-label ${this.itemStyle} ${itemSize}` }, "(Rated ", this.rating, " stars)")), !hideCaption &&
       h("covet-pics-gallery-item-caption", { "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout }), this.links && this.links.length > 0 &&

package/dist/collection/store/slider.js

@@ -6,7 +6,8 @@ const slice = createSlice({
   name: "slider",
   initialState: {
     realIndex: -1,
-    slidesPerView: 0
+    slidesPerView: 0,
+    itemInFocus: -1
   },
   reducers: {
     setSliderIndex: (slider, action) => {
@@ -15,7 +16,10 @@ const slice = createSlice({
     setSliderSlidesPerView: (slider, action) => {
       slider.slidesPerView = action.payload;
     },
+    setItemInFocus: (slider, action) => {
+      slider.itemInFocus = action.payload;
+    }
   }
 });
-export const { setSliderIndex, setSliderSlidesPerView } = slice.actions;
+export const { setSliderIndex, setSliderSlidesPerView, setItemInFocus } = slice.actions;
 export default slice.reducer;

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

@@ -1,4 +1,4 @@
 /*!
  * Copyright (c) 2020 by Space Squirrel Ltd.
  */
-import{d as e,N as o,w as t,p as r,b as a}from"./p-9a20e128.js";import{g as i}from"./p-ae8aaed8.js";(()=>{const a=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${o}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===o)),i={};return"onbeforeload"in a&&!history.scrollRestoration?{then(){}}:(i.resourcesUrl=new URL(".",new URL(a.getAttribute("data-resources-url")||a.src,t.location.href)).href,r(i))})().then((e=>(i(),a(JSON.parse('[["p-2e70f8e3",[[1,"covet-pics-direct-buy",{"product":[8],"open":[4],"moneyFormat":[1,"money-format"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonStyle":[1,"button-style"],"buttonAddToCartLabel":[1,"button-add-to-cart-label"],"previewMode":[4,"preview-mode"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"selectedOptions":[32]},[[16,"openDirectBuy","openDirectBuyHandler"],[8,"previousPopupEvent","previousPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"]]],[1,"covet-pics-popup",{"itemId":[1026,"item-id"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"productHandle":[1,"product-handle"],"items":[1040],"products":[16],"animated":[4],"arrowsDesktopType":[1,"arrows-desktop-type"],"arrowsDesktopPosition":[1,"arrows-desktop-position"],"arrowsDesktopSize":[2,"arrows-desktop-size"],"arrowsDesktopSizeType":[1,"arrows-desktop-size-type"],"arrowsDesktopSymbolColor":[1,"arrows-desktop-symbol-color"],"arrowsDesktopBackgroundColor":[1,"arrows-desktop-background-color"],"arrowsDesktopColorTheme":[1,"arrows-desktop-color-theme"],"arrowsMobileType":[1,"arrows-mobile-type"],"arrowsMobilePosition":[1,"arrows-mobile-position"],"arrowsMobileSymbolColor":[1,"arrows-mobile-symbol-color"],"arrowsMobileBackgroundColor":[1,"arrows-mobile-background-color"],"arrowsMobileColorTheme":[1,"arrows-mobile-color-theme"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"closeButtonType":[1,"close-button-type"],"closeButtonSymbolColor":[1,"close-button-symbol-color"],"closeButtonBackgroundColor":[1,"close-button-background-color"],"closeButtonSize":[1,"close-button-size"],"closeButtonPosition":[1,"close-button-position"],"closeButtonColorTheme":[1,"close-button-color-theme"],"hideBranding":[4,"hide-branding"],"hideSocialShareIcons":[4,"hide-social-share-icons"],"responsive":[4],"directBuyEnabled":[4,"direct-buy-enabled"],"hotspotsEnabled":[4,"hotspots-enabled"],"hotspotsShowNumbers":[4,"hotspots-show-numbers"],"hotspotsTextColor":[1,"hotspots-text-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"loader":[16],"linksTitle":[1,"links-title"],"showLinksTitle":[4,"show-links-title"],"isDefaultCurrency":[4,"is-default-currency"],"moneyFormat":[1,"money-format"],"appStore":[16],"directBuyIsOpen":[32],"showShareLink":[32],"copyLinkCopied":[32],"hideHotspots":[32],"popupTabIndex":[32],"openPopup":[64],"closePopup":[64]},[[16,"openDirectBuy","openDirectBuyHandler"],[16,"closeDirectBuy","closeDirectBuyHandler"],[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]]],[0,"covet-pics-popup-links",{"links":[16],"linkStyle":[1,"link-style"],"showOutOfStockProducts":[4,"show-out-of-stock-products"],"showPrice":[4,"show-price"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"buttonStyle":[1,"button-style"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonBuyNowLabel":[1,"button-buy-now-label"],"buttonVisitLabel":[1,"button-visit-label"],"directBuyEnabled":[4,"direct-buy-enabled"],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"]},[[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[1,"covet-pics-upload",{"animated":[4],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"responsive":[4],"fontFamily":[1,"font-family"],"baseUrl":[1,"base-url"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"photoRequestId":[2,"photo-request-id"],"productHandle":[1,"product-handle"],"uploadTitle":[1,"upload-title"],"uploadBody":[1,"upload-body"],"uploadDragDrop":[1,"upload-drag-drop"],"uploadChoose":[1,"upload-choose"],"formNamePlaceholder":[1,"form-name-placeholder"],"formEmailPlaceholder":[1,"form-email-placeholder"],"formBodyPlaceholder":[1,"form-body-placeholder"],"formSendLabel":[1,"form-send-label"],"formUploading":[1,"form-uploading"],"completeBody":[1,"complete-body"],"completeCloseLabel":[1,"complete-close-label"],"activeStep":[2,"active-step"],"hideBranding":[4,"hide-branding"],"standalone":[4],"appStore":[16],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}],[0,"covet-pics-hotspots",{"links":[16],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"showNumbers":[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"],[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]}]]],["p-2c88bafd",[[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],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"productsLayout":[1,"products-layout"],"productLinks":[16],"productBaseImgAlt":[1,"product-base-img-alt"],"layout":[1],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"showPrice":[4,"show-price"],"btnBuyLabel":[1,"btn-buy-label"],"productsTitle":[1,"products-title"],"hideProductTitle":[8,"hide-product-title"],"hideBranding":[4,"hide-branding"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"showReview":[4,"show-review"],"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],"layout":[1],"activeHotspot":[2,"active-hotspot"],"pageLayout":[1,"page-layout"],"productsTitle":[1,"products-title"],"thumbnailUrl":[1,"thumbnail-url"],"btnBuyLabel":[1,"btn-buy-label"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16]}]]],["p-e53ce5ce",[[0,"covet-pics-gallery-item-caption",{"caption":[1],"captionClass":[1,"caption-class"],"itemStyle":[1,"item-style"],"layoutType":[1,"layout-type"],"reviewCSS":[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]],["p-c9d6b015",[[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"],"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["p-7fa1e519",[[0,"covet-pics-gallery-header",{"headerType":[1,"header-type"],"rating":[2],"showSort":[4,"show-sort"],"showBreakdown":[4,"show-breakdown"],"showAverageStarRating":[4,"show-average-star-rating"],"ratingCount":[2,"rating-count"],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[0,"covet-pics-gallery-item",{"animationDuration":[2,"animation-duration"],"altTag":[1,"alt-tag"],"highlighted":[4],"hoverAnimationStyle":[1,"hover-animation-style"],"hoverDisabled":[4,"hover-disabled"],"layout":[1],"hoverBackgroundOpacity":[2,"hover-background-opacity"],"hoverBorderColor":[1,"hover-border-color"],"hoverColorFrom":[1,"hover-color-from"],"hoverColorTo":[1,"hover-color-to"],"hoverPreview":[4,"hover-preview"],"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"],"labelCaption":[1,"label-caption"],"labelCaptionWithLinks":[1,"label-caption-with-links"],"labelColor":[1,"label-color"],"labelFontSize":[2,"label-font-size"],"labelFontStyle":[1,"label-font-style"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"showHoverIcon":[4,"show-hover-icon"],"url":[1],"itemIndex":[2,"item-index"],"appStore":[16],"tabIndex":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]]],[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"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"layout":[1],"itemStyle":[1,"item-style"],"itemType":[1,"item-type"],"itemWidth":[2,"item-width"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"url":[1],"backgroundColor":[1,"background-color"],"primaryColor":[1,"primary-color"],"starColor":[1,"star-color"],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"appStore":[16],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]]]]],["p-2c0fd766",[[0,"covet-pics-gallery-grid",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"imagesToShow":[2,"images-to-show"],"layout":[1],"highlightEnabled":[4,"highlight-enabled"],"highlightEvery":[2,"highlight-every"],"highlightStartsFrom":[2,"highlight-starts-from"],"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"ratingCount":[2,"rating-count"],"loadMoreBorder":[2,"load-more-border"],"loadMoreColor":[1,"load-more-color"],"loadMoreFontSize":[2,"load-more-font-size"],"loadMoreFontStyle":[1,"load-more-font-style"],"loadMoreLabel":[1,"load-more-label"],"loadMorePadding":[2,"load-more-padding"],"loadMoreStyle":[1,"load-more-style"],"loadMoreMode":[1,"load-more-mode"],"showHeader":[4,"show-header"],"headerType":[1,"header-type"],"headerShowAverageRating":[4,"header-show-average-rating"],"headerShowBreakdown":[4,"header-show-breakdown"],"headerShowSort":[4,"header-show-sort"],"filtersEnabled":[4,"filters-enabled"],"filtersMultiselect":[4,"filters-multiselect"],"filters":[16],"filtersResetLabel":[1,"filters-reset-label"],"filtersPadding":[2,"filters-padding"],"filtersColor":[1,"filters-color"],"filtersFontSize":[2,"filters-font-size"],"filtersFontWeight":[1,"filters-font-weight"],"itemStyle":[1,"item-style"],"loader":[16],"appStore":[16],"sharedItemId":[1,"shared-item-id"],"isLoading":[32],"showSort":[32],"showBreakdown":[32],"isGridDisabled":[32],"isDesktopScreen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]],[0,"covet-pics-gallery-slider",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"items":[16],"sharedItemId":[1,"shared-item-id"],"itemStyle":[1,"item-style"],"autoPlay":[2,"auto-play"],"autoLoadMore":[4,"auto-load-more"],"loader":[16],"appStore":[16],"isDesktopScreen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]],[0,"covet-pics-highlighted",{"layout":[1],"numberOfPages":[2,"number-of-pages"],"padding":[2],"showPrice":[4,"show-price"],"showReview":[4,"show-review"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"backgroundColor":[1,"background-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"items":[16],"productsLayout":[1,"products-layout"],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"productsTitle":[1,"products-title"],"hideProductTitle":[4,"hide-product-title"],"hideBranding":[4,"hide-branding"],"btnBuyLabel":[1,"btn-buy-label"],"appStore":[16],"productLinks":[32],"mainSliderIndex":[32],"mainSliderAnimatingSlides":[32],"windowHeight":[32],"isDesktopScreen":[32]}]]],["p-7404b1b0",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"environment":[1],"customSettings":[1,"custom-settings"],"previewMode":[4,"preview-mode"],"isLoading":[32],"minNumberOfPhotos":[32],"items":[32],"appStore":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"]]]]]]'),e))));
+import{d as e,N as o,w as t,p as r,b as a}from"./p-9a20e128.js";import{g as i}from"./p-ae8aaed8.js";(()=>{const a=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${o}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===o)),i={};return"onbeforeload"in a&&!history.scrollRestoration?{then(){}}:(i.resourcesUrl=new URL(".",new URL(a.getAttribute("data-resources-url")||a.src,t.location.href)).href,r(i))})().then((e=>(i(),a(JSON.parse('[["p-2e70f8e3",[[1,"covet-pics-direct-buy",{"product":[8],"open":[4],"moneyFormat":[1,"money-format"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonStyle":[1,"button-style"],"buttonAddToCartLabel":[1,"button-add-to-cart-label"],"previewMode":[4,"preview-mode"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"selectedOptions":[32]},[[16,"openDirectBuy","openDirectBuyHandler"],[8,"previousPopupEvent","previousPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"]]],[1,"covet-pics-popup",{"itemId":[1026,"item-id"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"productHandle":[1,"product-handle"],"items":[1040],"products":[16],"animated":[4],"arrowsDesktopType":[1,"arrows-desktop-type"],"arrowsDesktopPosition":[1,"arrows-desktop-position"],"arrowsDesktopSize":[2,"arrows-desktop-size"],"arrowsDesktopSizeType":[1,"arrows-desktop-size-type"],"arrowsDesktopSymbolColor":[1,"arrows-desktop-symbol-color"],"arrowsDesktopBackgroundColor":[1,"arrows-desktop-background-color"],"arrowsDesktopColorTheme":[1,"arrows-desktop-color-theme"],"arrowsMobileType":[1,"arrows-mobile-type"],"arrowsMobilePosition":[1,"arrows-mobile-position"],"arrowsMobileSymbolColor":[1,"arrows-mobile-symbol-color"],"arrowsMobileBackgroundColor":[1,"arrows-mobile-background-color"],"arrowsMobileColorTheme":[1,"arrows-mobile-color-theme"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"closeButtonType":[1,"close-button-type"],"closeButtonSymbolColor":[1,"close-button-symbol-color"],"closeButtonBackgroundColor":[1,"close-button-background-color"],"closeButtonSize":[1,"close-button-size"],"closeButtonPosition":[1,"close-button-position"],"closeButtonColorTheme":[1,"close-button-color-theme"],"hideBranding":[4,"hide-branding"],"hideSocialShareIcons":[4,"hide-social-share-icons"],"responsive":[4],"directBuyEnabled":[4,"direct-buy-enabled"],"hotspotsEnabled":[4,"hotspots-enabled"],"hotspotsShowNumbers":[4,"hotspots-show-numbers"],"hotspotsTextColor":[1,"hotspots-text-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"loader":[16],"linksTitle":[1,"links-title"],"showLinksTitle":[4,"show-links-title"],"isDefaultCurrency":[4,"is-default-currency"],"moneyFormat":[1,"money-format"],"appStore":[16],"directBuyIsOpen":[32],"showShareLink":[32],"copyLinkCopied":[32],"hideHotspots":[32],"popupTabIndex":[32],"openPopup":[64],"closePopup":[64]},[[16,"openDirectBuy","openDirectBuyHandler"],[16,"closeDirectBuy","closeDirectBuyHandler"],[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]]],[0,"covet-pics-popup-links",{"links":[16],"linkStyle":[1,"link-style"],"showOutOfStockProducts":[4,"show-out-of-stock-products"],"showPrice":[4,"show-price"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"buttonStyle":[1,"button-style"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonBuyNowLabel":[1,"button-buy-now-label"],"buttonVisitLabel":[1,"button-visit-label"],"directBuyEnabled":[4,"direct-buy-enabled"],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"]},[[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[1,"covet-pics-upload",{"animated":[4],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"responsive":[4],"fontFamily":[1,"font-family"],"baseUrl":[1,"base-url"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"photoRequestId":[2,"photo-request-id"],"productHandle":[1,"product-handle"],"uploadTitle":[1,"upload-title"],"uploadBody":[1,"upload-body"],"uploadDragDrop":[1,"upload-drag-drop"],"uploadChoose":[1,"upload-choose"],"formNamePlaceholder":[1,"form-name-placeholder"],"formEmailPlaceholder":[1,"form-email-placeholder"],"formBodyPlaceholder":[1,"form-body-placeholder"],"formSendLabel":[1,"form-send-label"],"formUploading":[1,"form-uploading"],"completeBody":[1,"complete-body"],"completeCloseLabel":[1,"complete-close-label"],"activeStep":[2,"active-step"],"hideBranding":[4,"hide-branding"],"standalone":[4],"appStore":[16],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}],[0,"covet-pics-hotspots",{"links":[16],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"showNumbers":[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"],[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]}]]],["p-2c88bafd",[[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],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"productsLayout":[1,"products-layout"],"productLinks":[16],"productBaseImgAlt":[1,"product-base-img-alt"],"layout":[1],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"showPrice":[4,"show-price"],"btnBuyLabel":[1,"btn-buy-label"],"productsTitle":[1,"products-title"],"hideProductTitle":[8,"hide-product-title"],"hideBranding":[4,"hide-branding"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"showReview":[4,"show-review"],"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],"layout":[1],"activeHotspot":[2,"active-hotspot"],"pageLayout":[1,"page-layout"],"productsTitle":[1,"products-title"],"thumbnailUrl":[1,"thumbnail-url"],"btnBuyLabel":[1,"btn-buy-label"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16]}]]],["p-e53ce5ce",[[0,"covet-pics-gallery-item-caption",{"caption":[1],"captionClass":[1,"caption-class"],"itemStyle":[1,"item-style"],"layoutType":[1,"layout-type"],"reviewCSS":[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]],["p-c9d6b015",[[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"],"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["p-c5796451",[[0,"covet-pics-gallery-header",{"headerType":[1,"header-type"],"rating":[2],"showSort":[4,"show-sort"],"showBreakdown":[4,"show-breakdown"],"showAverageStarRating":[4,"show-average-star-rating"],"ratingCount":[2,"rating-count"],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[0,"covet-pics-gallery-item",{"animationDuration":[2,"animation-duration"],"altTag":[1,"alt-tag"],"highlighted":[4],"hoverAnimationStyle":[1,"hover-animation-style"],"hoverDisabled":[4,"hover-disabled"],"layout":[1],"hoverBackgroundOpacity":[2,"hover-background-opacity"],"hoverBorderColor":[1,"hover-border-color"],"hoverColorFrom":[1,"hover-color-from"],"hoverColorTo":[1,"hover-color-to"],"hoverPreview":[4,"hover-preview"],"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"],"labelCaption":[1,"label-caption"],"labelCaptionWithLinks":[1,"label-caption-with-links"],"labelColor":[1,"label-color"],"labelFontSize":[2,"label-font-size"],"labelFontStyle":[1,"label-font-style"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"showHoverIcon":[4,"show-hover-icon"],"url":[1],"itemIndex":[2,"item-index"],"appStore":[16],"tabIndex":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]]],[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"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"layout":[1],"itemStyle":[1,"item-style"],"itemType":[1,"item-type"],"itemWidth":[2,"item-width"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"url":[1],"backgroundColor":[1,"background-color"],"primaryColor":[1,"primary-color"],"starColor":[1,"star-color"],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"appStore":[16],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]]]]],["p-1b688b62",[[0,"covet-pics-gallery-grid",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"imagesToShow":[2,"images-to-show"],"layout":[1],"highlightEnabled":[4,"highlight-enabled"],"highlightEvery":[2,"highlight-every"],"highlightStartsFrom":[2,"highlight-starts-from"],"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"ratingCount":[2,"rating-count"],"loadMoreBorder":[2,"load-more-border"],"loadMoreColor":[1,"load-more-color"],"loadMoreFontSize":[2,"load-more-font-size"],"loadMoreFontStyle":[1,"load-more-font-style"],"loadMoreLabel":[1,"load-more-label"],"loadMorePadding":[2,"load-more-padding"],"loadMoreStyle":[1,"load-more-style"],"loadMoreMode":[1,"load-more-mode"],"showHeader":[4,"show-header"],"headerType":[1,"header-type"],"headerShowAverageRating":[4,"header-show-average-rating"],"headerShowBreakdown":[4,"header-show-breakdown"],"headerShowSort":[4,"header-show-sort"],"filtersEnabled":[4,"filters-enabled"],"filtersMultiselect":[4,"filters-multiselect"],"filters":[16],"filtersResetLabel":[1,"filters-reset-label"],"filtersPadding":[2,"filters-padding"],"filtersColor":[1,"filters-color"],"filtersFontSize":[2,"filters-font-size"],"filtersFontWeight":[1,"filters-font-weight"],"itemStyle":[1,"item-style"],"loader":[16],"appStore":[16],"sharedItemId":[1,"shared-item-id"],"isLoading":[32],"showSort":[32],"showBreakdown":[32],"isGridDisabled":[32],"isDesktopScreen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]],[0,"covet-pics-gallery-slider",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"items":[16],"sharedItemId":[1,"shared-item-id"],"itemStyle":[1,"item-style"],"autoPlay":[2,"auto-play"],"autoLoadMore":[4,"auto-load-more"],"loader":[16],"appStore":[16],"isDesktopScreen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]],[0,"covet-pics-highlighted",{"layout":[1],"numberOfPages":[2,"number-of-pages"],"padding":[2],"showPrice":[4,"show-price"],"showReview":[4,"show-review"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"backgroundColor":[1,"background-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"items":[16],"productsLayout":[1,"products-layout"],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"productsTitle":[1,"products-title"],"hideProductTitle":[4,"hide-product-title"],"hideBranding":[4,"hide-branding"],"btnBuyLabel":[1,"btn-buy-label"],"appStore":[16],"productLinks":[32],"mainSliderIndex":[32],"mainSliderAnimatingSlides":[32],"windowHeight":[32],"isDesktopScreen":[32]}]]],["p-d08e0c12",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"environment":[1],"customSettings":[1,"custom-settings"],"previewMode":[4,"preview-mode"],"isLoading":[32],"minNumberOfPhotos":[32],"items":[32],"appStore":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"]]]]]]'),e))));