@covet-pics/covet-pics-widget 0.98.9 → 0.99.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-gallery-grid_3.cjs.entry.js +6 -3
- package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +42 -4
- 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-grid/covet-pics-gallery-grid.js +6 -3
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.css +404 -95
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +133 -5
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-288c2650.entry.js +4 -0
- package/dist/covet-pics-widget/p-66c202ad.system.js +1 -1
- package/dist/covet-pics-widget/p-6c527630.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-b1e10787.system.entry.js +4 -0
- package/dist/covet-pics-widget/{p-dead8c30.entry.js → p-bdb2456b.entry.js} +1 -1
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +6 -3
- package/dist/esm/covet-pics-gallery-item_3.entry.js +42 -4
- 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 +1 -1
- 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 +20 -0
- package/dist/types/components.d.ts +32 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-073af3f1.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-d31412f2.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-f2f88aae.entry.js +0 -4
|
@@ -3577,11 +3577,14 @@ let CovetPicsGalleryGrid = class {
|
|
|
3577
3577
|
: `${layout}-item ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
3578
3578
|
}
|
|
3579
3579
|
renderStandardItem(item, idx, itemsLength) {
|
|
3580
|
+
const itemWidth = window.innerWidth > 767
|
|
3581
|
+
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
3582
|
+
: (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
|
|
3580
3583
|
let caption = this.loader.data.settings.item_label_text;
|
|
3581
3584
|
if (item.links.length === 0) {
|
|
3582
3585
|
caption = this.loader.data.settings.item_without_product_label_text;
|
|
3583
3586
|
}
|
|
3584
|
-
return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "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, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "label-caption": caption, "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, 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, this.layout) }));
|
|
3587
|
+
return (index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "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, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "label-caption": caption, "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, 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, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout) }));
|
|
3585
3588
|
}
|
|
3586
3589
|
renderStandardUploadItem(item) {
|
|
3587
3590
|
return index.h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "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, "item-source": item.source, "label-caption": item.labelCaption, "label-color": item.labelColor, "label-font-size": item.labelFontSize, "label-font-style": item.labelFontStyle });
|
|
@@ -3592,7 +3595,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3592
3595
|
renderDetailItem(item, idx, itemsLength) {
|
|
3593
3596
|
const itemWidth = window.innerWidth > 767
|
|
3594
3597
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
3595
|
-
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
|
|
3598
|
+
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow; //TODO check why we use desktopPhotosPerRow on mobile
|
|
3596
3599
|
return index.h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, tabindex: 0, highlighted: this.isHighlighted(idx), "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, 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: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout) });
|
|
3597
3600
|
}
|
|
3598
3601
|
render() {
|
|
@@ -4068,7 +4071,7 @@ let CovetPicsGallerySlider = class {
|
|
|
4068
4071
|
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 }));
|
|
4069
4072
|
}
|
|
4070
4073
|
renderStandardItem(item, idx, itemsLength) {
|
|
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 }));
|
|
4074
|
+
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`, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-index": idx }));
|
|
4072
4075
|
}
|
|
4073
4076
|
renderDetailItem(item, idx, itemsLength) {
|
|
4074
4077
|
const itemWidth = window.innerWidth > 767
|
|
@@ -9,7 +9,7 @@ const index = require('./index-ec704595.js');
|
|
|
9
9
|
const utils = require('./utils-7761a91a.js');
|
|
10
10
|
const index$1 = require('./index-1dd17838.js');
|
|
11
11
|
|
|
12
|
-
const covetPicsGalleryItemCss = "covet-pics-gallery-item.hover-animation-1 .info{text-align:center;top:50%;visibility:visible;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:5}covet-pics-gallery-item.hover-animation-1 .info .btn{padding-bottom:6px}covet-pics-gallery-item.hover-animation-1 .info .btn:after{-webkit-transition:width 0.35s ease-out;transition:width 0.35s ease-out;content:\"\";display:block;position:absolute;left:0;bottom:0;width:0;height:1px}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-1 .info,covet-pics-gallery-item:active.hover-animation-1 .info,covet-pics-gallery-item:focus.hover-animation-1 .info,covet-pics-gallery-item.hover-preview.hover-animation-1 .info{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-1 .btn:after,covet-pics-gallery-item:active.hover-animation-1 .btn:after,covet-pics-gallery-item:focus.hover-animation-1 .btn:after,covet-pics-gallery-item.hover-preview.hover-animation-1 .btn:after{width:100%}covet-pics-gallery-item:hover.hover-animation-1 .item-open-icon,covet-pics-gallery-item:active.hover-animation-1 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-1 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-1 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-1 .info .btn,covet-pics-gallery-item:active.hover-animation-1 .info .btn,covet-pics-gallery-item:focus.hover-animation-1 .info .btn,covet-pics-gallery-item.hover-preview.hover-animation-1 .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-2 .info{-webkit-transform:none;transform:none;text-align:left;bottom:35px;padding:0;top:auto;right:auto;-webkit-transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);z-index:5}covet-pics-gallery-item.hover-animation-2 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:35px}covet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow{margin-bottom:8px}covet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-2 .info,covet-pics-gallery-item:active.hover-animation-2 .info,covet-pics-gallery-item:focus.hover-animation-2 .info,covet-pics-gallery-item.hover-preview.hover-animation-2 .info{-webkit-transform:translateX(40px);transform:translateX(40px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .item-open-icon,covet-pics-gallery-item:active.hover-animation-2 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-2 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-2 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-3 .info{-webkit-transform:none;transform:none;text-align:center;width:70%;height:70%;top:0;bottom:0;right:0;border-right:2px solid var(--covet-pics-item-label-color);border-bottom:2px solid var(--covet-pics-item-label-color);visibility:visible !important;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-3 .info .btn{position:relative;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}covet-pics-gallery-item.hover-animation-3 .item-open-icon{margin:0 auto;margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-3 .info,covet-pics-gallery-item:active.hover-animation-3 .info,covet-pics-gallery-item:focus.hover-animation-3 .info,covet-pics-gallery-item.hover-preview.hover-animation-3 .info{width:85%;height:85%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .item-open-icon,covet-pics-gallery-item:active.hover-animation-3 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-3 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-3 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-4 .info{text-align:center;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0;width:75%;padding:0 25px;top:auto !important;visibility:visible;opacity:1;background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;padding:40px 0 40px 0;text-align:left}covet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .overlay-effect{background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item:hover.hover-animation-4 .info,covet-pics-gallery-item:active.hover-animation-4 .info,covet-pics-gallery-item:focus.hover-animation-4 .info,covet-pics-gallery-item.hover-preview.hover-animation-4 .info{opacity:1;z-index:5;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect{opacity:0.2}covet-pics-gallery-item:hover.hover-animation-4 .item-open-icon,covet-pics-gallery-item:active.hover-animation-4 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-4 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-4 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-5 .info{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:right;bottom:-10px;height:40px;left:auto;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding:0;-webkit-transform:translateY(25px);transform:translateY(25px);right:40px;visibility:visible !important;top:auto !important}covet-pics-gallery-item.hover-animation-5 .info .btn{position:relative;display:inline-block;margin:0 !important;overflow:hidden;cursor:pointer;padding:0;line-height:40px}covet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show{padding-right:calc(var(--covet-pics-item-label-font-size) + 10px)}covet-pics-gallery-item.hover-animation-5 .item-open-icon{display:block}covet-pics-gallery-item.hover-animation-5 .overlay-effect{visibility:hidden;display:block;opacity:1;border:1px solid black;border-color:var(--covet-pics-item-hover-border-color);background:none}covet-pics-gallery-item.hover-animation-5 .item-open-icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:0}covet-pics-gallery-item:hover.hover-animation-5 .info,covet-pics-gallery-item:active.hover-animation-5 .info,covet-pics-gallery-item:focus.hover-animation-5 .info,covet-pics-gallery-item.hover-preview.hover-animation-5 .info{opacity:1;z-index:5;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:calc(100% - 40px);-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .overlay-effect,covet-pics-gallery-item:active.hover-animation-5 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-5 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-5 .overlay-effect{z-index:2;visibility:visible;border-width:40px;border-color:var(--covet-pics-item-hover-border-color);width:calc(100% - 80px);height:calc(100% - 80px)}.upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 767px){.upload-widget .default-cover{margin:16px}}.upload-widget .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 767px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item.hover-animation:hover,covet-pics-gallery-item.hover-animation:active,covet-pics-gallery-item.hover-animation:focus,covet-pics-gallery-item.hover-preview{outline:none !important}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:block}covet-pics-gallery-item.hover-animation:hover .info,covet-pics-gallery-item.hover-animation:active .info,covet-pics-gallery-item.hover-animation:focus .info,covet-pics-gallery-item.hover-preview .info{opacity:1}covet-pics-gallery-item.hover-animation:hover .info .item-open-icon,covet-pics-gallery-item.hover-animation:active .info .item-open-icon,covet-pics-gallery-item.hover-animation:focus .info .item-open-icon,covet-pics-gallery-item.hover-preview .info .item-open-icon{z-index:4}covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-preview .hover{display:block;visibility:visible}covet-pics-gallery-item{cursor:pointer;display:inline-block;overflow:hidden;position:relative}covet-pics-gallery-item:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%}covet-pics-gallery-item[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item[is-loading] img{color:transparent}covet-pics-gallery-item.upload-widget{-webkit-animation:none;animation:none}covet-pics-gallery-item.grid-item{width:100%;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item.swiper-slide:after{padding-top:calc(100% - 7px)}covet-pics-gallery-item.swiper-slide.upload-widget:after{display:none}covet-pics-gallery-item.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}covet-pics-gallery-item.collage-item[is-loading]:after{display:inline-block;padding-top:calc(100% - 7px)}covet-pics-gallery-item.collage-item:after{display:none}covet-pics-gallery-item.collage-item.upload-widget:after{display:inline-block;padding-top:calc(100% - 7px)}@media only screen and (min-width: 768px){covet-pics-gallery-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%)}}covet-pics-gallery-item video{background:rgba(145, 158, 171, 0.1)}covet-pics-gallery-item video.bg{background-image:url(asset_path(\"icon-video-play.svg\"));background-position:50% 50%;background-size:40%}covet-pics-gallery-item:hover .bg,covet-pics-gallery-item:active .bg,covet-pics-gallery-item:focus .bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .bg{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);display:block}.collage covet-pics-gallery-item .bg{position:relative;max-width:100%}covet-pics-gallery-item .btn{display:inline-block;margin-top:15px;font-weight:bold;font-size:13px;padding:0px;position:relative;margin:0 auto;overflow:hidden;font-weight:var(--covet-pics-item-label-font-style);font-size:var(--covet-pics-item-label-font-size);color:var(--covet-pics-item-label-color)}covet-pics-gallery-item .btn::after{background:var(--covet-pics-item-label-color)}covet-pics-gallery-item .overlay-effect{display:none;position:absolute;width:100%;height:100%;content:\"\";top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;opacity:var(--covet-pics-item-hover-background-opacity);background:-webkit-gradient(linear, left top, right bottom, from(var(--covet-pics-item-hover-color-from)), to(var(--covet-pics-item-hover-color-to)));background:linear-gradient(to bottom right, var(--covet-pics-item-hover-color-from), var(--covet-pics-item-hover-color-to));-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .info{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;padding:10px;position:absolute;left:0;right:0;text-align:center;z-index:4;opacity:0;-webkit-transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);top:53%;display:none}covet-pics-gallery-item .item-open-icon{width:calc(var(--covet-pics-item-label-font-size) + 5px);height:calc(var(--covet-pics-item-label-font-size) + 5px);display:none;margin:0 auto}covet-pics-gallery-item .item-open-icon path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .item-open-icon circle{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .hover{display:block;visibility:hidden}covet-pics-gallery-item.no-animation .bg,covet-pics-gallery-item.no-animation:hover .bg{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}@media (any-hover: none){covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-preview .hover{display:none;visibility:hidden}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:none}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
|
|
12
|
+
const covetPicsGalleryItemCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 767px){.upload-widget .default-cover{margin:16px}}.upload-widget .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 767px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item.hover-animation-1 .info{text-align:center;top:50%;visibility:visible;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:5}covet-pics-gallery-item.hover-animation-1 .info .btn{padding-bottom:6px}covet-pics-gallery-item.hover-animation-1 .info .btn:after{-webkit-transition:width 0.35s ease-out;transition:width 0.35s ease-out;content:\"\";display:block;position:absolute;left:0;bottom:0;width:0;height:1px}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-1 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-1 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-1 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-1 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-1 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-1 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-1 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-1:hover .info,covet-pics-gallery-item.hover-animation-1:active .info,covet-pics-gallery-item.hover-animation-1:focus .info,covet-pics-gallery-item.hover-animation-1.hover-preview .info{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1:hover .btn:after,covet-pics-gallery-item.hover-animation-1:active .btn:after,covet-pics-gallery-item.hover-animation-1:focus .btn:after,covet-pics-gallery-item.hover-animation-1.hover-preview .btn:after{width:100%}covet-pics-gallery-item.hover-animation-1:hover .item-open-icon,covet-pics-gallery-item.hover-animation-1:active .item-open-icon,covet-pics-gallery-item.hover-animation-1:focus .item-open-icon,covet-pics-gallery-item.hover-animation-1.hover-preview .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-1:hover .info .btn,covet-pics-gallery-item.hover-animation-1:active .info .btn,covet-pics-gallery-item.hover-animation-1:focus .info .btn,covet-pics-gallery-item.hover-animation-1.hover-preview .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-1:hover .rating,covet-pics-gallery-item.hover-animation-1:active .rating,covet-pics-gallery-item.hover-animation-1:focus .rating,covet-pics-gallery-item.hover-animation-1.hover-preview .rating{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-1:hover .name-data,covet-pics-gallery-item.hover-animation-1:active .name-data,covet-pics-gallery-item.hover-animation-1:focus .name-data,covet-pics-gallery-item.hover-animation-1.hover-preview .name-data{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px)}covet-pics-gallery-item.hover-animation-2 .info{-webkit-transform:none;transform:none;text-align:left;bottom:35px;padding:0;top:auto;right:auto;-webkit-transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);z-index:5}covet-pics-gallery-item.hover-animation-2 .info.size-xs{left:0;bottom:16px}covet-pics-gallery-item.hover-animation-2 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:35px}covet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow{margin-bottom:8px}covet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-2 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-2 .rating.size-xs{left:0;-webkit-transform:translateY(16px);transform:translateY(16px)}covet-pics-gallery-item.hover-animation-2 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-2 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-2 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:calc(100% - 80px - 22px);width:100%;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding-right:3px}covet-pics-gallery-item.hover-animation-2 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-2 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-2 .created-time{display:block;font-size:14px;line-height:1.4;max-width:100%;color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item:hover.hover-animation-2 .info,covet-pics-gallery-item:active.hover-animation-2 .info,covet-pics-gallery-item:focus.hover-animation-2 .info,covet-pics-gallery-item.hover-preview.hover-animation-2 .info{-webkit-transform:translateX(40px);transform:translateX(40px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .info.size-xs,covet-pics-gallery-item:active.hover-animation-2 .info.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .info.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .info.size-xs{-webkit-transform:translateX(16px);transform:translateX(16px)}covet-pics-gallery-item:hover.hover-animation-2 .item-open-icon,covet-pics-gallery-item:active.hover-animation-2 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-2 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-2 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-2 .rating,covet-pics-gallery-item:active.hover-animation-2 .rating,covet-pics-gallery-item:focus.hover-animation-2 .rating,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px)}covet-pics-gallery-item:hover.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:active.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .rating.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating.size-xs{-webkit-transform:translate(16px, 16px);transform:translate(16px, 16px)}covet-pics-gallery-item:hover.hover-animation-2 .name-data,covet-pics-gallery-item:active.hover-animation-2 .name-data,covet-pics-gallery-item:focus.hover-animation-2 .name-data,covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;opacity:1;-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px)}covet-pics-gallery-item.hover-animation-3 .info{-webkit-transform:none;transform:none;text-align:center;width:70%;height:70%;top:0;bottom:0;right:0;border-right:2px solid var(--covet-pics-item-label-color);border-bottom:2px solid var(--covet-pics-item-label-color);visibility:visible !important;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-3 .info .btn{position:relative;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}covet-pics-gallery-item.hover-animation-3 .info .btn.star-rating{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:3}covet-pics-gallery-item.hover-animation-3 .item-open-icon{margin:0 auto;margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-3 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:13px;padding-left:13px}covet-pics-gallery-item.hover-animation-3 .rating:before{content:\"\";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-3 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-3 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-3 .info,covet-pics-gallery-item:active.hover-animation-3 .info,covet-pics-gallery-item:focus.hover-animation-3 .info,covet-pics-gallery-item.hover-preview.hover-animation-3 .info{width:85%;height:85%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .item-open-icon,covet-pics-gallery-item:active.hover-animation-3 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-3 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-3 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-4 .info{text-align:center;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0;width:75%;padding:0 25px;top:auto !important;visibility:visible;opacity:1;background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;padding:40px 0 40px 0;text-align:left}covet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .overlay-effect{background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-4 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-4 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-4 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-4 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-4 .info,covet-pics-gallery-item:active.hover-animation-4 .info,covet-pics-gallery-item:focus.hover-animation-4 .info,covet-pics-gallery-item.hover-preview.hover-animation-4 .info{opacity:1;z-index:5;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect{opacity:0.2}covet-pics-gallery-item:hover.hover-animation-4 .item-open-icon,covet-pics-gallery-item:active.hover-animation-4 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-4 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-4 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-5 .info{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:right;bottom:-10px;height:40px;left:auto;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding:0;-webkit-transform:translateY(25px);transform:translateY(25px);right:40px;visibility:visible !important;top:auto !important}covet-pics-gallery-item.hover-animation-5 .info .btn{position:relative;display:inline-block;margin:0 !important;overflow:hidden;cursor:pointer;padding:0;line-height:40px}covet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show{padding-right:calc(var(--covet-pics-item-label-font-size) + 10px)}covet-pics-gallery-item.hover-animation-5 .item-open-icon{display:block}covet-pics-gallery-item.hover-animation-5 .overlay-effect{visibility:hidden;display:block;opacity:1;border:1px solid black;border-color:var(--covet-pics-item-hover-border-color);background:none}covet-pics-gallery-item.hover-animation-5 .item-open-icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:0}covet-pics-gallery-item.hover-animation-5 .rating{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:40px;padding-right:40px;-webkit-transform:translateY(-27px);transform:translateY(-27px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:4}covet-pics-gallery-item.hover-animation-5 .icon-star{display:-ms-flexbox;display:flex;width:10px;height:10px;margin-right:10px;opacity:0.5}covet-pics-gallery-item.hover-animation-5 .icon-star .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-5 .icon-star .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .icon-star.active{opacity:1}covet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data{line-height:1.4;font-size:15px;font-weight:bold;margin-left:4px;margin-left:auto;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-5 .info,covet-pics-gallery-item:active.hover-animation-5 .info,covet-pics-gallery-item:focus.hover-animation-5 .info,covet-pics-gallery-item.hover-preview.hover-animation-5 .info{opacity:1;z-index:5;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:calc(100% - 40px);-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .overlay-effect,covet-pics-gallery-item:active.hover-animation-5 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-5 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-5 .overlay-effect{z-index:2;visibility:visible;border-width:40px;border-color:var(--covet-pics-item-hover-border-color);width:calc(100% - 80px);height:calc(100% - 80px)}covet-pics-gallery-item:hover.hover-animation-5 .rating,covet-pics-gallery-item:active.hover-animation-5 .rating,covet-pics-gallery-item:focus.hover-animation-5 .rating,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation:hover,covet-pics-gallery-item.hover-animation:active,covet-pics-gallery-item.hover-animation:focus,covet-pics-gallery-item.hover-preview{outline:none !important}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:block}covet-pics-gallery-item.hover-animation:hover .info,covet-pics-gallery-item.hover-animation:active .info,covet-pics-gallery-item.hover-animation:focus .info,covet-pics-gallery-item.hover-preview .info{opacity:1}covet-pics-gallery-item.hover-animation:hover .info .item-open-icon,covet-pics-gallery-item.hover-animation:active .info .item-open-icon,covet-pics-gallery-item.hover-animation:focus .info .item-open-icon,covet-pics-gallery-item.hover-preview .info .item-open-icon{z-index:4}covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-preview .hover{display:block;visibility:visible}covet-pics-gallery-item{cursor:pointer;display:inline-block;overflow:hidden;position:relative}covet-pics-gallery-item:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%}covet-pics-gallery-item[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item[is-loading] img{color:transparent}covet-pics-gallery-item.upload-widget{-webkit-animation:none;animation:none}covet-pics-gallery-item.grid-item{width:100%;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item.swiper-slide:after{padding-top:calc(100% - 7px)}covet-pics-gallery-item.swiper-slide.upload-widget:after{display:none}covet-pics-gallery-item.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}covet-pics-gallery-item.collage-item[is-loading]:after{display:inline-block;padding-top:calc(100% - 7px)}covet-pics-gallery-item.collage-item:after{display:none}covet-pics-gallery-item.collage-item.upload-widget:after{display:inline-block;padding-top:calc(100% - 7px)}@media only screen and (min-width: 768px){covet-pics-gallery-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%)}}covet-pics-gallery-item video{background:rgba(145, 158, 171, 0.1)}covet-pics-gallery-item video.bg{background-image:url(asset_path(\"icon-video-play.svg\"));background-position:50% 50%;background-size:40%}covet-pics-gallery-item:hover .bg,covet-pics-gallery-item:active .bg,covet-pics-gallery-item:focus .bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .bg{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);display:block}.collage covet-pics-gallery-item .bg{position:relative;max-width:100%}covet-pics-gallery-item .btn{display:inline-block;margin-top:15px;font-weight:bold;font-size:13px;padding:0px;position:relative;margin:0 auto;overflow:hidden;font-weight:var(--covet-pics-item-label-font-style);font-size:var(--covet-pics-item-label-font-size);color:var(--covet-pics-item-label-color)}covet-pics-gallery-item .btn::after{background:var(--covet-pics-item-label-color)}covet-pics-gallery-item .overlay-effect{display:none;position:absolute;width:100%;height:100%;content:\"\";top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;opacity:var(--covet-pics-item-hover-background-opacity);background:-webkit-gradient(linear, left top, right bottom, from(var(--covet-pics-item-hover-color-from)), to(var(--covet-pics-item-hover-color-to)));background:linear-gradient(to bottom right, var(--covet-pics-item-hover-color-from), var(--covet-pics-item-hover-color-to));-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .info{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;padding:10px;position:absolute;left:0;right:0;text-align:center;z-index:4;opacity:0;-webkit-transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);top:53%;display:none}covet-pics-gallery-item .item-open-icon{width:calc(var(--covet-pics-item-label-font-size) + 5px);height:calc(var(--covet-pics-item-label-font-size) + 5px);display:none;margin:0 auto}covet-pics-gallery-item .item-open-icon path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .item-open-icon circle{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .hover{display:block;visibility:hidden}covet-pics-gallery-item.no-animation .bg,covet-pics-gallery-item.no-animation:hover .bg{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}@media (any-hover: none){covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-preview .hover{display:none;visibility:hidden}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:none}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
|
|
13
13
|
|
|
14
14
|
let CovetPicsGalleryItem = class {
|
|
15
15
|
constructor(hostRef) {
|
|
@@ -59,6 +59,14 @@ let CovetPicsGalleryItem = class {
|
|
|
59
59
|
* if item is in "preview" mode
|
|
60
60
|
*/
|
|
61
61
|
this.hoverPreview = false;
|
|
62
|
+
/**
|
|
63
|
+
* Star rating
|
|
64
|
+
*/
|
|
65
|
+
this.rating = 0;
|
|
66
|
+
/**
|
|
67
|
+
* item width (different size settings, breakpoint for item width, 160px, 240px, 480px)
|
|
68
|
+
*/
|
|
69
|
+
this.itemWidth = 320;
|
|
62
70
|
/**
|
|
63
71
|
* Where the item is coming from (`instagram`, `upload_widget`, `file`)
|
|
64
72
|
*/
|
|
@@ -175,17 +183,47 @@ let CovetPicsGalleryItem = class {
|
|
|
175
183
|
"--covet-pics-item-animation-duration": this.animationDuration.toString() + "s"
|
|
176
184
|
};
|
|
177
185
|
}
|
|
186
|
+
getItemSize() {
|
|
187
|
+
const size = (el) => el.getBoundingClientRect();
|
|
188
|
+
const itemDetailWidth = size(this.el.parentElement).width * this.itemWidth / 100;
|
|
189
|
+
// item size in px ( xs: 0-160px, sm: 160px-240px, md: 240px-480px, lg: > 480px)
|
|
190
|
+
// default size md
|
|
191
|
+
let itemSize = "md";
|
|
192
|
+
if (itemDetailWidth < 160)
|
|
193
|
+
itemSize = "xs";
|
|
194
|
+
if (itemDetailWidth >= 160)
|
|
195
|
+
itemSize = "sm";
|
|
196
|
+
if (itemDetailWidth > 240)
|
|
197
|
+
itemSize = "md";
|
|
198
|
+
if (itemDetailWidth > 480)
|
|
199
|
+
itemSize = "lg";
|
|
200
|
+
return `size-${itemSize}`;
|
|
201
|
+
}
|
|
178
202
|
renderInstagramIcon(animationStyles) {
|
|
179
203
|
if (this.showHoverIcon && this.itemSource === "instagram" && animationStyles.includes(this.hoverAnimationStyle)) {
|
|
180
204
|
return index.h("svg", { class: "item-open-icon", viewBox: "0 0 56.7 56.7", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", null, index.h("path", { class: "dynamic dynamic-fill", d: "M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z" }), index.h("circle", { class: "dynamic dynamic-fill", cx: "41.5", cy: "16.4", r: "2.9" }), index.h("path", { class: "dynamic dynamic-fill", d: "M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.4,39.9c0,3.1-0.9,5.6-2.7,7.3 c-1.8,1.7-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9z" })));
|
|
181
205
|
}
|
|
182
206
|
}
|
|
207
|
+
renderRating() {
|
|
208
|
+
const itemSize = this.getItemSize();
|
|
209
|
+
return (index.h("div", { class: `rating ${itemSize}` }, index.h("span", { class: "icon-star active" }, 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.rating)));
|
|
210
|
+
}
|
|
211
|
+
renderUserAndDate() {
|
|
212
|
+
return (index.h("div", { class: "name-data" }, index.h("h3", { class: "username" }, this.userName), this.userName && this.createdTime && index.h("span", { class: "slash" }, "/"), index.h("span", { class: "created-time" }, index$1.format(this.createdTime))));
|
|
213
|
+
}
|
|
214
|
+
renderStarRating() {
|
|
215
|
+
const starsArray = [1, 2, 3, 4, 5];
|
|
216
|
+
return (starsArray.map((el) => index.h("span", { class: `icon-star ${el <= this.rating ? "active" : ""}` }, 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" })))));
|
|
217
|
+
}
|
|
183
218
|
renderStandardItem() {
|
|
219
|
+
const itemSize = this.getItemSize();
|
|
220
|
+
const starRatingClass = this.rating > 0 ? "star-rating" : "";
|
|
184
221
|
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 &&
|
|
185
222
|
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 &&
|
|
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" }),
|
|
187
|
-
index.h("
|
|
188
|
-
index.h("svg", { width: "
|
|
223
|
+
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" }), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
224
|
+
index.h("div", { class: "rating" }, (itemSize !== "size-xs" || this.highlighted) && this.renderStarRating(), index.h("span", { class: "rating-data" }, this.rating, "/5")), index.h("span", { class: `info hover ${itemSize}` }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
225
|
+
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" && this.rating === 0 &&
|
|
226
|
+
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" })), (this.hoverAnimationStyle === "hover-animation-3" || this.hoverAnimationStyle === "hover-animation-4") && this.rating > 0 && this.renderRating())), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && itemSize !== "size-xs" && this.renderUserAndDate()));
|
|
189
227
|
}
|
|
190
228
|
renderUploadWidget() {
|
|
191
229
|
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 &&
|
|
@@ -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\"],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32],\"captionCSS\":[32],\"reviewClass\":[32],\"starOnlyClass\":[32],\"highlightedClass\":[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);
|
|
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],\"reviewClass\":[32],\"starOnlyClass\":[32],\"highlightedClass\":[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\"],\"rating\":[2],\"itemWidth\":[2,\"item-width\"],\"userName\":[1,\"user-name\"],\"createdTime\":[1,\"created-time\"],\"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\"],\"itemIndex\":[2,\"item-index\"],\"tabIndex\":[32],\"captionCSS\":[32],\"reviewClass\":[32],\"starOnlyClass\":[32],\"highlightedClass\":[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);
|
|
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],\"reviewClass\":[32],\"starOnlyClass\":[32],\"highlightedClass\":[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\"],\"rating\":[2],\"itemWidth\":[2,\"item-width\"],\"userName\":[1,\"user-name\"],\"createdTime\":[1,\"created-time\"],\"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
|
|
|
@@ -389,11 +389,14 @@ export class CovetPicsGalleryGrid {
|
|
|
389
389
|
: `${layout}-item ${idx + 1}/${itemsLength}, post created ${getDateFromTimestamp(createdTime)}`;
|
|
390
390
|
}
|
|
391
391
|
renderStandardItem(item, idx, itemsLength) {
|
|
392
|
+
const itemWidth = window.innerWidth > 767
|
|
393
|
+
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
394
|
+
: (100 - (this.mobileItemPadding * (this.mobilePhotosPerRow - 1))) / this.mobilePhotosPerRow;
|
|
392
395
|
let caption = this.loader.data.settings.item_label_text;
|
|
393
396
|
if (item.links.length === 0) {
|
|
394
397
|
caption = this.loader.data.settings.item_without_product_label_text;
|
|
395
398
|
}
|
|
396
|
-
return (h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "label-caption": caption, "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, 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, this.layout) }));
|
|
399
|
+
return (h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "animation-duration": this.loader.data.settings.item_animation_duration, highlighted: this.isHighlighted(idx), "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, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow, this.isHighlighted(idx)), "item-id": item.id, "item-source": item.source, "label-caption": caption, "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, 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, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "item-width": itemWidth, "created-time": item.created_time, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout) }));
|
|
397
400
|
}
|
|
398
401
|
renderStandardUploadItem(item) {
|
|
399
402
|
return h("covet-pics-gallery-item", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage" }, tabindex: this.isGridDisabled ? -1 : 0, "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, "item-source": item.source, "label-caption": item.labelCaption, "label-color": item.labelColor, "label-font-size": item.labelFontSize, "label-font-style": item.labelFontStyle });
|
|
@@ -404,7 +407,7 @@ export class CovetPicsGalleryGrid {
|
|
|
404
407
|
renderDetailItem(item, idx, itemsLength) {
|
|
405
408
|
const itemWidth = window.innerWidth > 767
|
|
406
409
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
407
|
-
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
|
|
410
|
+
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow; //TODO check why we use desktopPhotosPerRow on mobile
|
|
408
411
|
return h("covet-pics-gallery-item-detail", { class: { "grid-item": this.layout === "grid", "collage-item": this.layout === "collage", "highlighted": this.isHighlighted(idx) }, tabindex: 0, highlighted: this.isHighlighted(idx), "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": 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, 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: this.layout, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time, this.layout) });
|
|
409
412
|
}
|
|
410
413
|
render() {
|
|
@@ -588,7 +591,7 @@ export class CovetPicsGalleryGrid {
|
|
|
588
591
|
"optional": false,
|
|
589
592
|
"docs": {
|
|
590
593
|
"tags": [],
|
|
591
|
-
"text": "determine when to start `highlightEvery`\nonly works if `highlightEvery` is larger then 0"
|
|
594
|
+
"text": "determine when to start `highlightEvery`\r\nonly works if `highlightEvery` is larger then 0"
|
|
592
595
|
},
|
|
593
596
|
"attribute": "highlight-starts-from",
|
|
594
597
|
"reflect": false,
|