@covet-pics/covet-pics-widget 0.170.3 → 0.170.4
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_6.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-gallery-grid_6.cjs.entry.js +21 -21
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +4 -4
- package/dist/cjs/covet-pics-widget.cjs.entry.js +6 -6
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +4 -4
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +4 -4
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +3 -3
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +3 -3
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +3 -3
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +10 -10
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +4 -4
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +6 -6
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +5 -5
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +8 -8
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow.js +6 -6
- package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js +4 -4
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +7 -7
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +2 -2
- package/dist/collection/store/configureStore.js +5 -5
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/{p-0ac7992a.entry.js → p-0e46a74d.entry.js} +3 -3
- package/dist/covet-pics-widget/{p-13825b0f.entry.js → p-2ca48711.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-108c8b8a.entry.js → p-de77a867.entry.js} +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +2 -2
- package/dist/esm/covet-pics-gallery-grid_6.entry.js +21 -21
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +4 -4
- package/dist/esm/covet-pics-widget.entry.js +7 -7
- package/dist/types/components/covet-pics-direct-buy/covet-pics-direct-buy.d.ts +1 -1
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +1 -1
- package/dist/types/components/covet-pics-gallery-header/covet-pics-gallery-header.d.ts +1 -1
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +1 -1
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +1 -1
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +1 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts +1 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +1 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +1 -1
- package/dist/types/components/covet-pics-popup/covet-pics-popup.d.ts +1 -1
- package/dist/types/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow.d.ts +1 -1
- package/dist/types/components/covet-pics-popup-links/covet-pics-popup-links.d.ts +1 -1
- package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +1 -1
- package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/dist/types/store/getters.d.ts +7 -7
- package/dist/types/store/popup.d.ts +8 -8
- package/dist/types/store/storeUtils.d.ts +1 -1
- package/dist/types/utils/utils.d.ts +0 -4
- package/package.json +5 -1
- package/dist/types/store/configureStore.d.ts +0 -2
|
@@ -206,7 +206,7 @@ const CovetPicsDirectBuy = class {
|
|
|
206
206
|
: `product slide ${idx} of ${itemsLength}`;
|
|
207
207
|
}
|
|
208
208
|
render() {
|
|
209
|
-
return (index.h(index.Host, { key: '
|
|
209
|
+
return (index.h(index.Host, { key: '5b8b8766e81cafe285453e6a5d418e0a41e4f911', style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { key: 'd38abc8981bc1fd1bbb62738a2d641bb7208f011', class: "wrap" }, index.h("div", { key: 'fd7783436d123b8fe6579e5c77497b35382d7a2f', class: "main" }, index.h("button", { key: '0d5d4c2387aee92aac3ba96d741b9a7e29ec8e4d', class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { key: 'c9b9f65d638b0bed8fe03c0e9938cba9a3823b8c', viewBox: "0 0 40 40", role: "img" }, index.h("title", { key: '444159352cb4b9c9495e7ef7439d4df1e75d049d' }, "close"), index.h("g", { key: 'd3d9e60c92f82c3738faaf450e227aecb447c5bc', fill: "none", "fill-rule": "evenodd" }, index.h("path", { key: '9b37a590ef9694debec632ab7c15d20235305f30', d: "M40 0v40H0V0z" }), index.h("path", { key: 'dcee0bdf212eec62f8ee4e437974efe58e60ec0e', class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { key: '72b0c3ccf69b9398400b2dc6f3faaaedb57a006d', class: "title" }, index.h("a", { key: '282cfa48befb516efba92484a1b535cab35b203d', href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("section", { key: '67997ee7707bbe8d120e77cf818d7af543284d1a', class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, index.h("div", { key: '19b89c939ffcc5d304f4f660a29d003ee4fbd754', 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", { key: '224eecad2fe89332c1a57d3e759a827fa1bd77ed', 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", { key: '50585e0b8345a9f802b19e8bb2a1b891f20b431f', class: "footer" }, index.h("div", { key: 'f06ed0870a39678f3a8781db56a6ca8ee7e5d03b', class: "price-wrap" }, index.h("label", { key: 'f47da035eeb3f682444d0f81cbe345172c936808' }, this.settings.price_label_caption), index.h("span", { key: '72048c8f3f97a72b43affa5c18370abc162b0702', class: "price", innerHTML: this.price })), index.h("button", { key: '3e093080933ae460dd30b9cc6bdbacfaca73bc57', class: `btn-buy ${this.settings._buyButtonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.settings.add_to_cart_button_caption, "aria-label": "Add to cart", type: "button" })))));
|
|
210
210
|
}
|
|
211
211
|
get el() { return index.getElement(this); }
|
|
212
212
|
};
|
|
@@ -3666,7 +3666,7 @@ const CovetPicsPopupLinks = class {
|
|
|
3666
3666
|
// TODO: check buttonStyle this old todo (style-3 -> not implanted yet)
|
|
3667
3667
|
const buttonStyle = this.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-");
|
|
3668
3668
|
const linkStyle = this.settings.popup_products_view_type.replace("_view", "");
|
|
3669
|
-
return (index.h("ul", { key: '
|
|
3669
|
+
return (index.h("ul", { key: '8ec3b481345f340bddf72996b9508d7235db6226', class: `links ${linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": this.getProductLinkLabel(link), role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.settings.show_price_in_popup && link.prices &&
|
|
3670
3670
|
index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.settings.show_price_in_popup && link.prices && link.prices.is_on_sale &&
|
|
3671
3671
|
index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy", role: "link" }, buttonStyle === "style-5" &&
|
|
3672
3672
|
index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
|
|
@@ -3753,7 +3753,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3753
3753
|
return cssVars;
|
|
3754
3754
|
}
|
|
3755
3755
|
render() {
|
|
3756
|
-
return (index.h(index.Host, { key: '
|
|
3756
|
+
return (index.h(index.Host, { key: 'cace80e33326416fc30898c92a00857480dd1094', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), index.h("div", { key: 'cd65238e0b3e3575c73c94987274197fe86fdf9c', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { key: 'e9c1e7457542a8bc5454160f47e2649b53c5724e', class: "grid-sizer" }), this.layout === "collage" && index.h("div", { key: '81b0cfd99da69eaa50ac3e1b69b58eb4b21a7eed', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3757
3757
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3758
3758
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3759
3759
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -4898,7 +4898,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4898
4898
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
4899
4899
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
4900
4900
|
if (this.items !== undefined) {
|
|
4901
|
-
return (index.h(index.Host, { key: '
|
|
4901
|
+
return (index.h(index.Host, { key: '26c0b9611d81af965c0cea047da7477a4655e0ae', class: {
|
|
4902
4902
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
4903
4903
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
4904
4904
|
"pagination-none": paginationStyle === "none",
|
|
@@ -4907,18 +4907,18 @@ const CovetPicsGallerySlider = class {
|
|
|
4907
4907
|
"pagination-top": paginationPosition === "top",
|
|
4908
4908
|
"pagination-bottom": paginationPosition === "bottom"
|
|
4909
4909
|
} }, arrowsPosition !== "none" &&
|
|
4910
|
-
index.h("button", { key: '
|
|
4911
|
-
index.h("div", { key: '
|
|
4910
|
+
index.h("button", { key: '0d4d034c6e6f8b54e3a676638472da67af1dcdff', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '93c5fca1f011ad61d4d5cfe39735b5dd2412061f', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'c2aaf259656e52f8b6252b3cf9f520b9463adbdf', 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("section", { key: 'b460d4282b4aa8e0b0938339fe2260d7f3fe2276', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
|
|
4911
|
+
index.h("div", { key: '48f7cd17e222ec27cfad3aba487a7d702c023e58', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4912
4912
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
4913
4913
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4914
4914
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
4915
4915
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
4916
|
-
index.h("div", { key: '
|
|
4916
|
+
index.h("div", { key: '70cc147451787132af8ffa48b91551ae6225cda0', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, index.h("div", { class: "material-wrapper" }, item.source === "upload_widget"
|
|
4917
4917
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
4918
4918
|
: this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, index.h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
|
|
4919
4919
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
4920
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '
|
|
4921
|
-
index.h("button", { key: '
|
|
4920
|
+
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '6607b95eddefbb877e4ab480aa79720b76221d15', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: '76c104f5be85f9ed23528a9438f83d1e9d4ecf79', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
|
|
4921
|
+
index.h("button", { key: 'e99c1deadffa83cc212e867569ebffa9f7bac367', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '9f8165da70e583220190e2ed494bb8cfd3a84249', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'd942544cdc331db6c10db4ded17481c59e89e872', 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) " })))));
|
|
4922
4922
|
}
|
|
4923
4923
|
}
|
|
4924
4924
|
get el() { return index.getElement(this); }
|
|
@@ -5186,8 +5186,8 @@ const CovetPicsHighlighted = class {
|
|
|
5186
5186
|
render() {
|
|
5187
5187
|
const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
|
|
5188
5188
|
&& this.items && this.items.length > 1;
|
|
5189
|
-
return (index.h(index.Host, { key: '
|
|
5190
|
-
index.h("span", { key: '
|
|
5189
|
+
return (index.h(index.Host, { key: '6df473d7ff68d2730e50abec03549762376757ab', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
|
|
5190
|
+
index.h("span", { key: '1c54b55648ff95c757dcc6d8a497e520c8983937', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
5191
5191
|
}
|
|
5192
5192
|
get el() { return index.getElement(this); }
|
|
5193
5193
|
};
|
|
@@ -5870,12 +5870,12 @@ const CovetPicsPopup = class {
|
|
|
5870
5870
|
render() {
|
|
5871
5871
|
return (
|
|
5872
5872
|
// needsclick FIXME: https://github.com/ftlabs/fastclick/issues/604
|
|
5873
|
-
index.h(index.Host, { key: '
|
|
5873
|
+
index.h(index.Host, { key: 'b3beeb384dcfad0053c5710b89cd84dd97dc2de9', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.popupIsOpen || this.popupIsClosing, "covet-pics-popup-open": this.popupIsOpen } }, index.h("div", { key: '0ff9c392e31ced97a0902172d94e07d255745b6a', class: { "popup": true, "responsive": this.settings.popup_image_size === "responsive", "animated": this.settings.popup_animation, "direct-buy-open": this.directBuyIsOpen, "open": this.popupIsOpen || this.popupIsClosing }, tabindex: this.popupIsOpen ? 1 : -1, role: "dialog", "aria-modal": "true", "aria-labelledby": "Popup" }, this.settings.close_button_position === "corner" &&
|
|
5874
5874
|
this.renderCloseButton(), this.settings._arrowsMobilePosition === "top" &&
|
|
5875
|
-
this.renderMobileArrows(), index.h("div", { key: '
|
|
5876
|
-
index.h("div", { key: '
|
|
5877
|
-
index.h("div", { key: '
|
|
5878
|
-
this.renderCloseButton(), index.h("a", { key: '
|
|
5875
|
+
this.renderMobileArrows(), index.h("div", { key: '1184920e7d900cd721d7c950675fe2945a9a7e7c', class: "popup-dialog" }, this.item && this.item.id !== -1 &&
|
|
5876
|
+
index.h("div", { key: 'dede6d6152ae519bd1de23979731e5114bf4bb4d', id: this.contentCarouselId, class: "popup-content" }, this.renderImage(), this.renderSidebar()), ["arrows-type-1", "arrows-type-2", "arrows-type-3"].includes(this.settings._arrowsDesktopType) &&
|
|
5877
|
+
index.h("div", { key: '2cace47ce6f1c20e5bb1984f2c36e8c0bb4543c3', class: `desktop-arrows arrows-size-${this.settings._arrowsDesktopSizeType} arrows-color-theme-${this.settings.arrow_color_theme}` }, this.renderArrows(this.settings._arrowsDesktopType)), this.settings.close_button_position === "side" &&
|
|
5878
|
+
this.renderCloseButton(), index.h("a", { key: '090eafc1368f5258049e39b5a0690ee4b758bd3b', href: "/cart", target: "_top", class: `btn-checkout desktop ${this.settings.close_button_position} ${this.settings.close_button_size} ${this.settings._closeButtonСolorTheme}`, "aria-hidden": "true", "aria-label": "View cart" }, index.h("span", { key: 'edd288b858d009552ee672aec94a458baf1e350c', class: "counter" }), index.h(popupFuncComponents.Icon, { key: 'c8b12ff087a5b8c84324514a286cb8473a168f9c', iconName: "checkout" }))), index.h("div", { key: '0de35d33fdd25ee87a8a83fdcba5eba8e85432e0', class: "backdrop", "data-dismiss": "popup", onClick: this.hidePopupClickHandler }))));
|
|
5879
5879
|
}
|
|
5880
5880
|
get el() { return index.getElement(this); }
|
|
5881
5881
|
static get watchers() { return {
|
|
@@ -6121,11 +6121,11 @@ const CovetPicsPopupFreeflow = class {
|
|
|
6121
6121
|
render() {
|
|
6122
6122
|
return (
|
|
6123
6123
|
// onTouchStart={this.handlerTouchStart} onTouchMove={this.handlerTouchMove} onTouchEnd={this.handlerTouchEnd}
|
|
6124
|
-
index.h(index.Host, { key: '
|
|
6124
|
+
index.h(index.Host, { key: '00c5558fe9eede0b8f2ce62c44c89be3e6493acd', style: this.setPopupCSSVariables(), class: { "needsclick": true, "show": this.appState.popup.popupIsOpen } }, index.h("div", { key: '0e6c10b5677f3fc0a9afcdbfb290b28593d7d284', class: { "popup-freeflow": true, "open": this.appState.popup.popupIsOpen }, tabindex: this.appState.popup.popupIsOpen ? 1 : -1, role: "dialog", "aria-label": "Popup feed" }, index.h("button", { key: 'a86b29d32ec9e758014ed13a386aa8fc68528f4f', class: "popup-freeflow-close", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, index.h(funcComponents.IconPopupFreeflowClose, { key: '0fb0c0943ff47f537e5f9383a87057085ab244af' })), index.h("section", { key: '398a8346b138e783b3ff8f3e62bf617e15f8764b', class: "freeflow swiper" }, index.h("div", { key: '34601cbe5fbf596f89194fb235b36a9b4e175b23', class: "swiper-wrapper freeflow-wrap", ref: (el) => this.freeflowWrap = el }, this.items.map(item =>
|
|
6125
6125
|
// TODO new way to use custom event !
|
|
6126
6126
|
index.h("covet-pics-popup-slide", { class: "swiper-slide", onElVideoToggleSound: this.handleElVideoToggleSound, onElVideoTogglePlay: this.handleElVideoTogglePlay, item: item, "show-caption": this.appState.settings.popup_feed_show_caption, "show-star-rating": this.appState.settings.popup_feed_show_star_rating, "shared-link-enable": this.appState.popup.sharedLinkEnable, onElCarouselLinksTouch: this.handlerElCarouselLinksTouch }))))), this.appState.settings.popup_feed_show_navigation_arrows &&
|
|
6127
|
-
index.h("button", { key: '
|
|
6128
|
-
index.h("button", { key: '
|
|
6127
|
+
index.h("button", { key: '142f28abc32a3513595c0c15d4cf0474311ab71f', class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconPopupFreeflowPrev, { key: '0fd39fe3b0ffe6fc35432e7c77f664e236fa0491' })), this.appState.settings.popup_feed_show_navigation_arrows &&
|
|
6128
|
+
index.h("button", { key: '0f117eb78c169cd41be88291284ddbbea76ce363', class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconPopupFreeflowNext, { key: '29bc80f20cae0bbcee9abeabb5e8921af031a309' }))));
|
|
6129
6129
|
}
|
|
6130
6130
|
;
|
|
6131
6131
|
get el() { return index.getElement(this); }
|
|
@@ -15055,10 +15055,10 @@ const CovetPicsUpload = class {
|
|
|
15055
15055
|
}
|
|
15056
15056
|
render() {
|
|
15057
15057
|
const starsArray = [1, 2, 3, 4, 5];
|
|
15058
|
-
return (index.h(index.Host, { key: '
|
|
15059
|
-
index.h("button", { key: '
|
|
15060
|
-
index.h("span", { key: '
|
|
15061
|
-
index.h("p", { key: '
|
|
15058
|
+
return (index.h(index.Host, { key: '589e19b576ff6a11bcc27d00b3b684b5b8ea7c7e', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, index.h("div", { key: '5998f25a5f07de7c86784ea4588ea177802b9afe', class: { "popup": true, "animated": this.appState.settings.popup_animation, "upload_widget": true, "open": this.uploadIsOpen || this.uploadIsClosing }, tabindex: this.appState.upload.uploadOpen ? 1 : -1, role: "dialog", "aria-label": "Upload" }, index.h("div", { key: '4d3f6a5ad4d318e6ae1f12a20ac1308cef0ef59e', class: "upload" }, !this.standalone &&
|
|
15059
|
+
index.h("button", { key: '8a37f407837cd57b0e047d2cd694118c34182800', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { key: '9dd819ef5c0ab85b55889d55fbeabc4caf349f55', class: "upload-form" }, index.h("div", { key: 'f88f9e2eecd8c77dac77dd47877c711761d70b37', class: "upload-scroll" }, index.h("div", { key: '590dfbb22909a448458cdd427a879371fef3ee9f', class: "upload-step step1" }, index.h("h2", { key: '1f5e54fd391cd5cd16cb489fa31715595f7eb2fc', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), index.h("h3", { key: 'e4f84765bd4e35fb4f936766d645aa3b190eaeaf', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), index.h("div", { key: '2824eb1043a0b79b6c6c8d883f9a424a93062df0', class: "dropzone" }, index.h("div", { key: '1d9f2b70597de0ba0b76820b220a6c5d619a72d7', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { key: '034049d69e6c7af66c17866caa060f6f2c374b0a', class: "upload-drop" }, index.h("div", { key: 'eb3e619400b7d436ec0e6afadfbcbfca65b6d8a8', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), index.h("span", { key: '2275487fe33ae59843aa08c5df7b7a92eb50635e', class: "upload-drop-progress" })), index.h("input", { key: '51ad4fe1105d36a503d016d079ec219d829714a2', type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.appState.settings.customer_photo_upload_drop_files_label })), index.h("div", { key: '6b8853ec1dec6e83f9c7a0cfd909ffc1fad16de4', 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 &&
|
|
15060
|
+
index.h("span", { key: '637adf1987ede6732d06ed9e110cd1555363f469', 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", { key: '7810f7d620e504d6ff26b7dfb10ec51a71dff6f3', class: "icon-cross plus" }))), index.h("span", { key: '56b546f6a3900390f4b2c2fdf9bce609891ae191', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), index.h("button", { key: '41cedb596a479dfe3b10a0d97a2c83793a464c15', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", index.h(funcComponents.IconDown, { key: '30df06ffc66d567b42a8f420843df7073e3eabcf' }))), index.h("div", { key: 'd028077cbfb4e3fc717a1bcf97b99a9580dbd760', class: "upload-step step2 hidden" }, index.h("div", { key: 'aed89f1b3855db3c9bef5f1c66d2515dbab58d7e', class: { "star-rating": true, "no-active": !this.appState.settings.upload_show_star_rating } }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating, "warning": this.showFormWarning && this.postData["rating"] === null }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => { this.starRating = index$1 + 1; this.showFormWarning = false; }, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { key: '14c493b62ca3343bc86ca3e1f6ca982d32592967', type: "text", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_id") }, placeholder: this.appState.settings.customer_photo_upload_form_name_placeholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_name_placeholder }), index.h("input", { key: '66b95299ef580d840c79c0492870e733a60b8b8c', type: "email", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_email") }, placeholder: this.appState.settings.customer_photo_upload_form_email_placeholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_email_placeholder }), index.h("textarea", { key: '80dacb10576a744060a1292dda3831ae5ab3924a', class: { "form-control form-textarea": true, "warning": this.showFormWarning && !this.isInputValid("caption") }, rows: 6, placeholder: this.appState.settings.customer_photo_upload_form_body_placeholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_body_placeholder }), this.appState.settings.customer_photo_upload_form_legal_message !== "" &&
|
|
15061
|
+
index.h("p", { key: '54eae8fda8fd5b5c68871df22dd4811a931ac4cd', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), index.h("button", { key: '404c05b988f9a6e449fc9d5834fc2c46e09d52db', type: "submit", class: { "upload-submit": true }, onClick: this.handleSendClick, "aria-label": this.appState.settings.customer_photo_upload_form_send_label }, this.appState.settings.customer_photo_upload_form_send_label)), index.h("div", { key: '4876667a84fb652c071d297a6c690c3bff9c99e8', class: "upload-step step3 hidden" }, index.h("h2", { key: 'd54ab933c7cf3e4febad43fb9e34aba66de8d93b', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), index.h("div", { key: 'cdd3ec37feb90b0b0739bea87f543ed1ba3c83ef', class: "progress-bar" })), index.h("div", { key: 'cb8df09beac542a50125c6697936129c7b19fba5', class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { key: '0da7dbf64182c73f8a46887432f6c40ac0b0adc3', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), index.h("button", { key: '62c789c549a3fbd4e7b1f93abce61b4d2348a79c', class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.appState.settings.customer_photo_upload_complete_close_label))))), index.h("div", { key: '6500a0fdd7a28150222e076a00e4d1ee7dabaf11', class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { key: '041b5352a402d6a687faeda947da939e70b7d31a', class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { key: 'ccaff6b529f299c552bee2b3ea0e24043d792e81', class: "notification-message" }, "error: ", this.notificationMessage)))));
|
|
15062
15062
|
}
|
|
15063
15063
|
get el() { return index.getElement(this); }
|
|
15064
15064
|
static get watchers() { return {
|
|
@@ -375,7 +375,7 @@ const CovetPicsHiglghtedHotspots = class {
|
|
|
375
375
|
: `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
|
|
376
376
|
}
|
|
377
377
|
render() {
|
|
378
|
-
return (index.h(index.Host, { key: '
|
|
378
|
+
return (index.h(index.Host, { key: '102f38efed689f931c8b58e13e948a71e245a582', 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), "data-ga-campaign": link.title, "data-link-id": link.id, 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" &&
|
|
379
379
|
index.h("div", { class: "content", "aria-hidden": "true" }, index.h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
|
|
380
380
|
index.h("h3", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), 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 &&
|
|
381
381
|
index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
|
|
@@ -898,9 +898,9 @@ const CovetPicsHighlightedPage = class {
|
|
|
898
898
|
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.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
|
|
899
899
|
}
|
|
900
900
|
render() {
|
|
901
|
-
return (index.h(index.Host, { key: '
|
|
902
|
-
index.h("div", { key: '
|
|
903
|
-
index.h("div", { key: '
|
|
901
|
+
return (index.h(index.Host, { key: '1e3b997275890d36ed927119271f3f1db3571078', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
902
|
+
index.h("div", { key: '3463d295defe93bd18613c5379d3404d3e821484', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
903
|
+
index.h("div", { key: '52046689da5dd1b0db60191bc132c0dad8c29625', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
904
904
|
}
|
|
905
905
|
get el() { return index.getElement(this); }
|
|
906
906
|
};
|
|
@@ -971,11 +971,11 @@ const rootReducer = popup.combineReducers({
|
|
|
971
971
|
settings: settingsReducer
|
|
972
972
|
});
|
|
973
973
|
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
}
|
|
978
|
-
|
|
974
|
+
const createAppStore = () => {
|
|
975
|
+
return popup.configureStore({
|
|
976
|
+
reducer: rootReducer,
|
|
977
|
+
});
|
|
978
|
+
};
|
|
979
979
|
|
|
980
980
|
const covetPicsWidgetCss = ":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif}:host{font-family:var(--covet-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;min-height:var(--covet-widget-min-height)}:host .error-message{text-align:center;border:2px dashed;padding:20px}";
|
|
981
981
|
|
|
@@ -1142,7 +1142,7 @@ const CovetPicsWidget = class {
|
|
|
1142
1142
|
}
|
|
1143
1143
|
}
|
|
1144
1144
|
initAppStore() {
|
|
1145
|
-
this.appStore =
|
|
1145
|
+
this.appStore = createAppStore();
|
|
1146
1146
|
const widgetIdParams = storeUtils.getWidgetId(this.galleryEmbedId, this.shop, this.photoRequestId, this.el);
|
|
1147
1147
|
this.appStore.dispatch(widgetIdUpdated(widgetIdParams));
|
|
1148
1148
|
if (this.baseUrl) {
|
|
@@ -198,7 +198,7 @@ export class CovetPicsDirectBuy {
|
|
|
198
198
|
: `product slide ${idx} of ${itemsLength}`;
|
|
199
199
|
}
|
|
200
200
|
render() {
|
|
201
|
-
return (h(Host, { key: '
|
|
201
|
+
return (h(Host, { key: '5b8b8766e81cafe285453e6a5d418e0a41e4f911', style: this.itemCSSVariables, onclick: this.hostClickHandler }, h("div", { key: 'd38abc8981bc1fd1bbb62738a2d641bb7208f011', class: "wrap" }, h("div", { key: 'fd7783436d123b8fe6579e5c77497b35382d7a2f', class: "main" }, h("button", { key: '0d5d4c2387aee92aac3ba96d741b9a7e29ec8e4d', class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, h("svg", { key: 'c9b9f65d638b0bed8fe03c0e9938cba9a3823b8c', viewBox: "0 0 40 40", role: "img" }, h("title", { key: '444159352cb4b9c9495e7ef7439d4df1e75d049d' }, "close"), h("g", { key: 'd3d9e60c92f82c3738faaf450e227aecb447c5bc', fill: "none", "fill-rule": "evenodd" }, h("path", { key: '9b37a590ef9694debec632ab7c15d20235305f30', d: "M40 0v40H0V0z" }), h("path", { key: 'dcee0bdf212eec62f8ee4e437974efe58e60ec0e', class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), h("h2", { key: '72b0c3ccf69b9398400b2dc6f3faaaedb57a006d', class: "title" }, h("a", { key: '282cfa48befb516efba92484a1b535cab35b203d', href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), h("section", { key: '67997ee7707bbe8d120e77cf818d7af543284d1a', class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, h("div", { key: '19b89c939ffcc5d304f4f660a29d003ee4fbd754', class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => h("div", { class: "swiper-slide" }, h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), h("div", { key: '224eecad2fe89332c1a57d3e759a827fa1bd77ed', class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), h("div", { key: '50585e0b8345a9f802b19e8bb2a1b891f20b431f', class: "footer" }, h("div", { key: 'f06ed0870a39678f3a8781db56a6ca8ee7e5d03b', class: "price-wrap" }, h("label", { key: 'f47da035eeb3f682444d0f81cbe345172c936808' }, this.settings.price_label_caption), h("span", { key: '72048c8f3f97a72b43affa5c18370abc162b0702', class: "price", innerHTML: this.price })), h("button", { key: '3e093080933ae460dd30b9cc6bdbacfaca73bc57', class: `btn-buy ${this.settings._buyButtonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.settings.add_to_cart_button_caption, "aria-label": "Add to cart", type: "button" })))));
|
|
202
202
|
}
|
|
203
203
|
static get is() { return "covet-pics-direct-buy"; }
|
|
204
204
|
static get encapsulation() { return "shadow"; }
|
|
@@ -259,12 +259,12 @@ export class CovetPicsDirectBuy {
|
|
|
259
259
|
"mutable": false,
|
|
260
260
|
"complexType": {
|
|
261
261
|
"original": "AppStoreType",
|
|
262
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
262
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
263
263
|
"references": {
|
|
264
264
|
"AppStoreType": {
|
|
265
265
|
"location": "import",
|
|
266
|
-
"path": "../../
|
|
267
|
-
"id": "src/
|
|
266
|
+
"path": "../../store/configureStore",
|
|
267
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
268
268
|
}
|
|
269
269
|
}
|
|
270
270
|
},
|
|
@@ -297,7 +297,7 @@ export class CovetPicsGalleryGrid {
|
|
|
297
297
|
return cssVars;
|
|
298
298
|
}
|
|
299
299
|
render() {
|
|
300
|
-
return (h(Host, { key: '
|
|
300
|
+
return (h(Host, { key: 'cace80e33326416fc30898c92a00857480dd1094', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), h("div", { key: 'cd65238e0b3e3575c73c94987274197fe86fdf9c', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && h("div", { key: 'e9c1e7457542a8bc5454160f47e2649b53c5724e', class: "grid-sizer" }), this.layout === "collage" && h("div", { key: '81b0cfd99da69eaa50ac3e1b69b58eb4b21a7eed', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
301
301
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
302
302
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
303
303
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -445,12 +445,12 @@ export class CovetPicsGalleryGrid {
|
|
|
445
445
|
"mutable": false,
|
|
446
446
|
"complexType": {
|
|
447
447
|
"original": "AppStoreType",
|
|
448
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
448
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
449
449
|
"references": {
|
|
450
450
|
"AppStoreType": {
|
|
451
451
|
"location": "import",
|
|
452
|
-
"path": "../../
|
|
453
|
-
"id": "src/
|
|
452
|
+
"path": "../../store/configureStore",
|
|
453
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
454
454
|
}
|
|
455
455
|
}
|
|
456
456
|
},
|
|
@@ -220,12 +220,12 @@ export class CovetPicsGalleryHeader {
|
|
|
220
220
|
"mutable": false,
|
|
221
221
|
"complexType": {
|
|
222
222
|
"original": "AppStoreType",
|
|
223
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
223
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
224
224
|
"references": {
|
|
225
225
|
"AppStoreType": {
|
|
226
226
|
"location": "import",
|
|
227
|
-
"path": "../../
|
|
228
|
-
"id": "src/
|
|
227
|
+
"path": "../../store/configureStore",
|
|
228
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
},
|
|
@@ -678,12 +678,12 @@ export class CovetPicsGalleryItem {
|
|
|
678
678
|
"mutable": false,
|
|
679
679
|
"complexType": {
|
|
680
680
|
"original": "AppStoreType",
|
|
681
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
681
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
682
682
|
"references": {
|
|
683
683
|
"AppStoreType": {
|
|
684
684
|
"location": "import",
|
|
685
|
-
"path": "../../
|
|
686
|
-
"id": "src/
|
|
685
|
+
"path": "../../store/configureStore",
|
|
686
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
687
687
|
}
|
|
688
688
|
}
|
|
689
689
|
},
|
package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js
CHANGED
|
@@ -767,12 +767,12 @@ export class CovetPicsGalleryItemDetail {
|
|
|
767
767
|
"mutable": false,
|
|
768
768
|
"complexType": {
|
|
769
769
|
"original": "AppStoreType",
|
|
770
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
770
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
771
771
|
"references": {
|
|
772
772
|
"AppStoreType": {
|
|
773
773
|
"location": "import",
|
|
774
|
-
"path": "../../
|
|
775
|
-
"id": "src/
|
|
774
|
+
"path": "../../store/configureStore",
|
|
775
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
778
|
},
|
|
@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
|
|
|
5
5
|
import Swiper from "swiper";
|
|
6
6
|
import EffectMaterial from "./covet-material";
|
|
7
7
|
import { Autoplay, Navigation, Pagination, Scrollbar, A11y } from "swiper/modules";
|
|
8
|
-
import { buildEvent, getCoverImage, getDateFromTimestamp, getSizesForResponsiveImage, getStyle } from "../../utils/utils";
|
|
8
|
+
import { buildEvent, getCoverImage, getDateFromTimestamp, getSizesForResponsiveImage, getStyle, } from "../../utils/utils";
|
|
9
9
|
import { setSliderIndex, setSliderSlidesPerView } from "../../store/slider";
|
|
10
10
|
import { getGalleryIndex, getItemSize, isWidgetDisabled } from "../../store/getters";
|
|
11
11
|
export class CovetPicsGallerySlider {
|
|
@@ -288,7 +288,7 @@ export class CovetPicsGallerySlider {
|
|
|
288
288
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
289
289
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
290
290
|
if (this.items !== undefined) {
|
|
291
|
-
return (h(Host, { key: '
|
|
291
|
+
return (h(Host, { key: '26c0b9611d81af965c0cea047da7477a4655e0ae', class: {
|
|
292
292
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
293
293
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
294
294
|
"pagination-none": paginationStyle === "none",
|
|
@@ -297,18 +297,18 @@ export class CovetPicsGallerySlider {
|
|
|
297
297
|
"pagination-top": paginationPosition === "top",
|
|
298
298
|
"pagination-bottom": paginationPosition === "bottom"
|
|
299
299
|
} }, arrowsPosition !== "none" &&
|
|
300
|
-
h("button", { key: '
|
|
301
|
-
h("div", { key: '
|
|
300
|
+
h("button", { key: '0d4d034c6e6f8b54e3a676638472da67af1dcdff', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '93c5fca1f011ad61d4d5cfe39735b5dd2412061f', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: 'c2aaf259656e52f8b6252b3cf9f520b9463adbdf', 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) " }))), h("section", { key: 'b460d4282b4aa8e0b0938339fe2260d7f3fe2276', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
|
|
301
|
+
h("div", { key: '48f7cd17e222ec27cfad3aba487a7d702c023e58', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
302
302
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
303
303
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
304
304
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
305
305
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
306
|
-
h("div", { key: '
|
|
306
|
+
h("div", { key: '70cc147451787132af8ffa48b91551ae6225cda0', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, h("div", { class: "material-wrapper" }, item.source === "upload_widget"
|
|
307
307
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
308
308
|
: this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
|
|
309
309
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
310
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '
|
|
311
|
-
h("button", { key: '
|
|
310
|
+
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '6607b95eddefbb877e4ab480aa79720b76221d15', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && h("div", { key: '76c104f5be85f9ed23528a9438f83d1e9d4ecf79', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
|
|
311
|
+
h("button", { key: 'e99c1deadffa83cc212e867569ebffa9f7bac367', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '9f8165da70e583220190e2ed494bb8cfd3a84249', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: 'd942544cdc331db6c10db4ded17481c59e89e872', 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) " })))));
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
static get is() { return "covet-pics-gallery-slider"; }
|
|
@@ -350,12 +350,12 @@ export class CovetPicsGallerySlider {
|
|
|
350
350
|
"mutable": false,
|
|
351
351
|
"complexType": {
|
|
352
352
|
"original": "AppStoreType",
|
|
353
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
353
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
354
354
|
"references": {
|
|
355
355
|
"AppStoreType": {
|
|
356
356
|
"location": "import",
|
|
357
|
-
"path": "../../
|
|
358
|
-
"id": "src/
|
|
357
|
+
"path": "../../store/configureStore",
|
|
358
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
361
|
},
|
package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js
CHANGED
|
@@ -214,7 +214,7 @@ export class CovetPicsHiglghtedHotspots {
|
|
|
214
214
|
: `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
|
|
215
215
|
}
|
|
216
216
|
render() {
|
|
217
|
-
return (h(Host, { key: '
|
|
217
|
+
return (h(Host, { key: '102f38efed689f931c8b58e13e948a71e245a582', class: "hotspots" }, this.links.map((link, index) => h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index ? "hover-animate" : ""}`, style: this.getPositionForLink(link), "data-ga-campaign": link.title, "data-link-id": link.id, onClick: (e) => this.mouseClickHandler(e, index), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index) : 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" &&
|
|
218
218
|
h("div", { class: "content", "aria-hidden": "true" }, h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
|
|
219
219
|
h("h3", { class: `main-title ${this.layout}` }, this.appState.settings.popup_products_title), h("div", { class: `img-wrap ${this.layout}` }, h("img", { src: link.image, alt: this.imgAlt(link, index, this.links.length), class: "img" })), h("div", { class: `description ${this.layout}` }, h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
|
|
220
220
|
h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), h("button", { class: `btn-buy ${this.layout}`, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
|
|
@@ -378,12 +378,12 @@ export class CovetPicsHiglghtedHotspots {
|
|
|
378
378
|
"mutable": false,
|
|
379
379
|
"complexType": {
|
|
380
380
|
"original": "AppStoreType",
|
|
381
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
381
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
382
382
|
"references": {
|
|
383
383
|
"AppStoreType": {
|
|
384
384
|
"location": "import",
|
|
385
|
-
"path": "../../
|
|
386
|
-
"id": "src/
|
|
385
|
+
"path": "../../store/configureStore",
|
|
386
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
389
|
},
|
|
@@ -517,9 +517,9 @@ export class CovetPicsHighlightedPage {
|
|
|
517
517
|
h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
|
|
518
518
|
}
|
|
519
519
|
render() {
|
|
520
|
-
return (h(Host, { key: '
|
|
521
|
-
h("div", { key: '
|
|
522
|
-
h("div", { key: '
|
|
520
|
+
return (h(Host, { key: '1e3b997275890d36ed927119271f3f1db3571078', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
521
|
+
h("div", { key: '3463d295defe93bd18613c5379d3404d3e821484', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
522
|
+
h("div", { key: '52046689da5dd1b0db60191bc132c0dad8c29625', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
523
523
|
}
|
|
524
524
|
static get is() { return "covet-pics-highlighted-page"; }
|
|
525
525
|
static get originalStyleUrls() {
|
|
@@ -898,12 +898,12 @@ export class CovetPicsHighlightedPage {
|
|
|
898
898
|
"mutable": false,
|
|
899
899
|
"complexType": {
|
|
900
900
|
"original": "AppStoreType",
|
|
901
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
901
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
902
902
|
"references": {
|
|
903
903
|
"AppStoreType": {
|
|
904
904
|
"location": "import",
|
|
905
|
-
"path": "../../
|
|
906
|
-
"id": "src/
|
|
905
|
+
"path": "../../store/configureStore",
|
|
906
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
909
|
},
|
|
@@ -258,8 +258,8 @@ export class CovetPicsHighlighted {
|
|
|
258
258
|
render() {
|
|
259
259
|
const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
|
|
260
260
|
&& this.items && this.items.length > 1;
|
|
261
|
-
return (h(Host, { key: '
|
|
262
|
-
h("span", { key: '
|
|
261
|
+
return (h(Host, { key: '6df473d7ff68d2730e50abec03549762376757ab', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
|
|
262
|
+
h("span", { key: '1c54b55648ff95c757dcc6d8a497e520c8983937', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
263
263
|
}
|
|
264
264
|
static get is() { return "covet-pics-highlighted"; }
|
|
265
265
|
static get originalStyleUrls() {
|
|
@@ -324,12 +324,12 @@ export class CovetPicsHighlighted {
|
|
|
324
324
|
"mutable": false,
|
|
325
325
|
"complexType": {
|
|
326
326
|
"original": "AppStoreType",
|
|
327
|
-
"resolved": "Store<any, UnknownAction, unknown>",
|
|
327
|
+
"resolved": "{ dispatch: ThunkDispatch<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, undefined, UnknownAction>; } & Store<{ analytics: boolean; size: { widgetWidth: number; windowHeight: number; isDesktopScreen: boolean; }; sort: { selected: string; options: { name: string; value: string; }[]; }; url: { baseUrl: string; environment: string; baseBeaconsUrl: string; customUrl: any; }; preview: { hoverMode: boolean; popupMode: boolean; mode: boolean; }; items: any[]; popup: popupType; upload: { uploadOpen: boolean; }; slider: { realIndex: number; slidesPerView: number; itemInFocus: number; }; widgetId: { embedId: any; productHandle: any; shopDomain: any; galleryId: any; shopId: any; photoRequestId: any; }; settings: Settings; }, UnknownAction, unknown>",
|
|
328
328
|
"references": {
|
|
329
329
|
"AppStoreType": {
|
|
330
330
|
"location": "import",
|
|
331
|
-
"path": "../../
|
|
332
|
-
"id": "src/
|
|
331
|
+
"path": "../../store/configureStore",
|
|
332
|
+
"id": "src/store/configureStore.ts::AppStoreType"
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
335
|
},
|