@covet-pics/covet-pics-widget 0.98.3 → 0.98.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-gallery-grid_3.cjs.entry.js +27 -10
- package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +32 -11
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +50 -9
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +45 -3
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +41 -10
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-43ba3c21.system.entry.js +4 -0
- package/dist/covet-pics-widget/{p-f7d8333c.system.entry.js → p-a2f561d1.system.entry.js} +3 -3
- package/dist/covet-pics-widget/p-ba8bc0b0.entry.js +40 -0
- package/dist/covet-pics-widget/{p-e3d713c7.system.entry.js → p-e19965d2.entry.js} +1 -1
- package/dist/covet-pics-widget/p-f7c1a8c3.system.js +1 -1
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +27 -10
- package/dist/esm/covet-pics-gallery-item_3.entry.js +32 -11
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +4 -4
- package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +8 -0
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +8 -0
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +6 -0
- package/dist/types/components.d.ts +20 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-2cce1ddd.entry.js +0 -4
- package/dist/covet-pics-widget/p-45d1dda4.entry.js +0 -40
|
@@ -3841,6 +3841,7 @@ let CovetPicsGallerySlider = class {
|
|
|
3841
3841
|
this.nextPage = index.createEvent(this, "nextPage", 7);
|
|
3842
3842
|
this.sliderInit = index.createEvent(this, "sliderInit:covetPics", 7);
|
|
3843
3843
|
this.sliderUpdate = index.createEvent(this, "sliderUpdate:covetPics", 7);
|
|
3844
|
+
this.sliderIndexChange = index.createEvent(this, "sliderIndexChange:covetPics", 7);
|
|
3844
3845
|
/**
|
|
3845
3846
|
* Number of CovetGalleryItems to show per row on large screens (>=768px)
|
|
3846
3847
|
*/
|
|
@@ -3901,6 +3902,7 @@ let CovetPicsGallerySlider = class {
|
|
|
3901
3902
|
nextPageHandler() {
|
|
3902
3903
|
this.loader.fetchItems().then(json => {
|
|
3903
3904
|
if (json) {
|
|
3905
|
+
this.fixSliderHeight();
|
|
3904
3906
|
this.items = [...this.items, ...json.items];
|
|
3905
3907
|
}
|
|
3906
3908
|
});
|
|
@@ -3962,8 +3964,9 @@ let CovetPicsGallerySlider = class {
|
|
|
3962
3964
|
const paginationEl = this.el.querySelector(".gallery .swiper-pagination");
|
|
3963
3965
|
this.swiper = new lazy.Swiper(galleryEl, {
|
|
3964
3966
|
on: {
|
|
3965
|
-
init: () => this.sliderInit.emit(),
|
|
3966
|
-
update: () => this.sliderUpdate.emit(),
|
|
3967
|
+
init: (e) => this.sliderInit.emit(e),
|
|
3968
|
+
update: (e) => this.sliderUpdate.emit(e),
|
|
3969
|
+
realIndexChange: (e) => this.sliderIndexChange.emit(e)
|
|
3967
3970
|
},
|
|
3968
3971
|
preloadImages: false,
|
|
3969
3972
|
modules: [Autoplay, lazy.Lazy, lazy.Navigation, lazy.Pagination],
|
|
@@ -4000,6 +4003,18 @@ let CovetPicsGallerySlider = class {
|
|
|
4000
4003
|
this.swiper.on("reachEnd", () => this.nextPage.emit());
|
|
4001
4004
|
}
|
|
4002
4005
|
}
|
|
4006
|
+
fixSliderHeight() {
|
|
4007
|
+
const swiperWrapper = this.el.querySelector(".swiper-wrapper");
|
|
4008
|
+
const getStyle = (el, property) => el !== null
|
|
4009
|
+
? parseInt(window.getComputedStyle(el)[property].slice(0, -2))
|
|
4010
|
+
: 0;
|
|
4011
|
+
const swiperWrapperHeight = getStyle(swiperWrapper, "height");
|
|
4012
|
+
swiperWrapper.style.height = `${swiperWrapperHeight}px`;
|
|
4013
|
+
}
|
|
4014
|
+
unFixSliderheight() {
|
|
4015
|
+
const swiperWrapper = this.el.querySelector(".swiper-wrapper");
|
|
4016
|
+
swiperWrapper.style.removeProperty("height");
|
|
4017
|
+
}
|
|
4003
4018
|
emitGalleryReadyEvent() {
|
|
4004
4019
|
const galleryReadyEvent = utils$1.buildEvent("galleryReady:covetPics", { galleryId: this.loader.galleryId, itemsCount: this.items.length, el: this.el });
|
|
4005
4020
|
document.dispatchEvent(galleryReadyEvent);
|
|
@@ -4037,34 +4052,36 @@ let CovetPicsGallerySlider = class {
|
|
|
4037
4052
|
}
|
|
4038
4053
|
}
|
|
4039
4054
|
componentDidUpdate() {
|
|
4055
|
+
this.swiper.slideTo(this.swiper.previousIndex, 0, false);
|
|
4040
4056
|
this.swiper.update();
|
|
4057
|
+
this.unFixSliderheight();
|
|
4041
4058
|
}
|
|
4042
4059
|
itemImgAltTag(caption, idx, itemsLength, createdTime) {
|
|
4043
4060
|
return caption && caption.length > 0
|
|
4044
4061
|
? `${caption}, slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
|
|
4045
4062
|
: `slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
4046
4063
|
}
|
|
4047
|
-
renderStandardUploadItem(item) {
|
|
4048
|
-
return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", "item-source": item.source, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "label-caption": item.labelCaption }));
|
|
4064
|
+
renderStandardUploadItem(item, idx) {
|
|
4065
|
+
return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", "item-source": item.source, "animation-duration": item.animationDuration, "hover-background-opacity": item.hoverBackgroundOpacity, "hover-border-color": item.hoverBorderColor, "hover-color-from": item.hoverColorFrom, "hover-color-to": item.hoverColorTo, "image-url": item.imageUrl, "label-caption": item.labelCaption, "item-index": idx }));
|
|
4049
4066
|
}
|
|
4050
|
-
renderDetailUploadItem(item) {
|
|
4051
|
-
return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", "item-source": item.source, "image-url": item.imageUrl, "item-style": item.itemStyle, "label-caption": item.labelCaption }));
|
|
4067
|
+
renderDetailUploadItem(item, idx) {
|
|
4068
|
+
return (index.h("covet-pics-gallery-item", { class: "swiper-slide slide", "item-source": item.source, "image-url": item.imageUrl, "item-style": item.itemStyle, "label-caption": item.labelCaption, "item-index": idx }));
|
|
4052
4069
|
}
|
|
4053
4070
|
renderStandardItem(item, idx, itemsLength) {
|
|
4054
|
-
return (index.h("covet-pics-gallery-item", { class: "swiper-slide", "animation-duration": this.loader.data.settings.item_animation_duration, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider
|
|
4071
|
+
return (index.h("covet-pics-gallery-item", { class: "swiper-slide", "animation-duration": this.loader.data.settings.item_animation_duration, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider`, "item-index": idx }));
|
|
4055
4072
|
}
|
|
4056
4073
|
renderDetailItem(item, idx, itemsLength) {
|
|
4057
4074
|
const itemWidth = window.innerWidth > 767
|
|
4058
4075
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
4059
4076
|
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
|
|
4060
|
-
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: "slider", "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider
|
|
4077
|
+
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "item-style": this.itemStyle, "item-type": item.data_type, "item-width": itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, "background-color": this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, "star-color": this.loader.data.settings.star_color, layout: "slider", "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider`, "item-index": idx }));
|
|
4061
4078
|
}
|
|
4062
4079
|
render() {
|
|
4063
4080
|
if (this.items !== undefined) {
|
|
4064
4081
|
return (index.h("section", { id: "covet-pics-slider", class: "gallery swiper", role: "region", "aria-label": "main slider" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4065
|
-
? this.renderStandardUploadItem(item)
|
|
4082
|
+
? this.renderStandardUploadItem(item, idx)
|
|
4066
4083
|
: this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
4067
|
-
? this.renderDetailUploadItem(item)
|
|
4084
|
+
? this.renderDetailUploadItem(item, idx)
|
|
4068
4085
|
: this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: this.isSliderDisabled ? -1 : 0, "aria-label": "slider contol prev", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: this.isSliderDisabled ? -1 : 0, "aria-label": "slider contol next", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
4069
4086
|
}
|
|
4070
4087
|
}
|
|
@@ -99,6 +99,7 @@ let CovetPicsGalleryItem = class {
|
|
|
99
99
|
* Show Instagram icon on hover
|
|
100
100
|
*/
|
|
101
101
|
this.showHoverIcon = false;
|
|
102
|
+
this.tabIndex = 0;
|
|
102
103
|
this.imageLoadedHandler = () => {
|
|
103
104
|
const customEvent = utils.buildEvent("imageLoaded");
|
|
104
105
|
this.el.removeAttribute("is-loading");
|
|
@@ -126,6 +127,12 @@ let CovetPicsGalleryItem = class {
|
|
|
126
127
|
}
|
|
127
128
|
};
|
|
128
129
|
}
|
|
130
|
+
setTabIndex(e) {
|
|
131
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
132
|
+
}
|
|
133
|
+
updateTabIndex(e) {
|
|
134
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
135
|
+
}
|
|
129
136
|
updateUploadWidgetCoverHandler(event) {
|
|
130
137
|
if (this.itemSource === "upload_widget") {
|
|
131
138
|
const previewImage = event.detail.image;
|
|
@@ -137,6 +144,11 @@ let CovetPicsGalleryItem = class {
|
|
|
137
144
|
}
|
|
138
145
|
}
|
|
139
146
|
}
|
|
147
|
+
changeTabIndex(realIndex, slidesPerView) {
|
|
148
|
+
this.tabIndex = (this.itemIndex < realIndex + slidesPerView && this.itemIndex >= realIndex)
|
|
149
|
+
? 0
|
|
150
|
+
: -1;
|
|
151
|
+
}
|
|
140
152
|
get hoverEnabled() {
|
|
141
153
|
return !this.hoverDisabled && (this.popupRedirectMode || !this.popupDisabled);
|
|
142
154
|
}
|
|
@@ -169,14 +181,14 @@ let CovetPicsGalleryItem = class {
|
|
|
169
181
|
}
|
|
170
182
|
}
|
|
171
183
|
renderStandardItem() {
|
|
172
|
-
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
184
|
+
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel, tabindex: this.tabIndex }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
173
185
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
|
|
174
186
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), index.h("span", { class: "overlay-effect" }), index.h("span", { class: "info hover" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
175
187
|
index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", id: "Combined-Shape", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" &&
|
|
176
188
|
index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" }))))));
|
|
177
189
|
}
|
|
178
190
|
renderUploadWidget() {
|
|
179
|
-
return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
|
|
191
|
+
return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
|
|
180
192
|
index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
|
|
181
193
|
index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
|
|
182
194
|
}
|
|
@@ -190,12 +202,9 @@ let CovetPicsGalleryItem = class {
|
|
|
190
202
|
}
|
|
191
203
|
}
|
|
192
204
|
render() {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
else {
|
|
197
|
-
return this.renderStandardItem();
|
|
198
|
-
}
|
|
205
|
+
return this.itemSource === "upload_widget"
|
|
206
|
+
? this.renderUploadWidget()
|
|
207
|
+
: this.renderStandardItem();
|
|
199
208
|
}
|
|
200
209
|
get el() { return index.getElement(this); }
|
|
201
210
|
};
|
|
@@ -353,6 +362,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
353
362
|
* Caption text (comment)
|
|
354
363
|
*/
|
|
355
364
|
this.caption = "";
|
|
365
|
+
this.tabIndex = 0;
|
|
356
366
|
this.captionCSS = {};
|
|
357
367
|
this.nextTick = (fn) => {
|
|
358
368
|
window.requestAnimationFrame(() => {
|
|
@@ -401,6 +411,12 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
401
411
|
}
|
|
402
412
|
}
|
|
403
413
|
}
|
|
414
|
+
setTabIndex(e) {
|
|
415
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
416
|
+
}
|
|
417
|
+
updateTabIndex(e) {
|
|
418
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
419
|
+
}
|
|
404
420
|
componentDidLoad() {
|
|
405
421
|
window.addEventListener("scroll", this.scrollHandler, { passive: true });
|
|
406
422
|
this.isInViewport();
|
|
@@ -429,6 +445,11 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
429
445
|
return this.el.classList.add("in-viewport");
|
|
430
446
|
return this.el.classList.remove("in-viewport");
|
|
431
447
|
}
|
|
448
|
+
changeTabIndex(realIndex, slidesPerView) {
|
|
449
|
+
this.tabIndex = (this.itemIndex < realIndex + slidesPerView && this.itemIndex >= realIndex)
|
|
450
|
+
? 0
|
|
451
|
+
: -1;
|
|
452
|
+
}
|
|
432
453
|
getItemSize() {
|
|
433
454
|
const size = (el) => el.getBoundingClientRect();
|
|
434
455
|
const itemDetailWidth = size(this.el.parentElement).width * this.itemWidth / 100;
|
|
@@ -496,7 +517,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
496
517
|
return this.captionCSS;
|
|
497
518
|
}
|
|
498
519
|
renderUploadWidget() {
|
|
499
|
-
return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler }, index.h("span", { class: "info" }, !this.imageUrl &&
|
|
520
|
+
return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, !this.imageUrl &&
|
|
500
521
|
index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
|
|
501
522
|
index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: "img", src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })))));
|
|
502
523
|
}
|
|
@@ -513,7 +534,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
513
534
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
514
535
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
515
536
|
: null;
|
|
516
|
-
return (index.h(index.Host, { class: `${this.itemStyle} ${reviewClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), role: "group" }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout}` }, this.itemType !== "text" &&
|
|
537
|
+
return (index.h(index.Host, { class: `${this.itemStyle} ${reviewClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), role: "group", tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout}` }, this.itemType !== "text" &&
|
|
517
538
|
index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag }), !hideCaption && this.itemType === "text" &&
|
|
518
539
|
index.h("covet-pics-gallery-item-caption", { class: `${this.itemStyle} ${itemSize}`, "caption-class": `caption text-review ${this.layout} ${this.itemStyle} ${itemSize}`, caption: this.caption, "item-style": this.itemStyle, "layout-type": this.layout })), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, showTopRating &&
|
|
519
540
|
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, this.itemStyle === "basic-1" && this.userName && index.h("span", { class: `avatar ${itemSize}` }, this.userName[0]), this.itemStyle === "basic-1" &&
|
|
@@ -539,7 +560,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
539
560
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
540
561
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
541
562
|
: null;
|
|
542
|
-
return (index.h(index.Host, { class: `${this.itemStyle} ${reviewClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), role: "group" }, index.h("div", { class: `img-wrap ${this.itemStyle} ${reviewClass}` }, this.itemType !== "text" &&
|
|
563
|
+
return (index.h(index.Host, { class: `${this.itemStyle} ${reviewClass}`, "is-loading": this.itemType !== "text", onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), role: "group", tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle} ${reviewClass}` }, this.itemType !== "text" &&
|
|
543
564
|
index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag })), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize} ${reviewClass}` }, showTopRating &&
|
|
544
565
|
index.h("div", { class: `top ${this.itemStyle} ${itemSize} ${reviewClass}` }, this.rating > 0 &&
|
|
545
566
|
index.h("div", { class: `rating ${this.itemStyle} ${highlighted} ${itemSize} ${reviewClass}` }, index.h("span", { class: `icon-star ${this.itemStyle} ${itemSize} ${reviewClass} ${this.rating > 0 ? "active" : ""} ${highlighted}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))), index.h("span", { class: `rating-data ${this.itemStyle} ${itemSize} ${highlighted} ${reviewClass}` }, this.rating))), showRowStarRating && this.rating > 0 &&
|
|
@@ -37,5 +37,5 @@ const patchBrowser = () => {
|
|
|
37
37
|
|
|
38
38
|
patchBrowser().then(options => {
|
|
39
39
|
appGlobals.globalScripts();
|
|
40
|
-
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"ariaLabel\":[1,\"aria-label\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_6.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]],[0,\"covet-pics-popup-review\",{\"rating\":[2],\"caption\":[1],\"username\":[1],\"createdTime\":[1,\"created-time\"],\"reviewCSS\":[32]}]]],[\"covet-pics-gallery-item_3.cjs\",[[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemType\":[1,\"item-type\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item-caption\",{\"caption\":[1],\"captionClass\":[1,\"caption-class\"],\"itemStyle\":[1,\"item-style\"],\"layoutType\":[1,\"layout-type\"],\"reviewCSS\":[32]},[[16,\"sliderInit:covetPics\",\"initSize\"],[16,\"sliderUpdate:covetPics\",\"updateSize\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isGridDisabled\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16],\"isSliderDisabled\":[32]},[[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"],[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]],[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
40
|
+
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"ariaLabel\":[1,\"aria-label\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_6.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]],[0,\"covet-pics-popup-review\",{\"rating\":[2],\"caption\":[1],\"username\":[1],\"createdTime\":[1,\"created-time\"],\"reviewCSS\":[32]}]]],[\"covet-pics-gallery-item_3.cjs\",[[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemType\":[1,\"item-type\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"sliderInit:covetPics\",\"setTabIndex\"],[16,\"sliderIndexChange:covetPics\",\"updateTabIndex\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32]},[[16,\"sliderInit:covetPics\",\"setTabIndex\"],[16,\"sliderIndexChange:covetPics\",\"updateTabIndex\"],[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item-caption\",{\"caption\":[1],\"captionClass\":[1,\"caption-class\"],\"itemStyle\":[1,\"item-style\"],\"layoutType\":[1,\"layout-type\"],\"reviewCSS\":[32]},[[16,\"sliderInit:covetPics\",\"initSize\"],[16,\"sliderUpdate:covetPics\",\"updateSize\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isGridDisabled\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16],\"isSliderDisabled\":[32]},[[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"],[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]],[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
41
41
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -19,7 +19,7 @@ const defineCustomElements = (win, options) => {
|
|
|
19
19
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
20
20
|
return patchEsm().then(() => {
|
|
21
21
|
appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"ariaLabel\":[1,\"aria-label\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_6.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]],[0,\"covet-pics-popup-review\",{\"rating\":[2],\"caption\":[1],\"username\":[1],\"createdTime\":[1,\"created-time\"],\"reviewCSS\":[32]}]]],[\"covet-pics-gallery-item_3.cjs\",[[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemType\":[1,\"item-type\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item-caption\",{\"caption\":[1],\"captionClass\":[1,\"caption-class\"],\"itemStyle\":[1,\"item-style\"],\"layoutType\":[1,\"layout-type\"],\"reviewCSS\":[32]},[[16,\"sliderInit:covetPics\",\"initSize\"],[16,\"sliderUpdate:covetPics\",\"updateSize\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isGridDisabled\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16],\"isSliderDisabled\":[32]},[[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"],[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]],[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"ariaLabel\":[1,\"aria-label\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_6.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]],[0,\"covet-pics-popup-review\",{\"rating\":[2],\"caption\":[1],\"username\":[1],\"createdTime\":[1,\"created-time\"],\"reviewCSS\":[32]}]]],[\"covet-pics-gallery-item_3.cjs\",[[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemType\":[1,\"item-type\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"sliderInit:covetPics\",\"setTabIndex\"],[16,\"sliderIndexChange:covetPics\",\"updateTabIndex\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32]},[[16,\"sliderInit:covetPics\",\"setTabIndex\"],[16,\"sliderIndexChange:covetPics\",\"updateTabIndex\"],[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"]]],[0,\"covet-pics-gallery-item-caption\",{\"caption\":[1],\"captionClass\":[1,\"caption-class\"],\"itemStyle\":[1,\"item-style\"],\"layoutType\":[1,\"layout-type\"],\"reviewCSS\":[32]},[[16,\"sliderInit:covetPics\",\"initSize\"],[16,\"sliderUpdate:covetPics\",\"updateSize\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isGridDisabled\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16],\"isSliderDisabled\":[32]},[[16,\"modalOpen:covetPics\",\"onModalDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onModalEnableTabIndex\"],[16,\"uploadOpen:covetPics\",\"onUploadDisableTabIndex\"],[16,\"uploadClose:covetPics\",\"onUploadEnableTabIndex\"],[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]],[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright (c) 2020 by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
import { Component, Element, h, Host, Listen, Prop } from "@stencil/core";
|
|
4
|
+
import { Component, Element, h, Host, Listen, Prop, State } from "@stencil/core";
|
|
5
5
|
import { buildEvent } from "../../utils/utils";
|
|
6
6
|
export class CovetPicsGalleryItem {
|
|
7
7
|
constructor() {
|
|
@@ -90,6 +90,7 @@ export class CovetPicsGalleryItem {
|
|
|
90
90
|
* Show Instagram icon on hover
|
|
91
91
|
*/
|
|
92
92
|
this.showHoverIcon = false;
|
|
93
|
+
this.tabIndex = 0;
|
|
93
94
|
this.imageLoadedHandler = () => {
|
|
94
95
|
const customEvent = buildEvent("imageLoaded");
|
|
95
96
|
this.el.removeAttribute("is-loading");
|
|
@@ -117,6 +118,12 @@ export class CovetPicsGalleryItem {
|
|
|
117
118
|
}
|
|
118
119
|
};
|
|
119
120
|
}
|
|
121
|
+
setTabIndex(e) {
|
|
122
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
123
|
+
}
|
|
124
|
+
updateTabIndex(e) {
|
|
125
|
+
this.changeTabIndex(e.detail.realIndex, e.detail.params.slidesPerView);
|
|
126
|
+
}
|
|
120
127
|
updateUploadWidgetCoverHandler(event) {
|
|
121
128
|
if (this.itemSource === "upload_widget") {
|
|
122
129
|
const previewImage = event.detail.image;
|
|
@@ -128,6 +135,11 @@ export class CovetPicsGalleryItem {
|
|
|
128
135
|
}
|
|
129
136
|
}
|
|
130
137
|
}
|
|
138
|
+
changeTabIndex(realIndex, slidesPerView) {
|
|
139
|
+
this.tabIndex = (this.itemIndex < realIndex + slidesPerView && this.itemIndex >= realIndex)
|
|
140
|
+
? 0
|
|
141
|
+
: -1;
|
|
142
|
+
}
|
|
131
143
|
get hoverEnabled() {
|
|
132
144
|
return !this.hoverDisabled && (this.popupRedirectMode || !this.popupDisabled);
|
|
133
145
|
}
|
|
@@ -164,7 +176,7 @@ export class CovetPicsGalleryItem {
|
|
|
164
176
|
}
|
|
165
177
|
}
|
|
166
178
|
renderStandardItem() {
|
|
167
|
-
return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel },
|
|
179
|
+
return (h(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, role: "group", "aria-label": this.ariaLabel, tabindex: this.tabIndex },
|
|
168
180
|
this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]),
|
|
169
181
|
this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
170
182
|
h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }),
|
|
@@ -184,7 +196,7 @@ export class CovetPicsGalleryItem {
|
|
|
184
196
|
h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" }))))));
|
|
185
197
|
}
|
|
186
198
|
renderUploadWidget() {
|
|
187
|
-
return (h(Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler },
|
|
199
|
+
return (h(Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex },
|
|
188
200
|
h("span", { class: "info" },
|
|
189
201
|
this.imageUrl === undefined &&
|
|
190
202
|
h("span", { class: "default-cover" },
|
|
@@ -205,12 +217,9 @@ export class CovetPicsGalleryItem {
|
|
|
205
217
|
}
|
|
206
218
|
}
|
|
207
219
|
render() {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
else {
|
|
212
|
-
return this.renderStandardItem();
|
|
213
|
-
}
|
|
220
|
+
return this.itemSource === "upload_widget"
|
|
221
|
+
? this.renderUploadWidget()
|
|
222
|
+
: this.renderStandardItem();
|
|
214
223
|
}
|
|
215
224
|
static get is() { return "covet-pics-gallery-item"; }
|
|
216
225
|
static get originalStyleUrls() { return {
|
|
@@ -701,10 +710,42 @@ export class CovetPicsGalleryItem {
|
|
|
701
710
|
},
|
|
702
711
|
"attribute": "url",
|
|
703
712
|
"reflect": false
|
|
713
|
+
},
|
|
714
|
+
"itemIndex": {
|
|
715
|
+
"type": "number",
|
|
716
|
+
"mutable": false,
|
|
717
|
+
"complexType": {
|
|
718
|
+
"original": "number",
|
|
719
|
+
"resolved": "number",
|
|
720
|
+
"references": {}
|
|
721
|
+
},
|
|
722
|
+
"required": false,
|
|
723
|
+
"optional": false,
|
|
724
|
+
"docs": {
|
|
725
|
+
"tags": [],
|
|
726
|
+
"text": "item index in slider"
|
|
727
|
+
},
|
|
728
|
+
"attribute": "item-index",
|
|
729
|
+
"reflect": false
|
|
704
730
|
}
|
|
705
731
|
}; }
|
|
732
|
+
static get states() { return {
|
|
733
|
+
"tabIndex": {}
|
|
734
|
+
}; }
|
|
706
735
|
static get elementRef() { return "el"; }
|
|
707
736
|
static get listeners() { return [{
|
|
737
|
+
"name": "sliderInit:covetPics",
|
|
738
|
+
"method": "setTabIndex",
|
|
739
|
+
"target": "body",
|
|
740
|
+
"capture": false,
|
|
741
|
+
"passive": false
|
|
742
|
+
}, {
|
|
743
|
+
"name": "sliderIndexChange:covetPics",
|
|
744
|
+
"method": "updateTabIndex",
|
|
745
|
+
"target": "body",
|
|
746
|
+
"capture": false,
|
|
747
|
+
"passive": false
|
|
748
|
+
}, {
|
|
708
749
|
"name": "updateUploadWidgetCover",
|
|
709
750
|
"method": "updateUploadWidgetCoverHandler",
|
|
710
751
|
"target": "window",
|