npm - @covet-pics/covet-pics-widget - Versions diffs - 0.178.5 → 0.178.6 - Mend

@covet-pics/covet-pics-widget 0.178.5 → 0.178.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/cjs/covet-pics-checkbox_9.cjs.entry.js CHANGED Viewed

@@ -4,10 +4,10 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var popup = require('./popup-rW3mI8Bp.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
-var getters = require('./getters-Bflb753X.js');
+var shopcart = require('./shopcart-DPsjY988.js');
+var getters = require('./getters-ClFGn8S-.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 var index$1 = require('./index-BMdsVEom.js');
@@ -4165,10 +4165,10 @@ const CovetPicsSelect = class {
             return this.el.classList.remove("opened");
     }
     componentDidLoad() {
-        requestAnimationFrame(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
+        utils.nextTickRaf(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
     }
     render() {
-        return (index.h(index.Host, { key: 'f1337646b759d2010e5b8cbc174c914b0831bb88', class: "options", id: this.selectId }, index.h("label", { key: '0c0964d93af6f8c4c60f4407073dde53a83af769', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: 'a32a76882032f68757802f6255559f9de253c12e', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: 'f9c3cd6d7b7bff9ccd0feeb066e43d7d10b15c32', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: '60d55f2d94310738aa6fee33e860a1fe1c3a80f6', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
+        return (index.h(index.Host, { key: 'cb431fe85074e63f21a45a028634074f11e10328', class: "options", id: this.selectId }, index.h("label", { key: 'ea25c6ba067eebcc81cea4c99e25c184ee6bc20e', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: '228a90a74d4e5714f3bbe1cc106e4dd18df57007', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: '5da2f6d3d04d4447eeabfcf5ea1cd7e06cedeee6', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: 'a1fa5862d93e9bd178a7aec34447516bf8a92622', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-crop-text_3.cjs.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var index$1 = require('./index-BMdsVEom.js');
-var getters = require('./getters-Bflb753X.js');
+var getters = require('./getters-ClFGn8S-.js');
 var slider = require('./slider-DjbwBz8s.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 var popup = require('./popup-rW3mI8Bp.js');
@@ -161,11 +161,6 @@ const CovetPicsGalleryItem = class {
         this.btnWrapHTMLTag = "button"; // ADA issue render different type of btn wrap
         this.tabIndex = 0;
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.videoLoadedHandler = (e) => {
             const el = e.currentTarget;
             const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
@@ -274,7 +269,7 @@ const CovetPicsGalleryItem = class {
                 this.btnWrapHTMLTag = "div";
             }
             if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
-                this.nextTick(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
+                utils.nextTickRaf(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
             }
             if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
                 this.itemSource === "upload_widget" ? this.el.blur() : this.el.querySelector(".btn-item-wrap").blur();
@@ -479,11 +474,6 @@ const CovetPicsGalleryItemDetail = class {
         this.starOnlyClass = "";
         this.highlightedClass = "";
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.scrollHandler = () => {
             this.isInViewport();
         };
@@ -501,7 +491,7 @@ const CovetPicsGalleryItemDetail = class {
             this.el.removeAttribute("is-loading");
             this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
             this.el.dispatchEvent(customEvent);
-            this.nextTick(() => this.getCaptionCollageCSS());
+            utils.nextTickRaf(() => this.getCaptionCollageCSS());
         };
         this.itemClickHandler = (event) => {
             if (event instanceof KeyboardEvent && event.keyCode !== 13 && event.keyCode !== 32)

package/dist/cjs/covet-pics-gallery-grid_8.cjs.entry.js CHANGED Viewed

@@ -4,13 +4,13 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils$1 = require('./utils-BAxT9Oy2.js');
-var getters = require('./getters-Bflb753X.js');
+var utils$1 = require('./utils-Y_XvnPLk.js');
+var getters = require('./getters-ClFGn8S-.js');
 var popupFuncComponents = require('./popupFuncComponents-C-BjCf1Q.js');
 var a11y = require('./a11y-BaxqETeA.js');
 var navigation = require('./navigation-CvIgF3Cf.js');
 var slider = require('./slider-DjbwBz8s.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
+var shopcart = require('./shopcart-DPsjY988.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var popup = require('./popup-rW3mI8Bp.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
@@ -5232,11 +5232,6 @@ const CovetPicsHighlighted = class {
         this.mainSliderIndex = 0;
         this.mainSliderAnimatingSlides = [];
         this.isGalleryLoaded = false;
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.mainSliderChangeSlide = (event, direction) => {
             event.preventDefault();
             event.stopPropagation();
@@ -5323,7 +5318,7 @@ const CovetPicsHighlighted = class {
                 active.removeEventListener("transitionend", enterHandler);
             };
             active.classList.add("before-enter");
-            this.nextTick(() => {
+            utils$1.nextTickRaf(() => {
                 active.classList.add("enter");
                 active.addEventListener("transitionend", enterHandler);
             });
@@ -5416,14 +5411,14 @@ const CovetPicsHighlighted = class {
                     ? await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], true)
                     : await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], false);
                 this.mainSliderAnimatingSlides.splice(0, 1);
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
             }
             catch (error) {
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
             }
         }
         else {
-            return this.nextTick(() => this.mainSliderAnimationLoop());
+            return utils$1.nextTickRaf(() => this.mainSliderAnimationLoop());
         }
     }
     renderMainLayout() {
@@ -5444,7 +5439,7 @@ const CovetPicsHighlighted = class {
                 slideToHide.classList.add("slide-noactive");
                 slideToHide.classList.remove("leave", "slide-active", "fast");
                 slideToHide.removeEventListener("transitionend", leaveHandler);
-                this.nextTick(() => resolve("done"));
+                utils$1.nextTickRaf(() => resolve("done"));
             };
             slideToHide.addEventListener("transitionend", leaveHandler);
             fastMode ? slideToHide.classList.add("leave", "fast") : slideToHide.classList.add("leave");
@@ -5454,10 +5449,10 @@ const CovetPicsHighlighted = class {
                 slideToShow.classList.add("slide-active");
                 slideToShow.classList.remove("before-enter", "slide-noactive", "enter", "fast");
                 slideToShow.removeEventListener("transitionend", showHandler);
-                this.nextTick(() => resolve("done"));
+                utils$1.nextTickRaf(() => resolve("done"));
             };
             slideToShow.classList.add("before-enter");
-            this.nextTick(() => {
+            utils$1.nextTickRaf(() => {
                 slideToShow.addEventListener("transitionend", showHandler);
                 fastMode ? slideToShow.classList.add("enter", "fast") : slideToShow.classList.add("enter");
             });
@@ -5468,8 +5463,8 @@ const CovetPicsHighlighted = class {
         const isCarousel = this.layout === "slider" || this.layout === "spotlight";
         const showStatus = isCarousel && this.items && this.items.length > 1;
         const paginationVisible = this.layout === "spotlight" || (this.layout === "slider" && !this.isDesktopScreen);
-        return (index.h(index.Host, { key: '79e47a7664fa0dcbae5a846ee419480444dba4be', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
-            index.h("span", { key: 'f291172c75d247fe87c094dff63538b44a2d8e49', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
+        return (index.h(index.Host, { key: '21d44f26636f0818e58d5aa2f6ac5489dfb520f3', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
+            index.h("span", { key: 'b6e334d1a3c4ad0bc041cdf01467b61a34f8d8a9', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-gallery-header.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var sort = require('./sort-D8WiIXAa.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 require('./redux-toolkit.modern-w9CXZaGb.js');

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

@@ -4,8 +4,8 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
-var getters = require('./getters-Bflb753X.js');
+var utils = require('./utils-Y_XvnPLk.js');
+var getters = require('./getters-ClFGn8S-.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
 var a11y = require('./a11y-BaxqETeA.js');
 var navigation = require('./navigation-CvIgF3Cf.js');

package/dist/cjs/covet-pics-popup-freeflow-carousel_3.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@
 var index = require('./index-CgoVQsIV.js');
 var a11y = require('./a11y-BaxqETeA.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 const covetPicsPopupFreeflowCarouselCss = () => ` :root {   --swiper-theme-color: #007aff;    }  :host {   position: relative;   display: block;   margin-left: auto;   margin-right: auto;   z-index: 1; }  .swiper {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;      z-index: 1;   display: block; }  .swiper-vertical > .swiper-wrapper {   flex-direction: column; }  .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);   box-sizing: content-box; }  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {   transform: translate3d(0px, 0, 0); }  .swiper-horizontal {   touch-action: pan-y; }  .swiper-vertical {   touch-action: pan-x; }  .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block; }  .swiper-slide-invisible-blank {   visibility: hidden; }   .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto; }  .swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; }  .swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   backface-visibility: hidden; }   .swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px; }  .swiper-3d .swiper-wrapper {   transform-style: preserve-3d; }  .swiper-3d {   perspective: 1200px;   .swiper-slide,   .swiper-cube-shadow {     transform-style: preserve-3d;   } }   .swiper-css-mode {   > .swiper-wrapper {     overflow: auto;     scrollbar-width: none;      -ms-overflow-style: none;      &::-webkit-scrollbar {       display: none;     }   }   > .swiper-wrapper > .swiper-slide {     scroll-snap-align: start start;   }   &.swiper-horizontal {     > .swiper-wrapper {       scroll-snap-type: x mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-slides-offset-before);       scroll-margin-inline-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-inline-end: var(--swiper-slides-offset-after);     }   }   &.swiper-vertical {     > .swiper-wrapper {       scroll-snap-type: y mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-slides-offset-before);       scroll-margin-block-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-block-end: var(--swiper-slides-offset-after);     }   }   &.swiper-free-mode {     > .swiper-wrapper {       scroll-snap-type: none;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: none;     }   }   &.swiper-centered {     > .swiper-wrapper::before {       content: "";       flex-shrink: 0;       order: 9999;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: center center;       scroll-snap-stop: always;     }   }   &.swiper-centered.swiper-horizontal {     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       height: 100%;       min-height: 1px;       width: var(--swiper-centered-offset-after);     }   }   &.swiper-centered.swiper-vertical {     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       width: 100%;       min-width: 1px;       height: var(--swiper-centered-offset-after);     }   } }    .swiper-3d {   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom,   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     pointer-events: none;     z-index: 10;   }   .swiper-slide-shadow {     background: rgba(0, 0, 0, 0.15);   }   .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-right {     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-top {     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-bottom {     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   } }  .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent; }  .swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible {   .swiper-lazy-preloader {     animation: swiper-preloader-spin 1s infinite linear;   } }  .swiper-lazy-preloader-white {   --swiper-preloader-color: #fff; }  .swiper-lazy-preloader-black {   --swiper-preloader-color: #000; }  @keyframes swiper-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  :root {   --swiper-navigation-size: 44px;    }  .swiper-button-prev, .swiper-button-next {   position: absolute;   width: var(--swiper-navigation-size);   height: var(--swiper-navigation-size);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color));   &.swiper-button-disabled {     opacity: 0.35;     cursor: auto;     pointer-events: none;   }   &.swiper-button-hidden {     opacity: 0;     cursor: auto;     pointer-events: none;   }   .swiper-navigation-disabled & {     display: none !important;   }   ::slotted(svg),   svg {     width: 100%;     height: 100%;     -o-object-fit: contain;        object-fit: contain;     transform-origin: center;     fill: currentColor;     pointer-events: none;   } }  .swiper-button-lock {   display: none; }  .swiper-button-prev, .swiper-button-next {   top: var(--swiper-navigation-top-offset, 50%);   margin-top: calc(0px - var(--swiper-navigation-size) / 2); }  .swiper-button-prev {   left: var(--swiper-navigation-sides-offset, 4px);   right: auto;   ::slotted(.swiper-navigation-icon),   .swiper-navigation-icon {     transform: rotate(180deg);   } }  .swiper-button-next {   right: var(--swiper-navigation-sides-offset, 4px);   left: auto; }  .swiper-horizontal {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     top: var(--swiper-navigation-top-offset, 50%);     margin-top: calc(0px - var(--swiper-navigation-size) / 2);     margin-left: 0;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     left: var(--swiper-navigation-sides-offset, 4px);     right: auto;   }   .swiper-button-next,   & ~ .swiper-button-next,   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     right: var(--swiper-navigation-sides-offset, 4px);     left: auto;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(180deg);     }   }   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(0deg);     }   } }  .swiper-vertical {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     left: var(--swiper-navigation-top-offset, 50%);     right: auto;     margin-left: calc(0px - var(--swiper-navigation-size) / 2);     margin-top: 0;   }   .swiper-button-prev,   ~ .swiper-button-prev {     top: var(--swiper-navigation-sides-offset, 4px);     bottom: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(-90deg);     }   }   .swiper-button-next,   ~ .swiper-button-next {     bottom: var(--swiper-navigation-sides-offset, 4px);     top: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(90deg);     }   } }  :root {    }  .swiper-pagination {   position: absolute;   text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;   &.swiper-pagination-hidden {     opacity: 0;   }   .swiper-pagination-disabled > &,   &.swiper-pagination-disabled {     display: none !important;   } }   .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   bottom: var(--swiper-pagination-bottom, 8px);   top: var(--swiper-pagination-top, auto);   left: 0;   width: 100%; }   .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0;   .swiper-pagination-bullet {     transform: scale(0.33);     position: relative;   }   .swiper-pagination-bullet-active {     transform: scale(1);   }   .swiper-pagination-bullet-active-main {     transform: scale(1);   }   .swiper-pagination-bullet-active-prev {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-prev-prev {     transform: scale(0.33);   }   .swiper-pagination-bullet-active-next {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-next-next {     transform: scale(0.33);   } }  .swiper-pagination-bullet {   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));   display: inline-block;   border-radius: var(--swiper-pagination-bullet-border-radius, 50%);   background: var(--swiper-pagination-bullet-inactive-color, #000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);   button& {     border: none;     margin: 0;     padding: 0;     box-shadow: none;     -webkit-appearance: none;        -moz-appearance: none;             appearance: none;   }   .swiper-pagination-clickable & {     cursor: pointer;   }   &:only-child {     display: none !important;   } }  .swiper-pagination-bullet-active {   opacity: var(--swiper-pagination-bullet-opacity, 1);   background: var(--swiper-pagination-color, var(--swiper-theme-color)); }  .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {   right: var(--swiper-pagination-right, 8px);   left: var(--swiper-pagination-left, auto);   top: 50%;   transform: translate3d(0px, -50%, 0);   .swiper-pagination-bullet {     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;     display: block;   }   &.swiper-pagination-bullets-dynamic {     top: 50%;     transform: translateY(-50%);     width: 8px;     .swiper-pagination-bullet {       display: inline-block;       transition: 200ms transform, 200ms top;     }   } }  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {   .swiper-pagination-bullet {     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);   }   &.swiper-pagination-bullets-dynamic {     left: 50%;     transform: translateX(-50%);     white-space: nowrap;     .swiper-pagination-bullet {       transition: 200ms transform, 200ms left;     }   } }  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }   .swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color, inherit); }   .swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));   position: absolute;   .swiper-pagination-progressbar-fill {     background: var(--swiper-pagination-color, var(--swiper-theme-color));     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     transform: scale(0);     transform-origin: left top;   }   .swiper-rtl & .swiper-pagination-progressbar-fill {     transform-origin: right top;   }   .swiper-horizontal > &,   &.swiper-pagination-horizontal,   .swiper-vertical > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {     width: 100%;     height: var(--swiper-pagination-progressbar-size, 4px);     left: 0;     top: 0;   }   .swiper-vertical > &,   &.swiper-pagination-vertical,   .swiper-horizontal > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {     width: var(--swiper-pagination-progressbar-size, 4px);     height: 100%;     left: 0;     top: 0;   } }  .swiper-pagination-lock {   display: none; }  covet-pics-popup-freeflow-carousel {   flex-grow: 1;   position: absolute;   overflow: hidden;   box-sizing: border-box;   --swiper-pagination-height: 40px;   height: 100%;   width: 100%;   top: 0;   left: 0; }  .carousel-media {   width: 100%;   height: 100%;   padding-bottom: 40px;   overflow: hidden;   box-sizing: border-box; } .carousel-media .carousel-cell {   display: flex;   justify-content: center;   width: 100%;   height: calc(100% - 40px); } .carousel-media .carousel-cell img, .carousel-media .carousel-cell video {   width: 100%;   height: 100%;   -o-object-fit: contain;      object-fit: contain; }  .freeflow-carousel-count {   box-sizing: border-box;   border-radius: 4px;   border: 1px solid rgba(255, 255, 255, 0.15) !important;   background: rgba(0, 0, 0, 0.4);   display: inline-flex;   align-items: center;   padding: 8px;   color: #FFFFFF;   font-family: "Helvetica Neue";   font-size: 12px;   font-style: normal;   font-weight: 700;   line-height: 1;   margin-left: 8px;   flex: none;   position: absolute;   right: 24px;   top: 0;   height: 26px;   transform: translateY(-100%); }  .swiper-pagination.freeflow-carousel-pagination {   position: absolute;   top: 0 !important;   left: var(--covet-popup-freeflow-content-space) !important;   display: inline-flex;   bottom: unset !important;   flex: none;   width: auto !important;   background-color: rgba(0, 0, 0, 0.4);   padding: 8px 6px;   border-radius: 4px;   border-radius: 4px;   border: 1px solid rgba(255, 255, 255, 0.15);   transform: translateY(-100%) !important;   box-sizing: border-box; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet {   width: 8px;   height: 8px;   margin: 0 2px;   background: #FFFFFF;   opacity: 0.4; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:hover, .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:active, .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:focus {   opacity: 1; } .swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {   opacity: 1; }`;

package/dist/cjs/covet-pics-post.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const covetPicsPostCss = () => ` :root {   --swiper-theme-color: #007aff;    }  :host {   position: relative;   display: block;   margin-left: auto;   margin-right: auto;   z-index: 1; }  .swiper {   margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;      z-index: 1;   display: block; }  .swiper-vertical > .swiper-wrapper {   flex-direction: column; }  .swiper-wrapper {   position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);   box-sizing: content-box; }  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {   transform: translate3d(0px, 0, 0); }  .swiper-horizontal {   touch-action: pan-y; }  .swiper-vertical {   touch-action: pan-x; }  .swiper-slide {   flex-shrink: 0;   width: 100%;   height: 100%;   position: relative;   transition-property: transform;   display: block; }  .swiper-slide-invisible-blank {   visibility: hidden; }   .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto; }  .swiper-autoheight .swiper-wrapper {   align-items: flex-start;   transition-property: transform, height; }  .swiper-backface-hidden .swiper-slide {   transform: translateZ(0);   backface-visibility: hidden; }   .swiper-3d.swiper-css-mode .swiper-wrapper {   perspective: 1200px; }  .swiper-3d .swiper-wrapper {   transform-style: preserve-3d; }  .swiper-3d {   perspective: 1200px;   .swiper-slide,   .swiper-cube-shadow {     transform-style: preserve-3d;   } }   .swiper-css-mode {   > .swiper-wrapper {     overflow: auto;     scrollbar-width: none;      -ms-overflow-style: none;      &::-webkit-scrollbar {       display: none;     }   }   > .swiper-wrapper > .swiper-slide {     scroll-snap-align: start start;   }   &.swiper-horizontal {     > .swiper-wrapper {       scroll-snap-type: x mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-slides-offset-before);       scroll-margin-inline-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-inline-end: var(--swiper-slides-offset-after);     }   }   &.swiper-vertical {     > .swiper-wrapper {       scroll-snap-type: y mandatory;     }     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-slides-offset-before);       scroll-margin-block-start: var(--swiper-slides-offset-before);     }     > .swiper-wrapper > .swiper-slide:last-child {       margin-block-end: var(--swiper-slides-offset-after);     }   }   &.swiper-free-mode {     > .swiper-wrapper {       scroll-snap-type: none;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: none;     }   }   &.swiper-centered {     > .swiper-wrapper::before {       content: "";       flex-shrink: 0;       order: 9999;     }     > .swiper-wrapper > .swiper-slide {       scroll-snap-align: center center;       scroll-snap-stop: always;     }   }   &.swiper-centered.swiper-horizontal {     > .swiper-wrapper > .swiper-slide:first-child {       margin-inline-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       height: 100%;       min-height: 1px;       width: var(--swiper-centered-offset-after);     }   }   &.swiper-centered.swiper-vertical {     > .swiper-wrapper > .swiper-slide:first-child {       margin-block-start: var(--swiper-centered-offset-before);     }     > .swiper-wrapper::before {       width: 100%;       min-width: 1px;       height: var(--swiper-centered-offset-after);     }   } }    .swiper-3d {   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom,   .swiper-slide-shadow,   .swiper-slide-shadow-left,   .swiper-slide-shadow-right,   .swiper-slide-shadow-top,   .swiper-slide-shadow-bottom {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     pointer-events: none;     z-index: 10;   }   .swiper-slide-shadow {     background: rgba(0, 0, 0, 0.15);   }   .swiper-slide-shadow-left {     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-right {     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-top {     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   }   .swiper-slide-shadow-bottom {     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));   } }  .swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;   z-index: 10;   transform-origin: 50%;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent; }  .swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible {   .swiper-lazy-preloader {     animation: swiper-preloader-spin 1s infinite linear;   } }  .swiper-lazy-preloader-white {   --swiper-preloader-color: #fff; }  .swiper-lazy-preloader-black {   --swiper-preloader-color: #000; }  @keyframes swiper-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  :root {   --swiper-navigation-size: 44px;    }  .swiper-button-prev, .swiper-button-next {   position: absolute;   width: var(--swiper-navigation-size);   height: var(--swiper-navigation-size);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color));   &.swiper-button-disabled {     opacity: 0.35;     cursor: auto;     pointer-events: none;   }   &.swiper-button-hidden {     opacity: 0;     cursor: auto;     pointer-events: none;   }   .swiper-navigation-disabled & {     display: none !important;   }   ::slotted(svg),   svg {     width: 100%;     height: 100%;     -o-object-fit: contain;        object-fit: contain;     transform-origin: center;     fill: currentColor;     pointer-events: none;   } }  .swiper-button-lock {   display: none; }  .swiper-button-prev, .swiper-button-next {   top: var(--swiper-navigation-top-offset, 50%);   margin-top: calc(0px - var(--swiper-navigation-size) / 2); }  .swiper-button-prev {   left: var(--swiper-navigation-sides-offset, 4px);   right: auto;   ::slotted(.swiper-navigation-icon),   .swiper-navigation-icon {     transform: rotate(180deg);   } }  .swiper-button-next {   right: var(--swiper-navigation-sides-offset, 4px);   left: auto; }  .swiper-horizontal {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     top: var(--swiper-navigation-top-offset, 50%);     margin-top: calc(0px - var(--swiper-navigation-size) / 2);     margin-left: 0;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     left: var(--swiper-navigation-sides-offset, 4px);     right: auto;   }   .swiper-button-next,   & ~ .swiper-button-next,   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     right: var(--swiper-navigation-sides-offset, 4px);     left: auto;   }   .swiper-button-prev,   & ~ .swiper-button-prev,   &.swiper-rtl .swiper-button-next,   &.swiper-rtl ~ .swiper-button-next {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(180deg);     }   }   &.swiper-rtl .swiper-button-prev,   &.swiper-rtl ~ .swiper-button-prev {     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(0deg);     }   } }  .swiper-vertical {   .swiper-button-prev,   .swiper-button-next,   ~ .swiper-button-prev,   ~ .swiper-button-next {     left: var(--swiper-navigation-top-offset, 50%);     right: auto;     margin-left: calc(0px - var(--swiper-navigation-size) / 2);     margin-top: 0;   }   .swiper-button-prev,   ~ .swiper-button-prev {     top: var(--swiper-navigation-sides-offset, 4px);     bottom: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(-90deg);     }   }   .swiper-button-next,   ~ .swiper-button-next {     bottom: var(--swiper-navigation-sides-offset, 4px);     top: auto;     ::slotted(.swiper-navigation-icon),     .swiper-navigation-icon {       transform: rotate(90deg);     }   } }  :root {    }  .swiper-pagination {   position: absolute;   text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;   &.swiper-pagination-hidden {     opacity: 0;   }   .swiper-pagination-disabled > &,   &.swiper-pagination-disabled {     display: none !important;   } }   .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   bottom: var(--swiper-pagination-bottom, 8px);   top: var(--swiper-pagination-top, auto);   left: 0;   width: 100%; }   .swiper-pagination-bullets-dynamic {   overflow: hidden;   font-size: 0;   .swiper-pagination-bullet {     transform: scale(0.33);     position: relative;   }   .swiper-pagination-bullet-active {     transform: scale(1);   }   .swiper-pagination-bullet-active-main {     transform: scale(1);   }   .swiper-pagination-bullet-active-prev {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-prev-prev {     transform: scale(0.33);   }   .swiper-pagination-bullet-active-next {     transform: scale(0.66);   }   .swiper-pagination-bullet-active-next-next {     transform: scale(0.33);   } }  .swiper-pagination-bullet {   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));   display: inline-block;   border-radius: var(--swiper-pagination-bullet-border-radius, 50%);   background: var(--swiper-pagination-bullet-inactive-color, #000);   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);   button& {     border: none;     margin: 0;     padding: 0;     box-shadow: none;     -webkit-appearance: none;        -moz-appearance: none;             appearance: none;   }   .swiper-pagination-clickable & {     cursor: pointer;   }   &:only-child {     display: none !important;   } }  .swiper-pagination-bullet-active {   opacity: var(--swiper-pagination-bullet-opacity, 1);   background: var(--swiper-pagination-color, var(--swiper-theme-color)); }  .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {   right: var(--swiper-pagination-right, 8px);   left: var(--swiper-pagination-left, auto);   top: 50%;   transform: translate3d(0px, -50%, 0);   .swiper-pagination-bullet {     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;     display: block;   }   &.swiper-pagination-bullets-dynamic {     top: 50%;     transform: translateY(-50%);     width: 8px;     .swiper-pagination-bullet {       display: inline-block;       transition: 200ms transform, 200ms top;     }   } }  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {   .swiper-pagination-bullet {     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);   }   &.swiper-pagination-bullets-dynamic {     left: 50%;     transform: translateX(-50%);     white-space: nowrap;     .swiper-pagination-bullet {       transition: 200ms transform, 200ms left;     }   } }  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }   .swiper-pagination-fraction {   color: var(--swiper-pagination-fraction-color, inherit); }   .swiper-pagination-progressbar {   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));   position: absolute;   .swiper-pagination-progressbar-fill {     background: var(--swiper-pagination-color, var(--swiper-theme-color));     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     transform: scale(0);     transform-origin: left top;   }   .swiper-rtl & .swiper-pagination-progressbar-fill {     transform-origin: right top;   }   .swiper-horizontal > &,   &.swiper-pagination-horizontal,   .swiper-vertical > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {     width: 100%;     height: var(--swiper-pagination-progressbar-size, 4px);     left: 0;     top: 0;   }   .swiper-vertical > &,   &.swiper-pagination-vertical,   .swiper-horizontal > &.swiper-pagination-progressbar-opposite,   &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {     width: var(--swiper-pagination-progressbar-size, 4px);     height: 100%;     left: 0;     top: 0;   } }  .swiper-pagination-lock {   display: none; }  :host {   --swiper-pagination-height: 40px;   --popup-fixed-size: 720px; }  .carousel-media {   max-width: 100%;   padding-bottom: var(--swiper-pagination-height); } .carousel-media .carousel-cell {   display: flex;   justify-content: space-around;   width: 100%; } .carousel-media .carousel-cell img, .carousel-media .carousel-cell video {   align-self: center;   max-height: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));   max-width: 100%; }  .carousel-media .swiper-button-next, .carousel-media .swiper-button-prev {   top: unset;   bottom: 0;   transform: translateY(0);   border-radius: 0;   background: transparent;   padding: 0;   z-index: 11;   transition: opacity 0.25s ease;   opacity: 1;   border: none; } .carousel-media .swiper-button-next:hover, .carousel-media .swiper-button-next:active, .carousel-media .swiper-button-next:focus, .carousel-media .swiper-button-prev:hover, .carousel-media .swiper-button-prev:active, .carousel-media .swiper-button-prev:focus {   opacity: 0.5; } .carousel-media .swiper-button-next svg, .carousel-media .swiper-button-prev svg {   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height); } .carousel-media .swiper-button-next:after, .carousel-media .swiper-button-prev:after {   display: none; } .carousel-media .swiper-button-next {   right: 0; } .carousel-media .swiper-button-prev {   left: 0; } .carousel-media .swiper-button-prev svg {   transform: rotateY(180deg); }  .swiper-horizontal > .swiper-pagination-bullets {   display: flex;   justify-content: center;   align-items: center;   height: var(--swiper-pagination-height);   top: unset;   bottom: 0;   background: white; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   width: 6px;   height: 6px;   margin: 0 3px; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:active, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {   opacity: 0.4; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {   background: #000000; }  .carousel-media ~ .covet-branding {   bottom: calc(var(--swiper-pagination-height) - 16px); }  @media only screen and (min-width: 800px) {   .carousel-media {     width: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));     height: var(--popup-fixed-size);     padding-bottom: 0;   }   .carousel-media .carousel-cell {     height: 100%;     max-height: calc(var(--popup-fixed-size) - var(--swiper-pagination-height));   } } :host {   --swiper-pagination-height: 40px;   --covet-post-control-size: 70px;   --covet-post-bg-color: #FFFFFF;   --covet-post-font-family: Helvetica Neue;   --covet-post-text-color: #000000;   --covet-post-border-color: #F1F1F1;   --covet-post-image-bg-color: #FFFFFF;   --covet-post-border-radius: 8px;   --covet-post-description-padding: 24px; }  :host {   box-sizing: border-box;   position: relative;   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   flex: none;   max-width: 100%; } :host .covet-post {   box-sizing: border-box;   background-color: var(--covet-post-bg-color);   border: 1px solid var(--covet-post-border-color);   border-radius: var(--covet-post-border-radius);   overflow: hidden;   position: relative;   max-width: 100%; } :host .covet-post-image-wrap {   display: flex;   justify-content: center;   align-items: center;   flex: none;   background-color: var(--covet-post-image-bg-color); } :host .covet-post-image-wrap.carousel {   display: block; } :host .covet-post-image, :host .post-video-element {   -o-object-fit: contain;      object-fit: contain;   margin: auto;   width: 100%;   height: 100%; } :host .post-video-element {   max-width: 100%;   z-index: 1;   display: flex;   justify-content: center;   align-items: stretch;   overflow: hidden;   max-height: 100%; } :host .post-video-element video {   -o-object-fit: contain;      object-fit: contain;   width: 100%; } :host .post-video-element:after {   content: "";   position: absolute;   opacity: 1;   border: none;   outline: none !important;   top: 50%;   width: 100px;   height: 100px;   left: 50%;   transform: translate(-50%, -50%);   cursor: pointer;   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E");   background-repeat: no-repeat;   background-size: contain;   background-color: transparent;   transition: all 0.25s ease; } :host .post-video-element:hover:after, :host .post-video-element:focus:after {   transform: translate(-50%, -50%) scale(1.1); } :host .post-video-element.playing:after {   opacity: 0; } :host .covet-post-description {   box-sizing: border-box;   padding: var(--covet-post-description-padding);   background-color: var(--covet-post-bg-color);   width: 0;   min-width: 100%; } :host .covet-post-text {   color: var(--covet-post-text-color);   margin-top: 0;   font-family: var(--covet-post-font-family);   font-size: 12px;   font-weight: 500;   line-height: 18px;   overflow: hidden;   display: -webkit-box;   -webkit-box-orient: vertical;   max-height: 72px;   -webkit-line-clamp: 4;   white-space: pre-line;   margin-bottom: 0; } :host .carousel-media {   width: 100%;   height: 100%; } :host .carousel-media .carousel-cell {   height: calc(100% - 40px);   width: 100%;   justify-content: center;   align-items: center; } :host .carousel-media .carousel-cell img, :host .carousel-media .carousel-cell video {   -o-object-fit: contain;      object-fit: contain;   margin: auto;   width: 100%;   height: 100%; } :host .carousel-media .swiper-button-next, :host .carousel-media .swiper-button-prev {   top: unset;   bottom: 0;   transform: translateY(0);   border-radius: 0;   background: transparent;   padding: 0;   z-index: 11;   transition: opacity 0.25s ease;   opacity: 1;   border: none;   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height);   margin-top: 0; } :host .carousel-media .swiper-button-next:hover, :host .carousel-media .swiper-button-next:active, :host .carousel-media .swiper-button-next:focus, :host .carousel-media .swiper-button-prev:hover, :host .carousel-media .swiper-button-prev:active, :host .carousel-media .swiper-button-prev:focus {   opacity: 0.5; } :host .carousel-media .swiper-button-next svg, :host .carousel-media .swiper-button-prev svg {   width: var(--swiper-pagination-height);   height: var(--swiper-pagination-height); } :host .carousel-media .swiper-button-next:after, :host .carousel-media .swiper-button-prev:after {   display: none; } :host .swiper-horizontal > .swiper-pagination-bullets {   position: relative;   display: flex;   justify-content: center;   align-items: center;   height: var(--swiper-pagination-height);   top: unset;   bottom: 0;   background: white; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   width: 6px;   height: 6px;   margin: 0 3px; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:active, :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {   opacity: 0.4; } :host .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {   background: #000000; }  .error-message {   text-align: center;   border: 2px dashed;   padding: 20px; }`;

package/dist/cjs/covet-pics-star-rating.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const covetPicsStarRatingCss = () => `:host{display:inline-flex;align-items:center;box-sizing:border-box;line-height:1.4}:host .icon-star{flex:none;display:flex;justify-content:center;width:var(--covet-star-size);height:var(--covet-star-size);margin-right:var(--covet-star-space-stars)}:host .icon-star:nth-of-type(5){margin-right:var(--covet-star-space-stars-text)}:host .icon-star.active .svg-star path{fill:var(--covet-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .icon-star.active .half-star path{fill:var(--covet-star-color)}:host .svg-star{width:100%;height:100%}:host .svg-star path{fill:var(--covet-empty-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .half-star path{fill:var(--covet-star-color)}`;

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

@@ -4,15 +4,15 @@
 'use strict';
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 var reduxToolkit_modern = require('./redux-toolkit.modern-w9CXZaGb.js');
 var sort = require('./sort-D8WiIXAa.js');
 var popup = require('./popup-rW3mI8Bp.js');
 var items = require('./items-BO_h2wDO.js');
 var slider = require('./slider-DjbwBz8s.js');
-var shopcart = require('./shopcart-61IYQW_5.js');
+var shopcart = require('./shopcart-DPsjY988.js');
 var storeUtils = require('./storeUtils-hM8egDhh.js');
-var getters = require('./getters-Bflb753X.js');
+var getters = require('./getters-ClFGn8S-.js');
 const STANDARD_GALLERY_URL = "/api/v1/embed/:id";
 const PRODUCT_GALLERY_URL = "/api/v1/shop/:shop/product/:handle";

package/dist/cjs/{getters-Bflb753X.js → getters-ClFGn8S-.js} RENAMED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var utils = require('./utils-BAxT9Oy2.js');
+var utils = require('./utils-Y_XvnPLk.js');
 const getUseAnalytics = (state) => state.preview.mode ? false : state.analytics;
 const isWidgetDisabled = (state) => state.upload.uploadOpen || state.popup.popupIsOpen;

package/dist/cjs/{shopcart-61IYQW_5.js → shopcart-DPsjY988.js} RENAMED Viewed

@@ -4,8 +4,8 @@
 'use strict';
 var reduxToolkit_modern = require('./redux-toolkit.modern-w9CXZaGb.js');
-var getters = require('./getters-Bflb753X.js');
-var utils = require('./utils-BAxT9Oy2.js');
+var getters = require('./getters-ClFGn8S-.js');
+var utils = require('./utils-Y_XvnPLk.js');
 // Shopify AJAX Cart API to work with native cart
 // https://shopify.dev/docs/api/ajax/reference/cart

package/dist/cjs/{utils-BAxT9Oy2.js → utils-Y_XvnPLk.js} RENAMED Viewed

@@ -228,6 +228,13 @@ const subscribeRaf = (cb) => {
     globalWindow.covetpicsRaf = subscribe;
     return subscribe(cb);
 };
+const nextTickRaf = (cb) => {
+    const unsubscribe = subscribeRaf(() => {
+        unsubscribe();
+        cb();
+    });
+    return unsubscribe;
+};
 const BASE_API_URLS = {
     "production": "https://app.covet.pics",
     "development": "http://localhost:3000",
@@ -251,5 +258,6 @@ exports.getSizesForResponsiveImage = getSizesForResponsiveImage;
 exports.getStyle = getStyle;
 exports.hexToRGBA = hexToRGBA;
 exports.isElInViewport = isElInViewport;
+exports.nextTickRaf = nextTickRaf;
 exports.sendToGoogleAnalytics = sendToGoogleAnalytics;
 exports.subscribeRaf = subscribeRaf;

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

@@ -2,7 +2,7 @@
  * Copyright by Space Squirrel Ltd.
  */
 import { h, Host } from "@stencil/core";
-import { buildEvent } from "../../utils/utils";
+import { buildEvent, nextTickRaf } from "../../utils/utils";
 import { format } from "timeago.js";
 import { getItemTabIndex, isWidgetDisabled } from "../../store/getters";
 import { setSliderIndex, setItemInFocus } from "../../store/slider";
@@ -47,11 +47,6 @@ export class CovetPicsGalleryItem {
         this.btnWrapHTMLTag = "button"; // ADA issue render different type of btn wrap
         this.tabIndex = 0;
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.videoLoadedHandler = (e) => {
             const el = e.currentTarget;
             const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
@@ -160,7 +155,7 @@ export class CovetPicsGalleryItem {
                 this.btnWrapHTMLTag = "div";
             }
             if (isModalsWillClose && this.appState.slider.realIndex === this.itemIndex) {
-                this.nextTick(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
+                nextTickRaf(() => this.itemSource === "upload_widget" ? this.el.focus() : this.el.querySelector(".btn-item-wrap").focus());
             }
             if (isItemHoverChange && this.itemIndex !== this.appState.slider.itemInFocus) {
                 this.itemSource === "upload_widget" ? this.el.blur() : this.el.querySelector(".btn-item-wrap").blur();

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

@@ -4,7 +4,7 @@
 import { Host, h, Fragment } from "@stencil/core";
 import { buildEvent } from "../../utils/utils";
 import { format } from "timeago.js";
-import { hexToRGBA, getSize, getStyle } from "../../utils/utils";
+import { hexToRGBA, getSize, getStyle, nextTickRaf } from "../../utils/utils";
 import { getItemTabIndex, isWidgetDisabled } from "../../store/getters";
 import { setSliderIndex, setItemInFocus } from "../../store/slider";
 import { BadgeHoverVerified, BadgeVerified, DynamicTag, StarRating } from "../../utils/funcComponents";
@@ -60,11 +60,6 @@ export class CovetPicsGalleryItemDetail {
         this.starOnlyClass = "";
         this.highlightedClass = "";
         this.showImageAsVideoPoster = true; // use image to display "video poster"
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.scrollHandler = () => {
             this.isInViewport();
         };
@@ -82,7 +77,7 @@ export class CovetPicsGalleryItemDetail {
             this.el.removeAttribute("is-loading");
             this.el.dispatchEvent(buildEvent("itemLoaded"));
             this.el.dispatchEvent(customEvent);
-            this.nextTick(() => this.getCaptionCollageCSS());
+            nextTickRaf(() => this.getCaptionCollageCSS());
         };
         this.itemClickHandler = (event) => {
             if (event instanceof KeyboardEvent && event.keyCode !== 13 && event.keyCode !== 32)

package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Copyright by Space Squirrel Ltd.
  */
 import { h, Host } from "@stencil/core";
-import { buildEvent, getDateFromTimestamp, getRandomId, getSize, isElInViewport } from "../../utils/utils";
+import { buildEvent, getDateFromTimestamp, getRandomId, getSize, isElInViewport, nextTickRaf } from "../../utils/utils";
 export class CovetPicsHighlighted {
     constructor() {
         /**
@@ -16,11 +16,6 @@ export class CovetPicsHighlighted {
         this.mainSliderIndex = 0;
         this.mainSliderAnimatingSlides = [];
         this.isGalleryLoaded = false;
-        this.nextTick = (fn) => {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(fn);
-            });
-        };
         this.mainSliderChangeSlide = (event, direction) => {
             event.preventDefault();
             event.stopPropagation();
@@ -107,7 +102,7 @@ export class CovetPicsHighlighted {
                 active.removeEventListener("transitionend", enterHandler);
             };
             active.classList.add("before-enter");
-            this.nextTick(() => {
+            nextTickRaf(() => {
                 active.classList.add("enter");
                 active.addEventListener("transitionend", enterHandler);
             });
@@ -200,14 +195,14 @@ export class CovetPicsHighlighted {
                     ? await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], true)
                     : await this.mainSliderAnimateSlides(this.mainSliderAnimatingSlides[0], false);
                 this.mainSliderAnimatingSlides.splice(0, 1);
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return nextTickRaf(() => this.mainSliderAnimationLoop());
             }
             catch (error) {
-                return this.nextTick(() => this.mainSliderAnimationLoop());
+                return nextTickRaf(() => this.mainSliderAnimationLoop());
             }
         }
         else {
-            return this.nextTick(() => this.mainSliderAnimationLoop());
+            return nextTickRaf(() => this.mainSliderAnimationLoop());
         }
     }
     renderMainLayout() {
@@ -228,7 +223,7 @@ export class CovetPicsHighlighted {
                 slideToHide.classList.add("slide-noactive");
                 slideToHide.classList.remove("leave", "slide-active", "fast");
                 slideToHide.removeEventListener("transitionend", leaveHandler);
-                this.nextTick(() => resolve("done"));
+                nextTickRaf(() => resolve("done"));
             };
             slideToHide.addEventListener("transitionend", leaveHandler);
             fastMode ? slideToHide.classList.add("leave", "fast") : slideToHide.classList.add("leave");
@@ -238,10 +233,10 @@ export class CovetPicsHighlighted {
                 slideToShow.classList.add("slide-active");
                 slideToShow.classList.remove("before-enter", "slide-noactive", "enter", "fast");
                 slideToShow.removeEventListener("transitionend", showHandler);
-                this.nextTick(() => resolve("done"));
+                nextTickRaf(() => resolve("done"));
             };
             slideToShow.classList.add("before-enter");
-            this.nextTick(() => {
+            nextTickRaf(() => {
                 slideToShow.addEventListener("transitionend", showHandler);
                 fastMode ? slideToShow.classList.add("enter", "fast") : slideToShow.classList.add("enter");
             });
@@ -252,8 +247,8 @@ export class CovetPicsHighlighted {
         const isCarousel = this.layout === "slider" || this.layout === "spotlight";
         const showStatus = isCarousel && this.items && this.items.length > 1;
         const paginationVisible = this.layout === "spotlight" || (this.layout === "slider" && !this.isDesktopScreen);
-        return (h(Host, { key: '79e47a7664fa0dcbae5a846ee419480444dba4be', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
-            h("span", { key: 'f291172c75d247fe87c094dff63538b44a2d8e49', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
+        return (h(Host, { key: '21d44f26636f0818e58d5aa2f6ac5489dfb520f3', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: isCarousel ? "region" : "list", "aria-label": isCarousel ? `Page gallery, ${this.items.length} posts` : "Page gallery", "aria-roledescription": isCarousel ? "carousel" : undefined }, this.renderMainLayout(), showStatus &&
+            h("span", { key: 'b6e334d1a3c4ad0bc041cdf01467b61a34f8d8a9', class: paginationVisible ? "page-pagination" : "sr-only", role: "status", "aria-label": !paginationVisible ? `Page ${this.mainSliderIndex + 1} of ${this.items.length}` : undefined }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
     }
     static get is() { return "covet-pics-highlighted"; }
     static get originalStyleUrls() {

package/dist/collection/components/covet-pics-select/covet-pics-select.js CHANGED Viewed

@@ -2,6 +2,7 @@
  * Copyright by Space Squirrel Ltd.
  */
 import { Host, h } from "@stencil/core";
+import { nextTickRaf } from "../../utils/utils";
 export class CovetPicsSelect {
     constructor() {
         this.labelClickHandler = (event) => {
@@ -33,10 +34,10 @@ export class CovetPicsSelect {
             return this.el.classList.remove("opened");
     }
     componentDidLoad() {
-        requestAnimationFrame(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
+        nextTickRaf(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
     }
     render() {
-        return (h(Host, { key: 'f1337646b759d2010e5b8cbc174c914b0831bb88', class: "options", id: this.selectId }, h("label", { key: '0c0964d93af6f8c4c60f4407073dde53a83af769', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, h("span", { key: 'a32a76882032f68757802f6255559f9de253c12e', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), h("span", { key: 'f9c3cd6d7b7bff9ccd0feeb066e43d7d10b15c32', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), h("div", { key: '60d55f2d94310738aa6fee33e860a1fe1c3a80f6', class: "options-container" }, this.optionData.optionValues.map((option) => h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, h("div", { class: "selected-indic" }), h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
+        return (h(Host, { key: 'cb431fe85074e63f21a45a028634074f11e10328', class: "options", id: this.selectId }, h("label", { key: 'ea25c6ba067eebcc81cea4c99e25c184ee6bc20e', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, h("span", { key: '228a90a74d4e5714f3bbe1cc106e4dd18df57007', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), h("span", { key: '5da2f6d3d04d4447eeabfcf5ea1cd7e06cedeee6', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), h("div", { key: 'a1fa5862d93e9bd178a7aec34447516bf8a92622', class: "options-container" }, this.optionData.optionValues.map((option) => h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, h("div", { class: "selected-indic" }), h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
     }
     static get is() { return "covet-pics-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/utils.js CHANGED Viewed

@@ -226,6 +226,13 @@ export const subscribeRaf = (cb) => {
     globalWindow.covetpicsRaf = subscribe;
     return subscribe(cb);
 };
+export const nextTickRaf = (cb) => {
+    const unsubscribe = subscribeRaf(() => {
+        unsubscribe();
+        cb();
+    });
+    return unsubscribe;
+};
 export const BASE_API_URLS = {
     "production": "https://app.covet.pics",
     "development": "http://localhost:3000",

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

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