@covet-pics/covet-pics-widget 0.167.4 → 0.167.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/covet-pics-crop-text.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-direct-buy_7.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +75 -12
- package/dist/cjs/covet-pics-gallery-header_6.cjs.entry.js +20 -8
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +38 -10
- package/dist/cjs/covet-pics-popup-freeflow-carousel_2.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-post.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-D6jnnS7Q.js → utils-0FQ28Vfg.js} +5 -0
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +28 -4
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +9 -3
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +10 -4
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +34 -7
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +38 -9
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +35 -3
- package/dist/collection/components/covet-pics-popup-links/covet-gallery-popup-links.css +2 -1
- package/dist/collection/utils/utils.js +4 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/{p-46b2512c.entry.js → p-309600e2.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-5d9ddd55.entry.js → p-40055ed4.entry.js} +3 -3
- package/dist/covet-pics-widget/{p-fefed130.entry.js → p-49fe4508.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-aceb8cc8.entry.js → p-5624938d.entry.js} +1 -1
- package/dist/covet-pics-widget/p-802afafc.entry.js +28 -0
- package/dist/covet-pics-widget/p-8e246791.entry.js +4 -0
- package/dist/covet-pics-widget/{p-CADUxYKc.js → p-BODOgEuN.js} +1 -1
- package/dist/covet-pics-widget/{p-b83ceda6.entry.js → p-b6eb92eb.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-4a786875.entry.js → p-cb32cd08.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-343a9287.entry.js → p-f94cd032.entry.js} +1 -1
- package/dist/esm/covet-pics-crop-text.entry.js +1 -1
- package/dist/esm/covet-pics-direct-buy_7.entry.js +2 -2
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +75 -12
- package/dist/esm/covet-pics-gallery-header_6.entry.js +20 -8
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +38 -10
- package/dist/esm/covet-pics-popup-freeflow-carousel_2.entry.js +1 -1
- package/dist/esm/covet-pics-post.entry.js +1 -1
- package/dist/esm/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +1 -1
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-CADUxYKc.js → utils-BODOgEuN.js} +5 -1
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +5 -1
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +5 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +5 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +5 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-1fd39db4.entry.js +0 -28
- package/dist/covet-pics-widget/p-2d979ee6.entry.js +0 -4
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-C-mGosc6.js';
|
|
5
|
-
import {
|
|
5
|
+
import { j as formatMoney, d as buildEvent, c as getDateFromTimestamp } from './utils-BODOgEuN.js';
|
|
6
6
|
import { S as Swiper, A as A11y } from './a11y-BM21er6f.js';
|
|
7
7
|
import { P as Pagination } from './pagination-C5Wsf2-B.js';
|
|
8
8
|
import { s as swiperUpdateTabIndex } from './slider-DaNqPZdj.js';
|
|
@@ -3574,7 +3574,7 @@ const CovetPicsHotspots = class {
|
|
|
3574
3574
|
};
|
|
3575
3575
|
CovetPicsHotspots.style = covetPicsHotspotsCss;
|
|
3576
3576
|
|
|
3577
|
-
const covetGalleryPopupLinksCss = ":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}.links{--covet-popup-links-btn-bg-color:var(--covet-custom-popup-links-btn-bg-color, var(--covet-internal-popup-links-btn-bg-color));--covet-popup-links-btn-active-bg-color:var(--covet-custom-popup-links-btn-active-bg-color, var(--covet-internal-popup-links-btn-active-bg-color));--covet-popup-links-btn-color:var(--covet-custom-popup-links-btn-color, var(--covet-internal-popup-links-btn-color));--covet-popup-links-active-btn-color:var(--covet-custom-popup-links-active-btn-color, var(--covet-internal-popup-links-active-btn-color));--covet-popup-links-btn-letter-spacing:var(--covet-custom-popup-links-btn-letter-spacing, normal);--covet-popup-links-btn-font-weight:var(--covet-custom-popup-links-btn-font-weight, normal);--covet-popup-link-title-color:var(--covet-custom-popup-link-title-color, rgba(16, 16, 16, 1));--covet-popup-link-price-color:var(--covet-custom-popup-link-price-color, rgba(16, 16, 16, 1));--covet-popup-link-title-hover-color:var(--covet-custom-popup-link-title-hover-color, rgba(0, 0, 0, 0.7));--covet-popup-link-price-hover-color:var(--covet-custom-popup-link-price-hover-color, rgba(0, 0, 0, 0.7))}.links{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.links.grid .product:nth-last-child(2),.links.grid .product:last-child{margin-bottom:0}.links.links-1{justify-content:space-around}.links.grey-border{position:relative;padding-bottom:40px;margin-bottom:40px}.links.grey-border:after{content:\"\";position:absolute;bottom:0;left:50%;height:1px;width:50%;transform:translateX(-50%);background-color:var(--covet-popup-link-border-color)}.links .product{width:50%;margin-bottom:40px;text-align:center}.links .product-link{display:block;text-decoration:none;height:176px;box-sizing:border-box;padding-bottom:12px;outline:none !important;margin-bottom:4px}.links .product-link:hover .product-title,.links .product-link:active .product-title,.links .product-link:focus .product-title{color:var(--covet-popup-link-title-hover-color)}.links .product-link:hover .product-price,.links .product-link:active .product-price,.links .product-link:focus .product-price{color:var(--covet-popup-link-price-hover-color)}.links .product-link:hover .product-img,.links .product-link:hover .product-svg,.links .product-link:active .product-img,.links .product-link:active .product-svg,.links .product-link:focus .product-img,.links .product-link:focus .product-svg{transform:scale(1.03)}.links .img-wrap{width:120px;height:120px;display:flex;justify-content:center;margin:0 auto 12px auto;align-items:center;overflow:hidden}.links .product-img,.links .product-svg{display:block;height:100%;width:100%;margin-left:auto;margin-right:auto;transform-origin:center center;transition:transform 0.25s ease;-o-object-fit:contain;object-fit:contain}.links .product-details{display:block}.links .product-title{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:300;color:var(--covet-popup-link-title-color);text-align:center;padding:0 8px;margin-bottom:6px;transition:color 0.25s ease}.links .product-price{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:600;color:var(--covet-popup-link-price-color);text-align:center;padding:0 8px;margin-bottom:4px;transition:color 0.25s ease}.links .product-sale{text-decoration:line-through;color:#5d5d5d}.links .btn-buy{display:block;color:var(--covet-popup-links-btn-color);background-color:var(--covet-popup-links-btn-bg-color);letter-spacing:var(--covet-popup-links-btn-letter-spacing);font-weight:var(--covet-popup-links-btn-font-weight);font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;min-height:28px;min-width:86px;text-decoration:none;outline:none !important;margin-left:auto;margin-right:auto;transition:all 0.25s ease}.links .btn-buy:hover,.links .btn-buy:focus,.links .btn-buy:active{background-color:var(--covet-popup-links-btn-active-bg-color)}.links .btn-buy.style-1{background-color:#FFFFFF;border:0;color:var(--covet-popup-links-btn-bg-color);padding:0}.links .btn-buy.style-1 .btn-title{font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-1:hover,.links .btn-buy.style-1:focus,.links .btn-buy.style-1:active{color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-1:hover .btn-title,.links .btn-buy.style-1:focus .btn-title,.links .btn-buy.style-1:active .btn-title{border-bottom-color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-2{background-color:#FFFFFF;color:var(--covet-popup-links-btn-bg-color);border:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-2:hover,.links .btn-buy.style-2:focus,.links .btn-buy.style-2:active{color:var(--covet-popup-links-active-btn-color);background-color:var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-5.visit .btn-title{margin-right:4px}.links .icon-buy{margin-right:4px;width:14px;height:14px}.links .icon-buy .dynamic-fill{fill:var(--covet-popup-links-btn-color)}.links.list{padding:0 30px}.links.list .product{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F4F6F8;margin-bottom:0;height:64px}.links.list .product-link{display:flex;align-items:center;height:auto;box-sizing:border-box;padding-bottom:0;margin-bottom:0;flex:1 0 110px;overflow:hidden;padding-right:16px}@media only screen and (max-width: 799.98px){.links.list .product-link:hover .product-img,.links.list .product-link:hover .product-svg,.links.list .product-link:active .product-img,.links.list .product-link:active .product-svg,.links.list .product-link:focus .product-img,.links.list .product-link:focus .product-svg{transform:scale(1.1)}}.links.list .product-details{flex-grow:1;overflow:hidden}.links.list .product-title{text-align:left;line-height:15px;margin-bottom:0;padding:0;width:100%}.links.list .product-price{text-align:left;line-height:12px;margin-bottom:0;padding:0}.links.list .product-sale{text-align:left;line-height:15px;margin-bottom:0}.links.list .img-wrap{height:32px;width:
|
|
3577
|
+
const covetGalleryPopupLinksCss = ":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}.links{--covet-popup-links-btn-bg-color:var(--covet-custom-popup-links-btn-bg-color, var(--covet-internal-popup-links-btn-bg-color));--covet-popup-links-btn-active-bg-color:var(--covet-custom-popup-links-btn-active-bg-color, var(--covet-internal-popup-links-btn-active-bg-color));--covet-popup-links-btn-color:var(--covet-custom-popup-links-btn-color, var(--covet-internal-popup-links-btn-color));--covet-popup-links-active-btn-color:var(--covet-custom-popup-links-active-btn-color, var(--covet-internal-popup-links-active-btn-color));--covet-popup-links-btn-letter-spacing:var(--covet-custom-popup-links-btn-letter-spacing, normal);--covet-popup-links-btn-font-weight:var(--covet-custom-popup-links-btn-font-weight, normal);--covet-popup-link-title-color:var(--covet-custom-popup-link-title-color, rgba(16, 16, 16, 1));--covet-popup-link-price-color:var(--covet-custom-popup-link-price-color, rgba(16, 16, 16, 1));--covet-popup-link-title-hover-color:var(--covet-custom-popup-link-title-hover-color, rgba(0, 0, 0, 0.7));--covet-popup-link-price-hover-color:var(--covet-custom-popup-link-price-hover-color, rgba(0, 0, 0, 0.7))}.links{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.links.grid .product:nth-last-child(2),.links.grid .product:last-child{margin-bottom:0}.links.links-1{justify-content:space-around}.links.grey-border{position:relative;padding-bottom:40px;margin-bottom:40px}.links.grey-border:after{content:\"\";position:absolute;bottom:0;left:50%;height:1px;width:50%;transform:translateX(-50%);background-color:var(--covet-popup-link-border-color)}.links .product{width:50%;margin-bottom:40px;text-align:center}.links .product-link{display:block;text-decoration:none;height:176px;box-sizing:border-box;padding-bottom:12px;outline:none !important;margin-bottom:4px}.links .product-link:hover .product-title,.links .product-link:active .product-title,.links .product-link:focus .product-title{color:var(--covet-popup-link-title-hover-color)}.links .product-link:hover .product-price,.links .product-link:active .product-price,.links .product-link:focus .product-price{color:var(--covet-popup-link-price-hover-color)}.links .product-link:hover .product-img,.links .product-link:hover .product-svg,.links .product-link:active .product-img,.links .product-link:active .product-svg,.links .product-link:focus .product-img,.links .product-link:focus .product-svg{transform:scale(1.03)}.links .img-wrap{width:120px;height:120px;display:flex;justify-content:center;margin:0 auto 12px auto;align-items:center;overflow:hidden}.links .product-img,.links .product-svg{display:block;height:100%;width:100%;margin-left:auto;margin-right:auto;transform-origin:center center;transition:transform 0.25s ease;-o-object-fit:contain;object-fit:contain}.links .product-details{display:block}.links .product-title{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:300;color:var(--covet-popup-link-title-color);text-align:center;padding:0 8px;margin-bottom:6px;transition:color 0.25s ease}.links .product-price{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:600;color:var(--covet-popup-link-price-color);text-align:center;padding:0 8px;margin-bottom:4px;transition:color 0.25s ease}.links .product-sale{text-decoration:line-through;color:#5d5d5d}.links .btn-buy{display:block;color:var(--covet-popup-links-btn-color);background-color:var(--covet-popup-links-btn-bg-color);letter-spacing:var(--covet-popup-links-btn-letter-spacing);font-weight:var(--covet-popup-links-btn-font-weight);font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;min-height:28px;min-width:86px;text-decoration:none;outline:none !important;margin-left:auto;margin-right:auto;transition:all 0.25s ease}.links .btn-buy:hover,.links .btn-buy:focus,.links .btn-buy:active{background-color:var(--covet-popup-links-btn-active-bg-color)}.links .btn-buy.style-1{background-color:#FFFFFF;border:0;color:var(--covet-popup-links-btn-bg-color);padding:0}.links .btn-buy.style-1 .btn-title{font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-1:hover,.links .btn-buy.style-1:focus,.links .btn-buy.style-1:active{color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-1:hover .btn-title,.links .btn-buy.style-1:focus .btn-title,.links .btn-buy.style-1:active .btn-title{border-bottom-color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-2{background-color:#FFFFFF;color:var(--covet-popup-links-btn-bg-color);border:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-2:hover,.links .btn-buy.style-2:focus,.links .btn-buy.style-2:active{color:var(--covet-popup-links-active-btn-color);background-color:var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-5.visit .btn-title{margin-right:4px}.links .icon-buy{margin-right:4px;width:14px;height:14px}.links .icon-buy .dynamic-fill{fill:var(--covet-popup-links-btn-color)}.links.list{padding:0 30px}.links.list .product{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F4F6F8;margin-bottom:0;height:64px}.links.list .product-link{display:flex;align-items:center;height:auto;box-sizing:border-box;padding-bottom:0;margin-bottom:0;flex:1 0 110px;overflow:hidden;padding-right:16px}@media only screen and (max-width: 799.98px){.links.list .product-link:hover .product-img,.links.list .product-link:hover .product-svg,.links.list .product-link:active .product-img,.links.list .product-link:active .product-svg,.links.list .product-link:focus .product-img,.links.list .product-link:focus .product-svg{transform:scale(1.1)}}.links.list .product-details{flex-grow:1;overflow:hidden}.links.list .product-title{text-align:left;line-height:15px;margin-bottom:0;padding:0;width:100%}.links.list .product-price{text-align:left;line-height:12px;margin-bottom:0;padding:0}.links.list .product-sale{text-align:left;line-height:15px;margin-bottom:0}.links.list .img-wrap{flex:none;height:32px;width:32px;margin-bottom:0;margin-right:9px}";
|
|
3578
3578
|
|
|
3579
3579
|
const CovetPicsPopupLinks = class {
|
|
3580
3580
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C-mGosc6.js';
|
|
5
|
-
import { g as getSize$1, d as buildEvent, c as getDateFromTimestamp, e as getSizesForResponsiveImage, h as getCoverImage, a as getStyle, b as getRandomId } from './utils-
|
|
5
|
+
import { g as getSize$1, i as isElInViewport, d as buildEvent, c as getDateFromTimestamp, e as getSizesForResponsiveImage, h as getCoverImage, a as getStyle, b as getRandomId } from './utils-BODOgEuN.js';
|
|
6
6
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DVa63jZy.js';
|
|
7
7
|
import { a as getItemSize, i as isWidgetDisabled } from './getters-C5ofYrUT.js';
|
|
8
8
|
import { d as setPopupItemId, s as setPopupItems } from './popup-B68hw7d9.js';
|
|
@@ -3480,11 +3480,11 @@ const CovetPicsGalleryGrid = class {
|
|
|
3480
3480
|
* show load more button
|
|
3481
3481
|
*/
|
|
3482
3482
|
this.showLoadMore = false;
|
|
3483
|
-
this.isLoading = false;
|
|
3484
3483
|
this.showSort = false;
|
|
3485
3484
|
this.isGridDisabled = false;
|
|
3486
3485
|
this.itemSize = "size-md";
|
|
3487
3486
|
this.isFilterModalShow = false;
|
|
3487
|
+
this.isGalleryLoaded = false;
|
|
3488
3488
|
this.selectedItemIndex = null;
|
|
3489
3489
|
this.filterChangedHandler = (event) => {
|
|
3490
3490
|
event.preventDefault();
|
|
@@ -3594,6 +3594,9 @@ const CovetPicsGalleryGrid = class {
|
|
|
3594
3594
|
this.isFilterModalShow = false;
|
|
3595
3595
|
}
|
|
3596
3596
|
}
|
|
3597
|
+
handleItemLoaded() {
|
|
3598
|
+
this.checkIsGalleryLoaded();
|
|
3599
|
+
}
|
|
3597
3600
|
itemsChangeHandler(newValue) {
|
|
3598
3601
|
this.appStore.dispatch(setPopupItems(newValue));
|
|
3599
3602
|
}
|
|
@@ -3610,6 +3613,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3610
3613
|
this.emitGalleryReadyEvent();
|
|
3611
3614
|
this.bindCustomUploadWidgetButtons();
|
|
3612
3615
|
this.checkAndOpenPopup();
|
|
3616
|
+
this.checkIsGalleryLoaded();
|
|
3613
3617
|
if (this.settings.pagination === "infinite_scroll") {
|
|
3614
3618
|
window.addEventListener("scroll", this.scrollHandler, { passive: true });
|
|
3615
3619
|
}
|
|
@@ -3728,10 +3732,25 @@ const CovetPicsGalleryGrid = class {
|
|
|
3728
3732
|
});
|
|
3729
3733
|
}
|
|
3730
3734
|
}
|
|
3735
|
+
checkIsGalleryLoaded() {
|
|
3736
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
3737
|
+
this.isGalleryLoaded = true;
|
|
3738
|
+
return this.emitGalleryLoadedEvent();
|
|
3739
|
+
}
|
|
3740
|
+
}
|
|
3741
|
+
isAllVisibleItemsLoaded() {
|
|
3742
|
+
const itemClassName = this.layout === "grid" ? "grid-item" : "collage-item";
|
|
3743
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`.${itemClassName}`)).slice(0, this.items.length).filter(el => isElInViewport(el) && el.hasAttribute("is-loading"));
|
|
3744
|
+
return visibleItemsNotLoaded.length === 0;
|
|
3745
|
+
}
|
|
3731
3746
|
emitGalleryReadyEvent() {
|
|
3732
3747
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
3733
3748
|
document.dispatchEvent(galleryReadyEvent);
|
|
3734
3749
|
}
|
|
3750
|
+
emitGalleryLoadedEvent() {
|
|
3751
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
3752
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
3753
|
+
}
|
|
3735
3754
|
renderLoadMoreIcon() {
|
|
3736
3755
|
switch (this.settings.load_more_button_style) {
|
|
3737
3756
|
case "btn_style_3":
|
|
@@ -3804,7 +3823,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3804
3823
|
return cssVars;
|
|
3805
3824
|
}
|
|
3806
3825
|
render() {
|
|
3807
|
-
return (h(Host, { key: '
|
|
3826
|
+
return (h(Host, { key: '21d23bfdc0108b7b2d7538a38ceaa20a3bba93fb', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), h("div", { key: '6a96512309055581900d8274f4fb2208448b65bd', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && h("div", { key: 'fa3f9a8a0405326e605d92389065d6b38ce1aa30', class: "grid-sizer" }), this.layout === "collage" && h("div", { key: 'ef8cefffb2e8d201202a0c820ef56d6b15789f63', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3808
3827
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3809
3828
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3810
3829
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -4679,6 +4698,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4679
4698
|
* slider style (regular | material)
|
|
4680
4699
|
*/
|
|
4681
4700
|
this.sliderStyle = "regular";
|
|
4701
|
+
this.isGalleryLoaded = false;
|
|
4682
4702
|
this.itemSize = "size-md";
|
|
4683
4703
|
}
|
|
4684
4704
|
/**
|
|
@@ -4718,6 +4738,9 @@ const CovetPicsGallerySlider = class {
|
|
|
4718
4738
|
this.swiper.update();
|
|
4719
4739
|
}
|
|
4720
4740
|
}
|
|
4741
|
+
handleItemLoaded() {
|
|
4742
|
+
this.checkIsGalleryLoaded();
|
|
4743
|
+
}
|
|
4721
4744
|
getAutoplay() {
|
|
4722
4745
|
if (this.appState.settings.slideshow_autoplay > 0) {
|
|
4723
4746
|
return { delay: this.appState.settings.slideshow_autoplay * 1000 };
|
|
@@ -4735,6 +4758,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4735
4758
|
this.initSwiper();
|
|
4736
4759
|
this.bindCustomUploadWidgetButtons();
|
|
4737
4760
|
this.emitGalleryReadyEvent();
|
|
4761
|
+
this.checkIsGalleryLoaded();
|
|
4738
4762
|
this.checkAndOpenPopup();
|
|
4739
4763
|
}
|
|
4740
4764
|
componentDidUpdate() {
|
|
@@ -4861,7 +4885,8 @@ const CovetPicsGallerySlider = class {
|
|
|
4861
4885
|
autoplay: this.getAutoplay(),
|
|
4862
4886
|
slidesPerView: mobilePhotosPerRow,
|
|
4863
4887
|
spaceBetween: mobileItemPaddingPX,
|
|
4864
|
-
speed: 600
|
|
4888
|
+
speed: 600,
|
|
4889
|
+
watchSlidesProgress: true
|
|
4865
4890
|
};
|
|
4866
4891
|
if (this.sliderStyle === "regular") {
|
|
4867
4892
|
params["centerInsufficientSlides"] = true;
|
|
@@ -4910,6 +4935,21 @@ const CovetPicsGallerySlider = class {
|
|
|
4910
4935
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
4911
4936
|
document.dispatchEvent(galleryReadyEvent);
|
|
4912
4937
|
}
|
|
4938
|
+
checkIsGalleryLoaded() {
|
|
4939
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
4940
|
+
this.isGalleryLoaded = true;
|
|
4941
|
+
return this.emitGalleryLoadedEvent();
|
|
4942
|
+
}
|
|
4943
|
+
}
|
|
4944
|
+
isAllVisibleItemsLoaded() {
|
|
4945
|
+
const className = this.sliderStyle === "regular" ? '.swiper-slide.swiper-slide-visible' : '.swiper-slide.swiper-slide-visible .material-content';
|
|
4946
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`${className}`)).filter(el => el.hasAttribute("is-loading"));
|
|
4947
|
+
return visibleItemsNotLoaded.length === 0;
|
|
4948
|
+
}
|
|
4949
|
+
emitGalleryLoadedEvent() {
|
|
4950
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
4951
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
4952
|
+
}
|
|
4913
4953
|
openPopup(itemId) {
|
|
4914
4954
|
const index = this.items.findIndex(item => item.id && item.id.toString() === itemId);
|
|
4915
4955
|
if (this.appState.settings.popup_style === "feed") {
|
|
@@ -4997,7 +5037,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4997
5037
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
4998
5038
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
4999
5039
|
if (this.items !== undefined) {
|
|
5000
|
-
return (h(Host, { key: '
|
|
5040
|
+
return (h(Host, { key: '3129632916498ad418ea1a76d594648be2baea7a', class: {
|
|
5001
5041
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
5002
5042
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
5003
5043
|
"pagination-none": paginationStyle === "none",
|
|
@@ -5006,18 +5046,18 @@ const CovetPicsGallerySlider = class {
|
|
|
5006
5046
|
"pagination-top": paginationPosition === "top",
|
|
5007
5047
|
"pagination-bottom": paginationPosition === "bottom"
|
|
5008
5048
|
} }, arrowsPosition !== "none" &&
|
|
5009
|
-
h("button", { key: '
|
|
5010
|
-
h("div", { key: '
|
|
5049
|
+
h("button", { key: 'd446962090a1d9be2ef84f28bf3a9acc8764de17', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: 'aeb537c3a20f3727ad9436f7e49d1277baa24cb0', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '2050e18ee5df7c5d3f7d3dd8c604871ffc7e7b2a', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), h("section", { key: '5d1fab139520ea3791c23dad33e3ffae87996137', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
|
|
5050
|
+
h("div", { key: 'afa841ef412222e577ebc0cf84b81778457fe29f', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
5011
5051
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
5012
5052
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
5013
5053
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
5014
5054
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
5015
|
-
h("div", { key: '
|
|
5055
|
+
h("div", { key: '585aefe3f59b0917fb72851a87a42fdc0bbeb3ca', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: "material-wrapper" }, item.source === "upload_widget"
|
|
5016
5056
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
5017
5057
|
: this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
|
|
5018
5058
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
5019
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '
|
|
5020
|
-
h("button", { key: '
|
|
5059
|
+
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '9ca22504e74eff6dc01dbe9f43ff2572b0816a5a', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && h("div", { key: 'da48a82376ad923de38b6b211fbb0741da149eb5', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
|
|
5060
|
+
h("button", { key: 'acf55eb0a30ee7f309196c8ea548872616bd05c6', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '050230be174a451c0bc5c312f376355b13dbdf79', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: 'c37656a3dd431c588f6431a0ab3c2e167bae16e9', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
5021
5061
|
}
|
|
5022
5062
|
}
|
|
5023
5063
|
get el() { return getElement(this); }
|
|
@@ -5043,6 +5083,7 @@ const CovetPicsHighlighted = class {
|
|
|
5043
5083
|
this.productLinks = [];
|
|
5044
5084
|
this.mainSliderIndex = 0;
|
|
5045
5085
|
this.mainSliderAnimatingSlides = [];
|
|
5086
|
+
this.isGalleryLoaded = false;
|
|
5046
5087
|
this.nextTick = (fn) => {
|
|
5047
5088
|
window.requestAnimationFrame(() => {
|
|
5048
5089
|
window.requestAnimationFrame(fn);
|
|
@@ -5065,6 +5106,9 @@ const CovetPicsHighlighted = class {
|
|
|
5065
5106
|
return this.mainSliderIndex;
|
|
5066
5107
|
};
|
|
5067
5108
|
}
|
|
5109
|
+
handleItemLoaded() {
|
|
5110
|
+
this.checkIsGalleryLoaded();
|
|
5111
|
+
}
|
|
5068
5112
|
componentWillLoad() {
|
|
5069
5113
|
this.initStore();
|
|
5070
5114
|
this.pageSliderId = `covet-pics-highlighted-page-slider-${getRandomId(16)}`;
|
|
@@ -5072,6 +5116,7 @@ const CovetPicsHighlighted = class {
|
|
|
5072
5116
|
componentDidLoad() {
|
|
5073
5117
|
if (this.layout === "slider" || this.layout === "spotlight")
|
|
5074
5118
|
this.initMainSlider();
|
|
5119
|
+
this.checkIsGalleryLoaded();
|
|
5075
5120
|
}
|
|
5076
5121
|
componentDidRender() {
|
|
5077
5122
|
document.onkeydown = (e) => this.onSliderClickHandler(e);
|
|
@@ -5144,6 +5189,24 @@ const CovetPicsHighlighted = class {
|
|
|
5144
5189
|
this.mainSliderAnimationLoop();
|
|
5145
5190
|
return showIntro();
|
|
5146
5191
|
}
|
|
5192
|
+
checkIsGalleryLoaded() {
|
|
5193
|
+
if (!this.isGalleryLoaded && this.isAllVisiblePagesLoaded()) {
|
|
5194
|
+
this.isGalleryLoaded = true;
|
|
5195
|
+
return this.emitGalleryLoadedEvent();
|
|
5196
|
+
}
|
|
5197
|
+
}
|
|
5198
|
+
isAllVisiblePagesLoaded() {
|
|
5199
|
+
const pages = Array.from(this.el.querySelectorAll("covet-pics-highlighted-page"));
|
|
5200
|
+
const pagesVisibleInViewport = this.layout === "slider" || this.layout === "spotlight"
|
|
5201
|
+
? pages.slice(0, 1)
|
|
5202
|
+
: pages.filter(el => isElInViewport(el));
|
|
5203
|
+
const visiblePageNotLoaded = pagesVisibleInViewport.filter(el => !el.hasAttribute("data-loaded"));
|
|
5204
|
+
return visiblePageNotLoaded.length === 0;
|
|
5205
|
+
}
|
|
5206
|
+
emitGalleryLoadedEvent() {
|
|
5207
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
5208
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
5209
|
+
}
|
|
5147
5210
|
thumbnailAltTag(itemType, altTag, caption, idx, itemsLength, createdTime) {
|
|
5148
5211
|
if (itemType === "video")
|
|
5149
5212
|
return altTag; // for video always show altTag even if null (video the title will be hidden)
|
|
@@ -5262,8 +5325,8 @@ const CovetPicsHighlighted = class {
|
|
|
5262
5325
|
render() {
|
|
5263
5326
|
const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
|
|
5264
5327
|
&& this.items && this.items.length > 1;
|
|
5265
|
-
return (h(Host, { key: '
|
|
5266
|
-
h("span", { key: '
|
|
5328
|
+
return (h(Host, { key: '8816ba295356e8e35ea126fff52633cd037c6aa4', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
|
|
5329
|
+
h("span", { key: '243a5578019ac2010048f237435dc37b9e94b3fb', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
5267
5330
|
}
|
|
5268
5331
|
get el() { return getElement(this); }
|
|
5269
5332
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, h as h$2, g as getElement, H as Host, F as Fragment } from './index-C-mGosc6.js';
|
|
5
|
-
import { b as getRandomId, d as buildEvent, g as getSize,
|
|
5
|
+
import { b as getRandomId, d as buildEvent, g as getSize, k as hexToRGBA, a as getStyle, s as sendToGoogleAnalytics, c as getDateFromTimestamp, j as formatMoney } from './utils-BODOgEuN.js';
|
|
6
6
|
import { a as sortUpdated, b as setPopupOpen, c as setUploadOpen } from './modals-B4bZnaAK.js';
|
|
7
7
|
import { P as ProgressRating, D as DynamicTag, d as StarRating, B as BadgeVerified, e as BadgeHoverVerified, I as Icon, f as IconPopupFreeflowNext, g as IconPopupFreeflowPrev, h as IconPopupFreeflowClose, i as IconDown } from './popupFuncComponents-76LYIj-8.js';
|
|
8
8
|
import { f as format } from './index-CnpZZF3m.js';
|
|
@@ -215,14 +215,20 @@ const CovetPicsGalleryItem = class {
|
|
|
215
215
|
window.requestAnimationFrame(fn);
|
|
216
216
|
});
|
|
217
217
|
};
|
|
218
|
-
this.videoLoadedHandler = () => {
|
|
218
|
+
this.videoLoadedHandler = (e) => {
|
|
219
|
+
const el = e.currentTarget;
|
|
220
|
+
const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
|
|
221
|
+
if (e.type === "error" && videoEl.getAttribute("src") === null)
|
|
222
|
+
return; // prevent error call in case lazy load video (null src)
|
|
219
223
|
this.el.removeAttribute("is-loading");
|
|
220
224
|
this.showImageAsVideoPoster = false;
|
|
225
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
221
226
|
};
|
|
222
227
|
this.imageLoadedHandler = () => {
|
|
223
228
|
const customEvent = buildEvent("imageLoaded");
|
|
224
229
|
this.el.removeAttribute("is-loading");
|
|
225
230
|
this.el.dispatchEvent(customEvent);
|
|
231
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
226
232
|
};
|
|
227
233
|
this.itemClickHandler = (event) => {
|
|
228
234
|
if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
|
|
@@ -414,7 +420,7 @@ const CovetPicsGalleryItem = class {
|
|
|
414
420
|
const isVideo = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
|
|
415
421
|
return (h$2(Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.appState.preview.hoverMode, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, "aria-hidden": `${this.tabIndex === -1}` }, h$2(DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, "aria-label": this.getButtonLabel() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.showImageAsVideoPoster &&
|
|
416
422
|
h$2("img", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), isVideo &&
|
|
417
|
-
h$2("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4" })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), h$2("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
423
|
+
h$2("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4", onError: this.videoLoadedHandler })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), h$2("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
418
424
|
h$2(StarRating, { rating: this.rating, ratingClass: `rating ${this.itemSize}`, label: `${this.rating} / 5` }), h$2("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), h$2("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
419
425
|
h$2("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, h$2("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", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" && this.rating === 0 &&
|
|
420
426
|
h$2("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h$2("polygon", { fill: "#fff", class: "dynamic-fill", 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("info-rating"))), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderUserAndDate())));
|
|
@@ -423,7 +429,7 @@ const CovetPicsGalleryItem = class {
|
|
|
423
429
|
const isVideoPost = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
|
|
424
430
|
return (h$2(Host, { class: { "no-animation": this.settings.item_hover_disabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, "aria-hidden": `${this.tabIndex === -1}` }, h$2(DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, "aria-label": this.getButtonLabel() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && !isVideoPost &&
|
|
425
431
|
h$2("img", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), isVideoPost &&
|
|
426
|
-
h$2("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4" })))));
|
|
432
|
+
h$2("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4", onError: this.videoLoadedHandler })))));
|
|
427
433
|
}
|
|
428
434
|
renderTextReviewItem() {
|
|
429
435
|
const hideCaption = (this.caption === null) || this.caption.length === 0;
|
|
@@ -527,13 +533,19 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
527
533
|
this.scrollHandler = () => {
|
|
528
534
|
this.isInViewport();
|
|
529
535
|
};
|
|
530
|
-
this.videoLoadedHandler = () => {
|
|
536
|
+
this.videoLoadedHandler = (e) => {
|
|
537
|
+
const el = e.currentTarget;
|
|
538
|
+
const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
|
|
539
|
+
if (e.type === "error" && videoEl.getAttribute("src") === null)
|
|
540
|
+
return;
|
|
531
541
|
this.el.removeAttribute("is-loading");
|
|
542
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
532
543
|
this.showImageAsVideoPoster = false;
|
|
533
544
|
};
|
|
534
545
|
this.imageLoadedHandler = () => {
|
|
535
546
|
const customEvent = buildEvent("imageLoaded");
|
|
536
547
|
this.el.removeAttribute("is-loading");
|
|
548
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
537
549
|
this.el.dispatchEvent(customEvent);
|
|
538
550
|
this.nextTick(() => this.getCaptionCollageCSS());
|
|
539
551
|
};
|
|
@@ -744,7 +756,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
744
756
|
}
|
|
745
757
|
}
|
|
746
758
|
renderUploadWidget() {
|
|
747
|
-
return (h$2(Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, !this.imageUrl &&
|
|
759
|
+
return (h$2(Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": this.imageUrl ? true : null, onClick: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, !this.imageUrl &&
|
|
748
760
|
h$2("div", { class: "default-cover" }, h$2("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h$2("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), h$2("span", { class: "btn" }, this.appState.settings.customer_photo_item_label)), this.imageUrl &&
|
|
749
761
|
h$2("div", { class: "custom-img-wrap" }, h$2("img", { class: `img ${this.settings.slideshow_style === "material" ? "material-image" : ""}`, src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))));
|
|
750
762
|
}
|
|
@@ -770,7 +782,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
770
782
|
: null;
|
|
771
783
|
return (h$2(Host, { class: `${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, h$2(DynamicTag, { elTag: this.btnWrapHTMLTag, class: "btn-item-wrap", disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, "aria-label": this.getButtonLabel() }, h$2("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" && this.showImageAsVideoPoster &&
|
|
772
784
|
h$2("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""} ${this.settings.slideshow_style === "material" ? "material-image material-image-translate" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", alt: this.altTag }), isVideo &&
|
|
773
|
-
h$2("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4" })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
|
|
785
|
+
h$2("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
|
|
774
786
|
h$2("covet-pics-crop-text", { class: `text-review ${this.layout} ${this.itemStyle} ${this.verified ? "verified" : ""}`, text: this.caption, "text-class": `${this.itemStyle} ${this.verified ? "verified" : ""}`, "text-color": this.appState.settings.primary_color, "item-style": this.itemStyle, ratio: basicRatio }), starOnly &&
|
|
775
787
|
h$2("div", { class: `caption star-only ${this.itemStyle} ${this.itemSize}` }, h$2(StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`, starClass: `${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}` }), h$2("p", { class: `star-label ${this.itemStyle} ${this.itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && h$2(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), h$2("div", { class: `description ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
|
|
776
788
|
h$2("div", { class: `top ${this.itemStyle} ${this.itemSize}` }, this.itemStyle === "basic-1" && this.userName && h$2("span", { class: `avatar ${this.itemSize}`, "aria-label": "avatar" }, this.userName[0]), this.itemStyle === "basic-1" &&
|
|
@@ -794,7 +806,7 @@ const CovetPicsGalleryItemDetail = class {
|
|
|
794
806
|
: null;
|
|
795
807
|
return (h$2(Host, { class: `${this.itemStyle} ${alwaysHoverClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, h$2(DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "hover-content-always-visible": this.settings.item_reveal_content === "always", "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, "aria-label": this.getButtonLabel() }, h$2("div", { class: `img-wrap ${this.itemStyle} ${this.settings.slideshow_style === "material" ? "material-image" : ""}` }, this.showImageAsVideoPoster &&
|
|
796
808
|
h$2("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", alt: this.altTag }), isVideo &&
|
|
797
|
-
h$2("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, onLoadedData: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4" })), this.verified && this.itemStyle === "modern-3" &&
|
|
809
|
+
h$2("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, onLoadedData: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, h$2("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.verified && this.itemStyle === "modern-3" &&
|
|
798
810
|
h$2(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), h$2("div", { class: `description ${this.itemStyle} ${this.itemType} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.verified ? "verified" : ""}` }, this.verified && this.itemStyle === "modern-2" &&
|
|
799
811
|
h$2(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), h$2("div", { class: `top ${this.itemStyle} ${this.itemSize} ${this.itemType}` }, showTopRating && this.renderRating(), this.verified && this.itemStyle === "modern-1" &&
|
|
800
812
|
h$2(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), showRowStarRating && this.rating > 0 &&
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-C-mGosc6.js';
|
|
5
|
-
import { g as getSize, s as sendToGoogleAnalytics } from './utils-
|
|
5
|
+
import { g as getSize, s as sendToGoogleAnalytics, d as buildEvent } from './utils-BODOgEuN.js';
|
|
6
6
|
import { g as getUseAnalytics } from './getters-C5ofYrUT.js';
|
|
7
7
|
import { s as sendBeacon } from './storeUtils-Mc-D_Wnh.js';
|
|
8
8
|
import { g as getSlideTransformEl, f as elementTransitionEnd, S as Swiper, A as A11y } from './a11y-BM21er6f.js';
|
|
@@ -424,6 +424,7 @@ const CovetPicsHighlightedPage = class {
|
|
|
424
424
|
* active page index in slider layout (main slider)
|
|
425
425
|
*/
|
|
426
426
|
this.mainSliderIndex = 0;
|
|
427
|
+
this.isPageLoaded = false;
|
|
427
428
|
this.hideHotspots = false;
|
|
428
429
|
/**
|
|
429
430
|
* additional product slider
|
|
@@ -445,7 +446,20 @@ const CovetPicsHighlightedPage = class {
|
|
|
445
446
|
e.currentTarget.parentNode.setAttribute("not-loaded", "");
|
|
446
447
|
e.currentTarget.removeAttribute("src");
|
|
447
448
|
}
|
|
448
|
-
|
|
449
|
+
e.currentTarget.parentNode.removeAttribute("is-loading");
|
|
450
|
+
if (!this.isPageLoaded) {
|
|
451
|
+
this.checkIsPageLoaded();
|
|
452
|
+
}
|
|
453
|
+
};
|
|
454
|
+
this.mediaLoadedHandler = (e) => {
|
|
455
|
+
if (e.type === "error") {
|
|
456
|
+
e.currentTarget.closest(".thumbnail").setAttribute("not-loaded", "");
|
|
457
|
+
e.currentTarget.removeAttribute("src");
|
|
458
|
+
}
|
|
459
|
+
e.currentTarget.closest(".thumbnail").removeAttribute("is-loading");
|
|
460
|
+
if (!this.isPageLoaded) {
|
|
461
|
+
this.checkIsPageLoaded();
|
|
462
|
+
}
|
|
449
463
|
};
|
|
450
464
|
this.btnBuyClickHandler = (e) => {
|
|
451
465
|
return e.currentTarget.previousSibling.click();
|
|
@@ -480,6 +494,9 @@ const CovetPicsHighlightedPage = class {
|
|
|
480
494
|
componentWillLoad() {
|
|
481
495
|
this.initStore();
|
|
482
496
|
}
|
|
497
|
+
componentDidRender() {
|
|
498
|
+
this.checkIsPageLoaded();
|
|
499
|
+
}
|
|
483
500
|
componentDidLoad() {
|
|
484
501
|
// lazy init for product slider inside slider layout (main slider)
|
|
485
502
|
if (this.pageIndex - 2 < this.mainSliderIndex && this.layout !== "row")
|
|
@@ -764,6 +781,16 @@ const CovetPicsHighlightedPage = class {
|
|
|
764
781
|
? this.hideHotspots = false
|
|
765
782
|
: this.hideHotspots = true;
|
|
766
783
|
}
|
|
784
|
+
checkIsPageLoaded() {
|
|
785
|
+
if (this.isMediaLoaded()) {
|
|
786
|
+
this.isPageLoaded = true;
|
|
787
|
+
this.el.setAttribute("data-loaded", "true");
|
|
788
|
+
this.el.dispatchEvent(buildEvent("pageLoaded"));
|
|
789
|
+
}
|
|
790
|
+
}
|
|
791
|
+
isMediaLoaded() {
|
|
792
|
+
return !this.el.querySelector('.thumbnail[is-loading], .product .swiper-slide:not([aria-hidden="true"]) .img-wrap[is-loading]');
|
|
793
|
+
}
|
|
767
794
|
carouselImgAltTag(altTag, thumbnailAlt, idx, itemsLength) {
|
|
768
795
|
if (altTag && altTag !== null)
|
|
769
796
|
return altTag;
|
|
@@ -791,20 +818,21 @@ const CovetPicsHighlightedPage = class {
|
|
|
791
818
|
const starOnly = this.caption === null && this.thumbnailLayout === "text";
|
|
792
819
|
const showReview = !hideCaption && ((this.appState.settings.show_review && this.thumbnailLayout !== "text") || this.thumbnailLayout === "text");
|
|
793
820
|
const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
|
|
794
|
-
return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" }, this.thumbnailLayout === "image" &&
|
|
821
|
+
return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" || this.thumbnailLayout === "video" }, this.thumbnailLayout === "image" &&
|
|
795
822
|
h("img", { alt: this.thumbnailAlt, class: "img-cover", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, src: this.pageIndex - 2 < this.mainSliderIndex ? this.thumbnailUrl : null }), this.thumbnailLayout === "video" &&
|
|
796
|
-
h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", poster: this.videoPoster, title: this.thumbnailAlt }, h("source", { src: this.videoUrl, type: "video/mp4" })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
|
|
823
|
+
h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler, poster: this.videoPoster, title: this.thumbnailAlt }, h("source", { src: this.videoUrl, type: "video/mp4", onError: this.mediaLoadedHandler })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
|
|
797
824
|
h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, isMobile: this.isMobile, productBaseImgAlt: this.productBaseImgAlt, pageId: this.pageId, appStore: this.appStore }), !this.appState.settings.hide_branding &&
|
|
798
825
|
h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
|
|
799
826
|
}
|
|
800
827
|
renderCarouselThumbnail() {
|
|
828
|
+
var _a;
|
|
801
829
|
const hideCaption = this.caption === null || this.caption.length === 0;
|
|
802
830
|
const showReview = !hideCaption && this.appState.settings.show_review && this.thumbnailLayout !== "text";
|
|
803
831
|
const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
|
|
804
832
|
const showHotposts = showHotspotsInLayout && !this.hideHotspots && this.layout !== "spotlight";
|
|
805
|
-
return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}
|
|
806
|
-
h("div", { class: "thumbnail-slide-wrap" }, h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), class: "img-cover", loading: "lazy" })), item.type === "video" &&
|
|
807
|
-
h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain" }, h("source", { src: item.standard_resolution, type: "video/mp4" })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
|
|
833
|
+
return (h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": ["image", "video"].includes((_a = this.thumbnailCarouselImages[0]) === null || _a === void 0 ? void 0 : _a.type) }, h("div", { class: "thumbnail-carousel swiper", role: "region" }, h("div", { class: "swiper-wrapper" }, this.thumbnailCarouselImages && this.thumbnailCarouselImages.map((item, idx) => h("div", { class: "swiper-slide" }, item.type === "image" &&
|
|
834
|
+
h("div", { class: "thumbnail-slide-wrap" }, h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), onLoad: this.mediaLoadedHandler, onError: this.mediaLoadedHandler, class: "img-cover", loading: "lazy" })), item.type === "video" &&
|
|
835
|
+
h("div", { class: "thumbnail-video-wrap" }, h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler }, h("source", { src: item.standard_resolution, type: "video/mp4", onError: this.mediaLoadedHandler })), h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
|
|
808
836
|
h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, productBaseImgAlt: this.productBaseImgAlt, isMobile: this.isMobile, pageId: this.pageId, appStore: this.appStore }), h("div", { class: "thumbnail-pagination" }), !this.appState.settings.hide_branding &&
|
|
809
837
|
h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
|
|
810
838
|
}
|
|
@@ -869,9 +897,9 @@ const CovetPicsHighlightedPage = class {
|
|
|
869
897
|
h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
|
|
870
898
|
}
|
|
871
899
|
render() {
|
|
872
|
-
return (h(Host, { key: '
|
|
873
|
-
h("div", { key: '
|
|
874
|
-
h("div", { key: '
|
|
900
|
+
return (h(Host, { key: '166af67677f5cd939e56c226419007d0ae65b239', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
901
|
+
h("div", { key: '2d7749bc616e66469245d25cc95223c1a68ba57b', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
902
|
+
h("div", { key: '792b599da4cd15b94083bbdf3cce221c5f3abf05', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
875
903
|
}
|
|
876
904
|
get el() { return getElement(this); }
|
|
877
905
|
};
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-C-mGosc6.js';
|
|
5
5
|
import { S as Swiper, A as A11y } from './a11y-BM21er6f.js';
|
|
6
6
|
import { P as Pagination } from './pagination-C5Wsf2-B.js';
|
|
7
|
-
import { c as getDateFromTimestamp } from './utils-
|
|
7
|
+
import { c as getDateFromTimestamp } from './utils-BODOgEuN.js';
|
|
8
8
|
|
|
9
9
|
const covetPicsPopupFreeflowCarouselCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}covet-pics-popup-freeflow-carousel{flex-grow:1;position:absolute;overflow:hidden;box-sizing:border-box;--swiper-pagination-height:40px;height:100%;width:100%;top:0;left:0}.carousel-media{width:100%;height:100%;padding-bottom:40px;overflow:hidden;box-sizing:border-box}.carousel-media .carousel-cell{display:flex;justify-content:center;width:100%;height:calc(100% - 40px)}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.freeflow-carousel-count{box-sizing:border-box;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15) !important;background:rgba(0, 0, 0, 0.4);display:inline-flex;align-items:center;padding:8px;color:#FFFFFF;font-family:\"Helvetica Neue\";font-size:12px;font-style:normal;font-weight:700;line-height:1;margin-left:8px;flex:none;position:absolute;right:24px;top:0;height:26px;transform:translateY(-100%)}.swiper-pagination.freeflow-carousel-pagination{position:absolute;top:0 !important;left:var(--covet-popup-freeflow-content-space) !important;display:inline-flex;bottom:unset !important;flex:none;width:auto !important;background-color:rgba(0, 0, 0, 0.4);padding:8px 6px;border-radius:4px;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15);transform:translateY(-100%) !important;box-sizing:border-box}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 2px;background:#FFFFFF;opacity:0.4}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:hover,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:active,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:focus{opacity:1}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}";
|
|
10
10
|
|