@covet-pics/covet-pics-widget 0.91.4 → 0.91.8
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-direct-buy_7.cjs.entry.js +16 -12
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +61 -11
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +15 -11
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.css +1 -0
- package/dist/collection/components/covet-pics-direct-buy/covet-pics-direct-buy.js +5 -5
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +4 -4
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +23 -1
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +1 -1
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +5 -7
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +34 -12
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +58 -6
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +5 -5
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-1563845e.entry.js +40 -0
- package/dist/covet-pics-widget/p-1ac15b49.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-27548c22.entry.js +29 -0
- package/dist/covet-pics-widget/p-3d1dd4c5.entry.js +4 -0
- package/dist/covet-pics-widget/{p-b5754606.system.entry.js → p-5abf1bed.system.entry.js} +3 -3
- package/dist/covet-pics-widget/p-de97c06c.system.js +1 -1
- package/dist/covet-pics-widget/p-dec8672c.system.entry.js +40 -0
- package/dist/esm/covet-pics-direct-buy_7.entry.js +16 -12
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +61 -11
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +15 -11
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/covet-pics-direct-buy_7.entry.js +3 -3
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/covet-pics-gallery-item/covet-pics-gallery-item.d.ts +4 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +4 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +2 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-2951d6d5.entry.js +0 -40
- package/dist/covet-pics-widget/p-5d396530.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-6eb1eeab.entry.js +0 -29
- package/dist/covet-pics-widget/p-c6d86935.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-d28b8ce9.entry.js +0 -4
|
@@ -10,7 +10,7 @@ const utils = require('./utils-5a6cd078.js');
|
|
|
10
10
|
const lazy = require('./lazy-690a30f5.js');
|
|
11
11
|
const evEmitter = require('./ev-emitter-92552a48.js');
|
|
12
12
|
|
|
13
|
-
const covetPicsDirectBuyCss = "@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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.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-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:0;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}:host(.open){max-height:100%}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;padding:0;cursor:pointer;right:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);text-transform:uppercase;position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 801px){:host{display:none;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0}:host(.open){display:block}.title a{padding:0 var(--covet-pics-button-size)}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:scroll}.footer{position:absolute}}";
|
|
13
|
+
const covetPicsDirectBuyCss = "@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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.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-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:0;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}:host(.open){max-height:100%}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;padding:0;cursor:pointer;right:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);text-transform:uppercase;position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 801px){:host{display:none;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}:host(.open){display:block}.title a{padding:0 var(--covet-pics-button-size)}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:scroll}.footer{position:absolute}}";
|
|
14
14
|
|
|
15
15
|
let CovetPicsDirectBuy = class {
|
|
16
16
|
constructor(hostRef) {
|
|
@@ -210,12 +210,12 @@ let CovetPicsDirectBuy = class {
|
|
|
210
210
|
}
|
|
211
211
|
imgAltTag(caption, idx, itemsLength) {
|
|
212
212
|
return caption && caption.length > 0
|
|
213
|
-
? `${caption} product
|
|
214
|
-
: `product
|
|
213
|
+
? `${caption} product slide ${idx} of ${itemsLength}`
|
|
214
|
+
: `product slide ${idx} of ${itemsLength}`;
|
|
215
215
|
}
|
|
216
216
|
render() {
|
|
217
217
|
if (typeof this.product !== "undefined") {
|
|
218
|
-
return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("
|
|
218
|
+
return (index.h(index.Host, { class: { "open": this.open }, style: this.itemCSSVariables, onclick: this.hostClickHandler }, index.h("div", { class: "wrap" }, index.h("div", { class: "main" }, index.h("button", { class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h("svg", { viewBox: "0 0 40 40", role: "img" }, index.h("title", null, "close"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0v40H0V0z" }), index.h("path", { class: "icon-arrow-path", stroke: "#A0A0A0", d: "M22.917 28.25L14.667 20l8.25-8.25" })))), index.h("h2", { class: "title" }, index.h("a", { href: this.product.link, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("section", { class: "main-gallery", role: "region", "aria-label": "direct buy slider" }, index.h("div", { class: "swiper-wrapper" }, this.product.media && this.product.media.map(image => index.h("div", { class: "swiper-slide" }, index.h("img", { alt: this.imgAltTag(image.alt, image.position, this.product.media.length), src: image.src })))), index.h("div", { class: "swiper-pagination" })), this.renderOptions(this.product.options[0], 1), this.renderOptions(this.product.options[1], 2), this.renderOptions(this.product.options[2], 3)), index.h("div", { class: "footer" }, index.h("div", { class: "price-wrap" }, index.h("label", null, this.priceLabel), index.h("span", { class: "price", innerHTML: this.price })), index.h("button", { class: `btn-buy ${this.buttonStyle}`, disabled: typeof this.selectedVariant === "undefined" || this.selectedVariant["available"] === false, onClick: this.addToCartClickHandler, innerHTML: this.buttonAddToCartLabel, "aria-label": "Add to cart", type: "button" })))));
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
get el() { return index.getElement(this); }
|
|
@@ -235,6 +235,10 @@ let CovetPicsGalleryItem = class {
|
|
|
235
235
|
* image ALT tag
|
|
236
236
|
*/
|
|
237
237
|
this.altTag = "";
|
|
238
|
+
/**
|
|
239
|
+
* gallery item aria-label for accessability
|
|
240
|
+
*/
|
|
241
|
+
this.ariaLabel = null;
|
|
238
242
|
/**
|
|
239
243
|
* if item is highlighted
|
|
240
244
|
*/
|
|
@@ -381,7 +385,7 @@ let CovetPicsGalleryItem = class {
|
|
|
381
385
|
}
|
|
382
386
|
}
|
|
383
387
|
renderStandardItem() {
|
|
384
|
-
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
388
|
+
return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.hoverPreview, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, role: "group", "aria-label": this.ariaLabel }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
385
389
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, "data-srcset": `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, "data-sizes": this.imageResponsiveSizes, alt: this.altTag }), this.imageUrl && this.imageHighResolutionUrl && !this.lazyLoad &&
|
|
386
390
|
index.h("img", { class: "bg", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), index.h("span", { class: "overlay-effect" }), index.h("span", { class: "info hover" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.showHoverIcon && "show"}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
|
|
387
391
|
index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", id: "Combined-Shape", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" &&
|
|
@@ -800,7 +804,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
800
804
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
801
805
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
802
806
|
: null;
|
|
803
|
-
return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag })), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, showTopRating &&
|
|
807
|
+
return (index.h(index.Host, { class: `${this.itemStyle}`, "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, style: this.getItemCSSVariables(), tabindex: this.tabIndex, role: "group" }, index.h("div", { class: `img-wrap ${this.itemStyle}` }, index.h("img", { class: `img ${this.layout} ${imgLazy}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: !this.lazyLoad ? srcset : null, sizes: !this.lazyLoad ? this.imageResponsiveSizes : null, "data-srcset": this.lazyLoad ? srcset : null, "data-sizes": this.lazyLoad ? this.imageResponsiveSizes : null, loading: !this.lazyLoad ? "lazy" : null, alt: this.altTag })), index.h("div", { class: `description ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, showTopRating &&
|
|
804
808
|
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, this.itemStyle === "basic-1" && this.userName && index.h("span", { class: `avatar ${itemSize}` }, this.userName[0]), this.itemStyle === "basic-1" &&
|
|
805
809
|
index.h("div", { class: "top-wrap" }, index.h("h3", { class: `username basic-1 ${itemSize}` }, this.userName), index.h("span", { class: `created-time basic-1 ${itemSize}` }, format(this.createdTime))), this.rating > 0 &&
|
|
806
810
|
index.h("div", { class: `rating ${this.itemStyle} ${highlighted} ${itemSize}` }, index.h("span", { class: `icon-star ${this.itemStyle} ${itemSize} ${this.rating > 0 ? "active" : ""} ${highlighted}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))), index.h("span", { class: `rating-data ${this.itemStyle} ${itemSize} ${highlighted}` }, this.rating))), showRowStarRating && this.rating > 0 &&
|
|
@@ -5147,7 +5151,7 @@ let CovetPicsPopup = class {
|
|
|
5147
5151
|
}
|
|
5148
5152
|
renderImageElements() {
|
|
5149
5153
|
if (this.item.carousel_media && this.item.carousel_media.length > 0) {
|
|
5150
|
-
return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("
|
|
5154
|
+
return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { class: "swiper-wrapper", role: "region", "aria-label": "popup thumbnail image slider" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
|
|
5151
5155
|
index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(this.item.caption, idx, this.item.carousel_media.length, this.item.created_time) }), media_item.type === "video" &&
|
|
5152
5156
|
index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { class: "swiper-pagination swiper-pagination-white" }), index.h("button", { class: "swiper-button-next", type: "button", "aria-controls": "covet-popup-content-image-carousel", "aria-label": "Previous popup carousel item" }, index.h("svg", { viewBox: "0 0 100 100", role: "img" }, index.h("title", null, "arrow next"), index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: "swiper-button-prev", type: "button", "aria-controls": "covet-popup-content-image-carousel", "aria-label": "Previous popup carousel item" }, index.h("svg", { viewBox: "0 0 100 100", role: "img" }, index.h("title", null, "arrow previous"), index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
5153
5157
|
}
|
|
@@ -5168,9 +5172,9 @@ let CovetPicsPopup = class {
|
|
|
5168
5172
|
renderShareIcons() {
|
|
5169
5173
|
if (this.hideSocialShareIcons === false) {
|
|
5170
5174
|
return (index.h("div", { class: "share links-built" }, index.h("hr", null), this.showShareLink &&
|
|
5171
|
-
index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied }, !this.copyLinkCopied &&
|
|
5175
|
+
index.h("div", { class: "direct-link-wrapper" }, index.h("input", { class: "direct-link-input", type: "text", value: this.postLink, "aria-label": "Share link" }), index.h("button", { onClick: this.copyLinkClickHandler, class: "btn btn-light", title: !this.copyLinkCopied ? "Copy share link" : "Link has been copied", disabled: this.copyLinkCopied, type: "button" }, !this.copyLinkCopied &&
|
|
5172
5176
|
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z" })), this.copyLinkCopied &&
|
|
5173
|
-
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" })))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z" }))))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z" }))))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z" }))))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z" }))))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z" }))))))));
|
|
5177
|
+
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" })))), index.h("ul", null, index.h("li", { class: "fb" }, index.h("a", { href: `http://www.facebook.com/sharer/sharer.php?picture=${encodeURIComponent(this.imageForSocialShare)}&u=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Facebook" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z" }))))), index.h("li", { class: "tw" }, index.h("a", { href: `http://www.twitter.com/share?text=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Twitter" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z" }))))), index.h("li", { class: "pin" }, index.h("a", { href: `http://www.pinterest.com/pin/create/button/?media=${encodeURIComponent(this.imageForSocialShare)}&description=${this.item.caption}&url=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share on Pinterest" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z" }))))), index.h("li", { class: "eml" }, index.h("a", { href: `mailto:?subject=Check%20this%20out&body=${encodeURIComponent(this.postLink)}`, target: "_blank", title: "Share via E-mail" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z" }))))), index.h("li", { class: "lnk" }, index.h("button", { title: "Share Link", onClick: this.showShareLinkHandler, type: "button" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { fill: "#000", "fill-rule": "nonzero", d: "M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z" }))))))));
|
|
5174
5178
|
}
|
|
5175
5179
|
}
|
|
5176
5180
|
renderSidebar() {
|
|
@@ -5230,7 +5234,7 @@ let CovetPicsPopup = class {
|
|
|
5230
5234
|
];
|
|
5231
5235
|
}
|
|
5232
5236
|
renderMobileArrows() {
|
|
5233
|
-
return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.arrowsMobilePosition} arrows-color-theme-${this.arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), this.renderCheckoutIcon()), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
5237
|
+
return (index.h("div", { class: `mobile-navigation arrows-mobile-position-${this.arrowsMobilePosition} arrows-color-theme-${this.arrowsMobileColorTheme}` }, index.h("div", { class: "mobile-arrows" }, this.renderArrows(this.arrowsMobileType)), index.h("div", { class: "mobile-buttons" }, index.h("a", { class: "btn btn-checkout", href: "/cart", "aria-label": "View cart" }, index.h("span", { class: "counter" }), this.renderCheckoutIcon()), index.h("button", { class: "btn btn-close btn-type-3", "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
5234
5238
|
}
|
|
5235
5239
|
renderCloseButtonIcon(closeButtonType) {
|
|
5236
5240
|
switch (closeButtonType) {
|
|
@@ -5247,7 +5251,7 @@ let CovetPicsPopup = class {
|
|
|
5247
5251
|
}
|
|
5248
5252
|
}
|
|
5249
5253
|
renderCloseButton(closeButtonType) {
|
|
5250
|
-
return (index.h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler }, this.renderCloseButtonIcon(closeButtonType)));
|
|
5254
|
+
return (index.h("button", { class: `btn-popup-close ${closeButtonType} ${this.closeButtonSize} ${this.closeButtonPosition} close-button-color-theme-${this.closeButtonColorTheme}`, "data-dismiss": "popup", "aria-label": "Close", onClick: this.hidePopupClickHandler, type: "button" }, this.renderCloseButtonIcon(closeButtonType)));
|
|
5251
5255
|
}
|
|
5252
5256
|
renderCheckoutIcon() {
|
|
5253
5257
|
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { class: "symbol", "stroke-linecap": "round", d: "M7.52 10.839L5.614 27.387h20.032L23.737 10.84z" }), index.h("path", { class: "symbol", "stroke-linecap": "round", d: "M20.42 12.58V8.893c0-2.292-2.174-4.15-4.855-4.15-2.682 0-4.855 1.858-4.855 4.15v3.689" }))));
|
|
@@ -12210,7 +12214,7 @@ let CovetPicsUpload = class {
|
|
|
12210
12214
|
return (index.h(index.Host, { style: this.setPopupCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("div", { id: "popup-upload-widget", class: { "popup": true, "responsive": this.responsive, "animated": this.animated, "upload_widget": true }, tabindex: "-1", role: "dialog" }, index.h("div", { class: "upload" }, !this.standalone &&
|
|
12211
12215
|
index.h("button", { class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { class: "upload-form" }, index.h("div", { class: "upload-scroll" }, index.h("div", { class: "upload-step step1" }, index.h("h2", { class: "upload-h2" }, this.uploadTitle), index.h("h3", { class: "upload-h3" }, this.uploadBody), index.h("div", { class: "dropzone" }, index.h("div", { class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { class: "upload-drop" }, index.h("div", { class: "upload-text upload-text-drop" }, this.uploadDragDrop), index.h("span", { class: "upload-drop-progress" })), index.h("input", { type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.uploadDragDrop })), index.h("div", { class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index$1) => index.h("div", { class: `upload-img-wrap wrap-pos-${index$1 + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, index.h("img", { src: link, alt: `uploaded img preview ${index$1 + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), index.h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
|
|
12212
12216
|
index.h("span", { class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, index.h("span", { class: "icon-cross plus" }))), index.h("span", { class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)"))), index.h("div", { class: "upload-step step2 hidden" }, this.displayType === "detail" &&
|
|
12213
|
-
index.h("div", { class: "star-rating" }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => this.starRating = index$1 + 1, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { type: "text", class: "form-control", placeholder: this.formNamePlaceholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.formNamePlaceholder }), index.h("input", { type: "email", class: "form-control", placeholder: this.formEmailPlaceholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.formEmailPlaceholder }), index.h("textarea", { class: "form-control form-textarea", rows: 6, placeholder: this.formBodyPlaceholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], "aria-label": this.formBodyPlaceholder }), index.h("p", { class: "upload-text privacy" }, "By clicking \"Send\" you agree to\u00A0", index.h("a", { class: "upload-link", href: "https://shopify.covet.pics/privacy", target: "_blank", "aria-label": "privacy" }, "Privacy Policy")), index.h("button", { disabled: this.formSendDisabled, type: "submit", class: "upload-submit", onClick: this.handleSendClick, "aria-label": this.formSendLabel }, this.formSendLabel)), index.h("div", { class: "upload-step step3 hidden" }, index.h("h2", { class: "upload-h2 progress" }, this.formUploading), index.h("div", { class: "progress-bar" })), index.h("div", { class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { class: "upload-text completed", innerHTML: this.completeBody }), index.h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit" }, this.completeCloseLabel)))), !this.hideBranding &&
|
|
12217
|
+
index.h("div", { class: "star-rating" }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => this.starRating = index$1 + 1, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { type: "text", class: "form-control", placeholder: this.formNamePlaceholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.formNamePlaceholder }), index.h("input", { type: "email", class: "form-control", placeholder: this.formEmailPlaceholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.formEmailPlaceholder }), index.h("textarea", { class: "form-control form-textarea", rows: 6, placeholder: this.formBodyPlaceholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], "aria-label": this.formBodyPlaceholder }), index.h("p", { class: "upload-text privacy" }, "By clicking \"Send\" you agree to\u00A0", index.h("a", { class: "upload-link", href: "https://shopify.covet.pics/privacy", target: "_blank", "aria-label": "privacy" }, "Privacy Policy")), index.h("button", { disabled: this.formSendDisabled, type: "submit", class: "upload-submit", onClick: this.handleSendClick, "aria-label": this.formSendLabel }, this.formSendLabel)), index.h("div", { class: "upload-step step3 hidden" }, index.h("h2", { class: "upload-h2 progress" }, this.formUploading), index.h("div", { class: "progress-bar" })), index.h("div", { class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { class: "upload-text completed", innerHTML: this.completeBody }), index.h("button", { class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.completeCloseLabel)))), !this.hideBranding &&
|
|
12214
12218
|
index.h("a", { class: "upload-brand-link", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=upload&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", "aria-label": "Covet.pics logo" }, SVGBrand())), index.h("div", { class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { class: "notification-message" }, "error: ", this.notificationMessage)))));
|
|
12215
12219
|
}
|
|
12216
12220
|
get el() { return index.getElement(this); }
|
|
@@ -3525,7 +3525,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3525
3525
|
!this.isLoading &&
|
|
3526
3526
|
this.loader.totalPages > this.loader.page &&
|
|
3527
3527
|
this.items.length > 0) {
|
|
3528
|
-
return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
|
|
3528
|
+
return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isPopupOpen, type: "button" }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
|
|
3529
3529
|
}
|
|
3530
3530
|
}
|
|
3531
3531
|
renderLoadingAnimation() {
|
|
@@ -3567,7 +3567,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3567
3567
|
}
|
|
3568
3568
|
renderFilters() {
|
|
3569
3569
|
if (this.filtersEnabled) {
|
|
3570
|
-
return (index.h("div", { class: "filters", style: this.getFilterCSSVariables() }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen }, filter))));
|
|
3570
|
+
return (index.h("div", { class: "filters", style: this.getFilterCSSVariables() }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isPopupOpen, type: "reset" }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isPopupOpen, type: "button" }, filter))));
|
|
3571
3571
|
}
|
|
3572
3572
|
}
|
|
3573
3573
|
itemImgAltTag(caption, idx, itemsLength, createdTime, layout) {
|
|
@@ -3604,7 +3604,7 @@ let CovetPicsGalleryGrid = class {
|
|
|
3604
3604
|
}
|
|
3605
3605
|
render() {
|
|
3606
3606
|
if (typeof this.items !== "undefined" && typeof this.loader !== "undefined") {
|
|
3607
|
-
return (index.h(index.Host, null, this.renderFilters(), index.h("div", { class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.desktopPhotosPerRow, this.desktopItemPadding, this.mobilePhotosPerRow, this.mobileItemPadding) }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.renderItems()), this.renderLoadingAnimation(), this.rederLoadMoreButton()));
|
|
3607
|
+
return (index.h(index.Host, null, this.renderFilters(), index.h("div", { class: `gallery ${this.layout}`, style: utils$1.setCovetItemSizeVariables(this.desktopPhotosPerRow, this.desktopItemPadding, this.mobilePhotosPerRow, this.mobileItemPadding), role: "grid" }, this.layout === "collage" && index.h("div", { class: "grid-sizer" }), this.layout === "collage" && index.h("div", { class: "gutter-sizer" }), this.renderItems()), this.renderLoadingAnimation(), this.rederLoadMoreButton()));
|
|
3608
3608
|
}
|
|
3609
3609
|
}
|
|
3610
3610
|
get el() { return index.getElement(this); }
|
|
@@ -4053,19 +4053,17 @@ let CovetPicsGallerySlider = class {
|
|
|
4053
4053
|
: `slide ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
4054
4054
|
}
|
|
4055
4055
|
renderStandardItem(item, idx, itemsLength) {
|
|
4056
|
-
return (index.h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
|
|
4056
|
+
return (index.h("covet-pics-gallery-item", { "animation-duration": this.loader.data.settings.item_animation_duration, class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, "hover-animation-style": this.loader.data.settings.item_animation_type, "hover-background-opacity": this.loader.data.settings.item_hover_background_opacity, "hover-border-color": this.loader.data.settings.item_hover_border_color, "hover-color-from": this.loader.data.settings.item_hover_color_from, "hover-color-to": this.loader.data.settings.item_hover_color_to, "hover-disabled": this.loader.data.settings.item_hover_disabled, "hover-preview": this.loader.previewHoverMode, "label-caption": this.loader.data.settings.item_without_product_label_text, "label-caption-with-links": this.loader.data.settings.item_label_text, "label-color": this.loader.data.settings.item_label_color, "label-font-size": this.loader.data.settings.item_label_font_size, "label-font-style": this.loader.data.settings.item_label_font_style, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, "show-hover-icon": this.loader.data.settings.item_hover_icon, url: item.url, "alt-tag": this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
|
|
4057
4057
|
}
|
|
4058
4058
|
renderDetailItem(item, idx, itemsLength) {
|
|
4059
4059
|
const itemWidth = window.innerWidth > 767
|
|
4060
4060
|
? (100 - (this.desktopItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow
|
|
4061
4061
|
: (100 - (this.mobileItemPadding * (this.desktopPhotosPerRow - 1))) / this.desktopPhotosPerRow;
|
|
4062
|
-
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color,
|
|
4063
|
-
// TODO get star color from server
|
|
4064
|
-
starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time) }));
|
|
4062
|
+
return (index.h("covet-pics-gallery-item-detail", { class: "swiper-slide", "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.desktopPhotosPerRow, this.mobilePhotosPerRow), "item-id": item.id, "item-source": item.source, itemStyle: this.itemStyle, itemWidth: itemWidth, "lazy-load": true, links: item.links, "popup-disabled": this.loader.data.settings.popup_disable_modal, "popup-redirect-mode": this.loader.data.settings.item_open_link, url: item.url, backgroundColor: this.loader.data.settings.background_color, "primary-color": this.loader.data.settings.primary_color, starColor: this.loader.data.settings.star_color, layout: "slider", userName: item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, altTag: this.itemImgAltTag(item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in covet-widget slider` }));
|
|
4065
4063
|
}
|
|
4066
4064
|
render() {
|
|
4067
4065
|
if (this.items !== undefined) {
|
|
4068
|
-
return (index.h("
|
|
4066
|
+
return (index.h("section", { id: "covet-pics-slider", class: "gallery swiper", role: "region", "aria-label": "main slider" }, index.h("div", { class: "swiper-wrapper" }, this.itemStyle === "standard" && this.items.map((item, idx) => this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => this.renderDetailItem(item, idx, this.items.length))), index.h("div", { class: "swiper-pagination" }), index.h("button", { class: `swiper-button-next ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol next", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("button", { class: `swiper-button-prev ${this.itemStyle}`, tabindex: "0", "aria-label": "slider contol prev", "aria-controls": "covet-pics-slider", type: "button" }, index.h("svg", { viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
4069
4067
|
}
|
|
4070
4068
|
}
|
|
4071
4069
|
get el() { return index.getElement(this); }
|
|
@@ -4261,11 +4259,56 @@ let CovetPicsHighlighted = class {
|
|
|
4261
4259
|
? `${caption}, page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
|
|
4262
4260
|
: `page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
4263
4261
|
}
|
|
4262
|
+
pageAriaLabel(item, index, itemsLength, layout, isMobile) {
|
|
4263
|
+
const isItemReverse = index % 2 !== 0 && !isMobile && layout === "zigzag";
|
|
4264
|
+
const thumbnailSide = () => {
|
|
4265
|
+
if (isMobile)
|
|
4266
|
+
return "top";
|
|
4267
|
+
if (this.layout === "zigzag")
|
|
4268
|
+
return !isItemReverse ? "left" : "right";
|
|
4269
|
+
if (this.layout === "spotlight")
|
|
4270
|
+
return "top";
|
|
4271
|
+
return "left";
|
|
4272
|
+
};
|
|
4273
|
+
const productSide = () => {
|
|
4274
|
+
if (isMobile)
|
|
4275
|
+
return "bottom";
|
|
4276
|
+
if (this.layout === "zigzag")
|
|
4277
|
+
return !isItemReverse ? "right" : "left";
|
|
4278
|
+
if (this.layout === "spotlight")
|
|
4279
|
+
return "bottom";
|
|
4280
|
+
return "right";
|
|
4281
|
+
};
|
|
4282
|
+
const sideLabel = item.links && item.links.length > 0
|
|
4283
|
+
? `on ${thumbnailSide()} and product slider on ${productSide()} side of page`
|
|
4284
|
+
: "";
|
|
4285
|
+
if (this.layout === "zigzag" && item.video)
|
|
4286
|
+
return `page ${index + 1} of ${itemsLength} pages, with video post ${sideLabel} in vertical zigzag layout`;
|
|
4287
|
+
if (this.layout === "zigzag" && item.data_type)
|
|
4288
|
+
return `page ${index + 1} of ${itemsLength} pages, with thumbnail slider ${sideLabel} in vertical zigzag layout`;
|
|
4289
|
+
if (this.layout === "zigzag")
|
|
4290
|
+
return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in vertical zigzag layout`;
|
|
4291
|
+
const rowLabel = isMobile
|
|
4292
|
+
? "in vertical layout"
|
|
4293
|
+
: `in row ${Math.round(index / 3) + 1} of ${Math.round(itemsLength / 3)} in grid layout`;
|
|
4294
|
+
if (this.layout === "row" && item.video)
|
|
4295
|
+
return `thumbnail ${index + 1} of ${itemsLength} with video post ${rowLabel}`;
|
|
4296
|
+
if (this.layout === "row" && item.data_type === "carousel")
|
|
4297
|
+
return `thumbnail ${index + 1} of ${itemsLength} with slider posts ${rowLabel}`;
|
|
4298
|
+
if (this.layout === "row")
|
|
4299
|
+
return `thumbnail ${index + 1} of ${itemsLength} with image post ${rowLabel}`;
|
|
4300
|
+
// for slider and spotlight
|
|
4301
|
+
if (item.video)
|
|
4302
|
+
return `page ${index + 1} of ${itemsLength} pages, with video post ${sideLabel} in page slider layout`;
|
|
4303
|
+
if (item.data_type === "carousel")
|
|
4304
|
+
return `page ${index + 1} of ${itemsLength} pages, with thumbnail slider ${sideLabel} in page slider layout`;
|
|
4305
|
+
return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
|
|
4306
|
+
}
|
|
4264
4307
|
renderSlider() {
|
|
4265
|
-
return (index.h("
|
|
4308
|
+
return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, this.isMobile), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("prev"))));
|
|
4266
4309
|
}
|
|
4267
4310
|
renderVertical() {
|
|
4268
|
-
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
|
|
4311
|
+
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, this.isMobile), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: this.isMobile, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && !this.isMobile && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding })));
|
|
4269
4312
|
}
|
|
4270
4313
|
async mainSliderAnimationLoop() {
|
|
4271
4314
|
if (this.mainSliderAnimatingSlides.length !== 0) {
|
|
@@ -4322,10 +4365,17 @@ let CovetPicsHighlighted = class {
|
|
|
4322
4365
|
});
|
|
4323
4366
|
return Promise.all([hide, show]);
|
|
4324
4367
|
}
|
|
4368
|
+
highlightedAriaLabel() {
|
|
4369
|
+
if (this.layout === "zigzag")
|
|
4370
|
+
return "pages vertical zigzag layout";
|
|
4371
|
+
if (this.layout === "row")
|
|
4372
|
+
return "pages vertical grid layout";
|
|
4373
|
+
return null;
|
|
4374
|
+
}
|
|
4325
4375
|
render() {
|
|
4326
4376
|
const showPagination = ((this.layout === "slider" && this.isMobile) || this.layout === "spotlight")
|
|
4327
4377
|
&& this.items && this.items.length > 1;
|
|
4328
|
-
return (index.h(index.Host, { class: this.layout, style: this.setCSSVariables(), onClick: (e) => this.isMobile && this.layout === "row" ? this.isClickOutsideHotspot(e) : null }, this.renderMainLayout(), showPagination &&
|
|
4378
|
+
return (index.h(index.Host, { class: this.layout, style: this.setCSSVariables(), onClick: (e) => this.isMobile && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: this.layout === "zigzag" || this.layout === "row" ? "grid" : "region", "aria-label": this.highlightedAriaLabel() }, this.renderMainLayout(), showPagination &&
|
|
4329
4379
|
index.h("span", { class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
4330
4380
|
}
|
|
4331
4381
|
get el() { return index.getElement(this); }
|
|
@@ -191,7 +191,7 @@ let CovetPicsHiglghtedHotspots = class {
|
|
|
191
191
|
return (index.h(index.Host, { class: "hotspots" }, this.links.map((link, index$1) => index.h("a", { href: link.link, class: `hotspot ${this.layout} ${this.hoverHotspot === index$1 ? "hover-animate" : ""}`, style: this.getPositionForLink(link), onClick: (e) => this.mouseClickHandler(e, index$1), onMouseEnter: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onFocusin: (e) => !this.isMobile ? this.mouseEnterHandler(e, index$1) : null, onMouseLeave: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, onFocusout: (e) => !this.isMobile ? this.mouseLeaveHandler(e) : null, "aria-label": `${link.title ? link.title : "product link"}` }, this.pageLayout === "row" &&
|
|
192
192
|
index.h("div", { class: "content" }, index.h("div", { class: `content-animation ${this.layout}` }, this.layout === "hotspot-tall" &&
|
|
193
193
|
index.h("h3", { class: `main-title ${this.layout}` }, this.productsTitle), index.h("div", { class: `img-wrap ${this.layout}` }, index.h("img", { src: link.image, alt: this.imgAlt(link, index$1, this.links.length), class: "img" })), index.h("div", { class: `description ${this.layout}` }, index.h("h4", { class: `title ${this.layout}` }, link.title), link.prices && link.prices.price_label &&
|
|
194
|
-
index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
194
|
+
index.h("p", { class: `price ${this.layout}`, innerHTML: link.prices.price_label }), index.h("button", { class: `btn-buy ${this.layout}`, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
195
195
|
}
|
|
196
196
|
get el() { return index.getElement(this); }
|
|
197
197
|
static get watchers() { return {
|
|
@@ -206,6 +206,10 @@ const covetPicsHighlightedPageCss = ".thumbnail{display:-ms-flexbox;display:flex
|
|
|
206
206
|
let CovetPicsHighlightedPage = class {
|
|
207
207
|
constructor(hostRef) {
|
|
208
208
|
index.registerInstance(this, hostRef);
|
|
209
|
+
/**
|
|
210
|
+
* gallery item aria-label for accessability
|
|
211
|
+
*/
|
|
212
|
+
this.ariaLabel = null;
|
|
209
213
|
/**
|
|
210
214
|
* Thumbnail layout (imge, carousel, video)
|
|
211
215
|
*/
|
|
@@ -589,11 +593,11 @@ let CovetPicsHighlightedPage = class {
|
|
|
589
593
|
showNav = false;
|
|
590
594
|
if (this.productsLayout === "layout-4" && this.productLinks.length < 4 && !this.isMobile)
|
|
591
595
|
showNav = false;
|
|
592
|
-
return (index.h("div", { class: `product ${this.productsLayout} ${this.reverseClass} ${spotlightSliderClass}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("
|
|
596
|
+
return (index.h("div", { class: `product ${this.productsLayout} ${this.reverseClass} ${spotlightSliderClass}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("section", { id: "covet-pics-highlighted-product-slider", class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"} ${spotlightSliderClass}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, showNav &&
|
|
593
597
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), !showNav &&
|
|
594
598
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })), index.h("p", { class: `title ${this.productsLayout} ${this.reverseClass} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
|
|
595
|
-
index.h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
596
|
-
index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "slider
|
|
599
|
+
index.h("p", { class: `price ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${this.reverseClass} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), showNav &&
|
|
600
|
+
index.h("div", { class: `nav ${this.productsLayout} ${this.reverseClass}` }, index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} next`, "aria-label": "product slider control prev", "aria-controls": "covet-pics-highlighted-product-slider", type: "button" }, this.renderControlIcon(controlType, "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control ${this.productsLayout !== "layout-3" ? "small" : ""} prev`, "aria-label": "product slider control next", "aria-controls": "covet-pics-highlighted-product-slider", type: "button" }, this.renderControlIcon(controlType, "prev")))));
|
|
597
601
|
}
|
|
598
602
|
renderBottomSlider() {
|
|
599
603
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -601,11 +605,11 @@ let CovetPicsHighlightedPage = class {
|
|
|
601
605
|
const noPaginationClass = this.productLinks.length === 1 && this.layout === "slider"
|
|
602
606
|
? "no-pagination"
|
|
603
607
|
: "";
|
|
604
|
-
return (index.h("div", { class: `product ${this.productsLayout}` }, index.h("
|
|
608
|
+
return (index.h("div", { class: `product ${this.productsLayout}` }, index.h("section", { class: `slider swiper ${this.productsLayout} ${this.productLinks.length > 1 ? "active" : "disabled"}`, role: "region", "aria-label": "product thumbnail image preview for product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link height-full", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap ${this.productsLayout}`, "is-loading": true }, this.productLinks.length > 1 &&
|
|
605
609
|
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
|
|
606
|
-
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))))))), index.h("div", { class: "description" }, index.h("
|
|
607
|
-
index.h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
608
|
-
index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next" }, this.renderControlIcon("arrow", "prev"))))));
|
|
610
|
+
index.h("img", { class: "img-contain", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))))))), index.h("div", { class: "description" }, index.h("section", { id: "covet-pics-highlighted-product-slider", class: `slider-description swiper ${this.productLinks.length > 1 ? "active" : "disabled"}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks.map(link => index.h("div", { class: "swiper-slide" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, !this.hideProductTitle && index.h("h2", { class: `main-title ${this.productsLayout}` }, this.productsTitle), index.h("p", { class: `title ${this.productsLayout} ${!this.showPrice ? "price-hidden" : ""}` }, link.title), this.showPrice && link.prices && link.prices.price_label &&
|
|
611
|
+
index.h("p", { class: `price ${this.productsLayout}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy ${this.productsLayout} ${noPaginationClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))), this.productLinks.length > 1 &&
|
|
612
|
+
index.h("div", { class: `nav ${this.productsLayout} nav` }, index.h("button", { class: `${this.productsLayout} slider-control next small`, "aria-label": "slider-control prev", type: "button", "aria-controls": "covet-pics-highlighted-product-slider" }, this.renderControlIcon("arrow", "next")), index.h("div", { class: "pagination" }), index.h("button", { class: `${this.productsLayout} slider-control prev small`, "aria-label": "slider-control next", type: "button", "aria-controls": "covet-pics-highlighted-product-slider" }, this.renderControlIcon("arrow", "prev"))))));
|
|
609
613
|
}
|
|
610
614
|
renderMobileSlider() {
|
|
611
615
|
if (this.productLinks === undefined || this.productLinks.length === 0)
|
|
@@ -613,13 +617,13 @@ let CovetPicsHighlightedPage = class {
|
|
|
613
617
|
const sliderNotActive = this.productLinks.length === 1
|
|
614
618
|
? "slider-no-active"
|
|
615
619
|
: "";
|
|
616
|
-
return (index.h("div", { class: `product mobile ${this.layout} ${this.productsLayout} ${sliderNotActive}` }, index.h("
|
|
620
|
+
return (index.h("div", { class: `product mobile ${this.layout} ${this.productsLayout} ${sliderNotActive}` }, index.h("section", { class: `slider mobile swiper ${this.productsLayout}`, role: "region", "aria-label": "product slider" }, index.h("div", { class: "swiper-wrapper" }, this.productLinks && this.productLinks.map((link, idx) => index.h("div", { class: "swiper-slide mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("div", { class: `img-wrap mobile ${this.productsLayout} `, "is-loading": true }, this.productLinks.length > 1 &&
|
|
617
621
|
index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), "data-srcset": link.image, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), this.productLinks.length === 1 &&
|
|
618
622
|
index.h("img", { class: "img-cover", alt: this.productImgAltTag(link, idx, this.productLinks.length), src: this.pageIndex - 2 < this.mainSliderIndex ? link.image : null, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))), index.h("div", { class: "description mobile" }, index.h("a", { href: link.link, class: "product-link", "aria-label": `product ${link.title ? link.title : ""}` }, index.h("p", { class: `title mobile ${this.productsLayout} ${this.reverseClass}` }, link.title), link.prices && link.prices.price_label &&
|
|
619
|
-
index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}
|
|
623
|
+
index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": `${this.btnBuyLabel ? this.btnBuyLabel : "buy now"}`, type: "button" }, this.btnBuyLabel))))))));
|
|
620
624
|
}
|
|
621
625
|
render() {
|
|
622
|
-
return (index.h(index.Host, { class: "page" }, (this.thumbnailLayout === "image" || this.thumbnailLayout === "video") && this.renderStandardThumbnail(), this.thumbnailLayout === "carousel" && this.renderCarouselThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
626
|
+
return (index.h(index.Host, { class: "page", role: "group", "aria-label": this.ariaLabel }, (this.thumbnailLayout === "image" || this.thumbnailLayout === "video") && this.renderStandardThumbnail(), this.thumbnailLayout === "carousel" && this.renderCarouselThumbnail(), this.layout !== "row" && !this.isMobile &&
|
|
623
627
|
index.h("div", { class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
|
|
624
628
|
index.h("div", { class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
|
|
625
629
|
}
|
|
@@ -37,5 +37,5 @@ const patchBrowser = () => {
|
|
|
37
37
|
|
|
38
38
|
patchBrowser().then(options => {
|
|
39
39
|
appGlobals.globalScripts();
|
|
40
|
-
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
40
|
+
return index.bootstrapLazy(JSON.parse("[[\"covet-pics-highlighted-hotspots_2.cjs\",[[0,\"covet-pics-highlighted-page\",{\"thumbnailUrl\":[1,\"thumbnail-url\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"ariaLabel\":[1,\"aria-label\"],\"thumbnailLayout\":[1,\"thumbnail-layout\"],\"videoUrl\":[1,\"video-url\"],\"videoPoster\":[1,\"video-poster\"],\"thumbnailCarouselImages\":[16],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"productsLayout\":[1,\"products-layout\"],\"productLinks\":[16],\"productBaseImgAlt\":[1,\"product-base-img-alt\"],\"layout\":[1],\"reverseClass\":[1,\"reverse-class\"],\"isMobile\":[4,\"is-mobile\"],\"showPrice\":[4,\"show-price\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[8,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"pageIndex\":[2,\"page-index\"],\"mainSliderIndex\":[2,\"main-slider-index\"],\"hideHotspots\":[32],\"activeProductIndex\":[32],\"hoverHotspot\":[32]},[[0,\"changeActiveHotspot\",\"onChangeActiveHotspot\"]]],[0,\"covet-pics-highlighted-hotspots\",{\"links\":[16],\"layout\":[1],\"activeHotspot\":[2,\"active-hotspot\"],\"pageLayout\":[1,\"page-layout\"],\"productsTitle\":[1,\"products-title\"],\"thumbnailUrl\":[1,\"thumbnail-url\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"hoverHotspot\":[2,\"hover-hotspot\"],\"isMobile\":[4,\"is-mobile\"],\"productBaseImgAlt\":[1,\"product-base-img-alt\"]}]]],[\"covet-pics-direct-buy_7.cjs\",[[1,\"covet-pics-direct-buy\",{\"product\":[8],\"open\":[4],\"moneyFormat\":[1,\"money-format\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonStyle\":[1,\"button-style\"],\"buttonAddToCartLabel\":[1,\"button-add-to-cart-label\"],\"previewMode\":[4,\"preview-mode\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"selectedOptions\":[32]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[8,\"previousPopupEvent\",\"previousPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"]]],[0,\"covet-pics-popup-links\",{\"links\":[16],\"linkStyle\":[1,\"link-style\"],\"showOutOfStockProducts\":[4,\"show-out-of-stock-products\"],\"showPrice\":[4,\"show-price\"],\"priceLabel\":[1,\"price-label\"],\"selectLabel\":[1,\"select-label\"],\"buttonStyle\":[1,\"button-style\"],\"buttonColor\":[1,\"button-color\"],\"buttonHoverColor\":[1,\"button-hover-color\"],\"buttonTextColor\":[1,\"button-text-color\"],\"buttonTextHoverColor\":[1,\"button-text-hover-color\"],\"buttonBuyNowLabel\":[1,\"button-buy-now-label\"],\"buttonVisitLabel\":[1,\"button-visit-label\"],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"itemCreatedTime\":[1,\"item-created-time\"]},[[16,\"productLinkUpdated\",\"productLinkUpdatedHandler\"]]],[0,\"covet-pics-gallery-item\",{\"animationDuration\":[2,\"animation-duration\"],\"altTag\":[1,\"alt-tag\"],\"ariaLabel\":[1,\"aria-label\"],\"highlighted\":[4],\"hoverAnimationStyle\":[1,\"hover-animation-style\"],\"hoverDisabled\":[4,\"hover-disabled\"],\"hoverBackgroundOpacity\":[2,\"hover-background-opacity\"],\"hoverBorderColor\":[1,\"hover-border-color\"],\"hoverColorFrom\":[1,\"hover-color-from\"],\"hoverColorTo\":[1,\"hover-color-to\"],\"hoverPreview\":[4,\"hover-preview\"],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"labelCaptionWithLinks\":[1,\"label-caption-with-links\"],\"labelColor\":[1,\"label-color\"],\"labelFontSize\":[2,\"label-font-size\"],\"labelFontStyle\":[1,\"label-font-style\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"showHoverIcon\":[4,\"show-hover-icon\"],\"url\":[1],\"tabIndex\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-item-detail\",{\"altTag\":[1,\"alt-tag\"],\"highlighted\":[4],\"imageUrl\":[1,\"image-url\"],\"imageHighResolutionUrl\":[1,\"image-high-resolution-url\"],\"imageResponsiveSizes\":[1,\"image-responsive-sizes\"],\"itemId\":[1,\"item-id\"],\"itemSource\":[1,\"item-source\"],\"labelCaption\":[1,\"label-caption\"],\"layout\":[1],\"itemStyle\":[1,\"item-style\"],\"itemWidth\":[2,\"item-width\"],\"lazyLoad\":[4,\"lazy-load\"],\"links\":[16],\"popupDisabled\":[4,\"popup-disabled\"],\"popupRedirectMode\":[4,\"popup-redirect-mode\"],\"url\":[1],\"backgroundColor\":[1,\"background-color\"],\"primaryColor\":[1,\"primary-color\"],\"starColor\":[1,\"star-color\"],\"rating\":[2],\"userName\":[1,\"user-name\"],\"caption\":[1],\"createdTime\":[1,\"created-time\"],\"tabIndex\":[32],\"captionCSS\":[32]},[[10,\"updateUploadWidgetCover\",\"updateUploadWidgetCoverHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[1,\"covet-pics-popup\",{\"itemId\":[1026,\"item-id\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"productHandle\":[1,\"product-handle\"],\"items\":[1040],\"products\":[16],\"animated\":[4],\"animatedBrowse\":[4,\"animated-browse\"],\"arrowsDesktopType\":[1,\"arrows-desktop-type\"],\"arrowsDesktopPosition\":[1,\"arrows-desktop-position\"],\"arrowsDesktopSize\":[2,\"arrows-desktop-size\"],\"arrowsDesktopSizeType\":[1,\"arrows-desktop-size-type\"],\"arrowsDesktopSymbolColor\":[1,\"arrows-desktop-symbol-color\"],\"arrowsDesktopBackgroundColor\":[1,\"arrows-desktop-background-color\"],\"arrowsDesktopColorTheme\":[1,\"arrows-desktop-color-theme\"],\"arrowsMobileType\":[1,\"arrows-mobile-type\"],\"arrowsMobilePosition\":[1,\"arrows-mobile-position\"],\"arrowsMobileSymbolColor\":[1,\"arrows-mobile-symbol-color\"],\"arrowsMobileBackgroundColor\":[1,\"arrows-mobile-background-color\"],\"arrowsMobileColorTheme\":[1,\"arrows-mobile-color-theme\"],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"closeButtonType\":[1,\"close-button-type\"],\"closeButtonSymbolColor\":[1,\"close-button-symbol-color\"],\"closeButtonBackgroundColor\":[1,\"close-button-background-color\"],\"closeButtonSize\":[1,\"close-button-size\"],\"closeButtonPosition\":[1,\"close-button-position\"],\"closeButtonColorTheme\":[1,\"close-button-color-theme\"],\"hideBranding\":[4,\"hide-branding\"],\"hideSocialShareIcons\":[4,\"hide-social-share-icons\"],\"responsive\":[4],\"directBuyEnabled\":[4,\"direct-buy-enabled\"],\"hotspotsEnabled\":[4,\"hotspots-enabled\"],\"hotspotsShowNumbers\":[4,\"hotspots-show-numbers\"],\"hotspotsTextColor\":[1,\"hotspots-text-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"loader\":[16],\"linksTitle\":[1,\"links-title\"],\"showLinksTitle\":[4,\"show-links-title\"],\"isDefaultCurrency\":[4,\"is-default-currency\"],\"moneyFormat\":[1,\"money-format\"],\"directBuyIsOpen\":[32],\"showShareLink\":[32],\"copyLinkCopied\":[32],\"hideHotspots\":[32],\"openPopup\":[64],\"closePopup\":[64]},[[16,\"openDirectBuy\",\"openDirectBuyHandler\"],[16,\"closeDirectBuy\",\"closeDirectBuyHandler\"],[4,\"addToCart:covetPics\",\"addToCartHandler\"],[16,\"productLinkClicked\",\"productLinkClickedHandler\"]]],[1,\"covet-pics-upload\",{\"animated\":[4],\"backgroundColor\":[1,\"background-color\"],\"backgroundOpacity\":[2,\"background-opacity\"],\"responsive\":[4],\"fontFamily\":[1,\"font-family\"],\"baseUrl\":[1,\"base-url\"],\"galleryId\":[2,\"gallery-id\"],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"photoRequestId\":[2,\"photo-request-id\"],\"productHandle\":[1,\"product-handle\"],\"displayType\":[1,\"display-type\"],\"uploadTitle\":[1,\"upload-title\"],\"uploadBody\":[1,\"upload-body\"],\"uploadDragDrop\":[1,\"upload-drag-drop\"],\"uploadChoose\":[1,\"upload-choose\"],\"formNamePlaceholder\":[1,\"form-name-placeholder\"],\"formEmailPlaceholder\":[1,\"form-email-placeholder\"],\"formBodyPlaceholder\":[1,\"form-body-placeholder\"],\"formSendLabel\":[1,\"form-send-label\"],\"formUploading\":[1,\"form-uploading\"],\"completeBody\":[1,\"complete-body\"],\"completeCloseLabel\":[1,\"complete-close-label\"],\"activeStep\":[2,\"active-step\"],\"hideBranding\":[4,\"hide-branding\"],\"standalone\":[4],\"starRating\":[32],\"formSendDisabled\":[32],\"thumbnailLinks\":[32],\"toShowLinks\":[32],\"dropedImagesNumber\":[32],\"isAnimating\":[32],\"notificationMessage\":[32],\"isNotificationActive\":[32],\"openUpload\":[64]}],[0,\"covet-pics-hotspots\",{\"links\":[16],\"backgroundColor\":[1,\"background-color\"],\"textColor\":[1,\"text-color\"],\"showNumbers\":[4,\"show-numbers\"]},[[0,\"linkInactivate\",\"linkInactivateHandler\"],[0,\"linkActivate\",\"linkActivateHandler\"]]]]],[\"covet-pics-gallery-grid_3.cjs\",[[0,\"covet-pics-highlighted\",{\"layout\":[1],\"numberOfPages\":[2,\"number-of-pages\"],\"padding\":[2],\"showPrice\":[4,\"show-price\"],\"primaryColor\":[1,\"primary-color\"],\"secondaryColor\":[1,\"secondary-color\"],\"backgroundColor\":[1,\"background-color\"],\"hotspotsBackgoundColor\":[1,\"hotspots-backgound-color\"],\"items\":[16],\"productsLayout\":[1,\"products-layout\"],\"showHotspots\":[4,\"show-hotspots\"],\"hotspotsLayout\":[1,\"hotspots-layout\"],\"productsTitle\":[1,\"products-title\"],\"hideProductTitle\":[4,\"hide-product-title\"],\"hideBranding\":[4,\"hide-branding\"],\"btnBuyLabel\":[1,\"btn-buy-label\"],\"productLinks\":[32],\"mainSliderIndex\":[32],\"isMobile\":[32],\"windowHeight\":[32],\"mainSliderAnimatingSlides\":[32]}],[0,\"covet-pics-gallery-grid\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"imagesToShow\":[2,\"images-to-show\"],\"layout\":[1],\"highlightEnabled\":[4,\"highlight-enabled\"],\"highlightEvery\":[2,\"highlight-every\"],\"highlightStartsFrom\":[2,\"highlight-starts-from\"],\"items\":[1040],\"loadMoreBorder\":[2,\"load-more-border\"],\"loadMoreColor\":[1,\"load-more-color\"],\"loadMoreFontSize\":[2,\"load-more-font-size\"],\"loadMoreFontStyle\":[1,\"load-more-font-style\"],\"loadMoreLabel\":[1,\"load-more-label\"],\"loadMorePadding\":[2,\"load-more-padding\"],\"loadMoreStyle\":[1,\"load-more-style\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"filtersEnabled\":[4,\"filters-enabled\"],\"filtersMultiselect\":[4,\"filters-multiselect\"],\"filters\":[16],\"filtersResetLabel\":[1,\"filters-reset-label\"],\"filtersPadding\":[2,\"filters-padding\"],\"filtersColor\":[1,\"filters-color\"],\"filtersFontSize\":[2,\"filters-font-size\"],\"filtersFontWeight\":[1,\"filters-font-weight\"],\"itemStyle\":[1,\"item-style\"],\"loader\":[16],\"isLoading\":[32],\"isPopupOpen\":[32]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"],[16,\"modalOpen:covetPics\",\"onDisableTabIndex\"],[16,\"modalClose:covetPics\",\"onEnableTabIndex\"]]],[0,\"covet-pics-gallery-slider\",{\"desktopPhotosPerRow\":[2,\"desktop-photos-per-row\"],\"desktopItemPadding\":[2,\"desktop-item-padding\"],\"mobilePhotosPerRow\":[2,\"mobile-photos-per-row\"],\"mobileItemPadding\":[2,\"mobile-item-padding\"],\"items\":[1040],\"itemStyle\":[1,\"item-style\"],\"autoPlay\":[2,\"auto-play\"],\"autoLoadMore\":[4,\"auto-load-more\"],\"loader\":[16]},[[0,\"imageLoaded\",\"imagesLoadedHandler\"],[0,\"itemClicked\",\"itemClickedHandler\"],[0,\"nextPage\",\"nextPageHandler\"],[8,\"previousPopupEvent\",\"prevPopupHandler\"],[8,\"nextPopupEvent\",\"nextPopupHandler\"],[8,\"elementResize\",\"elementResizeHandler\"]]]]],[\"covet-pics-widget.cjs\",[[1,\"covet-pics-widget\",{\"shop\":[1],\"galleryEmbedId\":[2,\"gallery-embed-id\"],\"environment\":[1],\"customSettings\":[1,\"custom-settings\"],\"previewMode\":[4,\"preview-mode\"],\"isLoading\":[32],\"minNumberOfPhotos\":[32],\"updateUploadWidgetCoverPreview\":[64],\"updatePreviewSettings\":[64]}]]]]"), options);
|
|
41
41
|
});
|