@covet-pics/covet-pics-widget 0.100.4 → 0.100.7

package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ec704595.js');
-const utils = require('./utils-7761a91a.js');
+const utils = require('./utils-132fbabb.js');
 const lazy = require('./lazy-6938bff5.js');
 const evEmitter = require('./ev-emitter-92552a48.js');
-const index$1 = require('./index-1dd17838.js');
+const fragment = require('./fragment-29c21ac8.js');
 
 const covetPicsDirectBuyCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:0;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}:host(.open){max-height:100%}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;padding:0;cursor:pointer;right:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);text-transform:uppercase;position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 801px){:host{display:none;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}:host(.open){display:block}.title a{padding:0 var(--covet-pics-button-size)}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:scroll}.footer{position:absolute}}";
 
@@ -4278,10 +4278,10 @@ let CovetPicsPopup = class {
         popupContent.style.maxWidth = null;
         setTimeout(() => {
           if (popupContent !== null) {
-            popupContent.style.minHeight = popupContent.getBoundingClientRect().height.toString() + "px";
-            popupContent.style.maxHeight = popupContent.getBoundingClientRect().height.toString() + "px";
-            popupContent.style.minWidth = popupContent.getBoundingClientRect().width.toString() + "px";
-            popupContent.style.maxWidth = popupContent.getBoundingClientRect().width.toString() + "px";
+            popupContent.style.minHeight = utils.getSize(popupContent, "height").toString() + "px";
+            popupContent.style.maxHeight = utils.getSize(popupContent, "height").toString() + "px";
+            popupContent.style.minWidth = utils.getSize(popupContent, "width").toString() + "px";
+            popupContent.style.maxWidth = utils.getSize(popupContent, "width").toString() + "px";
           }
         }, 300);
       }
