@covet-pics/covet-pics-widget 0.178.0 → 0.178.2
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-checkbox_9.cjs.entry.js +17 -16
- package/dist/cjs/covet-pics-crop-text.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-gallery-grid_7.cjs.entry.js +32 -29
- package/dist/cjs/covet-pics-gallery-header_3.cjs.entry.js +6 -5
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +7 -8
- package/dist/cjs/covet-pics-popup-freeflow-carousel_3.cjs.entry.js +18 -3
- package/dist/cjs/covet-pics-widget.cjs.entry.js +3 -8
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{storeUtils-sFXfLcFp.js → storeUtils-hM8egDhh.js} +13 -14
- package/dist/collection/components/covet-pics-crop-text/covet-pics-crop-text.js +1 -1
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +9 -6
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +22 -14
- package/dist/collection/components/covet-pics-gallery-header/covet-pics-gallery-header.js +16 -10
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +13 -8
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +13 -8
- package/dist/collection/components/covet-pics-gallery-slider/covet-material.js +3 -0
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +11 -8
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +15 -10
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +22 -16
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +14 -11
- package/dist/collection/components/covet-pics-hotspots/covet-pics-hotspots.js +10 -8
- package/dist/collection/components/covet-pics-notifications/covet-pics-notifications.js +6 -3
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-review.js +1 -1
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-slider.js +2 -2
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +11 -8
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow-carousel.js +1 -1
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow-links.js +9 -7
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow.js +8 -5
- package/dist/collection/components/covet-pics-popup-freeflow/covet-pics-popup-slide.js +21 -6
- package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js +14 -9
- package/dist/collection/components/covet-pics-select/covet-pics-select.js +3 -2
- package/dist/collection/components/covet-pics-shop-cart/covet-pics-shop-cart.js +7 -4
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +13 -8
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +9 -3
- package/dist/collection/store/settings.js +1 -6
- package/dist/collection/store/storeUtils.js +13 -14
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-1a86a1e8.entry.js +4 -0
- package/dist/covet-pics-widget/p-24d02724.entry.js +4 -0
- package/dist/covet-pics-widget/p-28ea15a4.entry.js +4 -0
- package/dist/covet-pics-widget/{p-e25182e5.entry.js → p-669187da.entry.js} +5 -5
- package/dist/covet-pics-widget/p-7d553532.entry.js +4 -0
- package/dist/covet-pics-widget/{p-7a9f2f76.entry.js → p-8f4fdd9b.entry.js} +1 -1
- package/dist/covet-pics-widget/p-B2Dh8Prt.js +4 -0
- package/dist/covet-pics-widget/{p-3c4db5fe.entry.js → p-c1a5aef3.entry.js} +1 -1
- package/dist/esm/covet-pics-checkbox_9.entry.js +17 -16
- package/dist/esm/covet-pics-crop-text.entry.js +1 -1
- package/dist/esm/covet-pics-gallery-grid_7.entry.js +32 -29
- package/dist/esm/covet-pics-gallery-header_3.entry.js +6 -5
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +7 -8
- package/dist/esm/covet-pics-popup-freeflow-carousel_3.entry.js +18 -3
- package/dist/esm/covet-pics-widget.entry.js +3 -8
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{storeUtils-Mc-D_Wnh.js → storeUtils-B2Dh8Prt.js} +13 -14
- package/dist/types/components/covet-pics-crop-text/covet-pics-crop-text.d.ts +2 -3
- package/dist/types/components/covet-pics-direct-buy/covet-pics-direct-buy.d.ts +1 -0
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +5 -4
- package/dist/types/components/covet-pics-gallery-header/covet-pics-gallery-header.d.ts +3 -1
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +5 -3
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +6 -6
- package/dist/types/components/covet-pics-gallery-slider/covet-material.d.ts +6 -4
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +5 -3
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts +3 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +7 -4
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +4 -3
- package/dist/types/components/covet-pics-hotspots/covet-pics-hotspots.d.ts +2 -1
- package/dist/types/components/covet-pics-notifications/covet-pics-notifications.d.ts +3 -2
- package/dist/types/components/covet-pics-popup/covet-pics-popup-review.d.ts +2 -3
- package/dist/types/components/covet-pics-popup/covet-pics-popup.d.ts +3 -2
- package/dist/types/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow-links.d.ts +6 -2
- package/dist/types/components/covet-pics-popup-freeflow/covet-pics-popup-freeflow.d.ts +2 -1
- package/dist/types/components/covet-pics-popup-freeflow/covet-pics-popup-slide.d.ts +17 -2
- package/dist/types/components/covet-pics-popup-links/covet-pics-popup-links.d.ts +6 -2
- package/dist/types/components/covet-pics-post/covet-pics-post.d.ts +2 -1
- package/dist/types/components/covet-pics-shop-cart/covet-pics-shop-cart.d.ts +1 -0
- package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +1 -0
- package/dist/types/components/covet-pics-upload/uppy-adapter.d.ts +5 -2
- package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +4 -3
- package/dist/types/components.d.ts +54 -87
- package/dist/types/services/gallery-loader-service.d.ts +3 -2
- package/dist/types/store/configureStore.d.ts +2 -2
- package/dist/types/store/popup.d.ts +2 -2
- package/dist/types/store/reducer.d.ts +2 -2
- package/dist/types/store/storeUtils.d.ts +4 -4
- package/dist/types/utils/slider.d.ts +2 -1
- package/dist/types/utils/types.d.ts +58 -12
- package/package.json +3 -2
- package/dist/covet-pics-widget/p-00ea874d.entry.js +0 -4
- package/dist/covet-pics-widget/p-26abe93a.entry.js +0 -4
- package/dist/covet-pics-widget/p-6a4435af.entry.js +0 -4
- package/dist/covet-pics-widget/p-80545a67.entry.js +0 -4
- package/dist/covet-pics-widget/p-Mc-D_Wnh.js +0 -4
|
@@ -8,7 +8,7 @@ var utils = require('./utils-CkIicOF2.js');
|
|
|
8
8
|
var popup = require('./popup-BVFSZKpR.js');
|
|
9
9
|
var shopcart = require('./shopcart-CCGo88U5.js');
|
|
10
10
|
var getters = require('./getters-QyYi8Ngl.js');
|
|
11
|
-
var storeUtils = require('./storeUtils-
|
|
11
|
+
var storeUtils = require('./storeUtils-hM8egDhh.js');
|
|
12
12
|
var funcComponents = require('./funcComponents-BpB42VvA.js');
|
|
13
13
|
var index$1 = require('./index-BMdsVEom.js');
|
|
14
14
|
var popupFuncComponents = require('./popupFuncComponents-C-BjCf1Q.js');
|
|
@@ -403,16 +403,16 @@ const CovetPicsDirectBuy = class {
|
|
|
403
403
|
}
|
|
404
404
|
render() {
|
|
405
405
|
var _a, _b, _c;
|
|
406
|
-
return (index.h(index.Host, { key: '
|
|
406
|
+
return (index.h(index.Host, { key: '364f386a7d757506fd3da8172a29a5822ef1d313', style: this.itemCSSVariables }, index.h("button", { key: '4358200e2abe9adf5c1e00bf2374c736c5331072', class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h(funcComponents.IconDirectBuyClose, { key: 'a7c4feab241744e025f0a61ffc4266ba45832372', iconClass: "icon-close" })), index.h("div", { key: 'bb10ead2d02deb597664483d5392da88467a3edd', class: "wrap" }, this.product && (index.h("div", { key: 'b26439a37a3801133ffe052aecc206546182c184', class: "main" }, index.h("h2", { key: 'ee8295e7b04e0b020228e444d9d7c7bfbedd7b33', class: "title" }, index.h("a", { key: '895e44aec734cd95e38dd6cb63323a0d40f9683d', class: "link-title", href: this.product.onlineStoreUrl, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { key: 'd25af476cbfde1f5f38cb742d072d25e7e2a9398', class: "product-preview" }, index.h("div", { key: 'f0ada16577c6d3493d2283d3bb92a56308107c95', class: "preview-slide active" }, ((_a = this.selectedVariant) === null || _a === void 0 ? void 0 : _a.image)
|
|
407
407
|
? index.h("img", { src: this.selectedVariant.image.url, alt: this.selectedVariant.image.altText, class: "image" })
|
|
408
408
|
: index.h("img", { src: (_b = this.product.images.nodes[0]) === null || _b === void 0 ? void 0 : _b.url, alt: (_c = this.product.images.nodes[0]) === null || _c === void 0 ? void 0 : _c.altText, class: "image" }))), this.renderProductSlider(), this.selectedVariant &&
|
|
409
|
-
index.h("div", { key: '
|
|
409
|
+
index.h("div", { key: '0b7ca9092bede6988a6bfe34e25ddc0f4e15cc4a', class: "options" }, this.options.map((option) => {
|
|
410
410
|
if (option.optionValues.length < 2)
|
|
411
411
|
return null;
|
|
412
412
|
return option.optionValues.length < 4 ? this.renderCheckbox(option) : this.renderSelect(option);
|
|
413
413
|
})))), this.product &&
|
|
414
|
-
index.h("div", { key: '
|
|
415
|
-
index.h("div", { key: '
|
|
414
|
+
index.h("div", { key: '6bf8cc133bfc7a5a5b01e97367cc3bf7e22b9386', class: "footer" }, this.selectedVariant &&
|
|
415
|
+
index.h("div", { key: '21427f89745e2615e0a4c916bebc6c44bcac2e8b', class: "price-wrap" }, index.h("label", { key: '3ff68ac8c6e83c8b02f3c56753ef7d6738e81a42', class: "price-label" }, this.settings.price_label_caption), index.h("p", { key: '21a44c1152b02a495d11a0e4dbd49f43018c977f', class: "price-text" }, utils.formatMoneyNew(this.selectedVariant.price, `${this.shopCartState.locale.language}-${this.shopCartState.locale.country}`))), index.h("button", { key: 'c126a2d392066704f06171e1f5fdd3bc69a22448', onClick: this.addToCartClickHandler, class: `btn-buy btn-add-to-cart ${this.settings._buyButtonStyle}`, "aria-label": "Add to cart", innerHTML: this.selectedVariant ? this.settings.add_to_cart_button_caption : "out of stock", disabled: !this.isAvailableForSale || !this.selectedVariant, type: "button" })))));
|
|
416
416
|
}
|
|
417
417
|
get el() { return index.getElement(this); }
|
|
418
418
|
};
|
|
@@ -3763,8 +3763,8 @@ const CovetPicsHotspots = class {
|
|
|
3763
3763
|
}
|
|
3764
3764
|
getPositionForLink(link) {
|
|
3765
3765
|
return {
|
|
3766
|
-
"left": (link.position_x * 100).toString() + "%",
|
|
3767
|
-
"top": (link.position_y * 100).toString() + "%"
|
|
3766
|
+
"left": (Number(link.position_x) * 100).toString() + "%",
|
|
3767
|
+
"top": (Number(link.position_y) * 100).toString() + "%"
|
|
3768
3768
|
};
|
|
3769
3769
|
}
|
|
3770
3770
|
initTooltips() {
|
|
@@ -3776,7 +3776,7 @@ const CovetPicsHotspots = class {
|
|
|
3776
3776
|
});
|
|
3777
3777
|
}
|
|
3778
3778
|
render() {
|
|
3779
|
-
return (index.h(index.Host, { key: '
|
|
3779
|
+
return (index.h(index.Host, { key: 'bee7c020f10546f7d5d6e99c15c9853d5d134547', class: { "show-hotspot-numbers": this.showNumbers }, style: this.getItemCSSVariables() }, this.links.map(link => index.h("a", { class: "hotspot", tabindex: "0", href: link.link, target: "_top", style: this.getPositionForLink(link), "data-link-id": link.id, "data-tippy-content": `<span class="product-title">${link.title}</span><span class="price">${link.prices ? link.prices.price_label : ""} ></span>`, "aria-label": `Hotspot link to '${link.title}'` }, index.h("span", { class: "pulse" })))));
|
|
3780
3780
|
}
|
|
3781
3781
|
get el() { return index.getElement(this); }
|
|
3782
3782
|
};
|
|
@@ -3872,7 +3872,7 @@ const CovetPicsPopupLinks = class {
|
|
|
3872
3872
|
// TODO: check buttonStyle this old todo (style-3 -> not implanted yet)
|
|
3873
3873
|
const buttonStyle = this.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-");
|
|
3874
3874
|
const linkStyle = this.settings.popup_products_view_type.replace("_view", "");
|
|
3875
|
-
return (index.h("ul", { key: '
|
|
3875
|
+
return (index.h("ul", { key: 'fe57f16f2ca9ea699a3ad76171e9702efc679e61', 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 &&
|
|
3876
3876
|
index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.settings.show_price_in_popup && link.prices && link.prices.is_on_sale &&
|
|
3877
3877
|
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" &&
|
|
3878
3878
|
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)))))));
|
|
@@ -3926,7 +3926,7 @@ const CovetPicsPopupReviewElement = class {
|
|
|
3926
3926
|
const starOnlyClass = this.caption === null ? "star-only" : "";
|
|
3927
3927
|
const starOnly = this.caption === null && this.itemType === "text";
|
|
3928
3928
|
const verifiedClass = this.verified ? "verified" : "";
|
|
3929
|
-
return (index.h(index.Host, { key: '
|
|
3929
|
+
return (index.h(index.Host, { key: '3d60da0c55049aedaa4365a1457ea41ff0612128', class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h(funcComponents.StarRatingPopupRewiw, { key: 'e69dcd4bee66dc77087b399e3e26c20a7971944f', rating: this.rating, starOnlyClass: starOnlyClass }), index.h("p", { key: 'c214ad4f5f393d62cc141b6da0b62cafa6a73c15', class: `review-caption ${starOnlyClass} ${verifiedClass}`, innerHTML: this.caption }, this.verified && starOnly && this.renderVerified()), index.h("div", { key: 'c1de4203f60f7d60f3bb4592bc72f03f899da5b0', class: `review-bottom ${starOnlyClass}` }, index.h("p", { key: '5adbc5a4a0c27ce305cb2fa2ad199e10bd0f9427', class: "username" }, this.username), this.createdTime && index.h("span", { key: 'b49678718189143cd88154aa50e7f0a775a4874e', class: "slash" }, "/"), index.h("span", { key: '8aa068fbacac7e1f4c0f1630788363d2fbd1a889', class: "created-time" }, index$1.format(this.createdTime)), this.verified && !starOnly && this.renderVerified())));
|
|
3930
3930
|
}
|
|
3931
3931
|
get el() { return index.getElement(this); }
|
|
3932
3932
|
static get watchers() { return {
|
|
@@ -4122,9 +4122,9 @@ const CovetPicsPopupSlider = class {
|
|
|
4122
4122
|
: `post image, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`;
|
|
4123
4123
|
}
|
|
4124
4124
|
render() {
|
|
4125
|
-
return (index.h("div", { key: '
|
|
4125
|
+
return (index.h("div", { key: '0f5135c05a21ca0d43dc912bd0f33d07e8090288', id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { key: '10b11343b2bc40552a9236a38e7b63a762fd4ff9', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
|
|
4126
4126
|
index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(media_item.alt_tag, this.item.caption, idx, this.item.carousel_media.length, this.item.created_time), onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), media_item.type === "video" &&
|
|
4127
|
-
index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler, onKeyDown: this.playPauseVideoKeyboardClickHandler, tabindex: "0" }, index.h("video", { playsinline: true, muted: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution, onCanPlay: this.videoLoadedHandler }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { key: '
|
|
4127
|
+
index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler, onKeyDown: this.playPauseVideoKeyboardClickHandler, tabindex: "0" }, index.h("video", { playsinline: true, muted: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution, onCanPlay: this.videoLoadedHandler }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { key: 'c951a3f4d6fca6e82256eec44694d95a98f2c3ae', class: "swiper-pagination swiper-pagination-white" }), index.h("button", { key: '2f632d513f427858479e50ed7c35872b4ab990ed', class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconArrowPrev, { key: 'fcd69886b0ecefeb00f96ae18276e3122f00455f' })), index.h("button", { key: '4f154b0005ba39f685157661298443d7f6667829', class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconArrowNext, { key: '60c94d46922582e30999786fd4ecbd0baa226363' }))));
|
|
4128
4128
|
}
|
|
4129
4129
|
get el() { return index.getElement(this); }
|
|
4130
4130
|
};
|
|
@@ -4138,7 +4138,8 @@ const CovetPicsSelect = class {
|
|
|
4138
4138
|
this.labelClickHandler = (event) => {
|
|
4139
4139
|
event.preventDefault();
|
|
4140
4140
|
event.stopPropagation();
|
|
4141
|
-
|
|
4141
|
+
const keyCode = event.keyCode;
|
|
4142
|
+
if (event.type === "keydown" && keyCode !== 13 && keyCode !== 32)
|
|
4142
4143
|
return false;
|
|
4143
4144
|
if (this.el.classList.contains("opened")) {
|
|
4144
4145
|
return;
|
|
@@ -4166,7 +4167,7 @@ const CovetPicsSelect = class {
|
|
|
4166
4167
|
requestAnimationFrame(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
|
|
4167
4168
|
}
|
|
4168
4169
|
render() {
|
|
4169
|
-
return (index.h(index.Host, { key: '
|
|
4170
|
+
return (index.h(index.Host, { key: 'f1337646b759d2010e5b8cbc174c914b0831bb88', class: "options", id: this.selectId }, index.h("label", { key: '0c0964d93af6f8c4c60f4407073dde53a83af769', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: 'a32a76882032f68757802f6255559f9de253c12e', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: 'f9c3cd6d7b7bff9ccd0feeb066e43d7d10b15c32', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: '60d55f2d94310738aa6fee33e860a1fe1c3a80f6', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
|
|
4170
4171
|
}
|
|
4171
4172
|
get el() { return index.getElement(this); }
|
|
4172
4173
|
};
|
|
@@ -4260,8 +4261,8 @@ const CovetPicsShopCart = class {
|
|
|
4260
4261
|
return (index.h("article", { class: "product", key: product.key }, index.h("div", { class: "img-wrap is-loading" }, index.h("img", { class: "img", src: (_a = product.featured_image) === null || _a === void 0 ? void 0 : _a.url, alt: ((_b = product.featured_image) === null || _b === void 0 ? void 0 : _b.alt) || "product image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })), index.h("div", { class: "description" }, index.h("div", { class: "top" }, index.h("h3", { class: "title" }, product.product_title), index.h("p", { class: "price" }, utils.formatCurrency(product.final_line_price / 100, this.appState.shopcart.currency, `${this.appState.shopcart.locale.language}-${this.appState.shopcart.locale.country}`))), index.h("h4", { class: "text" }, product.variant_title), index.h("div", { class: "bottom" }, index.h("div", { class: "change-count" }, index.h("button", { class: "btn-update", onClick: this.onUpdateLine, "data-line-id": product.key, "data-line-quantity": product.quantity - 1 }, "-"), index.h("span", { class: "count" }, product.quantity), index.h("button", { class: "btn-update", onClick: this.onUpdateLine, "data-line-id": product.key, "data-line-quantity": product.quantity + 1, "data-action": "add", disabled: this.notAvaliableForSaleKeys.includes(product.key) }, "+")), index.h("button", { class: "btn-delete", onClick: this.onRemoveLine, "data-line-id": product.key }, index.h("svg", { class: "icon-basket" }, index.h("path", { d: "M6.31 7.18c0-.51-.4-.92-.9-.92s-.9.41-.9.92v4.63c0 .51.4.93.9.93s.9-.42.9-.93V7.18z", style: { transform: "translateX(3px)" } }), index.h("path", { d: "M6.31 7.18c0-.51-.4-.92-.9-.92s-.9.41-.9.92v4.63c0 .51.4.93.9.93s.9-.42.9-.93V7.18z" }), index.h("path", { d: "m7 0c-1.634 0-2.965 1.33-3.021 2.993H.902C.404 2.993 0 3.407 0 3.918c0 .511.404.926.902.926h.689v5.828c0 .91 0 1.599.044 2.148.043.551.132.971.314 1.338.315.635.818 1.151 1.437 1.474.358.187.766.278 1.303.323.535.045 1.207.045 2.094.045h.434c.887 0 1.558 0 2.093-.045.537-.045.946-.136 1.304-.323a3.3 3.3 0 0 0 1.437-1.474c.182-.367.27-.787.314-1.338.044-.55.044-1.239.044-2.148V4.844h.69c.497 0 .901-.415.901-.926 0-.511-.404-.925-.901-.925h-3.078C9.965 1.33 8.634 0 7 0zm-1.326 3.102h2.652a1.54 1.54 0 0 0-.387-.961c.215.222.357.521.383.852.002.036.004.073.004.109H5.674zM7 1.85c.638 0 1.161.503 1.215 1.143H5.785C5.839 2.353 6.362 1.85 7 1.85zM3.394 4.844h7.212v5.823c0 .943-.001 1.545-.038 2.003-.035.436-.093.585-.124.648a2.42 2.42 0 0 1-.649.666c-.061.032-.206.091-.632.127-.445.037-1.032.039-1.951.039h-.424c-.919 0-1.506-.002-1.952-.039-.426-.036-.57-.095-.631-.127a2.42 2.42 0 0 1-.649-.666c-.031-.063-.09-.212-.124-.648-.037-.458-.038-1.06-.038-2.003V4.844z" })))))));
|
|
4261
4262
|
}
|
|
4262
4263
|
render() {
|
|
4263
|
-
return (index.h(index.Host, { key: '
|
|
4264
|
-
index.h("p", { key: '
|
|
4264
|
+
return (index.h(index.Host, { key: '47b6de394db7e8d47cf8fab1e706c8b301d715dc', style: this.setWidgetCSSVariables(), class: { "show": this.isCartVisible }, role: "dialog" }, index.h("div", { key: '6258598506db2c696b130c7d1b04800223a645c8', class: { "cart-body": true, "show": this.isCartVisible } }, index.h("div", { key: '3134b6a1db165256d1360c5afe31edd06320b903', class: "cart-top" }, index.h("h2", { key: '87ccd5066fed3ad9b70b4777b79a03085bf6ae8a', class: "cart-title" }, "Basket"), index.h("button", { key: 'd07d211cff6ef9556e3561fa9555ddcb65c33f11', onClick: this.closeShopCart, class: "btn-close" })), index.h("div", { key: '8c66f707ae35cc3b1f44b1fd65d7ebb278ead04e', class: "product-list" }, this.products.map((product) => this.renderProduct(product))), index.h("div", { key: '45a6ac4ad6e537b404d342b6b5fb844e694f6c93', class: "cost" }, this.discount !== "0" &&
|
|
4265
|
+
index.h("p", { key: '0ad62919be179e75e8ef5f4ee8834cae9da2a7f0', class: "cost-price discount" }, index.h("span", { key: 'b17f8fa10d5f038bf127b7be66620c3af854cbb4' }, "Discount"), index.h("span", { key: 'a3758f94cf5ee71d0bb30cf5a663655bacdf12c9' }, "- ", this.discount)), index.h("p", { key: 'fc58f47fdd8b327ac705abe3d5031fdd88faaa9e', class: "cost-price total" }, index.h("span", { key: 'b167ffce1170ab7e50521df5a9fae03e54bbf8d9' }, "Total"), index.h("span", { key: '44cd3d2722f82071f955777e485f8f2eaa3d8cd0' }, this.totalAmount))), index.h("a", { key: 'd8697dcfacb82dc4427b9d00de0cd4af7cd8cbe0', class: { "btn-checkout": true, "disabled": this.products.length === 0 }, href: "/checkout", target: "_top" }, "Proceed to checkout"))));
|
|
4265
4266
|
}
|
|
4266
4267
|
get el() { return index.getElement(this); }
|
|
4267
4268
|
};
|
|
@@ -93,7 +93,7 @@ const CovetPicsCropText = class {
|
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
|
-
return (index.h(index.Host, { key: '
|
|
96
|
+
return (index.h(index.Host, { key: 'a4e0d3866fe458487f6e2ae7ead7b2afed9b7cb1', style: this.cropCSS }, index.h("p", { key: 'd4a1661750bbfdb16f1b0d7279d93762f4f83adb', class: `crop-text ${this.textClass}`, innerHTML: this.text })));
|
|
97
97
|
}
|
|
98
98
|
get el() { return index.getElement(this); }
|
|
99
99
|
};
|
|
@@ -11,7 +11,7 @@ var a11y = require('./a11y-BaxqETeA.js');
|
|
|
11
11
|
var navigation = require('./navigation-CvIgF3Cf.js');
|
|
12
12
|
var slider = require('./slider-CQsZjgRs.js');
|
|
13
13
|
var shopcart = require('./shopcart-CCGo88U5.js');
|
|
14
|
-
var storeUtils = require('./storeUtils-
|
|
14
|
+
var storeUtils = require('./storeUtils-hM8egDhh.js');
|
|
15
15
|
var popup = require('./popup-BVFSZKpR.js');
|
|
16
16
|
var funcComponents = require('./funcComponents-BpB42VvA.js');
|
|
17
17
|
var items = require('./items-B3AeIY3-.js');
|
|
@@ -3486,7 +3486,6 @@ const CovetPicsGalleryGrid = class {
|
|
|
3486
3486
|
* show load more button
|
|
3487
3487
|
*/
|
|
3488
3488
|
this.showLoadMore = false;
|
|
3489
|
-
this.showSort = false;
|
|
3490
3489
|
this.isGridDisabled = false;
|
|
3491
3490
|
this.itemSize = "size-md";
|
|
3492
3491
|
this.isFilterModalShow = false;
|
|
@@ -3499,7 +3498,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3499
3498
|
if (!btn.classList.contains("selected")) {
|
|
3500
3499
|
btn.classList.add("focus-in");
|
|
3501
3500
|
}
|
|
3502
|
-
this.filtersUpdated.emit(
|
|
3501
|
+
this.filtersUpdated.emit(btn.dataset);
|
|
3503
3502
|
};
|
|
3504
3503
|
this.filterBtnFocusIn = (event) => {
|
|
3505
3504
|
event.preventDefault();
|
|
@@ -3754,7 +3753,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3754
3753
|
return cssVars;
|
|
3755
3754
|
}
|
|
3756
3755
|
render() {
|
|
3757
|
-
return (index.h(index.Host, { key: '
|
|
3756
|
+
return (index.h(index.Host, { key: '6769be2a3deaf0f33e9be4fd5456b3cc452227e6', 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: '06946fe79dcaae3413acc956fc4984eb394e4df1', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { key: '7de53c94a5b905c5efb82f8f44df0858053d8187', class: "grid-sizer" }), this.layout === "collage" && index.h("div", { key: 'ec019cf2b6f078a92126f2f66cefa265365f4751', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3758
3757
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3759
3758
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3760
3759
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -3764,7 +3763,10 @@ const CovetPicsGalleryGrid = class {
|
|
|
3764
3763
|
};
|
|
3765
3764
|
CovetPicsGalleryGrid.style = covetPicsGalleryGridCss();
|
|
3766
3765
|
|
|
3766
|
+
// Register materialEffect only when Swiper web components API exists.
|
|
3767
3767
|
if (typeof window !== "undefined" && window.SwiperElementRegisterParams) {
|
|
3768
|
+
// Required by the original Swiper material effect.
|
|
3769
|
+
// eslint-disable-next-line stencil/ban-side-effects
|
|
3768
3770
|
window.SwiperElementRegisterParams(["materialEffect"]);
|
|
3769
3771
|
}
|
|
3770
3772
|
function elementTransitionEnd(el, callback) {
|
|
@@ -4900,7 +4902,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4900
4902
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
4901
4903
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
4902
4904
|
if (this.items !== undefined) {
|
|
4903
|
-
return (index.h(index.Host, { key: '
|
|
4905
|
+
return (index.h(index.Host, { key: '8b1d1faaeb1a3de0051c8c2c6a21d376b1e7fee3', class: {
|
|
4904
4906
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
4905
4907
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
4906
4908
|
"pagination-none": paginationStyle === "none",
|
|
@@ -4909,18 +4911,18 @@ const CovetPicsGallerySlider = class {
|
|
|
4909
4911
|
"pagination-top": paginationPosition === "top",
|
|
4910
4912
|
"pagination-bottom": paginationPosition === "bottom"
|
|
4911
4913
|
} }, arrowsPosition !== "none" &&
|
|
4912
|
-
index.h("button", { key: '
|
|
4913
|
-
index.h("div", { key: '
|
|
4914
|
+
index.h("button", { key: '60b9c7af2103de01144472d39e1b94ba146c0dbc', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '533a313ecc706ecbb4880b4bc2d6c6117bac95a7', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '5df4ae88a9b5780a26d0eeeec09fd74210451a36', 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: 'd47658e1238fb14b95c0157f90e62e09fd12f17f', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
|
|
4915
|
+
index.h("div", { key: '0a60e82e837f04aeff54dd0c2c0116c29c8d99dc', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4914
4916
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
4915
4917
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4916
4918
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
4917
4919
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
4918
|
-
index.h("div", { key: '
|
|
4920
|
+
index.h("div", { key: 'e80b75b664dc4ce4661987238f71f649abb72e58', 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"
|
|
4919
4921
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
4920
4922
|
: 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"
|
|
4921
4923
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
4922
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '
|
|
4923
|
-
index.h("button", { key: '
|
|
4924
|
+
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: 'aab96ee87d548dce51c1b9c286fcb875a634dd08', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: '8c17301a41990dedd719a00cf16dc07e1621d3b2', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
|
|
4925
|
+
index.h("button", { key: 'a9e94d2f2e9800f19393062d0a563e87ee556d01', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '0c95a237a3eb77b44e21873e8942b17b6689bd6e', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '788df3f3316880b43a778df4fdfafcc89abc5531', 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) " })))));
|
|
4924
4926
|
}
|
|
4925
4927
|
}
|
|
4926
4928
|
get el() { return index.getElement(this); }
|
|
@@ -4945,7 +4947,6 @@ const CovetPicsHighlighted = class {
|
|
|
4945
4947
|
* array of items to be showed in grid
|
|
4946
4948
|
*/
|
|
4947
4949
|
this.items = [];
|
|
4948
|
-
this.productLinks = [];
|
|
4949
4950
|
this.mainSliderIndex = 0;
|
|
4950
4951
|
this.mainSliderAnimatingSlides = [];
|
|
4951
4952
|
this.isGalleryLoaded = false;
|
|
@@ -5190,8 +5191,8 @@ const CovetPicsHighlighted = class {
|
|
|
5190
5191
|
render() {
|
|
5191
5192
|
const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
|
|
5192
5193
|
&& this.items && this.items.length > 1;
|
|
5193
|
-
return (index.h(index.Host, { key: '
|
|
5194
|
-
index.h("span", { key: '
|
|
5194
|
+
return (index.h(index.Host, { key: '9a1e363385489e52a05de2a4fc2f8f6b12a373bb', 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 &&
|
|
5195
|
+
index.h("span", { key: 'd0e7935b203ccdc74835903573266cb92cbd8567', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
5195
5196
|
}
|
|
5196
5197
|
get el() { return index.getElement(this); }
|
|
5197
5198
|
};
|
|
@@ -5258,7 +5259,7 @@ const CovetPicsNotifications = class {
|
|
|
5258
5259
|
return null;
|
|
5259
5260
|
}
|
|
5260
5261
|
render() {
|
|
5261
|
-
return (index.h(index.Host, { key: '
|
|
5262
|
+
return (index.h(index.Host, { key: 'abd5ccabf7d15b48aa71709b1cdf4bbbc7b5da62', style: this.setWidgetCSSVariables(), class: { "show": this.notifications.length > 0, "show-all": this.showAll }, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler, "aria-label": "Notifications", "aria-live": "polite", "aria-atomic": "false" }, this.notifications.map((notification) => index.h("div", { class: { "notification": true, [notification.type]: true, "no-transform": this.showAll }, key: notification.id, onClick: this.onClickHandler, "data-id": notification.id, role: "status", "aria-atomic": "true" }, index.h("i", { class: `icon-status ${notification.type}` }, this.getIcon(notification.type)), index.h("p", { class: "notifications-message" }, notification.message), index.h("i", { class: "icon-cross" })))));
|
|
5262
5263
|
}
|
|
5263
5264
|
get el() { return index.getElement(this); }
|
|
5264
5265
|
};
|
|
@@ -5901,13 +5902,13 @@ const CovetPicsPopup = class {
|
|
|
5901
5902
|
render() {
|
|
5902
5903
|
return (
|
|
5903
5904
|
// needsclick FIXME: https://github.com/ftlabs/fastclick/issues/604
|
|
5904
|
-
index.h(index.Host, { key: '
|
|
5905
|
+
index.h(index.Host, { key: 'eb13c69799848dc1872e64ff2fd7e91319edfe67', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.popupIsOpen || this.popupIsClosing, "covet-pics-popup-open": this.popupIsOpen } }, index.h("div", { key: 'e2c444eaa4647450e2387db62651ad1c2be2d9ad', 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" &&
|
|
5905
5906
|
this.renderCloseButton(), this.settings._arrowsMobilePosition === "top" &&
|
|
5906
|
-
this.renderMobileArrows(), index.h("div", { key: '
|
|
5907
|
-
index.h("div", { key: '
|
|
5908
|
-
index.h("div", { key: '
|
|
5909
|
-
this.renderCloseButton(), index.h("button", { key: '
|
|
5910
|
-
${this.settings.close_button_size} ${this.settings._closeButtonColorTheme} ${this.totalQuantity > 0 ? "show" : ""}`, "aria-hidden": "true", "aria-label": "View cart" }, index.h("span", { key: '
|
|
5907
|
+
this.renderMobileArrows(), index.h("div", { key: '387e7e10193c7fee8a8e3adbab219cad20050191', class: "popup-dialog" }, this.item && this.item.id !== -1 &&
|
|
5908
|
+
index.h("div", { key: '2a32336ab087427fe5a5e9fe2f4805ed5ded8ad0', id: this.contentCarouselId, class: "popup-content" }, this.renderImage(), this.renderSidebar()), ["arrows-type-1", "arrows-type-2", "arrows-type-3"].includes(this.settings._arrowsDesktopType) &&
|
|
5909
|
+
index.h("div", { key: '58762b0d63320d07cd90fb83ede8c84bfe0d3dd4', 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" &&
|
|
5910
|
+
this.renderCloseButton(), index.h("button", { key: '8124644b6280b7d2e05e78acccfadc7735da5cb1', onClick: this.onShowShopCart, class: `btn-checkout desktop ${this.settings.close_button_position}
|
|
5911
|
+
${this.settings.close_button_size} ${this.settings._closeButtonColorTheme} ${this.totalQuantity > 0 ? "show" : ""}`, "aria-hidden": "true", "aria-label": "View cart" }, index.h("span", { key: '18cba5bc8c8bf7309fa3537d11d8361ffb37790b', class: { "counter": true, "bounce": this.totalQuantity > 0 } }, this.totalQuantity), index.h(popupFuncComponents.Icon, { key: '9d2ed3ce11f706bfe65e0a74717bab3dc7dbacf9', iconName: "checkout" }))), index.h("div", { key: '86dc285eb85c556aa6e538127f2272cfde539230', class: "backdrop", "data-dismiss": "popup", onClick: this.hidePopupClickHandler }))));
|
|
5911
5912
|
}
|
|
5912
5913
|
get el() { return index.getElement(this); }
|
|
5913
5914
|
static get watchers() { return {
|
|
@@ -6157,11 +6158,11 @@ const CovetPicsPopupFreeflow = class {
|
|
|
6157
6158
|
render() {
|
|
6158
6159
|
return (
|
|
6159
6160
|
// onTouchStart={this.handlerTouchStart} onTouchMove={this.handlerTouchMove} onTouchEnd={this.handlerTouchEnd}
|
|
6160
|
-
index.h(index.Host, { key: '
|
|
6161
|
+
index.h(index.Host, { key: '659944c7cf1789ddd7cca85053e7f6ce25be91b0', style: this.setPopupCSSVariables(), class: { "needsclick": true, "show": this.appState.popup.popupIsOpen } }, index.h("div", { key: 'f7cd7a77bd8e02b0aea1c07c26800a3ba9a8ee1e', 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: '636c7699d5458702c4d47320d84f846a4382da6e', class: "popup-freeflow-close", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, index.h(funcComponents.IconPopupFreeflowClose, { key: '8b6479fd0c0e3b392f5abaa0c09c7ca4a8434440' })), index.h("section", { key: 'a5f558c96b7755d594ee5fef898c1edc04f98426', class: "freeflow swiper" }, index.h("div", { key: 'ec80b40387f732e5d54dd06d20db5b4e4dc57870', class: "swiper-wrapper freeflow-wrap", ref: (el) => this.freeflowWrap = el }, this.items.map(item =>
|
|
6161
6162
|
// TODO new way to use custom event !
|
|
6162
6163
|
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 &&
|
|
6163
|
-
index.h("button", { key: '
|
|
6164
|
-
index.h("button", { key: '
|
|
6164
|
+
index.h("button", { key: '03c7c1a9cd3373c58feb21bd5dba3fbb36777bd0', class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconPopupFreeflowPrev, { key: '047f1582fdbf76a87e4af53610e4459a27697c24' })), this.appState.settings.popup_feed_show_navigation_arrows &&
|
|
6165
|
+
index.h("button", { key: 'e2c28431351ef6748dfaecc8f5dfce86a97ef6fe', class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconPopupFreeflowNext, { key: '9f463a2af0fff3689dfb01249d9f620eb727a17c' }))));
|
|
6165
6166
|
}
|
|
6166
6167
|
;
|
|
6167
6168
|
get el() { return index.getElement(this); }
|
|
@@ -12834,8 +12835,10 @@ const CovetPicsUpload = class {
|
|
|
12834
12835
|
// PUT request has .uploadURL
|
|
12835
12836
|
// Cloudflare supports only PUT
|
|
12836
12837
|
let fileId = "";
|
|
12837
|
-
|
|
12838
|
-
|
|
12838
|
+
const objectKey = uploadedImage.meta["key"];
|
|
12839
|
+
const keyMatch = typeof objectKey === "string" ? objectKey.match(/^cache\/(.+)/) : null;
|
|
12840
|
+
if (keyMatch) {
|
|
12841
|
+
fileId = keyMatch[1]; // object key without prefix
|
|
12839
12842
|
}
|
|
12840
12843
|
else {
|
|
12841
12844
|
fileId = uploadedImage.uploadURL.split("/").pop().split("#")[0].split("?")[0];
|
|
@@ -13172,10 +13175,10 @@ const CovetPicsUpload = class {
|
|
|
13172
13175
|
}
|
|
13173
13176
|
render() {
|
|
13174
13177
|
const starsArray = [1, 2, 3, 4, 5];
|
|
13175
|
-
return (index.h(index.Host, { key: '
|
|
13176
|
-
index.h("button", { key: '
|
|
13177
|
-
index.h("span", { key: '
|
|
13178
|
-
index.h("p", { key: '
|
|
13178
|
+
return (index.h(index.Host, { key: '8c42577ade63f7e4fe165498789f06e629f94c49', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, index.h("div", { key: 'd83326948f6056830f75f59d8531219fa853ac51', 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: '0fc21f4b16c45e2de07edc23e22e67a64825ed08', class: "upload" }, !this.standalone &&
|
|
13179
|
+
index.h("button", { key: '33f7d1151fdc767ae98ba9596278d04bf8f778f7', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { key: 'f2cdeabb5d3cd4a7186bf5ede3d240a859bf6f31', class: "upload-form" }, index.h("div", { key: '637053d7d734666ac211f0bb7c41f38332ec4176', class: "upload-scroll" }, index.h("div", { key: '590c30d3f349a0c8d1e9dc149d39a9368c88799c', class: "upload-step step1" }, index.h("h2", { key: '4d968e59a2a756d590114d3e36edb62c3ac162f4', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), index.h("h3", { key: '39a5bbfc9be79cbbb665830d34eece3d17e554cb', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), index.h("div", { key: 'acff802110c2ebccf74c02ffaa7fdbbedfd4d14f', class: "dropzone" }, index.h("div", { key: '69b1d1918d4980ce0c3a57aaef0227ddee2c29ee', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { key: '97b4ca2ecf58bd93610fa5a8db7c56f2714427b3', class: "upload-drop" }, index.h("div", { key: '314501eb8aaf43f2e2883833358ddcd905ec9fc7', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), index.h("span", { key: '7e8266302c62766b038c7a40dc3af11ce8b6064b', class: "upload-drop-progress" })), index.h("input", { key: 'f89123099747a405c375c1656cf46c44c0e07cb0', 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: '2108a30cbd50b2a117104cd10173e166604096a1', 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 &&
|
|
13180
|
+
index.h("span", { key: '18e75550004a7c4a33570e6e6a394985182a6c1e', 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: '0bc1c88768e74bceadabebda51579c3d0092408d', class: "icon-cross plus" }))), index.h("span", { key: '651c421dab9b92c4f23ca76a249491bf21c76987', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), index.h("button", { key: '455ce3d41816c20aa599e8bbfb81b478a099de0c', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", index.h(funcComponents.IconDown, { key: '555385e860291332071b9eb7bb1167d3625b22b9' }))), index.h("div", { key: 'd4443a3edd9749771260f1e21b4bc8b677a3c932', class: "upload-step step2 hidden" }, index.h("div", { key: '5c752e9a688718db7c50028ca920164b17869347', 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: '1d2e5486add3f5d0af7f180e39b37148370c1953', 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: '9284ab36260f0f3fcb9ce7dfab03e0b7d80367d7', 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: '4656698337346eef92e00785cfab22b09986ca16', 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 !== "" &&
|
|
13181
|
+
index.h("p", { key: '2a9ac6cf20ff6321a4149513f9e3095c8e838ee3', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), index.h("button", { key: '988c5dbc61f7fbb86930e477d427cce8d071ba67', 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: '40d9aa39a6dfe78fd68341908c08a05db7915065', class: "upload-step step3 hidden" }, index.h("h2", { key: '9499be420a24e208fdc80ac7d07085b49de93f3f', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), index.h("div", { key: 'a822171bd1b8d8960817f2c2cf8f19eaee983026', class: "progress-bar" }, index.h("span", { key: '3578af528920e9d0a7147654c5bc3607ab360f8b', class: "progress-bar-fill", ref: (el) => this.progressBarFill = el }))), index.h("div", { key: '65d262c5e611ecf35dd76b086bb5dcd3eed53d0f', class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { key: '6e26488b58d275522be08ed1ad2c91d3c41cacc3', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), index.h("button", { key: 'd272bbdaddfc4db75a06cf77dcc396c7a6df4166', 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: '058c812ec611a5752a94c073fb665b551afd55b3', class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { key: '9928b4cbf63c898e5c72291050761af12cb8e959', class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { key: '31826fa8cdbf7a007bd149b6b7a5ff86a49cd567', class: "notification-message" }, "error: ", this.notificationMessage)))));
|
|
13179
13182
|
}
|
|
13180
13183
|
get el() { return index.getElement(this); }
|
|
13181
13184
|
static get watchers() { return {
|
|
@@ -62,10 +62,11 @@ const CovetPicsGalleryHeader = class {
|
|
|
62
62
|
event.preventDefault();
|
|
63
63
|
event.stopPropagation();
|
|
64
64
|
this.showSortDropdown = !this.showSortDropdown;
|
|
65
|
-
|
|
65
|
+
const target = event.target;
|
|
66
|
+
if (target.getAttribute("aria-selected") === undefined)
|
|
66
67
|
return false;
|
|
67
|
-
this.appStore.dispatch(sort.sortUpdated(
|
|
68
|
-
this.sortUpdated.emit(
|
|
68
|
+
this.appStore.dispatch(sort.sortUpdated(target.getAttribute("aria-selected")));
|
|
69
|
+
this.sortUpdated.emit(target.getAttribute("aria-selected")); //TODO remove this (call this in component use sibscribe)
|
|
69
70
|
// a11y focus
|
|
70
71
|
const sortBtn = this.el.querySelector(".sort-btn");
|
|
71
72
|
sortBtn.focus();
|
|
@@ -229,7 +230,7 @@ const CovetPicsGalleryItem = class {
|
|
|
229
230
|
this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
|
|
230
231
|
};
|
|
231
232
|
this.itemClickHandler = (event) => {
|
|
232
|
-
if (event
|
|
233
|
+
if (event instanceof KeyboardEvent && event.keyCode !== 13 && event.keyCode !== 32)
|
|
233
234
|
return false;
|
|
234
235
|
if (this.settings.popup_disable_modal) {
|
|
235
236
|
if (!this.settings.item_open_link) {
|
|
@@ -551,7 +552,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
551
552
|
this.nextTick(() => this.getCaptionCollageCSS());
|
|
552
553
|
};
|
|
553
554
|
this.itemClickHandler = (event) => {
|
|
554
|
-
if (event
|
|
555
|
+
if (event instanceof KeyboardEvent && event.keyCode !== 13 && event.keyCode !== 32)
|
|
555
556
|
return false;
|
|
556
557
|
if (this.appState.settings.popup_disable_modal) {
|
|
557
558
|
if (!this.appState.settings.item_open_link) {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
var index = require('./index-CgoVQsIV.js');
|
|
7
7
|
var utils = require('./utils-CkIicOF2.js');
|
|
8
8
|
var getters = require('./getters-QyYi8Ngl.js');
|
|
9
|
-
var storeUtils = require('./storeUtils-
|
|
9
|
+
var storeUtils = require('./storeUtils-hM8egDhh.js');
|
|
10
10
|
var a11y = require('./a11y-BaxqETeA.js');
|
|
11
11
|
var navigation = require('./navigation-CvIgF3Cf.js');
|
|
12
12
|
var index$1 = require('./index-BMdsVEom.js');
|
|
@@ -223,8 +223,8 @@ const CovetPicsHiglghtedHotspots = class {
|
|
|
223
223
|
}
|
|
224
224
|
getPositionForLink(link) {
|
|
225
225
|
return {
|
|
226
|
-
"left": (link.position_x * 100).toString() + "%",
|
|
227
|
-
"top": (link.position_y * 100).toString() + "%"
|
|
226
|
+
"left": (Number(link.position_x) * 100).toString() + "%",
|
|
227
|
+
"top": (Number(link.position_y) * 100).toString() + "%"
|
|
228
228
|
};
|
|
229
229
|
}
|
|
230
230
|
setPositionForLinkContent(link) {
|
|
@@ -377,7 +377,7 @@ const CovetPicsHiglghtedHotspots = class {
|
|
|
377
377
|
: `product-slide ${idx + 1}/${itemsLength} ${this.productBaseImgAlt}`;
|
|
378
378
|
}
|
|
379
379
|
render() {
|
|
380
|
-
return (index.h(index.Host, { key: '
|
|
380
|
+
return (index.h(index.Host, { key: 'ca23c8827046889c7f4545c9445c381ef586d648', 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" &&
|
|
381
381
|
index.h("div", { class: "content", "aria-hidden": "true" }, index.h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
|
|
382
382
|
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 &&
|
|
383
383
|
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))))))));
|
|
@@ -529,7 +529,6 @@ const CovetPicsHighlightedPage = class {
|
|
|
529
529
|
carousellVideos.forEach(videoWrapper => this.pauseVideo(videoWrapper));
|
|
530
530
|
}
|
|
531
531
|
}
|
|
532
|
-
// eslint-disable-next-line @stencil/own-methods-must-be-private
|
|
533
532
|
componentShouldUpdate(oldValue, newValue, name) {
|
|
534
533
|
if (oldValue !== newValue && name === "thumbnailUrl") {
|
|
535
534
|
this.productSlider.destroy();
|
|
@@ -904,9 +903,9 @@ const CovetPicsHighlightedPage = class {
|
|
|
904
903
|
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))))))));
|
|
905
904
|
}
|
|
906
905
|
render() {
|
|
907
|
-
return (index.h(index.Host, { key: '
|
|
908
|
-
index.h("div", { key: '
|
|
909
|
-
index.h("div", { key: '
|
|
906
|
+
return (index.h(index.Host, { key: '6bc7cc10972a2704536ff689ce4ce6aeec7d5fd6', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
907
|
+
index.h("div", { key: 'e849917397fb2a98b787adf804003226107427f3', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
908
|
+
index.h("div", { key: '87a9d5a6f6a0fc5b8a5a25fc23dfb192369504ed', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
910
909
|
}
|
|
911
910
|
get el() { return index.getElement(this); }
|
|
912
911
|
};
|
|
@@ -224,7 +224,7 @@ const CovetPicsPopupFreeflowCarousel = class {
|
|
|
224
224
|
return this.carouselVideoTimeUpdate.emit(videoProgress);
|
|
225
225
|
}
|
|
226
226
|
render() {
|
|
227
|
-
return (index.h("div", { key: '
|
|
227
|
+
return (index.h("div", { key: 'ab3370603977455f6a715a6f31253a44947fa53b', class: "carousel-media swiper" }, index.h("section", { key: 'c02becae98f3dda5ca10633b80b2b11b6b9cc9d2', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: { "carousel-cell swiper-slide": true, "swiper-slide-image": media_item.type === "image", "swiper-slide-video": media_item.type === "video" } }, media_item.type === "image" &&
|
|
228
228
|
index.h("img", { "data-src": media_item.standard_resolution, alt: this.getAltTag(media_item.alt_tag, this.item.caption, idx, this.item.carousel_media.length, this.item.created_time, "image"), loading: "lazy" }), media_item.type === "video" &&
|
|
229
229
|
// <div class="post-video-element" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex="0">
|
|
230
230
|
index.h("div", { class: "post-video-element", tabindex: "0" }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, onTimeUpdate: (event) => this.handleVideoTimeUpdate(idx, event), title: this.getAltTag(media_item.alt_tag, this.item.caption, idx, this.item.carousel_media.length, this.item.created_time, "video"), key: media_item.standard_resolution }, index.h("source", { "data-src": media_item.standard_resolution, type: "video/mp4" }))))))));
|
|
@@ -300,7 +300,7 @@ const CovetPicsPopupFreeflowLinks = class {
|
|
|
300
300
|
: index.h("svg", { class: "img-svg", role: "img", "aria-labelledby": "default icon link cover", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M14.101 42.314a6.955 6.955 0 01-4.95-2.051L7.736 38.85c-2.729-2.729-2.729-7.171 0-9.899l9.192-9.192c1.322-1.322 3.08-2.051 4.95-2.051s3.628.729 4.949 2.051l1.414 1.414a.999.999 0 11-1.414 1.414l-1.414-1.414a4.968 4.968 0 00-3.535-1.465 4.969 4.969 0 00-3.536 1.465L9.15 30.364a5.006 5.006 0 000 7.071l1.414 1.414a4.969 4.969 0 003.536 1.465 4.968 4.968 0 003.535-1.465L24 32.485a.999.999 0 111.414 1.414l-6.364 6.364a6.947 6.947 0 01-4.949 2.051z" }), index.h("path", { d: "M26.121 30.293a6.953 6.953 0 01-4.949-2.051.999.999 0 111.414-1.414 4.968 4.968 0 003.535 1.465 4.969 4.969 0 003.536-1.465l9.192-9.192a5.005 5.005 0 000-7.07L37.436 9.15a5.006 5.006 0 00-7.071 0L24 15.515a.999.999 0 11-1.414-1.414l6.364-6.364a7.008 7.008 0 019.899 0l1.414 1.415c2.729 2.729 2.729 7.17 0 9.898l-9.192 9.192a6.954 6.954 0 01-4.95 2.051z" }));
|
|
301
301
|
}
|
|
302
302
|
render() {
|
|
303
|
-
return (index.h(index.Host, { key: '
|
|
303
|
+
return (index.h(index.Host, { key: '28b079e8227b1f24852b993ecae5bc3719c5c24d' }, index.h("div", { key: 'ce107d67c9d50d58c263846183b1a3e5b7e29206', class: "links swiper" }, index.h("section", { key: '5974448bd521a259bd3741b509fd0cffa25fd812', class: "swiper-wrapper" }, this.links.map((link, idx) => index.h("button", { class: "btn-buy swiper-slide" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("span", { class: "btn-caption" }, index.h("span", { class: "btn-title" }, link.title), link.prices && link.prices.price_label && index.h("span", { class: "btn-price", innerHTML: link.prices.price_label }))))))));
|
|
304
304
|
}
|
|
305
305
|
get el() { return index.getElement(this); }
|
|
306
306
|
static get watchers() { return {
|
|
@@ -418,6 +418,9 @@ const CovetPicsPopupSlide = class {
|
|
|
418
418
|
setTimeout(() => this.elCarouselLinksTouch.emit(false), 20); // TODO test ver
|
|
419
419
|
};
|
|
420
420
|
}
|
|
421
|
+
/**
|
|
422
|
+
* lazy load slide media (image, video or carousel)
|
|
423
|
+
*/
|
|
421
424
|
async loadMedia() {
|
|
422
425
|
if (this.dataLoaded)
|
|
423
426
|
return true;
|
|
@@ -438,15 +441,24 @@ const CovetPicsPopupSlide = class {
|
|
|
438
441
|
this.dataLoaded = true;
|
|
439
442
|
}
|
|
440
443
|
}
|
|
444
|
+
/**
|
|
445
|
+
* play slide video (video or carousel)
|
|
446
|
+
*/
|
|
441
447
|
async videoPlay() {
|
|
442
448
|
return (this.item.data_type === "video" || this.item.data_type === "carousel") ? this.playVideo() : false;
|
|
443
449
|
}
|
|
450
|
+
/**
|
|
451
|
+
* pause slide video (video or carousel)
|
|
452
|
+
*/
|
|
444
453
|
async videoPause() {
|
|
445
454
|
if (this.item.data_type === "carousel") {
|
|
446
455
|
this.elCarousel.pauseAllVideos();
|
|
447
456
|
}
|
|
448
457
|
return this.item.data_type === "video" ? this.pauseVideo() : false;
|
|
449
458
|
}
|
|
459
|
+
/**
|
|
460
|
+
* turn slide video sound off (video or carousel)
|
|
461
|
+
*/
|
|
450
462
|
async videoSoundOff() {
|
|
451
463
|
if (this.item.data_type === "video" && !this.isMuted) {
|
|
452
464
|
this.isMuted = true;
|
|
@@ -457,6 +469,9 @@ const CovetPicsPopupSlide = class {
|
|
|
457
469
|
this.isMuted = true;
|
|
458
470
|
}
|
|
459
471
|
}
|
|
472
|
+
/**
|
|
473
|
+
* turn slide video sound on (video or carousel)
|
|
474
|
+
*/
|
|
460
475
|
async videoSoundOn() {
|
|
461
476
|
if (this.item.data_type === "video" && this.isMuted) {
|
|
462
477
|
this.isMuted = false;
|
|
@@ -541,7 +556,7 @@ const CovetPicsPopupSlide = class {
|
|
|
541
556
|
render() {
|
|
542
557
|
return (
|
|
543
558
|
// TODO test ver onTouchStart={this.onTouchStart} onTouchEnd={this.onTouchEnd}
|
|
544
|
-
index.h(index.Host, { key: '
|
|
559
|
+
index.h(index.Host, { key: '78f2d118ad76bcd09e124f0e952a394dab237749', class: { "reels-slide": true, "slide-carousel": this.item.data_type === "carousel" }, ondblclick: this.onDbclick, "data-loaded": `${this.dataLoaded}`, "data-playing": this.isPlaying !== null ? `${this.isPlaying}` : null, "data-is-muted": this.isMuted !== null ? `${this.isMuted}` : null }, this.renderMedia(this.item), (this.item.data_type === "video" || (this.item.data_type === "carousel" && this.showCarouselVideoControls)) && this.renderVideoControls(), this.renderContent(this.item)));
|
|
545
560
|
}
|
|
546
561
|
get el() { return index.getElement(this); }
|
|
547
562
|
};
|