@covet-pics/covet-pics-widget 0.91.5 → 0.91.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.
- package/dist/cjs/covet-pics-direct-buy_7.cjs.entry.js +6 -6
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +4 -4
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +6 -6
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +2 -2
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +3 -3
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +2 -2
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +7 -7
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +2 -2
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +4 -4
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/{p-b6e60d96.system.entry.js → p-57b81ff9.system.entry.js} +3 -3
- package/dist/covet-pics-widget/p-7ada05e3.entry.js +40 -0
- package/dist/covet-pics-widget/p-d1273d7a.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-de97c06c.system.js +1 -1
- package/dist/covet-pics-widget/p-e7addec6.entry.js +29 -0
- package/dist/covet-pics-widget/p-f6dcb968.entry.js +4 -0
- package/dist/covet-pics-widget/p-ffe4b74d.system.entry.js +4 -0
- package/dist/esm/covet-pics-direct-buy_7.entry.js +6 -6
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +4 -4
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +6 -6
- package/dist/esm-es5/covet-pics-direct-buy_7.entry.js +3 -3
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-44131628.entry.js +0 -29
- package/dist/covet-pics-widget/p-601707ec.entry.js +0 -4
- package/dist/covet-pics-widget/p-87021fe7.entry.js +0 -40
- package/dist/covet-pics-widget/p-91645bf7.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-b2dd21cf.system.entry.js +0 -4
|
@@ -215,7 +215,7 @@ let CovetPicsDirectBuy = class {
|
|
|
215
215
|
}
|
|
216
216
|
render() {
|
|
217
217
|
if (typeof this.product !== "undefined") {
|
|
218
|
-
return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { class: "main-gallery" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart" })))));
|
|
218
|
+
return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { class: "main-gallery" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
get el() { return index.getElement(this); }
|
|
@@ -5168,9 +5168,9 @@ let CovetPicsPopup = class {
|
|
|
5168
5168
|
renderShareIcons() {
|
|
5169
5169
|
if (this.hideSocialShareIcons === false) {
|
|
5170
5170
|
return (index.h("div", { class: "share links-built" }, index.h("hr", null), this.showShareLink &&
|
|
5171
|
-
index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied }, !this.copyLinkCopied &&
|
|
5171
|
+
index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied, type: "button" }, !this.copyLinkCopied &&
|
|
5172
5172
|
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z" })), this.copyLinkCopied &&
|
|
5173
|
-
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" })))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z" }))))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z" }))))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z" }))))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z" }))))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z" }))))))));
|
|
5173
|
+
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" })))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z" }))))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z" }))))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z" }))))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z" }))))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler, type: "button" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z" }))))))));
|
|
5174
5174
|
}
|
|
5175
5175
|
}
|
|
5176
5176
|
renderSidebar() {
|
|
@@ -5230,7 +5230,7 @@ let CovetPicsPopup = class {
|
|
|
5230
5230
|
];
|
|
5231
5231
|
}
|
|
5232
5232
|
renderMobileArrows() {
|
|
5233
|
-
return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.arrowsMobilePosition} arrows-color-theme-${this.arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), this.renderCheckoutIcon()), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
5233
|
+
return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.arrowsMobilePosition} arrows-color-theme-${this.arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), this.renderCheckoutIcon()), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
5234
5234
|
}
|
|
5235
5235
|
renderCloseButtonIcon(closeButtonType) {
|
|
5236
5236
|
switch (closeButtonType) {
|
|
@@ -5247,7 +5247,7 @@ let CovetPicsPopup = class {
|
|
|
5247
5247
|
}
|
|
5248
5248
|
}
|
|
5249
5249
|
renderCloseButton(closeButtonType) {
|
|
5250
|
-
return (index.h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon(closeButtonType)));
|
|
5250
|
+
return (index.h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon(closeButtonType)));
|
|
5251
5251
|
}
|
|
5252
5252
|
renderCheckoutIcon() {
|
|
5253
5253
|
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { class: "symbol", "stroke-linecap": "round", d: "M7.52 10.839L5.614 27.387h20.032L23.737 10.84z" }), index.h("path", { class: "symbol", "stroke-linecap": "round", d: "M20.42 12.58V8.893c0-2.292-2.174-4.15-4.855-4.15-2.682 0-4.855 1.858-4.855 4.15v3.689" }))));
|
|
@@ -12210,7 +12210,7 @@ let CovetPicsUpload = class {
|
|
|
12210
12210
|
return (index.h(index.Host, { style: this.setPopupCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("div", { id: "popup-upload-widget", class: { "popup": true, "responsive": this.responsive, "animated": this.animated, "upload_widget": true }, tabindex: "-1", role: "dialog" }, index.h("div", { class: "upload" }, !this.standalone &&
|
|
12211
12211
|
index.h("button", { class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { class: "upload-form" }, index.h("div", { class: "upload-scroll" }, index.h("div", { class: "upload-step step1" }, index.h("h2", { class: "upload-h2" }, this.uploadTitle), index.h("h3", { class: "upload-h3" }, this.uploadBody), index.h("div", { class: "dropzone" }, index.h("div", { class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { class: "upload-drop" }, index.h("div", { class: "upload-text upload-text-drop" }, this.uploadDragDrop), index.h("span", { class: "upload-drop-progress" })), index.h("input", { type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.uploadDragDrop })), index.h("div", { class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index$1) => index.h("div", { class: `upload-img-wrap wrap-pos-${index$1 + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, index.h("img", { src: link, alt: `uploaded img preview ${index$1 + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), index.h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
|
|
12212
12212
|
index.h("span", { class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, index.h("span", { class: "icon-cross plus" }))), index.h("span", { class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)"))), index.h("div", { class: "upload-step step2 hidden" }, this.displayType === "detail" &&
|
|
12213
|
-
index.h("div", { class: "star-rating" }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => this.starRating = index$1 + 1, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { type: "text", class: "form-control", placeholder: this.formNamePlaceholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.formNamePlaceholder }), index.h("input", { type: "email", class: "form-control", placeholder: this.formEmailPlaceholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.formEmailPlaceholder }), index.h("textarea", { class: "form-control form-textarea", rows: 6, placeholder: this.formBodyPlaceholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], "aria-label": this.formBodyPlaceholder }), index.h("p", { class: "upload-text privacy" }, "By clicking \"Send\" you agree to\u00A0", index.h("a", { class: "upload-link", href: "https://shopify.covet.pics/privacy", target: "_blank", "aria-label": "privacy" }, "Privacy Policy")), index.h("button", { disabled: this.formSendDisabled, type: "submit", class: "upload-submit", onClick: this.handleSendClick, "aria-label": this.formSendLabel }, this.formSendLabel)), index.h("div", { class: "upload-step step3 hidden" }, index.h("h2", { class: "upload-h2 progress" }, this.formUploading), index.h("div", { class: "progress-bar" })), index.h("div", { class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { class: "upload-text completed", innerHTML: this.completeBody }), index.h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit" }, this.completeCloseLabel)))), !this.hideBranding &&
|
|
12213
|
+
index.h("div", { class: "star-rating" }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => this.starRating = index$1 + 1, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { type: "text", class: "form-control", placeholder: this.formNamePlaceholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.formNamePlaceholder }), index.h("input", { type: "email", class: "form-control", placeholder: this.formEmailPlaceholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.formEmailPlaceholder }), index.h("textarea", { class: "form-control form-textarea", rows: 6, placeholder: this.formBodyPlaceholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], "aria-label": this.formBodyPlaceholder }), index.h("p", { class: "upload-text privacy" }, "By clicking \"Send\" you agree to\u00A0", index.h("a", { class: "upload-link", href: "https://shopify.covet.pics/privacy", target: "_blank", "aria-label": "privacy" }, "Privacy Policy")), index.h("button", { disabled: this.formSendDisabled, type: "submit", class: "upload-submit", onClick: this.handleSendClick, "aria-label": this.formSendLabel }, this.formSendLabel)), index.h("div", { class: "upload-step step3 hidden" }, index.h("h2", { class: "upload-h2 progress" }, this.formUploading), index.h("div", { class: "progress-bar" })), index.h("div", { class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { class: "upload-text completed", innerHTML: this.completeBody }), index.h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.completeCloseLabel)))), !this.hideBranding &&
|
|
12214
12214
|
index.h("a", { class: "upload-brand-link", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=upload&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", "aria-label": "Covet.pics logo" }, SVGBrand())), index.h("div", { class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { class: "notification-message" }, "error: ", this.notificationMessage)))));
|
|
12215
12215
|
}
|
|
12216
12216
|
get el() { return index.getElement(this); }
|
|
@@ -3525,7 +3525,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3525
3525
|
!this.isLoading &&
|
|
3526
3526
|
this.loader.totalPages > this.loader.page &&
|
|
3527
3527
|
this.items.length > 0) {
|
|
3528
|
-
return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
|
|
3528
|
+
return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen, type: "button" }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
|
|
3529
3529
|
}
|
|
3530
3530
|
}
|
|
3531
3531
|
renderLoadingAnimation() {
|
|
@@ -3567,7 +3567,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3567
3567
|
}
|
|
3568
3568
|
renderFilters() {
|
|
3569
3569
|
if (this.filtersEnabled) {
|
|
3570
|
-
return (index.h("div", { class: "filters", style: this.getFilterCSSVariables() }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen }, filter))));
|
|
3570
|
+
return (index.h("div", { class: "filters", style: this.getFilterCSSVariables() }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen, type: "reset" }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen, type: "button" }, filter))));
|
|
3571
3571
|
}
|
|
3572
3572
|
}
|
|
3573
3573
|
itemImgAltTag(caption, idx, itemsLength, createdTime, layout) {
|
|
@@ -4065,7 +4065,7 @@ let CovetPicsGallerySlider = class {
|
|
|
4065
4065
|
}
|
|
4066
4066
|
render() {
|
|
4067
4067
|
if (this.items !== undefined) {
|
|
4068
|
-
return (index.h("div", { class: "gallery swiper" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
4068
|
+
return (index.h("div", { class: "gallery swiper" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
4069
4069
|
}
|
|
4070
4070
|
}
|
|
4071
4071
|
get el() { return index.getElement(this); }
|
|
@@ -4262,7 +4262,7 @@ let CovetPicsHighlighted = class {
|
|
|
4262
4262
|
: `page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
4263
4263
|
}
|
|
4264
4264
|
renderSlider() {
|
|
4265
|
-
return (index.h("div", { class: `main-slider ${this.layout}` }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next" }, this.renderControlIcon("prev"))));
|
|
4265
|
+
return (index.h("div", { class: `main-slider ${this.layout}` }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon("prev"))));
|
|
4266
4266
|
}
|
|
4267
4267
|
renderVertical() {
|
|
4268
4268
|
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
|
|
@@ -191,7 +191,7 @@ let CovetPicsHiglghtedHotspots = class {
|
|
|
191
191
|
return (index.h(index.Host, { class: "hotspots" }, this.links.map((link, index$1) => index.h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index$1 ? "hover-animate" : ""}`, style: this.getPositionForLink(link), onClick: (e) => this.mouseClickHandler(e, index$1), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, "aria-label": `${link.title ? link.title : "product link"}` }, this.pageLayout === "row" &&
|
|
192
192
|
index.h("div", { class: "content" }, index.h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
|
|
193
193
|
index.h("h3", { class: `main-title ${this.layout}` }, this.productsTitle), index.h("div", { class: `img-wrap ${this.layout}` }, index.h("img", { src: link.image, alt: this.imgAlt(link, index$1, this.links.length), class: "img" })), index.h("div", { class: `description ${this.layout}` }, index.h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
|
|
194
|
-
index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
194
|
+
index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
195
195
|
}
|
|
196
196
|
get el() { return index.getElement(this); }
|
|
197
197
|
static get watchers() { return {
|
|
@@ -592,8 +592,8 @@ let CovetPicsHighlightedPage = class {
|
|
|
592
592
|
return (index.h("div", { class: `product ${this.productsLayout} ${this.reverseClass} ${spotlightSliderClass}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("div", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"} ${spotlightSliderClass}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, showNav &&
|
|
593
593
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), !showNav &&
|
|
594
594
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })), index.h("p", { class: `title ${this.productsLayout} ${this.reverseClass} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
|
|
595
|
-
index.h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
596
|
-
index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider-control prev" }, this.renderControlIcon(controlType, "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "slider-control next" }, this.renderControlIcon(controlType, "prev")))));
|
|
595
|
+
index.h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), showNav &&
|
|
596
|
+
index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon(controlType, "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon(controlType, "prev")))));
|
|
597
597
|
}
|
|
598
598
|
renderBottomSlider() {
|
|
599
599
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -604,8 +604,8 @@ let CovetPicsHighlightedPage = class {
|
|
|
604
604
|
return (index.h("div", { class: `product ${this.productsLayout}` }, index.h("div", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link height-full", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, this.productLinks.length > 1 &&
|
|
605
605
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
|
|
606
606
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))))))), index.h("div", { class: "description" }, index.h("div", { class: `slider-description swiper ${this.productLinks.length > 1 ? "active" : "disabled"}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map(link => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("p", { class: `title ${this.productsLayout} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
|
|
607
|
-
index.h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
608
|
-
index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next" }, this.renderControlIcon("arrow", "prev"))))));
|
|
607
|
+
index.h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), this.productLinks.length > 1 &&
|
|
608
|
+
index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon("arrow", "prev"))))));
|
|
609
609
|
}
|
|
610
610
|
renderMobileSlider() {
|
|
611
611
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -616,7 +616,7 @@ let CovetPicsHighlightedPage = class {
|
|
|
616
616
|
return (index.h("div", { class: `product mobile ${this.layout} ${this.productsLayout} ${sliderNotActive}` }, index.h("div", { class: `slider mobile swiper ${this.productsLayout}` }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap mobile ${this.productsLayout} `, "is-loading": true }, this.productLinks.length > 1 &&
|
|
617
617
|
index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
|
|
618
618
|
index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))), index.h("div", { class: "description mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("p", { class: `title mobile ${this.productsLayout} ${this.reverseClass}` }, link.title), link.prices && link.prices.price_label &&
|
|
619
|
-
index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
619
|
+
index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
620
620
|
}
|
|
621
621
|
render() {
|
|
622
622
|
return (index.h(index.Host, { class: "page", role: "group" }, (this.thumbnailLayout === "image" || this.thumbnailLayout === "video") && this.renderStandardThumbnail(), this.thumbnailLayout === "carousel" && this.renderCarouselThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
@@ -214,7 +214,7 @@ export class CovetPicsDirectBuy {
|
|
|
214
214
|
return (h(Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler },
|
|
215
215
|
h("div", { class: "wrap" },
|
|
216
216
|
h("div", { class: "main" },
|
|
217
|
-
h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close" },
|
|
217
|
+
h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" },
|
|
218
218
|
h("svg", { viewBox: "0 0 40 40", role: "img" },
|
|
219
219
|
h("title", null, "close"),
|
|
220
220
|
h("g", { fill: "none", "fill-rule": "evenodd" },
|
|
@@ -233,7 +233,7 @@ export class CovetPicsDirectBuy {
|
|
|
233
233
|
h("div", { class: "price-wrap" },
|
|
234
234
|
h("label", null, this.priceLabel),
|
|
235
235
|
h("span", { class: "price", innerHTML: this.price })),
|
|
236
|
-
h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart" })))));
|
|
236
|
+
h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
static get is() { return "covet-pics-direct-buy"; }
|
|
@@ -316,7 +316,7 @@ export class CovetPicsGalleryGrid {
|
|
|
316
316
|
this.loader.totalPages > this.loader.page &&
|
|
317
317
|
this.items.length > 0) {
|
|
318
318
|
return (h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler },
|
|
319
|
-
h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen },
|
|
319
|
+
h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen, type: "button" },
|
|
320
320
|
h("span", { class: "text" }, this.loadMoreLabel),
|
|
321
321
|
h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
|
|
322
322
|
}
|
|
@@ -378,8 +378,8 @@ export class CovetPicsGalleryGrid {
|
|
|
378
378
|
renderFilters() {
|
|
379
379
|
if (this.filtersEnabled) {
|
|
380
380
|
return (h("div", { class: "filters", style: this.getFilterCSSVariables() },
|
|
381
|
-
h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen }, this.filtersResetLabel),
|
|
382
|
-
Object.keys(this.filters).map((filter) => h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen }, filter))));
|
|
381
|
+
h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen, type: "reset" }, this.filtersResetLabel),
|
|
382
|
+
Object.keys(this.filters).map((filter) => h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen, type: "button" }, filter))));
|
|
383
383
|
}
|
|
384
384
|
}
|
|
385
385
|
itemImgAltTag(caption, idx, itemsLength, createdTime, layout) {
|
|
@@ -237,10 +237,10 @@ export class CovetPicsGallerySlider {
|
|
|
237
237
|
this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)),
|
|
238
238
|
this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))),
|
|
239
239
|
h("div", { class: "swiper-pagination" }),
|
|
240
|
-
h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next" },
|
|
240
|
+
h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", type: "button" },
|
|
241
241
|
h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" },
|
|
242
242
|
h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))),
|
|
243
|
-
h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev" },
|
|
243
|
+
h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", type: "button" },
|
|
244
244
|
h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" },
|
|
245
245
|
h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
246
246
|
}
|
package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js
CHANGED
|
@@ -188,7 +188,7 @@ export class CovetPicsHiglghtedHotspots {
|
|
|
188
188
|
h("h4", { class: `title ${this.layout}` }, link.title),
|
|
189
189
|
link.prices && link.prices.price_label &&
|
|
190
190
|
h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }),
|
|
191
|
-
h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
191
|
+
h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
192
192
|
}
|
|
193
193
|
static get is() { return "covet-pics-highlighted-hotspots"; }
|
|
194
194
|
static get originalStyleUrls() { return {
|
|
@@ -432,12 +432,12 @@ export class CovetPicsHighlightedPage {
|
|
|
432
432
|
h("p", { class: `title ${this.productsLayout} ${this.reverseClass} ${!this.showPrice ? "price-hidden" : ""}` }, link.title),
|
|
433
433
|
this.showPrice && link.prices && link.prices.price_label &&
|
|
434
434
|
h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })),
|
|
435
|
-
h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
435
|
+
h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))),
|
|
436
436
|
showNav &&
|
|
437
437
|
h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` },
|
|
438
|
-
h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider-control prev" }, this.renderControlIcon(controlType, "next")),
|
|
438
|
+
h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon(controlType, "next")),
|
|
439
439
|
h("div", { class: "pagination" }),
|
|
440
|
-
h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "slider-control next" }, this.renderControlIcon(controlType, "prev")))));
|
|
440
|
+
h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon(controlType, "prev")))));
|
|
441
441
|
}
|
|
442
442
|
renderBottomSlider() {
|
|
443
443
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -462,12 +462,12 @@ export class CovetPicsHighlightedPage {
|
|
|
462
462
|
h("p", { class: `title ${this.productsLayout} ${!this.showPrice ? "price-hidden" : ""}` }, link.title),
|
|
463
463
|
this.showPrice && link.prices && link.prices.price_label &&
|
|
464
464
|
h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })),
|
|
465
|
-
h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
465
|
+
h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))),
|
|
466
466
|
this.productLinks.length > 1 &&
|
|
467
467
|
h("div", { class: `nav ${this.productsLayout} nav` },
|
|
468
|
-
h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev" }, this.renderControlIcon("arrow", "next")),
|
|
468
|
+
h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon("arrow", "next")),
|
|
469
469
|
h("div", { class: "pagination" }),
|
|
470
|
-
h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next" }, this.renderControlIcon("arrow", "prev"))))));
|
|
470
|
+
h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon("arrow", "prev"))))));
|
|
471
471
|
}
|
|
472
472
|
renderMobileSlider() {
|
|
473
473
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -489,7 +489,7 @@ export class CovetPicsHighlightedPage {
|
|
|
489
489
|
h("p", { class: `title mobile ${this.productsLayout} ${this.reverseClass}` }, link.title),
|
|
490
490
|
link.prices && link.prices.price_label &&
|
|
491
491
|
h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })),
|
|
492
|
-
h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
492
|
+
h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
493
493
|
}
|
|
494
494
|
render() {
|
|
495
495
|
return (h(Host, { class: "page", role: "group" },
|
|
@@ -192,8 +192,8 @@ export class CovetPicsHighlighted {
|
|
|
192
192
|
renderSlider() {
|
|
193
193
|
return (h("div", { class: `main-slider ${this.layout}` },
|
|
194
194
|
this.items.map((item, index) => h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })),
|
|
195
|
-
h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev" }, this.renderControlIcon("next")),
|
|
196
|
-
h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next" }, this.renderControlIcon("prev"))));
|
|
195
|
+
h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", type: "button" }, this.renderControlIcon("next")),
|
|
196
|
+
h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", type: "button" }, this.renderControlIcon("prev"))));
|
|
197
197
|
}
|
|
198
198
|
renderVertical() {
|
|
199
199
|
return (this.items.map((item, index) => h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
|
|
@@ -534,7 +534,7 @@ export class CovetPicsPopup {
|
|
|
534
534
|
this.showShareLink &&
|
|
535
535
|
h("div", { class: "direct-link-wrapper" },
|
|
536
536
|
h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }),
|
|
537
|
-
h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied },
|
|
537
|
+
h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied, type: "button" },
|
|
538
538
|
!this.copyLinkCopied &&
|
|
539
539
|
h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
|
|
540
540
|
h("path", { d: "M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z" })),
|
|
@@ -563,7 +563,7 @@ export class CovetPicsPopup {
|
|
|
563
563
|
h("g", { fill: "none", "fill-rule": "evenodd" },
|
|
564
564
|
h("path", { fill: "#000", "fill-rule": "nonzero", d: "M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z" }))))),
|
|
565
565
|
h("li", { class: "lnk" },
|
|
566
|
-
h("button", { title: "Share Link", onClick: this.showShareLinkHandler },
|
|
566
|
+
h("button", { title: "Share Link", onClick: this.showShareLinkHandler, type: "button" },
|
|
567
567
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" },
|
|
568
568
|
h("g", { fill: "none", "fill-rule": "evenodd" },
|
|
569
569
|
h("path", { fill: "#000", "fill-rule": "nonzero", d: "M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z" }))))))));
|
|
@@ -678,7 +678,7 @@ export class CovetPicsPopup {
|
|
|
678
678
|
h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" },
|
|
679
679
|
h("span", { class: "counter" }),
|
|
680
680
|
this.renderCheckoutIcon()),
|
|
681
|
-
h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
681
|
+
h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
682
682
|
}
|
|
683
683
|
renderCloseButtonIcon(closeButtonType) {
|
|
684
684
|
switch (closeButtonType) {
|
|
@@ -711,7 +711,7 @@ export class CovetPicsPopup {
|
|
|
711
711
|
}
|
|
712
712
|
}
|
|
713
713
|
renderCloseButton(closeButtonType) {
|
|
714
|
-
return (h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon(closeButtonType)));
|
|
714
|
+
return (h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon(closeButtonType)));
|
|
715
715
|
}
|
|
716
716
|
renderCheckoutIcon() {
|
|
717
717
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", "aria-hidden": "true" },
|
|
@@ -567,7 +567,7 @@ export class CovetPicsUpload {
|
|
|
567
567
|
h("div", { class: "upload-step step4 hidden" },
|
|
568
568
|
SVGCompleted(),
|
|
569
569
|
h("p", { class: "upload-text completed", innerHTML: this.completeBody }),
|
|
570
|
-
h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit" }, this.completeCloseLabel)))),
|
|
570
|
+
h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.completeCloseLabel)))),
|
|
571
571
|
!this.hideBranding &&
|
|
572
572
|
h("a", { class: "upload-brand-link", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=upload&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", "aria-label": "Covet.pics logo" }, SVGBrand())),
|
|
573
573
|
h("div", { class: "backdrop", onClick: this.hidePopupClickHandler }),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright (c) 2020 by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
import{d as o,N as e,w as t,p as l,b as r}from"./p-95184773.js";import{g as i}from"./p-ae8aaed8.js";(()=>{const r=Array.from(o.querySelectorAll("script")).find((o=>new RegExp(`/${e}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===e)),i={};return"onbeforeload"in r&&!history.scrollRestoration?{then(){}}:(i.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,t.location.href)).href,l(i))})().then((o=>(i(),r(JSON.parse('[["p-601707ec",[[0,"covet-pics-highlighted-page",{"thumbnailUrl":[1,"thumbnail-url"],"thumbnailAlt":[1,"thumbnail-alt"],"thumbnailLayout":[1,"thumbnail-layout"],"videoUrl":[1,"video-url"],"videoPoster":[1,"video-poster"],"thumbnailCarouselImages":[16],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"productsLayout":[1,"products-layout"],"productLinks":[16],"productBaseImgAlt":[1,"product-base-img-alt"],"layout":[1],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"showPrice":[4,"show-price"],"btnBuyLabel":[1,"btn-buy-label"],"productsTitle":[1,"products-title"],"hideProductTitle":[8,"hide-product-title"],"hideBranding":[4,"hide-branding"],"pageIndex":[2,"page-index"],"mainSliderIndex":[2,"main-slider-index"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"layout":[1],"activeHotspot":[2,"active-hotspot"],"pageLayout":[1,"page-layout"],"productsTitle":[1,"products-title"],"thumbnailUrl":[1,"thumbnail-url"],"btnBuyLabel":[1,"btn-buy-label"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"]}]]],["p-44131628",[[1,"covet-pics-direct-buy",{"product":[8],"open":[4],"moneyFormat":[1,"money-format"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonStyle":[1,"button-style"],"buttonAddToCartLabel":[1,"button-add-to-cart-label"],"previewMode":[4,"preview-mode"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"selectedOptions":[32]},[[16,"openDirectBuy","openDirectBuyHandler"],[8,"previousPopupEvent","previousPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"]]],[0,"covet-pics-popup-links",{"links":[16],"linkStyle":[1,"link-style"],"showOutOfStockProducts":[4,"show-out-of-stock-products"],"showPrice":[4,"show-price"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"buttonStyle":[1,"button-style"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonBuyNowLabel":[1,"button-buy-now-label"],"buttonVisitLabel":[1,"button-visit-label"],"directBuyEnabled":[4,"direct-buy-enabled"],"itemCreatedTime":[1,"item-created-time"]},[[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[0,"covet-pics-gallery-item",{"animationDuration":[2,"animation-duration"],"altTag":[1,"alt-tag"],"highlighted":[4],"hoverAnimationStyle":[1,"hover-animation-style"],"hoverDisabled":[4,"hover-disabled"],"hoverBackgroundOpacity":[2,"hover-background-opacity"],"hoverBorderColor":[1,"hover-border-color"],"hoverColorFrom":[1,"hover-color-from"],"hoverColorTo":[1,"hover-color-to"],"hoverPreview":[4,"hover-preview"],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"labelCaptionWithLinks":[1,"label-caption-with-links"],"labelColor":[1,"label-color"],"labelFontSize":[2,"label-font-size"],"labelFontStyle":[1,"label-font-style"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"showHoverIcon":[4,"show-hover-icon"],"url":[1],"tabIndex":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"layout":[1],"itemStyle":[1,"item-style"],"itemWidth":[2,"item-width"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"url":[1],"backgroundColor":[1,"background-color"],"primaryColor":[1,"primary-color"],"starColor":[1,"star-color"],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"tabIndex":[32],"captionCSS":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[1,"covet-pics-popup",{"itemId":[1026,"item-id"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"productHandle":[1,"product-handle"],"items":[1040],"products":[16],"animated":[4],"animatedBrowse":[4,"animated-browse"],"arrowsDesktopType":[1,"arrows-desktop-type"],"arrowsDesktopPosition":[1,"arrows-desktop-position"],"arrowsDesktopSize":[2,"arrows-desktop-size"],"arrowsDesktopSizeType":[1,"arrows-desktop-size-type"],"arrowsDesktopSymbolColor":[1,"arrows-desktop-symbol-color"],"arrowsDesktopBackgroundColor":[1,"arrows-desktop-background-color"],"arrowsDesktopColorTheme":[1,"arrows-desktop-color-theme"],"arrowsMobileType":[1,"arrows-mobile-type"],"arrowsMobilePosition":[1,"arrows-mobile-position"],"arrowsMobileSymbolColor":[1,"arrows-mobile-symbol-color"],"arrowsMobileBackgroundColor":[1,"arrows-mobile-background-color"],"arrowsMobileColorTheme":[1,"arrows-mobile-color-theme"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"closeButtonType":[1,"close-button-type"],"closeButtonSymbolColor":[1,"close-button-symbol-color"],"closeButtonBackgroundColor":[1,"close-button-background-color"],"closeButtonSize":[1,"close-button-size"],"closeButtonPosition":[1,"close-button-position"],"closeButtonColorTheme":[1,"close-button-color-theme"],"hideBranding":[4,"hide-branding"],"hideSocialShareIcons":[4,"hide-social-share-icons"],"responsive":[4],"directBuyEnabled":[4,"direct-buy-enabled"],"hotspotsEnabled":[4,"hotspots-enabled"],"hotspotsShowNumbers":[4,"hotspots-show-numbers"],"hotspotsTextColor":[1,"hotspots-text-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"loader":[16],"linksTitle":[1,"links-title"],"showLinksTitle":[4,"show-links-title"],"isDefaultCurrency":[4,"is-default-currency"],"moneyFormat":[1,"money-format"],"directBuyIsOpen":[32],"showShareLink":[32],"copyLinkCopied":[32],"hideHotspots":[32],"openPopup":[64],"closePopup":[64]},[[16,"openDirectBuy","openDirectBuyHandler"],[16,"closeDirectBuy","closeDirectBuyHandler"],[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]]],[1,"covet-pics-upload",{"animated":[4],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"responsive":[4],"fontFamily":[1,"font-family"],"baseUrl":[1,"base-url"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"photoRequestId":[2,"photo-request-id"],"productHandle":[1,"product-handle"],"displayType":[1,"display-type"],"uploadTitle":[1,"upload-title"],"uploadBody":[1,"upload-body"],"uploadDragDrop":[1,"upload-drag-drop"],"uploadChoose":[1,"upload-choose"],"formNamePlaceholder":[1,"form-name-placeholder"],"formEmailPlaceholder":[1,"form-email-placeholder"],"formBodyPlaceholder":[1,"form-body-placeholder"],"formSendLabel":[1,"form-send-label"],"formUploading":[1,"form-uploading"],"completeBody":[1,"complete-body"],"completeCloseLabel":[1,"complete-close-label"],"activeStep":[2,"active-step"],"hideBranding":[4,"hide-branding"],"standalone":[4],"starRating":[32],"formSendDisabled":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"openUpload":[64]}],[0,"covet-pics-hotspots",{"links":[16],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"showNumbers":[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]]]],["p-87021fe7",[[0,"covet-pics-highlighted",{"layout":[1],"numberOfPages":[2,"number-of-pages"],"padding":[2],"showPrice":[4,"show-price"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"backgroundColor":[1,"background-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"items":[16],"productsLayout":[1,"products-layout"],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"productsTitle":[1,"products-title"],"hideProductTitle":[4,"hide-product-title"],"hideBranding":[4,"hide-branding"],"btnBuyLabel":[1,"btn-buy-label"],"productLinks":[32],"mainSliderIndex":[32],"isMobile":[32],"windowHeight":[32],"mainSliderAnimatingSlides":[32]}],[0,"covet-pics-gallery-grid",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"imagesToShow":[2,"images-to-show"],"layout":[1],"highlightEnabled":[4,"highlight-enabled"],"highlightEvery":[2,"highlight-every"],"highlightStartsFrom":[2,"highlight-starts-from"],"items":[1040],"loadMoreBorder":[2,"load-more-border"],"loadMoreColor":[1,"load-more-color"],"loadMoreFontSize":[2,"load-more-font-size"],"loadMoreFontStyle":[1,"load-more-font-style"],"loadMoreLabel":[1,"load-more-label"],"loadMorePadding":[2,"load-more-padding"],"loadMoreStyle":[1,"load-more-style"],"loadMoreMode":[1,"load-more-mode"],"filtersEnabled":[4,"filters-enabled"],"filtersMultiselect":[4,"filters-multiselect"],"filters":[16],"filtersResetLabel":[1,"filters-reset-label"],"filtersPadding":[2,"filters-padding"],"filtersColor":[1,"filters-color"],"filtersFontSize":[2,"filters-font-size"],"filtersFontWeight":[1,"filters-font-weight"],"itemStyle":[1,"item-style"],"loader":[16],"isLoading":[32],"isPopupOpen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[0,"nextPage","nextPageHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[0,"covet-pics-gallery-slider",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"items":[1040],"itemStyle":[1,"item-style"],"autoPlay":[2,"auto-play"],"autoLoadMore":[4,"auto-load-more"],"loader":[16]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[0,"nextPage","nextPageHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]]]],["p-fe45be27",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"environment":[1],"customSettings":[1,"custom-settings"],"previewMode":[4,"preview-mode"],"isLoading":[32],"minNumberOfPhotos":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]}]]]]'),o))));
|
|
4
|
+
import{d as o,N as e,w as t,p as l,b as r}from"./p-95184773.js";import{g as i}from"./p-ae8aaed8.js";(()=>{const r=Array.from(o.querySelectorAll("script")).find((o=>new RegExp(`/${e}(\\.esm)?\\.js($|\\?|#)`).test(o.src)||o.getAttribute("data-stencil-namespace")===e)),i={};return"onbeforeload"in r&&!history.scrollRestoration?{then(){}}:(i.resourcesUrl=new URL(".",new URL(r.getAttribute("data-resources-url")||r.src,t.location.href)).href,l(i))})().then((o=>(i(),r(JSON.parse('[["p-f6dcb968",[[0,"covet-pics-highlighted-page",{"thumbnailUrl":[1,"thumbnail-url"],"thumbnailAlt":[1,"thumbnail-alt"],"thumbnailLayout":[1,"thumbnail-layout"],"videoUrl":[1,"video-url"],"videoPoster":[1,"video-poster"],"thumbnailCarouselImages":[16],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"productsLayout":[1,"products-layout"],"productLinks":[16],"productBaseImgAlt":[1,"product-base-img-alt"],"layout":[1],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"showPrice":[4,"show-price"],"btnBuyLabel":[1,"btn-buy-label"],"productsTitle":[1,"products-title"],"hideProductTitle":[8,"hide-product-title"],"hideBranding":[4,"hide-branding"],"pageIndex":[2,"page-index"],"mainSliderIndex":[2,"main-slider-index"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"layout":[1],"activeHotspot":[2,"active-hotspot"],"pageLayout":[1,"page-layout"],"productsTitle":[1,"products-title"],"thumbnailUrl":[1,"thumbnail-url"],"btnBuyLabel":[1,"btn-buy-label"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"]}]]],["p-e7addec6",[[1,"covet-pics-direct-buy",{"product":[8],"open":[4],"moneyFormat":[1,"money-format"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonStyle":[1,"button-style"],"buttonAddToCartLabel":[1,"button-add-to-cart-label"],"previewMode":[4,"preview-mode"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"selectedOptions":[32]},[[16,"openDirectBuy","openDirectBuyHandler"],[8,"previousPopupEvent","previousPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"]]],[0,"covet-pics-popup-links",{"links":[16],"linkStyle":[1,"link-style"],"showOutOfStockProducts":[4,"show-out-of-stock-products"],"showPrice":[4,"show-price"],"priceLabel":[1,"price-label"],"selectLabel":[1,"select-label"],"buttonStyle":[1,"button-style"],"buttonColor":[1,"button-color"],"buttonHoverColor":[1,"button-hover-color"],"buttonTextColor":[1,"button-text-color"],"buttonTextHoverColor":[1,"button-text-hover-color"],"buttonBuyNowLabel":[1,"button-buy-now-label"],"buttonVisitLabel":[1,"button-visit-label"],"directBuyEnabled":[4,"direct-buy-enabled"],"itemCreatedTime":[1,"item-created-time"]},[[16,"productLinkUpdated","productLinkUpdatedHandler"]]],[0,"covet-pics-gallery-item",{"animationDuration":[2,"animation-duration"],"altTag":[1,"alt-tag"],"highlighted":[4],"hoverAnimationStyle":[1,"hover-animation-style"],"hoverDisabled":[4,"hover-disabled"],"hoverBackgroundOpacity":[2,"hover-background-opacity"],"hoverBorderColor":[1,"hover-border-color"],"hoverColorFrom":[1,"hover-color-from"],"hoverColorTo":[1,"hover-color-to"],"hoverPreview":[4,"hover-preview"],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"labelCaptionWithLinks":[1,"label-caption-with-links"],"labelColor":[1,"label-color"],"labelFontSize":[2,"label-font-size"],"labelFontStyle":[1,"label-font-style"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"showHoverIcon":[4,"show-hover-icon"],"url":[1],"tabIndex":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"labelCaption":[1,"label-caption"],"layout":[1],"itemStyle":[1,"item-style"],"itemWidth":[2,"item-width"],"lazyLoad":[4,"lazy-load"],"links":[16],"popupDisabled":[4,"popup-disabled"],"popupRedirectMode":[4,"popup-redirect-mode"],"url":[1],"backgroundColor":[1,"background-color"],"primaryColor":[1,"primary-color"],"starColor":[1,"star-color"],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"tabIndex":[32],"captionCSS":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[1,"covet-pics-popup",{"itemId":[1026,"item-id"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"productHandle":[1,"product-handle"],"items":[1040],"products":[16],"animated":[4],"animatedBrowse":[4,"animated-browse"],"arrowsDesktopType":[1,"arrows-desktop-type"],"arrowsDesktopPosition":[1,"arrows-desktop-position"],"arrowsDesktopSize":[2,"arrows-desktop-size"],"arrowsDesktopSizeType":[1,"arrows-desktop-size-type"],"arrowsDesktopSymbolColor":[1,"arrows-desktop-symbol-color"],"arrowsDesktopBackgroundColor":[1,"arrows-desktop-background-color"],"arrowsDesktopColorTheme":[1,"arrows-desktop-color-theme"],"arrowsMobileType":[1,"arrows-mobile-type"],"arrowsMobilePosition":[1,"arrows-mobile-position"],"arrowsMobileSymbolColor":[1,"arrows-mobile-symbol-color"],"arrowsMobileBackgroundColor":[1,"arrows-mobile-background-color"],"arrowsMobileColorTheme":[1,"arrows-mobile-color-theme"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"closeButtonType":[1,"close-button-type"],"closeButtonSymbolColor":[1,"close-button-symbol-color"],"closeButtonBackgroundColor":[1,"close-button-background-color"],"closeButtonSize":[1,"close-button-size"],"closeButtonPosition":[1,"close-button-position"],"closeButtonColorTheme":[1,"close-button-color-theme"],"hideBranding":[4,"hide-branding"],"hideSocialShareIcons":[4,"hide-social-share-icons"],"responsive":[4],"directBuyEnabled":[4,"direct-buy-enabled"],"hotspotsEnabled":[4,"hotspots-enabled"],"hotspotsShowNumbers":[4,"hotspots-show-numbers"],"hotspotsTextColor":[1,"hotspots-text-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"loader":[16],"linksTitle":[1,"links-title"],"showLinksTitle":[4,"show-links-title"],"isDefaultCurrency":[4,"is-default-currency"],"moneyFormat":[1,"money-format"],"directBuyIsOpen":[32],"showShareLink":[32],"copyLinkCopied":[32],"hideHotspots":[32],"openPopup":[64],"closePopup":[64]},[[16,"openDirectBuy","openDirectBuyHandler"],[16,"closeDirectBuy","closeDirectBuyHandler"],[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]]],[1,"covet-pics-upload",{"animated":[4],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"responsive":[4],"fontFamily":[1,"font-family"],"baseUrl":[1,"base-url"],"galleryId":[2,"gallery-id"],"galleryEmbedId":[2,"gallery-embed-id"],"photoRequestId":[2,"photo-request-id"],"productHandle":[1,"product-handle"],"displayType":[1,"display-type"],"uploadTitle":[1,"upload-title"],"uploadBody":[1,"upload-body"],"uploadDragDrop":[1,"upload-drag-drop"],"uploadChoose":[1,"upload-choose"],"formNamePlaceholder":[1,"form-name-placeholder"],"formEmailPlaceholder":[1,"form-email-placeholder"],"formBodyPlaceholder":[1,"form-body-placeholder"],"formSendLabel":[1,"form-send-label"],"formUploading":[1,"form-uploading"],"completeBody":[1,"complete-body"],"completeCloseLabel":[1,"complete-close-label"],"activeStep":[2,"active-step"],"hideBranding":[4,"hide-branding"],"standalone":[4],"starRating":[32],"formSendDisabled":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"openUpload":[64]}],[0,"covet-pics-hotspots",{"links":[16],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"showNumbers":[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]]]],["p-7ada05e3",[[0,"covet-pics-highlighted",{"layout":[1],"numberOfPages":[2,"number-of-pages"],"padding":[2],"showPrice":[4,"show-price"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"backgroundColor":[1,"background-color"],"hotspotsBackgoundColor":[1,"hotspots-backgound-color"],"items":[16],"productsLayout":[1,"products-layout"],"showHotspots":[4,"show-hotspots"],"hotspotsLayout":[1,"hotspots-layout"],"productsTitle":[1,"products-title"],"hideProductTitle":[4,"hide-product-title"],"hideBranding":[4,"hide-branding"],"btnBuyLabel":[1,"btn-buy-label"],"productLinks":[32],"mainSliderIndex":[32],"isMobile":[32],"windowHeight":[32],"mainSliderAnimatingSlides":[32]}],[0,"covet-pics-gallery-grid",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"imagesToShow":[2,"images-to-show"],"layout":[1],"highlightEnabled":[4,"highlight-enabled"],"highlightEvery":[2,"highlight-every"],"highlightStartsFrom":[2,"highlight-starts-from"],"items":[1040],"loadMoreBorder":[2,"load-more-border"],"loadMoreColor":[1,"load-more-color"],"loadMoreFontSize":[2,"load-more-font-size"],"loadMoreFontStyle":[1,"load-more-font-style"],"loadMoreLabel":[1,"load-more-label"],"loadMorePadding":[2,"load-more-padding"],"loadMoreStyle":[1,"load-more-style"],"loadMoreMode":[1,"load-more-mode"],"filtersEnabled":[4,"filters-enabled"],"filtersMultiselect":[4,"filters-multiselect"],"filters":[16],"filtersResetLabel":[1,"filters-reset-label"],"filtersPadding":[2,"filters-padding"],"filtersColor":[1,"filters-color"],"filtersFontSize":[2,"filters-font-size"],"filtersFontWeight":[1,"filters-font-weight"],"itemStyle":[1,"item-style"],"loader":[16],"isLoading":[32],"isPopupOpen":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[0,"nextPage","nextPageHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[16,"modalOpen:covetPics","onDisableTabIndex"],[16,"modalClose:covetPics","onEnableTabIndex"]]],[0,"covet-pics-gallery-slider",{"desktopPhotosPerRow":[2,"desktop-photos-per-row"],"desktopItemPadding":[2,"desktop-item-padding"],"mobilePhotosPerRow":[2,"mobile-photos-per-row"],"mobileItemPadding":[2,"mobile-item-padding"],"items":[1040],"itemStyle":[1,"item-style"],"autoPlay":[2,"auto-play"],"autoLoadMore":[4,"auto-load-more"],"loader":[16]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[0,"nextPage","nextPageHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]]]]],["p-fe45be27",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"environment":[1],"customSettings":[1,"custom-settings"],"previewMode":[4,"preview-mode"],"isLoading":[32],"minNumberOfPhotos":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]}]]]]'),o))));
|