@@ -4634,8 +4634,9 @@ let CovetPicsPopup = class {
     return (index.h("section", { class: "popup-body" }, this.arrowsMobilePosition === "middle" &&
       this.renderMobileArrows(), index.h("div", { class: "popup-body-content" }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
       index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), index.h("div", { class: "popup-body-content-scroll" }, this.showLinksTitle && (this.item.links.length > 0) &&
-      index.h("h3", { class: "shop-this-look" }, this.linksTitle), index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "direct-buy-enabled": this.directBuyEnabled.toString(), "link-style": this.loader.data.settings.popup_products_view_type.replace("_view", ""), "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "button-buy-now-label": this.loader.data.settings.popup_products_button_caption, "button-visit-label": this.loader.data.settings.popup_custom_link_label, "price-label": this.loader.data.settings.price_label_caption, "select-label": this.loader.data.settings.select_label_caption, "show-price": this.loader.data.settings.show_price_in_popup, "show-out-of-stock-products": this.loader.data.settings.popup_show_out_of_stock }), this.item.rating && !starOnly &&
-      index.h("div", { class: "star-rating" }, starsArray.map((el) => index.h("span", { class: `icon-star ${el <= this.item.rating ? "active" : ""}` }))), index.h("div", { class: "caption", innerHTML: this.item.caption }), this.item.source === "instagram" &&
+      index.h("h3", { class: "shop-this-look" }, this.linksTitle), index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "direct-buy-enabled": this.directBuyEnabled.toString(), "link-style": this.loader.data.settings.popup_products_view_type.replace("_view", ""), "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "button-buy-now-label": this.loader.data.settings.popup_products_button_caption, "button-visit-label": this.loader.data.settings.popup_custom_link_label, "price-label": this.loader.data.settings.price_label_caption, "select-label": this.loader.data.settings.select_label_caption, "show-price": this.loader.data.settings.show_price_in_popup, "show-out-of-stock-products": this.loader.data.settings.popup_show_out_of_stock }), this.item.rating && !starOnly && !(this.item.data_type === "text") &&
+      index.h("div", { class: "star-rating" }, starsArray.map((el) => index.h("span", { class: `icon-star ${el <= this.item.rating ? "active" : ""}` }))), this.item.caption && !(this.item.data_type === "text") &&
+      index.h(fragment.Fragment, null, index.h("div", { class: "caption", innerHTML: this.item.caption }), !(this.item.source === "instagram") && index.h("p", { class: "source" }, this.item.username)), this.item.source === "instagram" &&
       index.h("p", { class: "source" }, index.h("a", { target: "_blank", href: this.item.url, "aria-label": "Instagram link" }, "@", this.item.username)), this.item.source === "file" && this.item.username !== null &&
       index.h("p", { class: "source" }, this.item.username)), this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "bottom" &&
       index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), this.renderShareIcons()), this.products.map(product => index.h("covet-pics-direct-buy", { "button-add-to-cart-label": this.loader.data.settings.add_to_cart_button_caption, "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "money-format": this.moneyFormat, "preview-mode": this.loader.previewMode, "price-label": this.loader.data.settings.price_label_caption, product: product, "select-label": this.loader.data.settings.select_label_caption }))));
@@ -4971,7 +4972,7 @@ let CovetPicsPopupLinks = class {
 };
 CovetPicsPopupLinks.style = covetGalleryPopupLinksCss;
 
-const covetPicsPopupReviewCss = ".popup-review{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;position:relative;width:580px;height:580px;border-right:1px solid rgba(0, 0, 0, 0.1);padding-left:100px;padding-right:100px}@media only screen and (max-width: 1023px){.popup-review{padding-left:20px;padding-right:20px;width:100%;height:calc(100vh - 80px)}}@media only screen and (max-width: 800px){.popup-review{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);min-height:380px;height:auto}}@media only screen and (max-width: 1023px){.popup-review.star-only{width:360px}}.review-top{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:32px 0;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.review-top:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-top{padding:24px 0}}.review-top.star-only{-ms-flex-order:2;order:2}.review-top.star-only:after{display:none}.review-star{width:18px;height:18px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:10px;-ms-flex:none;flex:none}.review-star:last-child{margin-right:0}.review-star.active .svg-star path{fill:#000000}.svg-star{width:100%;height:100%}.svg-star path{fill:rgba(0, 0, 0, 0.1)}.review-caption{line-height:1.4;color:black;text-align:center;overflow:hidden;-ms-flex:none;flex:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;font-size:var(--covet-pics-item-detail-caption-font-size);max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;margin-top:0;margin-bottom:0}@media only screen and (max-width: 1023px){.review-caption{margin-top:32px;margin-bottom:32px}}.review-caption.star-only{-ms-flex-order:1;order:1;margin-top:86px;height:1px;position:relative}.review-caption.star-only:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-caption.star-only{margin-top:70px;margin-bottom:0}}@media only screen and (max-width: 800px){.review-caption.star-only{margin-top:10px;margin-bottom:0}}.review-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:32px 0;margin-left:auto;margin-right:auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.review-bottom:after{content:\"\";position:absolute;width:100%;height:1px;top:0;left:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-bottom{padding:24px 0}}.review-bottom.star-only{-ms-flex-order:3;order:3}.username,.slash,.created-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:16px;font-weight:500;color:#777777;margin-top:0;margin-bottom:0}.slash{margin-left:6px;margin-right:6px}";
+const covetPicsPopupReviewCss = ".popup-review{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;position:relative;width:580px;height:580px;border-right:1px solid rgba(0, 0, 0, 0.1);padding-left:100px;padding-right:100px}@media only screen and (max-width: 1023px){.popup-review{padding-left:20px;padding-right:20px;width:100%;height:calc(100vh - 80px)}}@media only screen and (max-width: 800px){.popup-review{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);min-height:380px;height:auto}}@media only screen and (max-width: 1023px){.popup-review.star-only{width:360px}}.review-top{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:32px 0;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.review-top:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-top{padding:24px 0}}.review-top.star-only{-ms-flex-order:2;order:2}.review-top.star-only:after{display:none}.review-star{width:18px;height:18px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:10px;-ms-flex:none;flex:none}.review-star:last-child{margin-right:0}.review-star.active .svg-star path{fill:#000000}.svg-star{width:100%;height:100%}.svg-star path{fill:rgba(0, 0, 0, 0.1)}.review-caption{line-height:1.4;color:black;text-align:center;overflow:auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:10px;font-size:var(--covet-pics-item-detail-caption-font-size);margin-top:0;margin-bottom:0}@media only screen and (max-width: 1023px){.review-caption{margin-top:32px;margin-bottom:32px}}.review-caption.star-only{-ms-flex-order:1;order:1;margin-top:86px;height:1px;position:relative}.review-caption.star-only:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-caption.star-only{margin-top:70px;margin-bottom:0}}@media only screen and (max-width: 800px){.review-caption.star-only{margin-top:10px;margin-bottom:0}}.review-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:32px 0;margin-left:auto;margin-right:auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.review-bottom:after{content:\"\";position:absolute;width:100%;height:1px;top:0;left:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-bottom{padding:24px 0}}.review-bottom.star-only{-ms-flex-order:3;order:3}.username,.slash,.created-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:16px;font-weight:500;color:#777777;margin-top:0;margin-bottom:0}.slash{margin-left:6px;margin-right:6px}";
 
 let CovetPicsPopupReviewElement = class {
   constructor(hostRef) {
@@ -5008,7 +5009,7 @@ let CovetPicsPopupReviewElement = class {
   render() {
     const starsArray = [1, 2, 3, 4, 5];
     const starOnlyClass = this.caption === null ? "star-only" : "";
-    return (index.h(index.Host, { class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h("div", { class: `review-top ${starOnlyClass}` }, starsArray.map((el) => index.h("span", { class: `review-star ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))))), index.h("p", { class: `review-caption  ${starOnlyClass}`, innerHTML: this.caption }), index.h("div", { class: `review-bottom  ${starOnlyClass}` }, index.h("p", { class: "username" }, this.username), this.createdTime && index.h("span", { class: "slash" }, "/"), index.h("span", { class: "created-time" }, index$1.format(this.createdTime)))));
+    return (index.h(index.Host, { class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h("div", { class: `review-top ${starOnlyClass}` }, starsArray.map((el) => index.h("span", { class: `review-star ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))))), index.h("p", { class: `review-caption  ${starOnlyClass}`, innerHTML: this.caption }), index.h("div", { class: `review-bottom  ${starOnlyClass}` }, index.h("p", { class: "username" }, this.username), this.createdTime && index.h("span", { class: "slash" }, "/"), index.h("span", { class: "created-time" }, fragment.format(this.createdTime)))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ec704595.js');
-const utils$1 = require('./utils-7761a91a.js');
+const utils$1 = require('./utils-132fbabb.js');
 const evEmitter = require('./ev-emitter-92552a48.js');
 const lazy = require('./lazy-6938bff5.js');
 const effectFade = require('./effect-fade-0800f5fc.js');
@@ -3330,7 +3330,7 @@ let CovetPicsGalleryGrid = class {
     };
     this.scrollHandler = (event) => {
       let windowSize = window.innerHeight;
-      let elBottomPosition = this.el.getBoundingClientRect().bottom;
+      let elBottomPosition = utils$1.getSize(this.el, "bottom");
       let toBottom = Math.max(elBottomPosition - windowSize, 0);
       if (toBottom < 300) {
         this.nextPage.emit(event);
@@ -4008,10 +4008,7 @@ let CovetPicsGallerySlider = class {
   }
   fixSliderHeight() {
     const swiperWrapper = this.el.querySelector(".swiper-wrapper");
-    const getStyle = (el, property) => el !== null
-      ? parseInt(window.getComputedStyle(el)[property].slice(0, -2))
-      : 0;
-    const swiperWrapperHeight = getStyle(swiperWrapper, "height");
+    const swiperWrapperHeight = utils$1.getStyle(swiperWrapper, "height");
     swiperWrapper.style.height = `${swiperWrapperHeight}px`;
   }
   unFixSliderheight() {
@@ -4226,15 +4223,14 @@ let CovetPicsHighlighted = class {
     this.windowHeight = window.innerHeight;
   }
   setCSSVariables() {
-    const size = (el) => el.getBoundingClientRect();
     return {
       "--covet-pics-highlighted-hotspot-bg-color": this.hotspotsBackgoundColor.toString(),
       "--covet-pics-highlighted-background-color": this.backgroundColor.toString(),
       "--covet-pics-highlighted-padding": this.padding.toString() + "%",
-      "--covet-pics-highlighted-padding-px": size(this.el).width * this.padding / 100 + "px",
+      "--covet-pics-highlighted-padding-px": utils$1.getSize(this.el, "width") * this.padding / 100 + "px",
       "--covet-pics-highlighted-primary-color": this.primaryColor.toString(),
       "--covet-pics-highlighted-secondary-color": this.secondaryColor.toString(),
-      "--covet-pics-highlighted-window-height": `${this.windowHeight * 0.01}px`
+      "--covet-pics-highlighted-window-height": `${this.windowHeight * 0.01}px`,
     };
   }
   renderControlIcon(direction) {