@covet-pics/covet-pics-widget 0.91.3 → 0.91.7
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 +41 -39
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +9 -9
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +13 -13
- 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 +4 -3
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +7 -6
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +5 -5
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +6 -4
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +4 -4
- 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 +14 -14
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +5 -5
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +31 -29
- package/dist/collection/components/covet-pics-popup-links/covet-pics-popup-links.js +1 -1
- package/dist/collection/components/covet-pics-upload/covet-pics-upload-svg.js +6 -4
- 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-7ada05e3.entry.js +40 -0
- package/dist/covet-pics-widget/p-84c5fdb5.system.entry.js +34 -0
- package/dist/covet-pics-widget/p-8d9f5ac7.entry.js +29 -0
- package/dist/covet-pics-widget/p-d1273d7a.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-de97c06c.system.js +1 -1
- package/dist/covet-pics-widget/p-f6dcb968.entry.js +4 -0
- package/dist/covet-pics-widget/p-ffe4b74d.system.entry.js +4 -0
- package/dist/esm/covet-pics-direct-buy_7.entry.js +41 -39
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +9 -9
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +13 -13
- package/dist/esm-es5/covet-pics-direct-buy_7.entry.js +4 -4
- 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/package.json +1 -1
- package/dist/covet-pics-widget/p-2b4e0256.entry.js +0 -40
- package/dist/covet-pics-widget/p-809bbbf3.entry.js +0 -4
- package/dist/covet-pics-widget/p-a37cfa63.entry.js +0 -29
- package/dist/covet-pics-widget/p-e4fe7deb.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-eaa405dd.system.entry.js +0 -34
- package/dist/covet-pics-widget/p-f8e8d34b.system.entry.js +0 -40
|
@@ -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) {
|
|
@@ -215,7 +215,7 @@ let CovetPicsDirectBuy = class {
|
|
|
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" }, 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("div", { class: "main-gallery" }, 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" })))));
|
|
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("div", { class: "main-gallery" }, 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); }
|
|
@@ -377,19 +377,19 @@ let CovetPicsGalleryItem = class {
|
|
|
377
377
|
}
|
|
378
378
|
renderInstagramIcon(animationStyles) {
|
|
379
379
|
if (this.showHoverIcon && this.itemSource === "instagram" && animationStyles.includes(this.hoverAnimationStyle)) {
|
|
380
|
-
return index.h("svg", { class: "item-open-icon", viewBox: "0 0 56.7 56.7", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", null, index.h("path", { class: "dynamic dynamic-fill", d: "M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z" }), index.h("circle", { class: "dynamic dynamic-fill", cx: "41.5", cy: "16.4", r: "2.9" }), index.h("path", { class: "dynamic dynamic-fill", d: "M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.4,39.9c0,3.1-0.9,5.6-2.7,7.3 c-1.8,1.7-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9z" })));
|
|
380
|
+
return index.h("svg", { class: "item-open-icon", viewBox: "0 0 56.7 56.7", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", null, index.h("path", { class: "dynamic dynamic-fill", d: "M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z" }), index.h("circle", { class: "dynamic dynamic-fill", cx: "41.5", cy: "16.4", r: "2.9" }), index.h("path", { class: "dynamic dynamic-fill", d: "M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.4,39.9c0,3.1-0.9,5.6-2.7,7.3 c-1.8,1.7-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9z" })));
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
383
|
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 &&
|
|
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, role: "group" }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.lazyLoad &&
|
|
385
385
|
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
386
|
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
|
-
index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow" }, 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" &&
|
|
388
|
-
index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" }))))));
|
|
387
|
+
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" &&
|
|
388
|
+
index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", id: "Combined-Shape", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" }))))));
|
|
389
389
|
}
|
|
390
390
|
renderUploadWidget() {
|
|
391
391
|
return (index.h(index.Host, { class: "upload-widget", style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, this.imageUrl === undefined &&
|
|
392
|
-
index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
|
|
392
|
+
index.h("span", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl !== undefined &&
|
|
393
393
|
index.h("img", { class: "img", src: this.imageUrl, alt: this.labelCaption }))));
|
|
394
394
|
}
|
|
395
395
|
componentDidLoad() {
|
|
@@ -783,7 +783,7 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
783
783
|
}
|
|
784
784
|
renderUploadWidget() {
|
|
785
785
|
return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex }, index.h("span", { class: "info" }, !this.imageUrl &&
|
|
786
|
-
index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
|
|
786
|
+
index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.labelCaption)), this.imageUrl &&
|
|
787
787
|
index.h("img", { class: "img", src: this.imageUrl, alt: "upload image" }))));
|
|
788
788
|
}
|
|
789
789
|
renderItem() {
|
|
@@ -800,11 +800,11 @@ let CovetPicsGalleryItemDetail = class {
|
|
|
800
800
|
const srcset = this.imageUrl !== null && this.imageHighResolutionUrl !== null
|
|
801
801
|
? `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`
|
|
802
802
|
: 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 &&
|
|
803
|
+
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
804
|
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
805
|
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
|
-
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" }, 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 &&
|
|
807
|
-
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, starsArray.map((el) => index.h("span", { class: `icon-star ${itemSize} ${this.itemStyle} ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" }))))), !hideCaption && index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), this.itemStyle !== "basic-1" &&
|
|
806
|
+
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 &&
|
|
807
|
+
index.h("div", { class: `top ${this.itemStyle} ${itemSize}` }, starsArray.map((el) => index.h("span", { class: `icon-star ${itemSize} ${this.itemStyle} ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))))), !hideCaption && index.h("p", { class: `caption ${this.layout} ${this.itemStyle} ${itemSize} ${jsTextCut}`, style: this.captionCSS, innerHTML: this.caption }), this.itemStyle !== "basic-1" &&
|
|
808
808
|
index.h("div", { class: `bottom ${this.itemStyle} ${this.layout} ${highlighted} ${itemSize}` }, index.h("h3", { class: `username ${this.itemStyle} ${itemSize}` }, this.userName), this.userName && this.createdTime && index.h("span", { class: `slash ${this.itemStyle} ${itemSize}` }, "/"), index.h("span", { class: `created-time ${this.itemStyle} ${itemSize}` }, format(this.createdTime))))));
|
|
809
809
|
}
|
|
810
810
|
render() {
|
|
@@ -5149,7 +5149,7 @@ let CovetPicsPopup = class {
|
|
|
5149
5149
|
if (this.item.carousel_media && this.item.carousel_media.length > 0) {
|
|
5150
5150
|
return (index.h("div", { id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("div", { class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
|
|
5151
5151
|
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
|
-
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" }, 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" }, 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) " })))));
|
|
5152
|
+
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
5153
|
}
|
|
5154
5154
|
else {
|
|
5155
5155
|
if (this.item.data_type === "image" || this.item.data_type === "carousel")
|
|
@@ -5168,9 +5168,9 @@ let CovetPicsPopup = class {
|
|
|
5168
5168
|
renderShareIcons() {
|
|
5169
5169
|
if (this.hideSocialShareIcons === false) {
|
|
5170
5170
|
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 &&
|
|
5172
|
-
index.h("svg", { width: "16", height: "20", viewBox: "0 0 1792 1792", xmlns: "http://www.w3.org/2000/svg" }, 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" }, 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" }, 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" }, 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" }, 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" }, 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" }, 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" }))))))));
|
|
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, type: "button" }, !this.copyLinkCopied &&
|
|
5172
|
+
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, 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
5174
|
}
|
|
5175
5175
|
}
|
|
5176
5176
|
renderSidebar() {
|
|
@@ -5188,38 +5188,38 @@ let CovetPicsPopup = class {
|
|
|
5188
5188
|
switch (arrowsType) {
|
|
5189
5189
|
case "arrows-type-1":
|
|
5190
5190
|
if (arrowDirection === "left") {
|
|
5191
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M48 0H0v48h48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M16.731 23.659l12.445 12.445v1.131L15.6 23.66l13.576-13.577v1.132z" }))));
|
|
5191
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M48 0H0v48h48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M16.731 23.659l12.445 12.445v1.131L15.6 23.66l13.576-13.577v1.132z" }))));
|
|
5192
5192
|
}
|
|
5193
5193
|
else {
|
|
5194
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M48 0H0v48h48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M31.198 23.659L18.753 36.104v1.131L32.329 23.66 18.753 10.082v1.132z" }))));
|
|
5194
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M48 0H0v48h48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M31.198 23.659L18.753 36.104v1.131L32.329 23.66 18.753 10.082v1.132z" }))));
|
|
5195
5195
|
}
|
|
5196
5196
|
case "arrows-type-2":
|
|
5197
5197
|
if (arrowDirection === "left") {
|
|
5198
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", d: "M14 32v-1h20v1H14zm-2-10.098V14.03h2.424c1.74 0 2.904.588 2.904 2.316 0 1.656-1.188 2.436-2.904 2.436h-1.416v3.12H12zm1.008-3.936h1.284c1.38 0 2.04-.504 2.04-1.62 0-1.14-.684-1.512-2.04-1.512h-1.284v3.132zm11.304 3.936h-1.14l-1.896-3.324H19.86v3.324h-1.008V14.03h2.472c1.596 0 2.748.576 2.748 2.208 0 1.224-.696 1.956-1.764 2.232l2.004 3.432zm-4.452-7.068v2.928h1.32c1.224 0 1.896-.504 1.896-1.524 0-1.032-.672-1.404-1.896-1.404h-1.32zm5.904 7.068V14.03H30.3v.84h-3.528v2.472h2.976v.852h-2.976v2.856h3.648v.852h-4.656zm7.704 0L30.96 14.03h1.056l1.272 4.248c.276.936.468 1.68.756 2.604h.048c.288-.924.492-1.668.756-2.604l1.26-4.248h1.02l-2.496 7.872h-1.164z" }))));
|
|
5198
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", d: "M14 32v-1h20v1H14zm-2-10.098V14.03h2.424c1.74 0 2.904.588 2.904 2.316 0 1.656-1.188 2.436-2.904 2.436h-1.416v3.12H12zm1.008-3.936h1.284c1.38 0 2.04-.504 2.04-1.62 0-1.14-.684-1.512-2.04-1.512h-1.284v3.132zm11.304 3.936h-1.14l-1.896-3.324H19.86v3.324h-1.008V14.03h2.472c1.596 0 2.748.576 2.748 2.208 0 1.224-.696 1.956-1.764 2.232l2.004 3.432zm-4.452-7.068v2.928h1.32c1.224 0 1.896-.504 1.896-1.524 0-1.032-.672-1.404-1.896-1.404h-1.32zm5.904 7.068V14.03H30.3v.84h-3.528v2.472h2.976v.852h-2.976v2.856h3.648v.852h-4.656zm7.704 0L30.96 14.03h1.056l1.272 4.248c.276.936.468 1.68.756 2.604h.048c.288-.924.492-1.668.756-2.604l1.26-4.248h1.02l-2.496 7.872h-1.164z" }))));
|
|
5199
5199
|
}
|
|
5200
5200
|
else {
|
|
5201
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48.0", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", d: "M14 32v-1h20v1H14zm-1.862-9.936v-7.872h1.032l2.856 4.944.852 1.632h.048c-.048-.792-.132-1.68-.132-2.508v-4.068h.948v7.872H16.71l-2.844-4.956-.852-1.62h-.048c.048.792.12 1.632.12 2.46v4.116h-.948zm7.704 0v-7.872h4.536v.84H20.85v2.472h2.976v.852H20.85v2.856h3.648v.852h-4.656zm5.376 0l2.292-4.068-2.148-3.804h1.104l1.08 2.016c.192.36.36.684.612 1.14h.048c.216-.456.36-.78.552-1.14l1.044-2.016h1.056l-2.136 3.852 2.292 4.02H29.91l-1.164-2.124c-.204-.384-.42-.78-.672-1.26h-.048c-.228.48-.42.876-.624 1.26l-1.14 2.124h-1.044zm8.388 0v-7.032h-2.388v-.84h5.772v.84h-2.388v7.032h-.996z" }))));
|
|
5201
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48.0", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", d: "M14 32v-1h20v1H14zm-1.862-9.936v-7.872h1.032l2.856 4.944.852 1.632h.048c-.048-.792-.132-1.68-.132-2.508v-4.068h.948v7.872H16.71l-2.844-4.956-.852-1.62h-.048c.048.792.12 1.632.12 2.46v4.116h-.948zm7.704 0v-7.872h4.536v.84H20.85v2.472h2.976v.852H20.85v2.856h3.648v.852h-4.656zm5.376 0l2.292-4.068-2.148-3.804h1.104l1.08 2.016c.192.36.36.684.612 1.14h.048c.216-.456.36-.78.552-1.14l1.044-2.016h1.056l-2.136 3.852 2.292 4.02H29.91l-1.164-2.124c-.204-.384-.42-.78-.672-1.26h-.048c-.228.48-.42.876-.624 1.26l-1.14 2.124h-1.044zm8.388 0v-7.032h-2.388v-.84h5.772v.84h-2.388v7.032h-.996z" }))));
|
|
5202
5202
|
}
|
|
5203
5203
|
case "arrows-type-3":
|
|
5204
5204
|
if (arrowDirection === "left") {
|
|
5205
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M14.85 16.324l2.04 2.04v1.414L13 15.89 16.89 12v1.414l-1.91 1.91h18.957v1H14.85zm.434 17.148l.024 1.02v1.968h-.984v-8.292h.816l.084.672h.036c.528-.444 1.176-.816 1.86-.816 1.5 0 2.304 1.164 2.304 2.976 0 1.98-1.188 3.144-2.52 3.144-.54 0-1.08-.252-1.62-.672zm.024-.768c.528.444 1.044.612 1.428.612.96 0 1.668-.876 1.668-2.316 0-1.284-.432-2.148-1.536-2.148-.492 0-.984.276-1.56.792v3.06zM20.984 34v-5.832h.816l.084 1.056h.036c.396-.732.996-1.2 1.656-1.2.252 0 .432.036.624.12l-.192.864a1.632 1.632 0 0 0-.564-.096c-.492 0-1.08.36-1.476 1.344V34h-.984zm3.612-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM32.3 34l-2.1-5.832h1.02l1.104 3.312c.168.576.36 1.164.54 1.716h.048c.168-.552.36-1.14.528-1.716l1.104-3.312h.972L33.452 34H32.3z" }))));
|
|
5205
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 48V0h48v48z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M14.85 16.324l2.04 2.04v1.414L13 15.89 16.89 12v1.414l-1.91 1.91h18.957v1H14.85zm.434 17.148l.024 1.02v1.968h-.984v-8.292h.816l.084.672h.036c.528-.444 1.176-.816 1.86-.816 1.5 0 2.304 1.164 2.304 2.976 0 1.98-1.188 3.144-2.52 3.144-.54 0-1.08-.252-1.62-.672zm.024-.768c.528.444 1.044.612 1.428.612.96 0 1.668-.876 1.668-2.316 0-1.284-.432-2.148-1.536-2.148-.492 0-.984.276-1.56.792v3.06zM20.984 34v-5.832h.816l.084 1.056h.036c.396-.732.996-1.2 1.656-1.2.252 0 .432.036.624.12l-.192.864a1.632 1.632 0 0 0-.564-.096c-.492 0-1.08.36-1.476 1.344V34h-.984zm3.612-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM32.3 34l-2.1-5.832h1.02l1.104 3.312c.168.576.36 1.164.54 1.716h.048c.168-.552.36-1.14.528-1.716l1.104-3.312h.972L33.452 34H32.3z" }))));
|
|
5206
5206
|
}
|
|
5207
5207
|
else {
|
|
5208
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h48v48H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M31.958 16.454H13v-1h19.088l-2.04-2.04V12l3.89 3.89-3.89 3.888v-1.414l1.91-1.91zM14.064 34v-5.832h.816l.084.84H15c.552-.552 1.152-.984 1.956-.984 1.224 0 1.776.792 1.776 2.28V34h-.984v-3.564c0-1.092-.336-1.56-1.104-1.56-.6 0-1.008.312-1.596.9V34h-.984zm6.132-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM25.68 34l1.908-3.048-1.764-2.784h1.068l.78 1.284c.18.312.372.648.576.972h.048c.168-.324.348-.66.528-.972l.708-1.284h1.032L28.8 31.06 30.696 34h-1.068l-.852-1.356a30.21 30.21 0 0 0-.636-1.044h-.048c-.204.336-.396.684-.588 1.044L26.712 34H25.68zm6.336-1.8v-3.228h-.864v-.744l.912-.06.12-1.632h.828v1.632h1.572v.804h-1.572v3.24c0 .72.228 1.128.9 1.128.204 0 .468-.084.66-.156l.192.744c-.324.108-.72.216-1.08.216-1.248 0-1.668-.792-1.668-1.944z" }))));
|
|
5208
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h48v48H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M31.958 16.454H13v-1h19.088l-2.04-2.04V12l3.89 3.89-3.89 3.888v-1.414l1.91-1.91zM14.064 34v-5.832h.816l.084.84H15c.552-.552 1.152-.984 1.956-.984 1.224 0 1.776.792 1.776 2.28V34h-.984v-3.564c0-1.092-.336-1.56-1.104-1.56-.6 0-1.008.312-1.596.9V34h-.984zm6.132-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM25.68 34l1.908-3.048-1.764-2.784h1.068l.78 1.284c.18.312.372.648.576.972h.048c.168-.324.348-.66.528-.972l.708-1.284h1.032L28.8 31.06 30.696 34h-1.068l-.852-1.356a30.21 30.21 0 0 0-.636-1.044h-.048c-.204.336-.396.684-.588 1.044L26.712 34H25.68zm6.336-1.8v-3.228h-.864v-.744l.912-.06.12-1.632h.828v1.632h1.572v.804h-1.572v3.24c0 .72.228 1.128.9 1.128.204 0 .468-.084.66-.156l.192.744c-.324.108-.72.216-1.08.216-1.248 0-1.668-.792-1.668-1.944z" }))));
|
|
5209
5209
|
}
|
|
5210
5210
|
case "arrows-type-4":
|
|
5211
5211
|
if (arrowDirection === "left") {
|
|
5212
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0H0v40h40z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M15.912 20l2.04-2.04v-1.414l-3.89 3.889 3.89 3.889V22.91L16.042 21H27v-1H15.912z" }))));
|
|
5212
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40", "aria-hidden": "true" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M40 0H0v40h40z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M15.912 20l2.04-2.04v-1.414l-3.89 3.889 3.89 3.889V22.91L16.042 21H27v-1H15.912z" }))));
|
|
5213
5213
|
}
|
|
5214
5214
|
else {
|
|
5215
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v40H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M24.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H13v-1h11.088z" }))));
|
|
5215
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40", "aria-hidden": "true" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v40H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M24.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H13v-1h11.088z" }))));
|
|
5216
5216
|
}
|
|
5217
5217
|
case "arrows-type-5":
|
|
5218
5218
|
if (arrowDirection === "left") {
|
|
5219
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 80 40" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M80 0H0v40h80z" }), index.h("path", { class: "symbol", d: "M16.042 21l1.91 1.91v1.414l-3.89-3.89 3.89-3.888v1.414L15.912 20H35v1H16.042zm27.064 2.428l.026 1.105v2.132h-1.066v-8.983h.884l.091.728h.039c.572-.481 1.274-.884 2.015-.884 1.625 0 2.496 1.261 2.496 3.224 0 2.145-1.287 3.406-2.73 3.406-.585 0-1.17-.273-1.755-.728zm.026-.832c.572.481 1.131.663 1.547.663 1.04 0 1.807-.949 1.807-2.509 0-1.391-.468-2.327-1.664-2.327-.533 0-1.066.299-1.69.858v3.315zM49.081 24v-6.318h.884l.091 1.144h.039c.429-.793 1.079-1.3 1.794-1.3.273 0 .468.039.676.13l-.208.936a1.768 1.768 0 0 0-.611-.104c-.533 0-1.17.39-1.599 1.456V24h-1.066zm3.713-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM60.875 24L58.6 17.682h1.105l1.196 3.588c.182.624.39 1.261.585 1.859h.052c.182-.598.39-1.235.572-1.859l1.196-3.588h1.053L62.123 24h-1.248z" }))));
|
|
5219
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 80 40", "aria-hidden": "true" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M80 0H0v40h80z" }), index.h("path", { class: "symbol", d: "M16.042 21l1.91 1.91v1.414l-3.89-3.89 3.89-3.888v1.414L15.912 20H35v1H16.042zm27.064 2.428l.026 1.105v2.132h-1.066v-8.983h.884l.091.728h.039c.572-.481 1.274-.884 2.015-.884 1.625 0 2.496 1.261 2.496 3.224 0 2.145-1.287 3.406-2.73 3.406-.585 0-1.17-.273-1.755-.728zm.026-.832c.572.481 1.131.663 1.547.663 1.04 0 1.807-.949 1.807-2.509 0-1.391-.468-2.327-1.664-2.327-.533 0-1.066.299-1.69.858v3.315zM49.081 24v-6.318h.884l.091 1.144h.039c.429-.793 1.079-1.3 1.794-1.3.273 0 .468.039.676.13l-.208.936a1.768 1.768 0 0 0-.611-.104c-.533 0-1.17.39-1.599 1.456V24h-1.066zm3.713-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM60.875 24L58.6 17.682h1.105l1.196 3.588c.182.624.39 1.261.585 1.859h.052c.182-.598.39-1.235.572-1.859l1.196-3.588h1.053L62.123 24h-1.248z" }))));
|
|
5220
5220
|
}
|
|
5221
5221
|
else {
|
|
5222
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 80 40" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h80v40H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M62.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H43v-1h19.088zm-49.022 4v-6.318h.884l.091.91h.039c.598-.598 1.248-1.066 2.119-1.066 1.326 0 1.924.858 1.924 2.47V24h-1.066v-3.861c0-1.183-.364-1.69-1.196-1.69-.65 0-1.092.338-1.729.975V24h-1.066zm6.443-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM25.25 24l2.067-3.302-1.911-3.016h1.157l.845 1.391c.195.338.403.702.624 1.053h.052c.182-.351.377-.715.572-1.053l.767-1.391h1.118l-1.911 3.133L30.684 24h-1.157l-.923-1.469a32.727 32.727 0 0 0-.689-1.131h-.052a23.32 23.32 0 0 0-.637 1.131L26.368 24H25.25zm6.664-1.95v-3.497h-.936v-.806l.988-.065.13-1.768h.897v1.768h1.703v.871h-1.703v3.51c0 .78.247 1.222.975 1.222.221 0 .507-.091.715-.169l.208.806c-.351.117-.78.234-1.17.234-1.352 0-1.807-.858-1.807-2.106z" }))));
|
|
5222
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 80 40", "aria-hidden": "true" }, index.h("g", { class: "background", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h80v40H0z" }), index.h("path", { class: "symbol", "fill-rule": "nonzero", d: "M62.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H43v-1h19.088zm-49.022 4v-6.318h.884l.091.91h.039c.598-.598 1.248-1.066 2.119-1.066 1.326 0 1.924.858 1.924 2.47V24h-1.066v-3.861c0-1.183-.364-1.69-1.196-1.69-.65 0-1.092.338-1.729.975V24h-1.066zm6.443-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM25.25 24l2.067-3.302-1.911-3.016h1.157l.845 1.391c.195.338.403.702.624 1.053h.052c.182-.351.377-.715.572-1.053l.767-1.391h1.118l-1.911 3.133L30.684 24h-1.157l-.923-1.469a32.727 32.727 0 0 0-.689-1.131h-.052a23.32 23.32 0 0 0-.637 1.131L26.368 24H25.25zm6.664-1.95v-3.497h-.936v-.806l.988-.065.13-1.768h.897v1.768h1.703v.871h-1.703v3.51c0 .78.247 1.222.975 1.222.221 0 .507-.091.715-.169l.208.806c-.351.117-.78.234-1.17.234-1.352 0-1.807-.858-1.807-2.106z" }))));
|
|
5223
5223
|
}
|
|
5224
5224
|
}
|
|
5225
5225
|
}
|
|
@@ -5230,27 +5230,27 @@ let CovetPicsPopup = class {
|
|
|
5230
5230
|
];
|
|
5231
5231
|
}
|
|
5232
5232
|
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")))));
|
|
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, type: "button" }, this.renderCloseButtonIcon("btn-type-3")))));
|
|
5234
5234
|
}
|
|
5235
5235
|
renderCloseButtonIcon(closeButtonType) {
|
|
5236
5236
|
switch (closeButtonType) {
|
|
5237
5237
|
case "btn-type-1":
|
|
5238
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { class: "background", d: "M0 0h40v40H0z", opacity: ".3" }), index.h("path", { class: "symbol", d: "M20.127 19.36l5.173-5.11.7.691-5.174 5.11 5.069 5.008-.7.69-5.068-5.006L14.805 26l-.7-.691 5.322-5.257L14 14.692l.7-.692 5.427 5.36z" }))));
|
|
5238
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { class: "background", d: "M0 0h40v40H0z", opacity: ".3" }), index.h("path", { class: "symbol", d: "M20.127 19.36l5.173-5.11.7.691-5.174 5.11 5.069 5.008-.7.69-5.068-5.006L14.805 26l-.7-.691 5.322-5.257L14 14.692l.7-.692 5.427 5.36z" }))));
|
|
5239
5239
|
case "btn-type-2":
|
|
5240
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("circle", { class: "background", cx: "16", cy: "16", r: "15" }), index.h("path", { class: "symbol", d: "M16.082 15.748l4.563-4.583.355.355-4.564 4.584 4.357 4.376-.354.355-4.357-4.376L11.562 21l-.355-.355 4.521-4.541L11 11.354l.355-.354 4.727 4.748z" }))));
|
|
5240
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("circle", { class: "background", cx: "16", cy: "16", r: "15" }), index.h("path", { class: "symbol", d: "M16.082 15.748l4.563-4.583.355.355-4.564 4.584 4.357 4.376-.354.355-4.357-4.376L11.562 21l-.355-.355 4.521-4.541L11 11.354l.355-.354 4.727 4.748z" }))));
|
|
5241
5241
|
case "btn-type-3":
|
|
5242
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v40H0z" }), index.h("g", { class: "symbol" }, index.h("path", { d: "M5.858 5.358l28.284 28.284M5.858 33.642L34.142 5.358" })))));
|
|
5242
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v40H0z" }), index.h("g", { class: "symbol" }, index.h("path", { d: "M5.858 5.358l28.284 28.284M5.858 33.642L34.142 5.358" })))));
|
|
5243
5243
|
case "btn-type-4":
|
|
5244
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 24" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v24H0z" }), index.h("path", { class: "symbol", d: "M.686 10.408c0-2.954 1.75-4.76 4.102-4.76 1.092 0 1.96.532 2.506 1.134l-.658.742c-.49-.518-1.078-.854-1.834-.854-1.75 0-2.912 1.428-2.912 3.71 0 2.31 1.106 3.766 2.856 3.766.868 0 1.512-.364 2.1-1.022l.658.714c-.714.84-1.624 1.33-2.786 1.33-2.31 0-4.032-1.764-4.032-4.76zM9.142 15V5.816h1.176v8.19h4.004V15h-5.18zm10.136.168c-2.31 0-3.934-1.848-3.934-4.802 0-2.94 1.624-4.718 3.934-4.718 2.296 0 3.92 1.792 3.92 4.718 0 2.954-1.624 4.802-3.92 4.802zm0-1.022c1.638 0 2.716-1.484 2.716-3.78 0-2.282-1.078-3.696-2.716-3.696-1.652 0-2.73 1.414-2.73 3.696 0 2.296 1.078 3.78 2.73 3.78zm5.166-.336l.7-.812c.658.686 1.568 1.148 2.534 1.148 1.204 0 1.918-.602 1.918-1.498 0-.938-.672-1.232-1.54-1.624l-1.316-.574c-.854-.364-1.862-1.022-1.862-2.366 0-1.4 1.232-2.436 2.898-2.436 1.092 0 2.058.462 2.702 1.134l-.616.756c-.56-.532-1.246-.868-2.086-.868-1.036 0-1.722.518-1.722 1.344 0 .882.812 1.218 1.526 1.526l1.316.56c1.064.462 1.89 1.092 1.89 2.45 0 1.456-1.204 2.618-3.136 2.618a4.421 4.421 0 0 1-3.206-1.358zM32.508 15V5.816H37.8v.98h-4.116V9.68h3.472v.994h-3.472v3.332h4.256V15h-5.432zM0 20h39v1H0v-1z" }))));
|
|
5244
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 24", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h40v24H0z" }), index.h("path", { class: "symbol", d: "M.686 10.408c0-2.954 1.75-4.76 4.102-4.76 1.092 0 1.96.532 2.506 1.134l-.658.742c-.49-.518-1.078-.854-1.834-.854-1.75 0-2.912 1.428-2.912 3.71 0 2.31 1.106 3.766 2.856 3.766.868 0 1.512-.364 2.1-1.022l.658.714c-.714.84-1.624 1.33-2.786 1.33-2.31 0-4.032-1.764-4.032-4.76zM9.142 15V5.816h1.176v8.19h4.004V15h-5.18zm10.136.168c-2.31 0-3.934-1.848-3.934-4.802 0-2.94 1.624-4.718 3.934-4.718 2.296 0 3.92 1.792 3.92 4.718 0 2.954-1.624 4.802-3.92 4.802zm0-1.022c1.638 0 2.716-1.484 2.716-3.78 0-2.282-1.078-3.696-2.716-3.696-1.652 0-2.73 1.414-2.73 3.696 0 2.296 1.078 3.78 2.73 3.78zm5.166-.336l.7-.812c.658.686 1.568 1.148 2.534 1.148 1.204 0 1.918-.602 1.918-1.498 0-.938-.672-1.232-1.54-1.624l-1.316-.574c-.854-.364-1.862-1.022-1.862-2.366 0-1.4 1.232-2.436 2.898-2.436 1.092 0 2.058.462 2.702 1.134l-.616.756c-.56-.532-1.246-.868-2.086-.868-1.036 0-1.722.518-1.722 1.344 0 .882.812 1.218 1.526 1.526l1.316.56c1.064.462 1.89 1.092 1.89 2.45 0 1.456-1.204 2.618-3.136 2.618a4.421 4.421 0 0 1-3.206-1.358zM32.508 15V5.816H37.8v.98h-4.116V9.68h3.472v.994h-3.472v3.332h4.256V15h-5.432zM0 20h39v1H0v-1z" }))));
|
|
5245
5245
|
case "btn-type-5":
|
|
5246
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 32" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h28v32H0z" }), index.h("path", { class: "symbol", d: "M14.115 7.648l6.389-6.417.496.497-6.39 6.417 6.1 6.127-.496.497-6.099-6.126L7.785 15l-.496-.497 6.33-6.358L7 1.497 7.496 1l6.62 6.648zM1 26.608c0-2.532 1.5-4.08 3.516-4.08.936 0 1.68.456 2.148.972l-.564.636c-.42-.444-.924-.732-1.572-.732-1.5 0-2.496 1.224-2.496 3.18 0 1.98.948 3.228 2.448 3.228.744 0 1.296-.312 1.8-.876l.564.612c-.612.72-1.392 1.14-2.388 1.14-1.98 0-3.456-1.512-3.456-4.08zm7.188 2.76V22h.984v7.44c0 .312.132.432.276.432.06 0 .108 0 .216-.024l.132.744c-.132.06-.3.096-.564.096-.744 0-1.044-.468-1.044-1.32zm2.628-1.728c0-1.956 1.272-3.072 2.7-3.072 1.428 0 2.7 1.116 2.7 3.072 0 1.932-1.272 3.048-2.7 3.048-1.428 0-2.7-1.116-2.7-3.048zm1.02 0c0 1.332.684 2.232 1.68 2.232 1.008 0 1.68-.9 1.68-2.232 0-1.344-.672-2.256-1.68-2.256-.996 0-1.68.912-1.68 2.256zm5.268 2.244l.492-.66c.504.408 1.02.696 1.716.696.768 0 1.152-.408 1.152-.912 0-.6-.696-.864-1.332-1.104-.828-.3-1.74-.696-1.74-1.68 0-.936.744-1.656 2.004-1.656.732 0 1.368.3 1.812.66l-.468.624c-.396-.3-.816-.516-1.332-.516-.732 0-1.068.396-1.068.84 0 .54.636.756 1.296 1.008.84.312 1.776.66 1.776 1.764 0 .948-.756 1.74-2.136 1.74-.828 0-1.62-.348-2.172-.804zm5.244-2.244c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54H23.32c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848z" }))));
|
|
5246
|
+
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 32", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h28v32H0z" }), index.h("path", { class: "symbol", d: "M14.115 7.648l6.389-6.417.496.497-6.39 6.417 6.1 6.127-.496.497-6.099-6.126L7.785 15l-.496-.497 6.33-6.358L7 1.497 7.496 1l6.62 6.648zM1 26.608c0-2.532 1.5-4.08 3.516-4.08.936 0 1.68.456 2.148.972l-.564.636c-.42-.444-.924-.732-1.572-.732-1.5 0-2.496 1.224-2.496 3.18 0 1.98.948 3.228 2.448 3.228.744 0 1.296-.312 1.8-.876l.564.612c-.612.72-1.392 1.14-2.388 1.14-1.98 0-3.456-1.512-3.456-4.08zm7.188 2.76V22h.984v7.44c0 .312.132.432.276.432.06 0 .108 0 .216-.024l.132.744c-.132.06-.3.096-.564.096-.744 0-1.044-.468-1.044-1.32zm2.628-1.728c0-1.956 1.272-3.072 2.7-3.072 1.428 0 2.7 1.116 2.7 3.072 0 1.932-1.272 3.048-2.7 3.048-1.428 0-2.7-1.116-2.7-3.048zm1.02 0c0 1.332.684 2.232 1.68 2.232 1.008 0 1.68-.9 1.68-2.232 0-1.344-.672-2.256-1.68-2.256-.996 0-1.68.912-1.68 2.256zm5.268 2.244l.492-.66c.504.408 1.02.696 1.716.696.768 0 1.152-.408 1.152-.912 0-.6-.696-.864-1.332-1.104-.828-.3-1.74-.696-1.74-1.68 0-.936.744-1.656 2.004-1.656.732 0 1.368.3 1.812.66l-.468.624c-.396-.3-.816-.516-1.332-.516-.732 0-1.068.396-1.068.84 0 .54.636.756 1.296 1.008.84.312 1.776.66 1.776 1.764 0 .948-.756 1.74-2.136 1.74-.828 0-1.62-.348-2.172-.804zm5.244-2.244c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54H23.32c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848z" }))));
|
|
5247
5247
|
}
|
|
5248
5248
|
}
|
|
5249
5249
|
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)));
|
|
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, type: "button" }, this.renderCloseButtonIcon(closeButtonType)));
|
|
5251
5251
|
}
|
|
5252
5252
|
renderCheckoutIcon() {
|
|
5253
|
-
return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, 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" }))));
|
|
5253
|
+
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" }))));
|
|
5254
5254
|
}
|
|
5255
5255
|
renderDirectBuyCart() {
|
|
5256
5256
|
const checkoutButtons = Array.from(this.el.shadowRoot.querySelectorAll(".btn-checkout"));
|
|
@@ -5509,7 +5509,7 @@ let CovetPicsPopupLinks = class {
|
|
|
5509
5509
|
return (index.h("ul", { class: `links ${this.linkStyle} links-${this.links.length.toString()}`, style: this.getItemCSSVariables() }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": `Link to '${link.title}'` }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.showPrice && link.prices &&
|
|
5510
5510
|
index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.showPrice && link.prices && link.prices.is_on_sale &&
|
|
5511
5511
|
index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${this.buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy" }, this.buttonStyle === "style-5" &&
|
|
5512
|
-
index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
|
|
5512
|
+
index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
|
|
5513
5513
|
}
|
|
5514
5514
|
get el() { return index.getElement(this); }
|
|
5515
5515
|
};
|
|
@@ -11634,7 +11634,7 @@ var lib = (_temp = (_client = /*#__PURE__*/_classPrivateFieldLooseKey("client"),
|
|
|
11634
11634
|
}), _class.VERSION = "2.0.5", _temp);
|
|
11635
11635
|
|
|
11636
11636
|
const SVGDropdown = () => {
|
|
11637
|
-
return (index.h("svg", { class: "svg-drop-files", width: "120px", height: "98px", viewBox: "0 0 120 98", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
11637
|
+
return (index.h("svg", { class: "svg-drop-files", width: "120px", height: "98px", viewBox: "0 0 120 98", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
|
|
11638
11638
|
index.h("defs", null,
|
|
11639
11639
|
index.h("path", { d: "M38.0003225,11.015104 L77.8742272,10.9086139 C80.0833583,10.902714 81.8789957,12.6887858 81.8848956,14.897917 C81.8849145,14.9049875 81.8849146,14.912058 81.884896,14.9191286 L81.7799429,54.7911881 C81.7741497,56.9920404 79.9914915,58.7747671 77.7906394,58.7806449 L37.9167347,58.887135 C35.7076035,58.8930348 33.9119661,57.106963 33.9060663,54.8978319 C33.9060474,54.8907614 33.9060473,54.8836908 33.9060659,54.8766203 L34.011019,15.0045607 C34.0168122,12.8037085 35.7994704,11.0209817 38.0003225,11.015104 Z", id: "svg-drop-files-path-1" }),
|
|
11640
11640
|
index.h("filter", { x: "-45.8%", y: "-45.8%", width: "208.3%", height: "208.3%", filterUnits: "objectBoundingBox", id: "svg-drop-files-filter-2" },
|
|
@@ -11662,7 +11662,7 @@ const SVGDropdown = () => {
|
|
|
11662
11662
|
index.h("ellipse", { class: "path-main-paint", fill: "#212B36", cx: "43", cy: "18.7692308", rx: "5", ry: "4.92307692" })))))))));
|
|
11663
11663
|
};
|
|
11664
11664
|
const SVGBrand = () => {
|
|
11665
|
-
return (index.h("svg", { class: "svg-brand", viewBox: "0 0 135 10", xmlns: "http://www.w3.org/2000/svg" },
|
|
11665
|
+
return (index.h("svg", { class: "svg-brand", viewBox: "0 0 135 10", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
|
|
11666
11666
|
index.h("path", { class: "svg-text", d: "M2.184 3.064c.725 0 1.296.173 1.712.52.416.347.624.824.624 1.432s-.208 1.085-.624 1.432c-.416.347-.987.52-1.712.52H.8v1.696H0v-5.6h2.184zM2.16 6.272c.507 0 .893-.108 1.16-.324.267-.216.4-.527.4-.932s-.133-.716-.4-.932c-.267-.216-.653-.324-1.16-.324H.8v2.512h1.36zm6.044 2.456a3.13 3.13 0 01-1.528-.372 2.75 2.75 0 01-1.068-1.028 2.821 2.821 0 01-.388-1.464c0-.539.13-1.027.388-1.464a2.75 2.75 0 011.068-1.028A3.13 3.13 0 018.204 3c.56 0 1.067.124 1.52.372.453.248.808.59 1.064 1.024.256.435.384.924.384 1.468 0 .544-.128 1.033-.384 1.468a2.73 2.73 0 01-1.064 1.024c-.453.248-.96.372-1.52.372zm0-.712a2.2 2.2 0 001.108-.28c.328-.187.587-.444.776-.772a2.16 2.16 0 00.284-1.1 2.16 2.16 0 00-.284-1.1 2.054 2.054 0 00-.776-.772 2.2 2.2 0 00-1.108-.28c-.41 0-.783.093-1.116.28a2.038 2.038 0 00-.784.772 2.16 2.16 0 00-.284 1.1c0 .405.095.772.284 1.1.19.328.45.585.784.772.333.187.705.28 1.116.28zm11.828-4.952l-1.872 5.6h-.84l-1.528-4.472-1.528 4.472h-.856l-1.872-5.6h.824l1.512 4.552 1.576-4.552h.736l1.544 4.576 1.544-4.576h.76zm4.94 4.904v.696h-4.064v-5.6h3.952v.696h-3.152v1.72h2.808v.68h-2.808v1.808h3.264zm4.94.696l-1.208-1.72-.282.015-1.454.001v1.704h-.8v-5.6h2.184c.725 0 1.296.173 1.712.52.416.347.624.824.624 1.432 0 .432-.107.8-.32 1.104-.213.304-.517.525-.912.664l1.328 1.88h-.872zM28.328 6.28c.507 0 .893-.11 1.16-.328.267-.219.4-.53.4-.936 0-.405-.133-.716-.4-.932-.267-.216-.653-.324-1.16-.324h-1.36v2.52h1.36zm7.62 1.688v.696h-4.064v-5.6h3.952v.696h-3.152v1.72h2.808v.68h-2.808v1.808h3.264zm1.196-4.904h2.36c.592 0 1.117.117 1.576.352.459.235.815.564 1.068.988.253.424.38.91.38 1.46 0 .55-.127 1.036-.38 1.46-.253.424-.61.753-1.068.988-.459.235-.984.352-1.576.352h-2.36v-5.6zm2.312 4.904c.453 0 .852-.088 1.196-.264.344-.176.61-.423.796-.74.187-.317.28-.684.28-1.1 0-.416-.093-.783-.28-1.1a1.908 1.908 0 00-.796-.74c-.344-.176-.743-.264-1.196-.264h-1.512v4.208h1.512zM49.472 5.76c.325.09.581.255.768.492.187.237.28.537.28.9 0 .485-.183.859-.548 1.12-.365.261-.897.392-1.596.392h-2.672v-5.6h2.512c.64 0 1.135.128 1.484.384.35.256.524.61.524 1.064 0 .293-.068.547-.204.76a1.329 1.329 0 01-.548.488zm-2.968-2.048v1.792h1.64c.41 0 .727-.076.948-.228.221-.152.332-.375.332-.668 0-.293-.11-.516-.332-.668-.221-.152-.537-.228-.948-.228h-1.64zm1.84 4.304c.453 0 .795-.075 1.024-.224.23-.15.344-.384.344-.704 0-.624-.456-.936-1.368-.936h-1.84v1.864h1.84zm5.34-1.288v1.936h-.792V6.712l-2.224-3.648h.856l1.792 2.952 1.8-2.952h.792l-2.224 3.664zM64.2 9.78c-.81 0-1.532-.175-2.168-.525a3.847 3.847 0 01-1.492-1.448c-.36-.615-.54-1.312-.54-2.092s.18-1.477.54-2.092a3.794 3.794 0 011.492-1.44c.636-.346 1.358-.518 2.168-.518.72 0 1.362.145 1.927.435.566.29 1.003.71 1.313 1.26l-1.095.705c-.25-.38-.56-.665-.93-.855-.37-.19-.78-.285-1.23-.285-.52 0-.987.115-1.403.345-.415.23-.74.557-.974.983-.236.425-.353.912-.353 1.462 0 .56.117 1.052.352 1.478.236.425.56.752.975.982.416.23.883.345 1.403.345.45 0 .86-.095 1.23-.285.37-.19.68-.475.93-.855l1.095.69c-.31.55-.747.972-1.313 1.268-.565.295-1.207.442-1.927.442zm8.385 0c-.79 0-1.5-.175-2.13-.525a3.807 3.807 0 01-1.477-1.448c-.356-.615-.533-1.312-.533-2.092s.177-1.477.533-2.092a3.755 3.755 0 011.477-1.44c.63-.346 1.34-.518 2.13-.518.79 0 1.497.172 2.123.518a3.768 3.768 0 011.47 1.44c.355.615.532 1.312.532 2.092s-.177 1.477-.532 2.093a3.821 3.821 0 01-1.47 1.447c-.626.35-1.333.525-2.123.525zm0-1.26c.51 0 .967-.117 1.373-.352.405-.236.722-.565.952-.99.23-.426.345-.913.345-1.463s-.115-1.037-.345-1.462a2.437 2.437 0 00-.953-.983 2.73 2.73 0 00-1.372-.345c-.51 0-.967.115-1.372.345-.406.23-.725.557-.96.983-.236.425-.353.912-.353 1.462 0 .55.117 1.037.352 1.463.236.425.555.754.96.99.406.235.863.352 1.373.352zm12.93-6.78l-3.48 7.95h-1.47l-3.48-7.95h1.5l2.73 6.375 2.79-6.375h1.41zm8.31 4.02c0 .11-.01.255-.03.435h-6.45c.09.7.397 1.262.922 1.688.526.425 1.178.637 1.958.637.95 0 1.715-.32 2.295-.96l.795.93c-.36.42-.807.74-1.343.96-.535.22-1.132.33-1.792.33-.84 0-1.585-.172-2.235-.518a3.69 3.69 0 01-1.507-1.447c-.356-.62-.533-1.32-.533-2.1 0-.77.172-1.465.517-2.085.346-.62.82-1.102 1.425-1.447.606-.346 1.288-.518 2.048-.518s1.437.172 2.032.518c.596.345 1.06.827 1.395 1.447.336.62.503 1.33.503 2.13zm-3.93-2.88c-.69 0-1.267.21-1.733.63-.465.42-.737.97-.817 1.65h5.1c-.08-.67-.352-1.217-.817-1.643-.466-.425-1.043-.637-1.733-.637zm10.395 6.345c-.21.18-.47.317-.78.412-.31.096-.63.143-.96.143-.8 0-1.42-.215-1.86-.645-.44-.43-.66-1.045-.66-1.845V2.925h-1.35V1.74h1.35V0h1.44v1.74h2.28v1.185h-2.28V7.23c0 .43.107.76.323.99.215.23.522.345.922.345.44 0 .815-.125 1.125-.375l.45 1.035zm1.428.244a1.138 1.138 0 01-.325-.819c0-.32.11-.591.332-.813.22-.22.491-.331.812-.331.32 0 .591.11.813.332.22.22.331.491.331.812 0 .32-.11.591-.331.813a1.105 1.105 0 01-.813.331c-.32 0-.594-.108-.819-.325z" }),
|
|
11667
11667
|
index.h("path", { class: "svg-text-p", d: "M108.738.603c1.395 0 2.411.27 3.049.813.637.541.955 1.373.955 2.496 0 1.122-.327 1.943-.982 2.463-.654.52-1.653.78-2.996.78h-1.209V9.69h-2.028V.603h3.211zm-.026 1.742h-1.157V5.4h1.365c.676 0 1.135-.136 1.378-.41.243-.273.364-.671.364-1.196 0-.524-.158-.896-.475-1.118-.316-.22-.808-.331-1.475-.331z" }),
|
|
11668
11668
|
index.h("path", { class: "svg-text-i", d: "M114.328.603h2.028V9.69h-2.028z" }),
|
|
@@ -11670,7 +11670,8 @@ const SVGBrand = () => {
|
|
|
11670
11670
|
index.h("path", { class: "svg-text-s", d: "M131.033 2.176c-.338 0-.604.08-.8.24a.784.784 0 00-.292.638c0 .264.12.474.357.63.239.156.79.34 1.651.553.863.212 1.532.53 2.009.955.477.425.715 1.044.715 1.859s-.305 1.475-.917 1.982c-.61.508-1.414.761-2.411.761-1.439 0-2.734-.533-3.887-1.599l1.209-1.482c.98.858 1.885 1.287 2.717 1.287.373 0 .665-.08.878-.24a.772.772 0 00.318-.65.757.757 0 00-.338-.65c-.225-.16-.672-.323-1.339-.488-1.057-.251-1.83-.578-2.32-.982-.49-.403-.735-1.035-.735-1.898 0-.862.31-1.527.93-1.995.62-.468 1.393-.702 2.32-.702.607 0 1.213.104 1.82.312a4.874 4.874 0 011.586.884l-1.027 1.482c-.789-.598-1.603-.897-2.444-.897z" })));
|
|
11671
11671
|
};
|
|
11672
11672
|
const SVGCompleted = () => {
|
|
11673
|
-
return (index.h("svg", { class: "svg-completed", width: "96", height: "96", xmlns: "http://www.w3.org/2000/svg" },
|
|
11673
|
+
return (index.h("svg", { class: "svg-completed", width: "96", height: "96", xmlns: "http://www.w3.org/2000/svg", role: "img" },
|
|
11674
|
+
index.h("title", null, "completed"),
|
|
11674
11675
|
index.h("defs", null,
|
|
11675
11676
|
index.h("filter", { x: "-34.4%", y: "-34.4%", width: "181.2%", height: "181.2%", filterUnits: "objectBoundingBox", id: "svg-completed-a" },
|
|
11676
11677
|
index.h("feOffset", { dx: "4", dy: "4", in: "SourceAlpha", result: "shadowOffsetOuter1" }),
|
|
@@ -11684,7 +11685,8 @@ const SVGCompleted = () => {
|
|
|
11684
11685
|
index.h("path", { transform: "translate(4 4)", d: "M35.632 41.824a2.1 2.1 0 00-3.064 2.872l8.892 9.485 14.482-15.655a2.1 2.1 0 00-3.084-2.852L41.44 48.019l-5.808-6.195z", fill: "#212B36", "fill-rule": "nonzero" }))));
|
|
11685
11686
|
};
|
|
11686
11687
|
const SVGStar = () => {
|
|
11687
|
-
return (index.h("svg", { class: "svg-star", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
11688
|
+
return (index.h("svg", { class: "svg-star", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" },
|
|
11689
|
+
index.h("title", null, "star"),
|
|
11688
11690
|
index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.18052 5.14617C6.18052 5.14617 3.15324 5.49769 1.13377 5.73271C0.951755 5.75581 0.790811 5.88335 0.730457 6.07719C0.670103 6.27103 0.730457 6.47289 0.864576 6.60045C2.3648 8.03563 4.61897 10.1849 4.61897 10.1849C4.61705 10.1849 4.00011 13.3113 3.59008 15.3974C3.55559 15.5862 3.62075 15.7861 3.77785 15.9055C3.934 16.025 4.13519 16.0271 4.29326 15.9337C6.05981 14.8811 8.7058 13.2983 8.7058 13.2983C8.7058 13.2983 11.3527 14.8811 13.1164 15.9346C13.2773 16.0271 13.4786 16.025 13.6347 15.9055C13.7918 15.7861 13.857 15.5862 13.8215 15.3984C13.4115 13.3113 12.7955 10.1849 12.7955 10.1849C12.7955 10.1849 15.0497 8.03563 16.5499 6.60345C16.6841 6.47189 16.7434 6.27002 16.6841 6.07719C16.6246 5.88436 16.4637 5.75681 16.2817 5.73471C14.2622 5.49769 11.234 5.14617 11.234 5.14617C11.234 5.14617 9.97898 2.23563 9.14264 0.295272C9.06409 0.121523 8.89932 0 8.7058 0C8.51229 0 8.34655 0.122528 8.27182 0.295272C7.43454 2.23563 6.18052 5.14617 6.18052 5.14617Z" })));
|
|
11689
11691
|
};
|
|
11690
11692
|
|
|
@@ -12208,7 +12210,7 @@ let CovetPicsUpload = class {
|
|
|
12208
12210
|
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 &&
|
|
12209
12211
|
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 &&
|
|
12210
12212
|
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" &&
|
|
12211
|
-
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 &&
|
|
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", type: "button" }, this.completeCloseLabel)))), !this.hideBranding &&
|
|
12212
12214
|
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)))));
|
|
12213
12215
|
}
|
|
12214
12216
|
get el() { return index.getElement(this); }
|
|
@@ -3525,11 +3525,11 @@ 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" }, 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() {
|
|
3532
|
-
return (index.h("div", { class: `loading-animation ${this.loader.isLoading ? "show" : ""}` }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" }, index.h("circle", { cx: "84", cy: "50", r: "1.23", fill: "#919eab", class: "dot-1" }, index.h("animate", { attributeName: "r", values: "10;0;0;0;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "84;84;84;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })), index.h("circle", { cx: "79.817", cy: "50", r: "10", fill: "rgba(0, 0, 0, 0.6)", class: "dot-2" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.95s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.95s" })), index.h("circle", { cx: "45.817", cy: "50", r: "10", fill: "rgba(0, 0, 0, 0.6)", class: "dot-3" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.475s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.475s" })), index.h("circle", { cx: "16", cy: "50", r: "8.77", fill: "#919eab", class: "dot-4" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })), index.h("circle", { cx: "16", cy: "50", r: "0", fill: "#919eab", class: "dot-5" }, index.h("animate", { attributeName: "r", values: "0;0;10;10;10", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "16;16;16;50;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })))));
|
|
3532
|
+
return (index.h("div", { class: `loading-animation ${this.loader.isLoading ? "show" : ""}` }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", role: "img" }, index.h("title", null, "loading more animation"), index.h("circle", { cx: "84", cy: "50", r: "1.23", fill: "#919eab", class: "dot-1" }, index.h("animate", { attributeName: "r", values: "10;0;0;0;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "84;84;84;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })), index.h("circle", { cx: "79.817", cy: "50", r: "10", fill: "rgba(0, 0, 0, 0.6)", class: "dot-2" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.95s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.95s" })), index.h("circle", { cx: "45.817", cy: "50", r: "10", fill: "rgba(0, 0, 0, 0.6)", class: "dot-3" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.475s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "-0.475s" })), index.h("circle", { cx: "16", cy: "50", r: "8.77", fill: "#919eab", class: "dot-4" }, index.h("animate", { attributeName: "r", values: "0;10;10;10;0", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "16;16;50;84;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })), index.h("circle", { cx: "16", cy: "50", r: "0", fill: "#919eab", class: "dot-5" }, index.h("animate", { attributeName: "r", values: "0;0;10;10;10", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" }), index.h("animate", { attributeName: "cx", values: "16;16;16;50;84", keyTimes: "0;0.25;0.5;0.75;1", keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1", calcMode: "spline", dur: "1.9s", repeatCount: "indefinite", begin: "0s" })))));
|
|
3533
3533
|
}
|
|
3534
3534
|
/*
|
|
3535
3535
|
* Filters
|
|
@@ -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); }
|
|
@@ -4065,7 +4065,7 @@ let CovetPicsGallerySlider = class {
|
|
|
4065
4065
|
}
|
|
4066
4066
|
render() {
|
|
4067
4067
|
if (this.items !== undefined) {
|
|
4068
|
-
return (index.h("div", { class: "gallery swiper" }, 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" }, index.h("svg", { viewBox: "0 0 100 100" }, 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" }, index.h("svg", { viewBox: "0 0 100 100" }, 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) " })))));
|
|
4068
|
+
return (index.h("div", { class: "gallery swiper" }, 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", 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", 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
4069
|
}
|
|
4070
4070
|
}
|
|
4071
4071
|
get el() { return index.getElement(this); }
|
|
@@ -4216,8 +4216,8 @@ let CovetPicsHighlighted = class {
|
|
|
4216
4216
|
}
|
|
4217
4217
|
renderControlIcon(direction) {
|
|
4218
4218
|
return direction === "next"
|
|
4219
|
-
? index.h("svg", { class: "icon-arrow", viewBox: "0 0 13 8", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z", "fill-rule": "nonzero" }))
|
|
4220
|
-
: index.h("svg", { class: "icon-arrow rotate", viewBox: "0 0 13 8", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z", "fill-rule": "nonzero" }));
|
|
4219
|
+
? index.h("svg", { class: "icon-arrow", viewBox: "0 0 13 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z", "fill-rule": "nonzero" }))
|
|
4220
|
+
: index.h("svg", { class: "icon-arrow rotate", viewBox: "0 0 13 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M3.89 7.778V6.364L1.98 4.455h10.957v-1H1.848l2.041-2.04V0L0 3.89l3.89 3.888z", "fill-rule": "nonzero" }));
|
|
4221
4221
|
}
|
|
4222
4222
|
onSliderClickHandler(e) {
|
|
4223
4223
|
if (e.keyCode === 39)
|
|
@@ -4262,7 +4262,7 @@ let CovetPicsHighlighted = class {
|
|
|
4262
4262
|
: `page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`;
|
|
4263
4263
|
}
|
|
4264
4264
|
renderSlider() {
|
|
4265
|
-
return (index.h("div", { class: `main-slider ${this.layout}` }, 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), 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" }, 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" }, this.renderControlIcon("prev"))));
|
|
4265
|
+
return (index.h("div", { class: `main-slider ${this.layout}` }, 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), 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", 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", type: "button" }, this.renderControlIcon("prev"))));
|
|
4266
4266
|
}
|
|
4267
4267
|
renderVertical() {
|
|
4268
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 })));
|
|
@@ -4325,7 +4325,7 @@ let CovetPicsHighlighted = class {
|
|
|
4325
4325
|
render() {
|
|
4326
4326
|
const showPagination = ((this.layout === "slider" && this.isMobile) || this.layout === "spotlight")
|
|
4327
4327
|
&& 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 &&
|
|
4328
|
+
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" : null }, this.renderMainLayout(), showPagination &&
|
|
4329
4329
|
index.h("span", { class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
4330
4330
|
}
|
|
4331
4331
|
get el() { return index.getElement(this); }
|