@covet-pics/covet-pics-widget 0.167.4 → 0.167.5
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 +1 -1
- 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/utils/utils.js +4 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/{p-343a9287.entry.js → p-2636098a.entry.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/esm/covet-pics-crop-text.entry.js +1 -1
- package/dist/esm/covet-pics-direct-buy_7.entry.js +1 -1
- 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
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-eIVTphqi.js');
|
|
7
|
-
var utils = require('./utils-
|
|
7
|
+
var utils = require('./utils-0FQ28Vfg.js');
|
|
8
8
|
|
|
9
9
|
const covetPicsPostCss = "@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}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:flex;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:flex;justify-content:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;max-width:100%}:host .covet-post{box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:flex;justify-content:center;align-items:center;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:flex;justify-content:center;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;justify-content:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:flex;justify-content:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}";
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-eIVTphqi.js');
|
|
7
|
-
var utils = require('./utils-
|
|
7
|
+
var utils = require('./utils-0FQ28Vfg.js');
|
|
8
8
|
|
|
9
9
|
const covetPicsStarRatingCss = ":host{display:inline-flex;align-items:center;box-sizing:border-box;line-height:1.4}:host .icon-star{flex:none;display:flex;justify-content:center;width:var(--covet-star-size);height:var(--covet-star-size);margin-right:var(--covet-star-space-stars)}:host .icon-star:nth-of-type(5){margin-right:var(--covet-star-space-stars-text)}:host .icon-star.active .svg-star path{fill:var(--covet-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .icon-star.active .half-star path{fill:var(--covet-star-color)}:host .svg-star{width:100%;height:100%}:host .svg-star path{fill:var(--covet-empty-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .half-star path{fill:var(--covet-star-color)}";
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-eIVTphqi.js');
|
|
7
|
-
var utils = require('./utils-
|
|
7
|
+
var utils = require('./utils-0FQ28Vfg.js');
|
|
8
8
|
var popup = require('./popup-BLOuNMa1.js');
|
|
9
9
|
var modals = require('./modals-CcLPCudv.js');
|
|
10
10
|
var slider = require('./slider-C9n0gjmk.js');
|
|
@@ -22,7 +22,7 @@ var patchBrowser = () => {
|
|
|
22
22
|
|
|
23
23
|
patchBrowser().then(async (options) => {
|
|
24
24
|
await appGlobals.globalScripts();
|
|
25
|
-
return index.bootstrapLazy([["covet-pics-post.cjs",[[1,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[1,"covet-pics-star-rating",{"rating":[2],"ratingCount":[2,"rating-count"],"starColor":[1,"star-color"],"emptyStarColor":[1,"empty-star-color"],"starBorderColor":[1,"star-border-color"],"starBorderWidth":[2,"star-border-width"],"starSize":[2,"star-size"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["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,"thumbnail-carousel-images"],"productLinks":[16,"product-links"],"productBaseImgAlt":[1,"product-base-img-alt"],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"createdTime":[1,"created-time"],"userName":[1,"user-name"],"mainSliderIndex":[2,"main-slider-index"],"pageId":[2,"page-id"],"appStore":[16,"app-store"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"activeHotspot":[2,"active-hotspot"],"thumbnailUrl":[1,"thumbnail-url"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16,"app-store"]},null,{"thumbnailUrl":["refreshHotspot"],"activeHotspot":["activeHotspotHandler"]}]]],["covet-pics-popup-freeflow-carousel_2.cjs",[[0,"covet-pics-popup-freeflow-carousel",{"item":[16],"isEnabled":[4,"is-enabled"],"dataLoaded":[1,"data-loaded"],"sliderIndex":[32],"videoPlay":[64],"videoPause":[64],"videoSoundOn":[64],"videoSoundOff":[64],"pauseAllVideos":[64]},null,{"isEnabled":["enableSlider"],"dataLoaded":["lazyLoadMedia"],"sliderIndex":["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{"links":[16],"itemCreatedTime":[1,"item-created-time"],"isSliderEnabled":[4,"is-slider-enabled"]},null,{"isSliderEnabled":["enableSlider"]}]]],["covet-pics-direct-buy_7.cjs",[[0,"covet-pics-popup-slide",{"item":[16],"showCaption":[4,"show-caption"],"showStarRating":[4,"show-star-rating"],"dataLoaded":[32],"isPlaying":[32],"isMuted":[32],"carouselIndex":[32],"videoProgress":[32],"showCarouselVideoControls":[32],"loadMedia":[64],"videoPlay":[64],"videoPause":[64],"videoSoundOff":[64],"videoSoundOn":[64]}],[1,"covet-pics-direct-buy",{"product":[8],"moneyFormat":[1,"money-format"],"appStore":[16,"app-store"],"selectedOptions":[32],"settings":[32]}],[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-links",{"links":[16],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"],"appStore":[16,"app-store"],"settings":[32]}],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]},null,{"caption":["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{"item":[16],"galleryEmbedId":[2,"gallery-embed-id"],"showShareLink":[32],"copyLinkCopied":[32]}],[0,"covet-pics-popup-slider",{"item":[16],"getSwiperState":[64]}]]],["covet-pics-gallery-header_6.cjs",[[0,"covet-pics-gallery-header",{"rating":[2],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16,"app-store"],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[1,"covet-pics-popup",{"appStore":[16,"app-store"],"item":[32],"product":[32],"directBuyIsOpen":[32],"popupTabIndex":[32],"settings":[32],"isPreviousEnable":[32],"isNextEnable":[32],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{"appStore":[16,"app-store"],"settings":[32],"items":[32],"sliderIndex":[32],"tabIndex":[32],"openPopupFreeflow":[64],"closePopupFreeflow":[64]},null,{"sliderIndex":["updateSliderIndex"],"items":["updateItems"]}],[0,"covet-pics-gallery-item",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"rating":[2],"itemWidth":[2,"item-width"],"userName":[1,"user-name"],"createdTime":[1,"created-time"],"caption":[1],"itemType":[1,"item-type"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"links":[16],"url":[1],"videoUrl":[1,"video-url"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{"sliderIndex":["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"verified":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"videoUrl":[1,"video-url"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"itemType":[1,"item-type"],"links":[16],"url":[1],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{"sliderIndex":["autoPlayVideos"]}],[1,"covet-pics-upload",{"standalone":[4],"appStore":[16,"app-store"],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}]]],["covet-pics-gallery-grid_3.cjs",[[0,"covet-pics-gallery-grid",{"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"filtersEnabled":[4,"filters-enabled"],"filters":[16],"showLoadMore":[4,"show-load-more"],"appStore":[16,"app-store"],"sharedItemId":[1,"shared-item-id"],"
|
|
25
|
+
return index.bootstrapLazy([["covet-pics-post.cjs",[[1,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[1,"covet-pics-star-rating",{"rating":[2],"ratingCount":[2,"rating-count"],"starColor":[1,"star-color"],"emptyStarColor":[1,"empty-star-color"],"starBorderColor":[1,"star-border-color"],"starBorderWidth":[2,"star-border-width"],"starSize":[2,"star-size"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["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,"thumbnail-carousel-images"],"productLinks":[16,"product-links"],"productBaseImgAlt":[1,"product-base-img-alt"],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"createdTime":[1,"created-time"],"userName":[1,"user-name"],"mainSliderIndex":[2,"main-slider-index"],"pageId":[2,"page-id"],"appStore":[16,"app-store"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"activeHotspot":[2,"active-hotspot"],"thumbnailUrl":[1,"thumbnail-url"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16,"app-store"]},null,{"thumbnailUrl":["refreshHotspot"],"activeHotspot":["activeHotspotHandler"]}]]],["covet-pics-popup-freeflow-carousel_2.cjs",[[0,"covet-pics-popup-freeflow-carousel",{"item":[16],"isEnabled":[4,"is-enabled"],"dataLoaded":[1,"data-loaded"],"sliderIndex":[32],"videoPlay":[64],"videoPause":[64],"videoSoundOn":[64],"videoSoundOff":[64],"pauseAllVideos":[64]},null,{"isEnabled":["enableSlider"],"dataLoaded":["lazyLoadMedia"],"sliderIndex":["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{"links":[16],"itemCreatedTime":[1,"item-created-time"],"isSliderEnabled":[4,"is-slider-enabled"]},null,{"isSliderEnabled":["enableSlider"]}]]],["covet-pics-direct-buy_7.cjs",[[0,"covet-pics-popup-slide",{"item":[16],"showCaption":[4,"show-caption"],"showStarRating":[4,"show-star-rating"],"dataLoaded":[32],"isPlaying":[32],"isMuted":[32],"carouselIndex":[32],"videoProgress":[32],"showCarouselVideoControls":[32],"loadMedia":[64],"videoPlay":[64],"videoPause":[64],"videoSoundOff":[64],"videoSoundOn":[64]}],[1,"covet-pics-direct-buy",{"product":[8],"moneyFormat":[1,"money-format"],"appStore":[16,"app-store"],"selectedOptions":[32],"settings":[32]}],[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-links",{"links":[16],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"],"appStore":[16,"app-store"],"settings":[32]}],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]},null,{"caption":["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{"item":[16],"galleryEmbedId":[2,"gallery-embed-id"],"showShareLink":[32],"copyLinkCopied":[32]}],[0,"covet-pics-popup-slider",{"item":[16],"getSwiperState":[64]}]]],["covet-pics-gallery-header_6.cjs",[[0,"covet-pics-gallery-header",{"rating":[2],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16,"app-store"],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[1,"covet-pics-popup",{"appStore":[16,"app-store"],"item":[32],"product":[32],"directBuyIsOpen":[32],"popupTabIndex":[32],"settings":[32],"isPreviousEnable":[32],"isNextEnable":[32],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{"appStore":[16,"app-store"],"settings":[32],"items":[32],"sliderIndex":[32],"tabIndex":[32],"openPopupFreeflow":[64],"closePopupFreeflow":[64]},null,{"sliderIndex":["updateSliderIndex"],"items":["updateItems"]}],[0,"covet-pics-gallery-item",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"rating":[2],"itemWidth":[2,"item-width"],"userName":[1,"user-name"],"createdTime":[1,"created-time"],"caption":[1],"itemType":[1,"item-type"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"links":[16],"url":[1],"videoUrl":[1,"video-url"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{"sliderIndex":["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"verified":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"videoUrl":[1,"video-url"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"itemType":[1,"item-type"],"links":[16],"url":[1],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{"sliderIndex":["autoPlayVideos"]}],[1,"covet-pics-upload",{"standalone":[4],"appStore":[16,"app-store"],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}]]],["covet-pics-gallery-grid_3.cjs",[[0,"covet-pics-gallery-grid",{"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"filtersEnabled":[4,"filters-enabled"],"filters":[16],"showLoadMore":[4,"show-load-more"],"appStore":[16,"app-store"],"sharedItemId":[1,"shared-item-id"],"showSort":[32],"isGridDisabled":[32],"isDesktopScreen":[32],"itemSize":[32],"isFilterModalShow":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]],{"items":["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{"items":[16],"sharedItemId":[1,"shared-item-id"],"sliderStyle":[1,"slider-style"],"appStore":[16,"app-store"],"itemSize":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{"items":["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{"numberOfPages":[2,"number-of-pages"],"items":[16],"appStore":[16,"app-store"],"productLinks":[32],"mainSliderIndex":[32],"mainSliderAnimatingSlides":[32],"windowHeight":[32],"isDesktopScreen":[32]},[[0,"pageLoaded","handleItemLoaded"]]]]],["covet-pics-widget.cjs",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"shopifyProductId":[2,"shopify-product-id"],"environment":[1],"customSettings":[1,"custom-settings"],"hideElements":[1,"hide-elements"],"previewMode":[4,"preview-mode"],"photoRequestId":[2,"photo-request-id"],"lazyLoad":[4,"lazy-load"],"isLoading":[32],"minNumberOfPhotos":[32],"items":[32],"appStore":[32],"fetchingError":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]]], options);
|
|
26
26
|
});
|
|
27
27
|
|
|
28
28
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -9,7 +9,7 @@ var appGlobals = require('./app-globals-eqDkvgYO.js');
|
|
|
9
9
|
const defineCustomElements = async (win, options) => {
|
|
10
10
|
if (typeof window === 'undefined') return undefined;
|
|
11
11
|
await appGlobals.globalScripts();
|
|
12
|
-
return index.bootstrapLazy([["covet-pics-post.cjs",[[1,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[1,"covet-pics-star-rating",{"rating":[2],"ratingCount":[2,"rating-count"],"starColor":[1,"star-color"],"emptyStarColor":[1,"empty-star-color"],"starBorderColor":[1,"star-border-color"],"starBorderWidth":[2,"star-border-width"],"starSize":[2,"star-size"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["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,"thumbnail-carousel-images"],"productLinks":[16,"product-links"],"productBaseImgAlt":[1,"product-base-img-alt"],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"createdTime":[1,"created-time"],"userName":[1,"user-name"],"mainSliderIndex":[2,"main-slider-index"],"pageId":[2,"page-id"],"appStore":[16,"app-store"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"activeHotspot":[2,"active-hotspot"],"thumbnailUrl":[1,"thumbnail-url"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16,"app-store"]},null,{"thumbnailUrl":["refreshHotspot"],"activeHotspot":["activeHotspotHandler"]}]]],["covet-pics-popup-freeflow-carousel_2.cjs",[[0,"covet-pics-popup-freeflow-carousel",{"item":[16],"isEnabled":[4,"is-enabled"],"dataLoaded":[1,"data-loaded"],"sliderIndex":[32],"videoPlay":[64],"videoPause":[64],"videoSoundOn":[64],"videoSoundOff":[64],"pauseAllVideos":[64]},null,{"isEnabled":["enableSlider"],"dataLoaded":["lazyLoadMedia"],"sliderIndex":["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{"links":[16],"itemCreatedTime":[1,"item-created-time"],"isSliderEnabled":[4,"is-slider-enabled"]},null,{"isSliderEnabled":["enableSlider"]}]]],["covet-pics-direct-buy_7.cjs",[[0,"covet-pics-popup-slide",{"item":[16],"showCaption":[4,"show-caption"],"showStarRating":[4,"show-star-rating"],"dataLoaded":[32],"isPlaying":[32],"isMuted":[32],"carouselIndex":[32],"videoProgress":[32],"showCarouselVideoControls":[32],"loadMedia":[64],"videoPlay":[64],"videoPause":[64],"videoSoundOff":[64],"videoSoundOn":[64]}],[1,"covet-pics-direct-buy",{"product":[8],"moneyFormat":[1,"money-format"],"appStore":[16,"app-store"],"selectedOptions":[32],"settings":[32]}],[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-links",{"links":[16],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"],"appStore":[16,"app-store"],"settings":[32]}],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]},null,{"caption":["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{"item":[16],"galleryEmbedId":[2,"gallery-embed-id"],"showShareLink":[32],"copyLinkCopied":[32]}],[0,"covet-pics-popup-slider",{"item":[16],"getSwiperState":[64]}]]],["covet-pics-gallery-header_6.cjs",[[0,"covet-pics-gallery-header",{"rating":[2],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16,"app-store"],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[1,"covet-pics-popup",{"appStore":[16,"app-store"],"item":[32],"product":[32],"directBuyIsOpen":[32],"popupTabIndex":[32],"settings":[32],"isPreviousEnable":[32],"isNextEnable":[32],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{"appStore":[16,"app-store"],"settings":[32],"items":[32],"sliderIndex":[32],"tabIndex":[32],"openPopupFreeflow":[64],"closePopupFreeflow":[64]},null,{"sliderIndex":["updateSliderIndex"],"items":["updateItems"]}],[0,"covet-pics-gallery-item",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"rating":[2],"itemWidth":[2,"item-width"],"userName":[1,"user-name"],"createdTime":[1,"created-time"],"caption":[1],"itemType":[1,"item-type"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"links":[16],"url":[1],"videoUrl":[1,"video-url"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{"sliderIndex":["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"verified":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"videoUrl":[1,"video-url"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"itemType":[1,"item-type"],"links":[16],"url":[1],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{"sliderIndex":["autoPlayVideos"]}],[1,"covet-pics-upload",{"standalone":[4],"appStore":[16,"app-store"],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}]]],["covet-pics-gallery-grid_3.cjs",[[0,"covet-pics-gallery-grid",{"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"filtersEnabled":[4,"filters-enabled"],"filters":[16],"showLoadMore":[4,"show-load-more"],"appStore":[16,"app-store"],"sharedItemId":[1,"shared-item-id"],"
|
|
12
|
+
return index.bootstrapLazy([["covet-pics-post.cjs",[[1,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[1,"covet-pics-star-rating",{"rating":[2],"ratingCount":[2,"rating-count"],"starColor":[1,"star-color"],"emptyStarColor":[1,"empty-star-color"],"starBorderColor":[1,"star-border-color"],"starBorderWidth":[2,"star-border-width"],"starSize":[2,"star-size"],"spaceStars":[2,"space-stars"],"spaceStarsText":[2,"space-stars-text"],"showLabel":[4,"show-label"],"label":[1]}]]],["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,"thumbnail-carousel-images"],"productLinks":[16,"product-links"],"productBaseImgAlt":[1,"product-base-img-alt"],"reverseClass":[1,"reverse-class"],"isMobile":[4,"is-mobile"],"pageIndex":[2,"page-index"],"caption":[1],"rating":[2],"createdTime":[1,"created-time"],"userName":[1,"user-name"],"mainSliderIndex":[2,"main-slider-index"],"pageId":[2,"page-id"],"appStore":[16,"app-store"],"hideHotspots":[32],"activeProductIndex":[32],"hoverHotspot":[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{"links":[16],"activeHotspot":[2,"active-hotspot"],"thumbnailUrl":[1,"thumbnail-url"],"hoverHotspot":[2,"hover-hotspot"],"isMobile":[4,"is-mobile"],"productBaseImgAlt":[1,"product-base-img-alt"],"pageId":[2,"page-id"],"appStore":[16,"app-store"]},null,{"thumbnailUrl":["refreshHotspot"],"activeHotspot":["activeHotspotHandler"]}]]],["covet-pics-popup-freeflow-carousel_2.cjs",[[0,"covet-pics-popup-freeflow-carousel",{"item":[16],"isEnabled":[4,"is-enabled"],"dataLoaded":[1,"data-loaded"],"sliderIndex":[32],"videoPlay":[64],"videoPause":[64],"videoSoundOn":[64],"videoSoundOff":[64],"pauseAllVideos":[64]},null,{"isEnabled":["enableSlider"],"dataLoaded":["lazyLoadMedia"],"sliderIndex":["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{"links":[16],"itemCreatedTime":[1,"item-created-time"],"isSliderEnabled":[4,"is-slider-enabled"]},null,{"isSliderEnabled":["enableSlider"]}]]],["covet-pics-direct-buy_7.cjs",[[0,"covet-pics-popup-slide",{"item":[16],"showCaption":[4,"show-caption"],"showStarRating":[4,"show-star-rating"],"dataLoaded":[32],"isPlaying":[32],"isMuted":[32],"carouselIndex":[32],"videoProgress":[32],"showCarouselVideoControls":[32],"loadMedia":[64],"videoPlay":[64],"videoPause":[64],"videoSoundOff":[64],"videoSoundOn":[64]}],[1,"covet-pics-direct-buy",{"product":[8],"moneyFormat":[1,"money-format"],"appStore":[16,"app-store"],"selectedOptions":[32],"settings":[32]}],[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-links",{"links":[16],"greyBorderClass":[1,"grey-border-class"],"itemCreatedTime":[1,"item-created-time"],"appStore":[16,"app-store"],"settings":[32]}],[0,"covet-pics-popup-review",{"rating":[2],"caption":[1],"username":[1],"itemType":[1,"item-type"],"verified":[4],"createdTime":[1,"created-time"],"reviewCSS":[32]},null,{"caption":["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{"item":[16],"galleryEmbedId":[2,"gallery-embed-id"],"showShareLink":[32],"copyLinkCopied":[32]}],[0,"covet-pics-popup-slider",{"item":[16],"getSwiperState":[64]}]]],["covet-pics-gallery-header_6.cjs",[[0,"covet-pics-gallery-header",{"rating":[2],"productTitle":[1,"product-title"],"breakdown":[16],"appStore":[16,"app-store"],"showBreakdownDropdown":[32],"showSortDropdown":[32],"isDesktopScreen":[32]}],[1,"covet-pics-popup",{"appStore":[16,"app-store"],"item":[32],"product":[32],"directBuyIsOpen":[32],"popupTabIndex":[32],"settings":[32],"isPreviousEnable":[32],"isNextEnable":[32],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{"appStore":[16,"app-store"],"settings":[32],"items":[32],"sliderIndex":[32],"tabIndex":[32],"openPopupFreeflow":[64],"closePopupFreeflow":[64]},null,{"sliderIndex":["updateSliderIndex"],"items":["updateItems"]}],[0,"covet-pics-gallery-item",{"altTag":[1,"alt-tag"],"highlighted":[4],"imageUrl":[1,"image-url"],"rating":[2],"itemWidth":[2,"item-width"],"userName":[1,"user-name"],"createdTime":[1,"created-time"],"caption":[1],"itemType":[1,"item-type"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"links":[16],"url":[1],"videoUrl":[1,"video-url"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{"sliderIndex":["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{"altTag":[1,"alt-tag"],"highlighted":[4],"verified":[4],"imageUrl":[1,"image-url"],"imageHighResolutionUrl":[1,"image-high-resolution-url"],"imageResponsiveSizes":[1,"image-responsive-sizes"],"videoUrl":[1,"video-url"],"itemId":[1,"item-id"],"itemSource":[1,"item-source"],"itemType":[1,"item-type"],"links":[16],"url":[1],"rating":[2],"userName":[1,"user-name"],"caption":[1],"createdTime":[1,"created-time"],"itemIndex":[2,"item-index"],"itemSize":[1,"item-size"],"appStore":[16,"app-store"],"tabIndex":[32],"captionCSS":[32],"reviewClass":[32],"starOnlyClass":[32],"highlightedClass":[32],"sliderIndex":[32],"showImageAsVideoPoster":[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{"sliderIndex":["autoPlayVideos"]}],[1,"covet-pics-upload",{"standalone":[4],"appStore":[16,"app-store"],"starRating":[32],"isFormValid":[32],"showFormWarning":[32],"thumbnailLinks":[32],"toShowLinks":[32],"dropedImagesNumber":[32],"isAnimating":[32],"notificationMessage":[32],"isNotificationActive":[32],"widgetWidth":[32],"uploadTabIndex":[32],"openUpload":[64]}]]],["covet-pics-gallery-grid_3.cjs",[[0,"covet-pics-gallery-grid",{"items":[16],"breakdown":[16],"productTitle":[1,"product-title"],"rating":[2],"filtersEnabled":[4,"filters-enabled"],"filters":[16],"showLoadMore":[4,"show-load-more"],"appStore":[16,"app-store"],"sharedItemId":[1,"shared-item-id"],"showSort":[32],"isGridDisabled":[32],"isDesktopScreen":[32],"itemSize":[32],"isFilterModalShow":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]],{"items":["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{"items":[16],"sharedItemId":[1,"shared-item-id"],"sliderStyle":[1,"slider-style"],"appStore":[16,"app-store"],"itemSize":[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{"items":["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{"numberOfPages":[2,"number-of-pages"],"items":[16],"appStore":[16,"app-store"],"productLinks":[32],"mainSliderIndex":[32],"mainSliderAnimatingSlides":[32],"windowHeight":[32],"isDesktopScreen":[32]},[[0,"pageLoaded","handleItemLoaded"]]]]],["covet-pics-widget.cjs",[[1,"covet-pics-widget",{"shop":[1],"galleryEmbedId":[2,"gallery-embed-id"],"shopifyProductId":[2,"shopify-product-id"],"environment":[1],"customSettings":[1,"custom-settings"],"hideElements":[1,"hide-elements"],"previewMode":[4,"preview-mode"],"photoRequestId":[2,"photo-request-id"],"lazyLoad":[4,"lazy-load"],"isLoading":[32],"minNumberOfPhotos":[32],"items":[32],"appStore":[32],"fetchingError":[32],"updateUploadWidgetCoverPreview":[64],"updatePreviewSettings":[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]]], options);
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
exports.setNonce = index.setNonce;
|
|
@@ -149,6 +149,10 @@ function getRandomId(size = 16) {
|
|
|
149
149
|
const randomChar = () => Math.round(16 * Math.random()).toString(16);
|
|
150
150
|
return "x".repeat(size).replace(/x/g, randomChar);
|
|
151
151
|
}
|
|
152
|
+
function isElInViewport(el) {
|
|
153
|
+
const { top, bottom, left, right } = el.getBoundingClientRect();
|
|
154
|
+
return (top < window.innerHeight && left < window.innerWidth && bottom > 0 && right > 0);
|
|
155
|
+
}
|
|
152
156
|
const BASE_API_URLS = {
|
|
153
157
|
"production": "https://app.covet.pics",
|
|
154
158
|
"development": "http://localhost:3000",
|
|
@@ -167,4 +171,5 @@ exports.getSize = getSize;
|
|
|
167
171
|
exports.getSizesForResponsiveImage = getSizesForResponsiveImage;
|
|
168
172
|
exports.getStyle = getStyle;
|
|
169
173
|
exports.hexToRGBA = hexToRGBA;
|
|
174
|
+
exports.isElInViewport = isElInViewport;
|
|
170
175
|
exports.sendToGoogleAnalytics = sendToGoogleAnalytics;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { h, Host } from "@stencil/core";
|
|
5
|
-
import { buildEvent, getCoverImage, getSizesForResponsiveImage, getDateFromTimestamp, getSize } from "../../utils/utils";
|
|
5
|
+
import { buildEvent, getCoverImage, getSizesForResponsiveImage, getDateFromTimestamp, getSize, isElInViewport } from "../../utils/utils";
|
|
6
6
|
import Isotope from "isotope-layout";
|
|
7
7
|
import { getItemSize, isWidgetDisabled } from "../../store/getters";
|
|
8
8
|
import { setPopupItems, setPopupItemId } from "../../store/popup";
|
|
@@ -34,11 +34,11 @@ export class CovetPicsGalleryGrid {
|
|
|
34
34
|
* show load more button
|
|
35
35
|
*/
|
|
36
36
|
this.showLoadMore = false;
|
|
37
|
-
this.isLoading = false;
|
|
38
37
|
this.showSort = false;
|
|
39
38
|
this.isGridDisabled = false;
|
|
40
39
|
this.itemSize = "size-md";
|
|
41
40
|
this.isFilterModalShow = false;
|
|
41
|
+
this.isGalleryLoaded = false;
|
|
42
42
|
this.selectedItemIndex = null;
|
|
43
43
|
this.filterChangedHandler = (event) => {
|
|
44
44
|
event.preventDefault();
|
|
@@ -148,6 +148,9 @@ export class CovetPicsGalleryGrid {
|
|
|
148
148
|
this.isFilterModalShow = false;
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
|
+
handleItemLoaded() {
|
|
152
|
+
this.checkIsGalleryLoaded();
|
|
153
|
+
}
|
|
151
154
|
itemsChangeHandler(newValue) {
|
|
152
155
|
this.appStore.dispatch(setPopupItems(newValue));
|
|
153
156
|
}
|
|
@@ -164,6 +167,7 @@ export class CovetPicsGalleryGrid {
|
|
|
164
167
|
this.emitGalleryReadyEvent();
|
|
165
168
|
this.bindCustomUploadWidgetButtons();
|
|
166
169
|
this.checkAndOpenPopup();
|
|
170
|
+
this.checkIsGalleryLoaded();
|
|
167
171
|
if (this.settings.pagination === "infinite_scroll") {
|
|
168
172
|
window.addEventListener("scroll", this.scrollHandler, { passive: true });
|
|
169
173
|
}
|
|
@@ -282,10 +286,25 @@ export class CovetPicsGalleryGrid {
|
|
|
282
286
|
});
|
|
283
287
|
}
|
|
284
288
|
}
|
|
289
|
+
checkIsGalleryLoaded() {
|
|
290
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
291
|
+
this.isGalleryLoaded = true;
|
|
292
|
+
return this.emitGalleryLoadedEvent();
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
isAllVisibleItemsLoaded() {
|
|
296
|
+
const itemClassName = this.layout === "grid" ? "grid-item" : "collage-item";
|
|
297
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`.${itemClassName}`)).slice(0, this.items.length).filter(el => isElInViewport(el) && el.hasAttribute("is-loading"));
|
|
298
|
+
return visibleItemsNotLoaded.length === 0;
|
|
299
|
+
}
|
|
285
300
|
emitGalleryReadyEvent() {
|
|
286
301
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
287
302
|
document.dispatchEvent(galleryReadyEvent);
|
|
288
303
|
}
|
|
304
|
+
emitGalleryLoadedEvent() {
|
|
305
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
306
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
307
|
+
}
|
|
289
308
|
renderLoadMoreIcon() {
|
|
290
309
|
switch (this.settings.load_more_button_style) {
|
|
291
310
|
case "btn_style_3":
|
|
@@ -358,7 +377,7 @@ export class CovetPicsGalleryGrid {
|
|
|
358
377
|
return cssVars;
|
|
359
378
|
}
|
|
360
379
|
render() {
|
|
361
|
-
return (h(Host, { key: '
|
|
380
|
+
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"
|
|
362
381
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
363
382
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
364
383
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -571,7 +590,6 @@ export class CovetPicsGalleryGrid {
|
|
|
571
590
|
}
|
|
572
591
|
static get states() {
|
|
573
592
|
return {
|
|
574
|
-
"isLoading": {},
|
|
575
593
|
"showSort": {},
|
|
576
594
|
"isGridDisabled": {},
|
|
577
595
|
"isDesktopScreen": {},
|
|
@@ -671,6 +689,12 @@ export class CovetPicsGalleryGrid {
|
|
|
671
689
|
"target": "window",
|
|
672
690
|
"capture": false,
|
|
673
691
|
"passive": true
|
|
692
|
+
}, {
|
|
693
|
+
"name": "itemLoaded",
|
|
694
|
+
"method": "handleItemLoaded",
|
|
695
|
+
"target": undefined,
|
|
696
|
+
"capture": false,
|
|
697
|
+
"passive": false
|
|
674
698
|
}];
|
|
675
699
|
}
|
|
676
700
|
}
|
|
@@ -50,14 +50,20 @@ export class CovetPicsGalleryItem {
|
|
|
50
50
|
window.requestAnimationFrame(fn);
|
|
51
51
|
});
|
|
52
52
|
};
|
|
53
|
-
this.videoLoadedHandler = () => {
|
|
53
|
+
this.videoLoadedHandler = (e) => {
|
|
54
|
+
const el = e.currentTarget;
|
|
55
|
+
const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
|
|
56
|
+
if (e.type === "error" && videoEl.getAttribute("src") === null)
|
|
57
|
+
return; // prevent error call in case lazy load video (null src)
|
|
54
58
|
this.el.removeAttribute("is-loading");
|
|
55
59
|
this.showImageAsVideoPoster = false;
|
|
60
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
56
61
|
};
|
|
57
62
|
this.imageLoadedHandler = () => {
|
|
58
63
|
const customEvent = buildEvent("imageLoaded");
|
|
59
64
|
this.el.removeAttribute("is-loading");
|
|
60
65
|
this.el.dispatchEvent(customEvent);
|
|
66
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
61
67
|
};
|
|
62
68
|
this.itemClickHandler = (event) => {
|
|
63
69
|
if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
|
|
@@ -250,7 +256,7 @@ export class CovetPicsGalleryItem {
|
|
|
250
256
|
const isVideo = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
|
|
251
257
|
return (h(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(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 &&
|
|
252
258
|
h("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 &&
|
|
253
|
-
h("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("source", { type: "video/mp4" })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), h("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
259
|
+
h("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("source", { type: "video/mp4", onError: this.videoLoadedHandler })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), h("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
|
|
254
260
|
h(StarRating, { rating: this.rating, ratingClass: `rating ${this.itemSize}`, label: `${this.rating} / 5` }), h("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), h("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
255
261
|
h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, 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", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" && this.rating === 0 &&
|
|
256
262
|
h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("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())));
|
|
@@ -259,7 +265,7 @@ export class CovetPicsGalleryItem {
|
|
|
259
265
|
const isVideoPost = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
|
|
260
266
|
return (h(Host, { class: { "no-animation": this.settings.item_hover_disabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, "aria-hidden": `${this.tabIndex === -1}` }, h(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 &&
|
|
261
267
|
h("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 &&
|
|
262
|
-
h("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("source", { type: "video/mp4" })))));
|
|
268
|
+
h("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("source", { type: "video/mp4", onError: this.videoLoadedHandler })))));
|
|
263
269
|
}
|
|
264
270
|
renderTextReviewItem() {
|
|
265
271
|
const hideCaption = (this.caption === null) || this.caption.length === 0;
|
package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js
CHANGED
|
@@ -66,13 +66,19 @@ export class CovetPicsGalleryItemDetail {
|
|
|
66
66
|
this.scrollHandler = () => {
|
|
67
67
|
this.isInViewport();
|
|
68
68
|
};
|
|
69
|
-
this.videoLoadedHandler = () => {
|
|
69
|
+
this.videoLoadedHandler = (e) => {
|
|
70
|
+
const el = e.currentTarget;
|
|
71
|
+
const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
|
|
72
|
+
if (e.type === "error" && videoEl.getAttribute("src") === null)
|
|
73
|
+
return;
|
|
70
74
|
this.el.removeAttribute("is-loading");
|
|
75
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
71
76
|
this.showImageAsVideoPoster = false;
|
|
72
77
|
};
|
|
73
78
|
this.imageLoadedHandler = () => {
|
|
74
79
|
const customEvent = buildEvent("imageLoaded");
|
|
75
80
|
this.el.removeAttribute("is-loading");
|
|
81
|
+
this.el.dispatchEvent(buildEvent("itemLoaded"));
|
|
76
82
|
this.el.dispatchEvent(customEvent);
|
|
77
83
|
this.nextTick(() => this.getCaptionCollageCSS());
|
|
78
84
|
};
|
|
@@ -284,7 +290,7 @@ export class CovetPicsGalleryItemDetail {
|
|
|
284
290
|
}
|
|
285
291
|
}
|
|
286
292
|
renderUploadWidget() {
|
|
287
|
-
return (h(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 &&
|
|
293
|
+
return (h(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 &&
|
|
288
294
|
h("div", { class: "default-cover" }, h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), h("span", { class: "btn" }, this.appState.settings.customer_photo_item_label)), this.imageUrl &&
|
|
289
295
|
h("div", { class: "custom-img-wrap" }, h("img", { class: `img ${this.settings.slideshow_style === "material" ? "material-image" : ""}`, src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))));
|
|
290
296
|
}
|
|
@@ -310,7 +316,7 @@ export class CovetPicsGalleryItemDetail {
|
|
|
310
316
|
: null;
|
|
311
317
|
return (h(Host, { class: `${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, h(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("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" && this.showImageAsVideoPoster &&
|
|
312
318
|
h("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 &&
|
|
313
|
-
h("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("source", { type: "video/mp4" })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
|
|
319
|
+
h("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("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
|
|
314
320
|
h("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 &&
|
|
315
321
|
h("div", { class: `caption star-only ${this.itemStyle} ${this.itemSize}` }, h(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("p", { class: `star-label ${this.itemStyle} ${this.itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && h(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), h("div", { class: `description ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
|
|
316
322
|
h("div", { class: `top ${this.itemStyle} ${this.itemSize}` }, this.itemStyle === "basic-1" && this.userName && h("span", { class: `avatar ${this.itemSize}`, "aria-label": "avatar" }, this.userName[0]), this.itemStyle === "basic-1" &&
|
|
@@ -334,7 +340,7 @@ export class CovetPicsGalleryItemDetail {
|
|
|
334
340
|
: null;
|
|
335
341
|
return (h(Host, { class: `${this.itemStyle} ${alwaysHoverClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, h(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("div", { class: `img-wrap ${this.itemStyle} ${this.settings.slideshow_style === "material" ? "material-image" : ""}` }, this.showImageAsVideoPoster &&
|
|
336
342
|
h("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 &&
|
|
337
|
-
h("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("source", { type: "video/mp4" })), this.verified && this.itemStyle === "modern-3" &&
|
|
343
|
+
h("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("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.verified && this.itemStyle === "modern-3" &&
|
|
338
344
|
h(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), h("div", { class: `description ${this.itemStyle} ${this.itemType} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.verified ? "verified" : ""}` }, this.verified && this.itemStyle === "modern-2" &&
|
|
339
345
|
h(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), h("div", { class: `top ${this.itemStyle} ${this.itemSize} ${this.itemType}` }, showTopRating && this.renderRating(), this.verified && this.itemStyle === "modern-1" &&
|
|
340
346
|
h(BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), showRowStarRating && this.rating > 0 &&
|
|
@@ -15,6 +15,7 @@ export class CovetPicsGallerySlider {
|
|
|
15
15
|
* slider style (regular | material)
|
|
16
16
|
*/
|
|
17
17
|
this.sliderStyle = "regular";
|
|
18
|
+
this.isGalleryLoaded = false;
|
|
18
19
|
this.itemSize = "size-md";
|
|
19
20
|
}
|
|
20
21
|
/**
|
|
@@ -54,6 +55,9 @@ export class CovetPicsGallerySlider {
|
|
|
54
55
|
this.swiper.update();
|
|
55
56
|
}
|
|
56
57
|
}
|
|
58
|
+
handleItemLoaded() {
|
|
59
|
+
this.checkIsGalleryLoaded();
|
|
60
|
+
}
|
|
57
61
|
getAutoplay() {
|
|
58
62
|
if (this.appState.settings.slideshow_autoplay > 0) {
|
|
59
63
|
return { delay: this.appState.settings.slideshow_autoplay * 1000 };
|
|
@@ -71,6 +75,7 @@ export class CovetPicsGallerySlider {
|
|
|
71
75
|
this.initSwiper();
|
|
72
76
|
this.bindCustomUploadWidgetButtons();
|
|
73
77
|
this.emitGalleryReadyEvent();
|
|
78
|
+
this.checkIsGalleryLoaded();
|
|
74
79
|
this.checkAndOpenPopup();
|
|
75
80
|
}
|
|
76
81
|
componentDidUpdate() {
|
|
@@ -197,7 +202,8 @@ export class CovetPicsGallerySlider {
|
|
|
197
202
|
autoplay: this.getAutoplay(),
|
|
198
203
|
slidesPerView: mobilePhotosPerRow,
|
|
199
204
|
spaceBetween: mobileItemPaddingPX,
|
|
200
|
-
speed: 600
|
|
205
|
+
speed: 600,
|
|
206
|
+
watchSlidesProgress: true
|
|
201
207
|
};
|
|
202
208
|
if (this.sliderStyle === "regular") {
|
|
203
209
|
params["centerInsufficientSlides"] = true;
|
|
@@ -246,6 +252,21 @@ export class CovetPicsGallerySlider {
|
|
|
246
252
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
247
253
|
document.dispatchEvent(galleryReadyEvent);
|
|
248
254
|
}
|
|
255
|
+
checkIsGalleryLoaded() {
|
|
256
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
257
|
+
this.isGalleryLoaded = true;
|
|
258
|
+
return this.emitGalleryLoadedEvent();
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
isAllVisibleItemsLoaded() {
|
|
262
|
+
const className = this.sliderStyle === "regular" ? '.swiper-slide.swiper-slide-visible' : '.swiper-slide.swiper-slide-visible .material-content';
|
|
263
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`${className}`)).filter(el => el.hasAttribute("is-loading"));
|
|
264
|
+
return visibleItemsNotLoaded.length === 0;
|
|
265
|
+
}
|
|
266
|
+
emitGalleryLoadedEvent() {
|
|
267
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
268
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
269
|
+
}
|
|
249
270
|
openPopup(itemId) {
|
|
250
271
|
const index = this.items.findIndex(item => item.id && item.id.toString() === itemId);
|
|
251
272
|
if (this.appState.settings.popup_style === "feed") {
|
|
@@ -333,7 +354,7 @@ export class CovetPicsGallerySlider {
|
|
|
333
354
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
334
355
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
335
356
|
if (this.items !== undefined) {
|
|
336
|
-
return (h(Host, { key: '
|
|
357
|
+
return (h(Host, { key: '3129632916498ad418ea1a76d594648be2baea7a', class: {
|
|
337
358
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
338
359
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
339
360
|
"pagination-none": paginationStyle === "none",
|
|
@@ -342,18 +363,18 @@ export class CovetPicsGallerySlider {
|
|
|
342
363
|
"pagination-top": paginationPosition === "top",
|
|
343
364
|
"pagination-bottom": paginationPosition === "bottom"
|
|
344
365
|
} }, arrowsPosition !== "none" &&
|
|
345
|
-
h("button", { key: '
|
|
346
|
-
h("div", { key: '
|
|
366
|
+
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" &&
|
|
367
|
+
h("div", { key: 'afa841ef412222e577ebc0cf84b81778457fe29f', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
347
368
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
348
369
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
349
370
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
350
371
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
351
|
-
h("div", { key: '
|
|
372
|
+
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"
|
|
352
373
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
353
374
|
: 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"
|
|
354
375
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
355
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '
|
|
356
|
-
h("button", { key: '
|
|
376
|
+
: 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" &&
|
|
377
|
+
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) " })))));
|
|
357
378
|
}
|
|
358
379
|
}
|
|
359
380
|
static get is() { return "covet-pics-gallery-slider"; }
|
|
@@ -563,6 +584,12 @@ export class CovetPicsGallerySlider {
|
|
|
563
584
|
"target": "window",
|
|
564
585
|
"capture": false,
|
|
565
586
|
"passive": false
|
|
587
|
+
}, {
|
|
588
|
+
"name": "itemLoaded",
|
|
589
|
+
"method": "handleItemLoaded",
|
|
590
|
+
"target": undefined,
|
|
591
|
+
"capture": false,
|
|
592
|
+
"passive": false
|
|
566
593
|
}];
|
|
567
594
|
}
|
|
568
595
|
}
|