@covet-pics/covet-pics-widget 0.126.2 → 0.127.0

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

@@ -327,7 +327,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, "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, type: "button", "aria-label": this.getLabelCaption() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl &&
+    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, "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, type: "button", "aria-label": this.getLabelCaption() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl &&
       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" &&
       index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" && this.rating === 0 &&
@@ -338,7 +338,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, "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, type: "button", "aria-label": this.getLabelCaption() }, 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, "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, type: "button", "aria-label": this.getLabelCaption() }, 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" &&
@@ -592,7 +592,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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, 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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" &&
       index.h("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", 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 &&
@@ -614,7 +614,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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", 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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", 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))))));
   }
@@ -628,7 +628,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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, 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", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h("button", { class: "btn-item-wrap", disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, type: "button", "aria-label": "\u0441lick to open popup" }, 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 &&