@covet-pics/covet-pics-widget 0.102.3 → 0.103.0
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_6.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +42 -43
- package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.entry.js +85 -64
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{store-282c29b0.js → store-90bc6cce.js} +11 -1
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.css +99 -1
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +90 -38
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +5 -17
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +2 -2
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +24 -2
- package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +87 -41
- package/dist/collection/services/gallery-loader-service.js +19 -24
- package/dist/collection/store/store.js +11 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-279a7ec4.entry.js +4 -0
- package/dist/covet-pics-widget/p-2a9540f2.system.entry.js +40 -0
- package/dist/covet-pics-widget/p-35423147.system.js +4 -0
- package/dist/covet-pics-widget/{p-68deb8ff.entry.js → p-3ca3af91.entry.js} +1 -1
- package/dist/covet-pics-widget/p-4ae7405d.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-62511a7e.js +4 -0
- package/dist/covet-pics-widget/{p-811ac9f9.system.entry.js → p-8df690df.system.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-63f36bb0.system.entry.js → p-91096cc5.system.entry.js} +1 -1
- package/dist/covet-pics-widget/p-b0432848.entry.js +40 -0
- package/dist/covet-pics-widget/{p-9f01f14b.entry.js → p-be1c15a9.entry.js} +1 -1
- package/dist/covet-pics-widget/p-dbb115ef.system.js +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +1 -1
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +42 -43
- package/dist/esm/covet-pics-gallery-item_3.entry.js +1 -1
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +85 -64
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{store-70c7aba3.js → store-f4433f52.js} +11 -1
- package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +3 -3
- package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/store-f4433f52.js +4 -0
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +15 -4
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +0 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +1 -1
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +4 -0
- package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +6 -2
- package/dist/types/components.d.ts +20 -2
- package/dist/types/services/gallery-loader-service.d.ts +4 -1
- package/dist/types/store/store.d.ts +7 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-0050fc1c.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-1fa0759e.entry.js +0 -40
- package/dist/covet-pics-widget/p-4274a9af.entry.js +0 -4
- package/dist/covet-pics-widget/p-4b04d197.system.js +0 -4
- package/dist/covet-pics-widget/p-7f804c38.system.entry.js +0 -40
- package/dist/covet-pics-widget/p-919239a1.js +0 -4
- package/dist/esm-es5/store-70c7aba3.js +0 -4
|
@@ -10,7 +10,7 @@ const utils = require('./utils-d86c6d1c.js');
|
|
|
10
10
|
const lazy = require('./lazy-68db6903.js');
|
|
11
11
|
const index$1 = require('./index-f1a3a5de.js');
|
|
12
12
|
const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
|
|
13
|
-
const store = require('./store-
|
|
13
|
+
const store = require('./store-90bc6cce.js');
|
|
14
14
|
|
|
15
15
|
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-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.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: 800px){: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:auto}.footer{position:absolute}}";
|
|
16
16
|
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
const index = require('./index-d4e21dc3.js');
|
|
9
9
|
const utils$1 = require('./utils-d86c6d1c.js');
|
|
10
10
|
const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
|
|
11
|
-
const store = require('./store-
|
|
11
|
+
const store = require('./store-90bc6cce.js');
|
|
12
12
|
const lazy = require('./lazy-68db6903.js');
|
|
13
13
|
const effectFade = require('./effect-fade-085023a9.js');
|
|
14
14
|
|
|
@@ -3326,12 +3326,14 @@ var trim = String.prototype.trim ?
|
|
|
3326
3326
|
}));
|
|
3327
3327
|
});
|
|
3328
3328
|
|
|
3329
|
-
const covetPicsGalleryGridCss = ".gallery{--covet-pics-desktop-item-width:calc((100 - (var(--covet-pics-desktop-photos-per-row) - 1) * var(--covet-pics-desktop-item-padding)) / var(--covet-pics-desktop-photos-per-row));--covet-pics-mobile-item-width:calc((100 - (var(--covet-pics-mobile-photos-per-row) - 1) * var(--covet-pics-mobile-item-padding)) / var(--covet-pics-mobile-photos-per-row));--covet-pics-desktop-highlighted-width:calc(var(--covet-pics-desktop-item-width) * 2 + var(--covet-pics-desktop-item-padding));--covet-pics-mobile-highlighted-width:calc(var(--covet-pics-mobile-item-width) * 2 + var(--covet-pics-mobile-item-padding));--covet-pics-desktop-grid-space:calc(100 * 100 / var(--covet-pics-desktop-item-width) * var(--covet-pics-desktop-item-padding) / 100);--covet-pics-mobile-grid-space:calc(100 * 100 / var(--covet-pics-mobile-item-width) * var(--covet-pics-mobile-item-padding) / 100);margin:0;padding:0;list-style:none;display:block}.gallery.grid{display:grid;grid-template-columns:repeat(var(--covet-pics-mobile-photos-per-row), calc(var(--covet-pics-mobile-item-width) * 1%));-moz-column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);-webkit-column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);grid-auto-flow:dense}.grid-sizer{width:calc(var(--covet-pics-mobile-item-width) * 1%)}.gutter-sizer{width:calc(var(--covet-pics-mobile-item-padding) * 1%)}@media only screen and (min-width: 800px){.gallery.grid{grid-template-columns:repeat(var(--covet-pics-desktop-photos-per-row), calc(var(--covet-pics-desktop-item-width) * 1%));-moz-column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%);-webkit-column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%);column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%)}.grid-sizer{width:calc(var(--covet-pics-desktop-item-width) * 1%)}.gutter-sizer{width:calc(var(--covet-pics-desktop-item-padding) * 1%)}}.loading-animation{display:none;-ms-flex-pack:center;justify-content:center}.loading-animation svg{width:50px;height:50px}.loading-animation svg circle{fill:var(--covet-pics-load-more-color)}.loading-animation svg .dot-2,.loading-animation svg .dot-3{opacity:0.4}.loading-animation.show{display:-ms-flexbox;display:flex}.load-more{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-load-more{font-size:var(--covet-pics-load-more-font-size);font-weight:var(--covet-pics-load-more-font-style);font-family:inherit;color:var(--covet-pics-load-more-color);background:none;border:0px solid;margin:20px 0;display:inline-block;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.btn-load-more:hover,.btn-load-more:active,.btn-load-more:focus{opacity:0.7}.btn-load-more .icon{display:-ms-flexbox;display:flex;margin-left:8px}.btn-load-more .icon svg{width:100%;height:100%}.btn-load-more.btn_style_1{padding:0 0 var(--covet-pics-load-more-padding) 0;border-bottom:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_1 .icon{display:none}.btn-load-more.btn_style_2{padding:var(--covet-pics-load-more-padding) calc(var(--covet-pics-load-more-padding) * 2);border:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_2 .icon{display:none}.btn-load-more.btn_style_3{padding:var(--covet-pics-load-more-padding) calc(var(--covet-pics-load-more-padding) * 2);border:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_3 .icon{width:var(--covet-pics-load-more-font-size);height:var(--covet-pics-load-more-font-size);display:-ms-flexbox;display:flex;margin-left:8px}.btn-load-more.btn_style_3 .icon svg .dynamic-stroke{stroke:var(--covet-pics-load-more-color)}.btn-load-more.btn_style_4 .text{display:none}.btn-load-more.btn_style_4 .icon{width:32px;height:32px;margin:0}.btn-load-more.btn_style_4 .icon svg path{fill:var(--covet-pics-load-more-color)}.btn-load-more.btn_style_5 .text{display:none}.btn-load-more.btn_style_5 .icon{width:42px;height:42px;margin:0}.btn-load-more.btn_style_5 .icon svg path{fill:var(--covet-pics-load-more-color)}.filters .btn-filter{padding-left:var(--covet-pics-filter-padding);padding-right:var(--covet-pics-filter-padding);margin-top:var(--covet-pics-filter-padding);margin-bottom:var(--covet-pics-filter-padding);text-decoration:none;display:inline-block;text-align:center;white-space:nowrap;cursor:pointer;opacity:0.8;text-transform:uppercase;letter-spacing:1px;font-size:var(--covet-pics-filter-font-size);font-family:var(--covet-pics-font-family);font-weight:var(--covet-pics-filter-font-weight);color:var(--covet-pics-filter-font-color);border:none;background-color:transparent;outline:none !important}.filters .btn-filter:hover,.filters .btn-filter:active,.filters .btn-filter:focus,.filters .btn-filter.selected{opacity:1}.filters .btn-filter+.btn-filter{border-left:1px solid var(--covet-pics-filter-font-color);line-height:var(--covet-pics-filter-font-size)}";
|
|
3329
|
+
const covetPicsGalleryGridCss = ".gallery{--covet-pics-desktop-item-width:calc((100 - (var(--covet-pics-desktop-photos-per-row) - 1) * var(--covet-pics-desktop-item-padding)) / var(--covet-pics-desktop-photos-per-row));--covet-pics-mobile-item-width:calc((100 - (var(--covet-pics-mobile-photos-per-row) - 1) * var(--covet-pics-mobile-item-padding)) / var(--covet-pics-mobile-photos-per-row));--covet-pics-desktop-highlighted-width:calc(var(--covet-pics-desktop-item-width) * 2 + var(--covet-pics-desktop-item-padding));--covet-pics-mobile-highlighted-width:calc(var(--covet-pics-mobile-item-width) * 2 + var(--covet-pics-mobile-item-padding));--covet-pics-desktop-grid-space:calc(100 * 100 / var(--covet-pics-desktop-item-width) * var(--covet-pics-desktop-item-padding) / 100);--covet-pics-mobile-grid-space:calc(100 * 100 / var(--covet-pics-mobile-item-width) * var(--covet-pics-mobile-item-padding) / 100);margin:0;padding:0;list-style:none;display:block}.gallery.grid{display:grid;grid-template-columns:repeat(var(--covet-pics-mobile-photos-per-row), calc(var(--covet-pics-mobile-item-width) * 1%));-moz-column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);-webkit-column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);column-gap:calc(var(--covet-pics-mobile-item-padding) * 1%);grid-auto-flow:dense}.grid-sizer{width:calc(var(--covet-pics-mobile-item-width) * 1%)}.gutter-sizer{width:calc(var(--covet-pics-mobile-item-padding) * 1%)}@media only screen and (min-width: 800px){.gallery.grid{grid-template-columns:repeat(var(--covet-pics-desktop-photos-per-row), calc(var(--covet-pics-desktop-item-width) * 1%));-moz-column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%);-webkit-column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%);column-gap:calc(var(--covet-pics-desktop-item-padding) * 1%)}.grid-sizer{width:calc(var(--covet-pics-desktop-item-width) * 1%)}.gutter-sizer{width:calc(var(--covet-pics-desktop-item-padding) * 1%)}}.loading-animation{display:none;-ms-flex-pack:center;justify-content:center}.loading-animation svg{width:50px;height:50px}.loading-animation svg circle{fill:var(--covet-pics-load-more-color)}.loading-animation svg .dot-2,.loading-animation svg .dot-3{opacity:0.4}.loading-animation.show{display:-ms-flexbox;display:flex}.load-more{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.btn-load-more{font-size:var(--covet-pics-load-more-font-size);font-weight:var(--covet-pics-load-more-font-style);font-family:inherit;color:var(--covet-pics-load-more-color);background:none;border:0px solid;margin:20px 0;display:inline-block;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.btn-load-more:hover,.btn-load-more:active,.btn-load-more:focus{opacity:0.7}.btn-load-more .icon{display:-ms-flexbox;display:flex;margin-left:8px}.btn-load-more .icon svg{width:100%;height:100%}.btn-load-more.btn_style_1{padding:0 0 var(--covet-pics-load-more-padding) 0;border-bottom:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_1 .icon{display:none}.btn-load-more.btn_style_2{padding:var(--covet-pics-load-more-padding) calc(var(--covet-pics-load-more-padding) * 2);border:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_2 .icon{display:none}.btn-load-more.btn_style_3{padding:var(--covet-pics-load-more-padding) calc(var(--covet-pics-load-more-padding) * 2);border:var(--covet-pics-load-more-border) solid var(--covet-pics-load-more-color)}.btn-load-more.btn_style_3 .icon{width:var(--covet-pics-load-more-font-size);height:var(--covet-pics-load-more-font-size);display:-ms-flexbox;display:flex;margin-left:8px}.btn-load-more.btn_style_3 .icon svg .dynamic-stroke{stroke:var(--covet-pics-load-more-color)}.btn-load-more.btn_style_4 .text{display:none}.btn-load-more.btn_style_4 .icon{width:32px;height:32px;margin:0}.btn-load-more.btn_style_4 .icon svg path{fill:var(--covet-pics-load-more-color)}.btn-load-more.btn_style_5 .text{display:none}.btn-load-more.btn_style_5 .icon{width:42px;height:42px;margin:0}.btn-load-more.btn_style_5 .icon svg path{fill:var(--covet-pics-load-more-color)}.filters .btn-filter{padding-left:var(--covet-pics-filter-padding);padding-right:var(--covet-pics-filter-padding);margin-top:var(--covet-pics-filter-padding);margin-bottom:var(--covet-pics-filter-padding);text-decoration:none;display:inline-block;text-align:center;white-space:nowrap;cursor:pointer;opacity:0.8;text-transform:uppercase;letter-spacing:1px;font-size:var(--covet-pics-filter-font-size);font-family:var(--covet-pics-font-family);font-weight:var(--covet-pics-filter-font-weight);color:var(--covet-pics-filter-font-color);border:none;background-color:transparent;outline:none !important}.filters .btn-filter:hover,.filters .btn-filter:active,.filters .btn-filter:focus,.filters .btn-filter.selected{opacity:1}.filters .btn-filter+.btn-filter{border-left:1px solid var(--covet-pics-filter-font-color);line-height:var(--covet-pics-filter-font-size)}.sorting{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:26px;margin-top:26px;margin-right:20px;position:relative}.sort-title{font-size:14px;font-weight:700;color:#919EAB}.sort-btn{background-color:white;border:none;color:#919EAB;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sort-select{position:absolute;display:block;top:0;right:0;color:#919EAB;font-size:14px;background-color:white;-webkit-transform:translateY(30px);transform:translateY(30px);max-height:0;overflow:hidden;cursor:pointer;opacity:0;padding:0;margin:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:4px;border:1px solid transparent}.sort-select.show-sort{-webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:1px solid #ECECEC;opacity:1;z-index:1000;max-height:1000px}.sort-check{width:12px;height:9px;margin-right:12px}.sort-check path{-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;stroke:transparent}.sort__dropdown-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;list-style:none;padding:12px 35px 0px 23px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sort__dropdown-item:first-of-type{padding-top:23px}.sort__dropdown-item:last-of-type{padding-bottom:23px}.sort__dropdown-item.active{color:#626C75}.sort__dropdown-item.active .sort-check{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.sort__dropdown-item.active .sort-check path{stroke:#919EAB}.sort__dropdown-item:hover,.sort__dropdown-item:active,.sort__dropdown-item:focus{color:#626C75}.sort-arrow{margin-left:7px;width:9px;height:6px}.sort-arrow-down{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}";
|
|
3330
3330
|
|
|
3331
3331
|
const CovetPicsGalleryGrid = class {
|
|
3332
3332
|
constructor(hostRef) {
|
|
3333
3333
|
index.registerInstance(this, hostRef);
|
|
3334
3334
|
this.nextPage = index.createEvent(this, "nextPage", 7);
|
|
3335
|
+
this.sortUpdated = index.createEvent(this, "sortUpdated", 7);
|
|
3336
|
+
this.filtersUpdated = index.createEvent(this, "filtersUpdated", 7);
|
|
3335
3337
|
/**
|
|
3336
3338
|
* Number of CovetGalleryItems to show per row on large screens (>=800px)
|
|
3337
3339
|
*/
|
|
@@ -3411,18 +3413,18 @@ const CovetPicsGalleryGrid = class {
|
|
|
3411
3413
|
this.filtersEnabled = false;
|
|
3412
3414
|
this.filtersMultiselect = false;
|
|
3413
3415
|
this.filters = {};
|
|
3416
|
+
/*
|
|
3417
|
+
* Gallery sorting
|
|
3418
|
+
*/
|
|
3419
|
+
this.showHeaders = false;
|
|
3414
3420
|
/*
|
|
3415
3421
|
* item layout (standard or basic-1 - basic-5 for review)
|
|
3416
3422
|
*/
|
|
3417
3423
|
this.itemStyle = "standard";
|
|
3418
3424
|
this.isLoading = false;
|
|
3425
|
+
this.showSort = false;
|
|
3419
3426
|
this.selectedItemIndex = null;
|
|
3420
3427
|
this.isGridDisabled = false;
|
|
3421
|
-
this.loadMoreClickedHandler = (event) => {
|
|
3422
|
-
event.preventDefault();
|
|
3423
|
-
event.stopPropagation();
|
|
3424
|
-
this.nextPage.emit(event);
|
|
3425
|
-
};
|
|
3426
3428
|
this.filterChangedHandler = (event) => {
|
|
3427
3429
|
event.preventDefault();
|
|
3428
3430
|
event.stopPropagation();
|
|
@@ -3439,6 +3441,11 @@ const CovetPicsGalleryGrid = class {
|
|
|
3439
3441
|
this.resetFilters();
|
|
3440
3442
|
this.fetchFilteredItems();
|
|
3441
3443
|
};
|
|
3444
|
+
this.loadMoreClickedHandler = (event) => {
|
|
3445
|
+
event.preventDefault();
|
|
3446
|
+
event.stopPropagation();
|
|
3447
|
+
this.nextPage.emit(event);
|
|
3448
|
+
};
|
|
3442
3449
|
this.scrollHandler = (event) => {
|
|
3443
3450
|
let elBottomPosition = utils$1.getSize(this.el, "bottom");
|
|
3444
3451
|
let toBottom = Math.max(elBottomPosition - store.state.windowHeight, 0);
|
|
@@ -3446,6 +3453,13 @@ const CovetPicsGalleryGrid = class {
|
|
|
3446
3453
|
this.nextPage.emit(event);
|
|
3447
3454
|
}
|
|
3448
3455
|
};
|
|
3456
|
+
this.onSelectUpdate = (event) => {
|
|
3457
|
+
event.preventDefault();
|
|
3458
|
+
event.stopPropagation();
|
|
3459
|
+
this.showSort = !this.showSort;
|
|
3460
|
+
store.state.sortType.selected = event.target.ariaSelected;
|
|
3461
|
+
this.sortUpdated.emit(event.target.ariaSelected);
|
|
3462
|
+
};
|
|
3449
3463
|
}
|
|
3450
3464
|
/**
|
|
3451
3465
|
* after CovetGalleryItem image is loaded, refresh layout
|
|
@@ -3468,16 +3482,6 @@ const CovetPicsGalleryGrid = class {
|
|
|
3468
3482
|
this.preloadNextPage(event);
|
|
3469
3483
|
}
|
|
3470
3484
|
}
|
|
3471
|
-
nextPageHandler() {
|
|
3472
|
-
this.isLoading = true;
|
|
3473
|
-
const filters = this.filtersSelected();
|
|
3474
|
-
this.loader.fetchItems(filters).then(json => {
|
|
3475
|
-
if (json) {
|
|
3476
|
-
this.items = [...this.items, ...json.items];
|
|
3477
|
-
}
|
|
3478
|
-
this.isLoading = this.loader.isLoading;
|
|
3479
|
-
});
|
|
3480
|
-
}
|
|
3481
3485
|
prevPopupHandler() {
|
|
3482
3486
|
if (this.selectedItemIndex > 0) {
|
|
3483
3487
|
--this.selectedItemIndex;
|
|
@@ -3589,9 +3593,6 @@ const CovetPicsGalleryGrid = class {
|
|
|
3589
3593
|
this.iso.reloadItems();
|
|
3590
3594
|
this.iso.arrange();
|
|
3591
3595
|
}
|
|
3592
|
-
filtersSelected() {
|
|
3593
|
-
return Object.keys(this.filters).filter(f => this.filters[f]);
|
|
3594
|
-
}
|
|
3595
3596
|
initIsotope() {
|
|
3596
3597
|
const galleryNode = this.el.querySelector(".gallery");
|
|
3597
3598
|
if (galleryNode !== null) {
|
|
@@ -3655,18 +3656,17 @@ const CovetPicsGalleryGrid = class {
|
|
|
3655
3656
|
}
|
|
3656
3657
|
resetFilters() {
|
|
3657
3658
|
Object.keys(this.filters).forEach(f => this.filters[f] = false);
|
|
3659
|
+
this.loader.setSelectedFilters([]);
|
|
3658
3660
|
if (this.loader.previewMode) {
|
|
3659
3661
|
delete this.loader.previewSettings["filters"];
|
|
3660
3662
|
}
|
|
3661
3663
|
}
|
|
3662
3664
|
fetchFilteredItems() {
|
|
3663
|
-
this.loader.
|
|
3664
|
-
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
}
|
|
3669
|
-
});
|
|
3665
|
+
this.loader.setSelectedFilters(this.filtersSelected());
|
|
3666
|
+
this.filtersUpdated.emit();
|
|
3667
|
+
}
|
|
3668
|
+
filtersSelected() {
|
|
3669
|
+
return Object.keys(this.filters).filter(f => this.filters[f]);
|
|
3670
3670
|
}
|
|
3671
3671
|
getFilterCSSVariables() {
|
|
3672
3672
|
return {
|
|
@@ -3677,9 +3677,10 @@ const CovetPicsGalleryGrid = class {
|
|
|
3677
3677
|
};
|
|
3678
3678
|
}
|
|
3679
3679
|
renderFilters() {
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3680
|
+
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.isGridDisabled, 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.isGridDisabled, type: "button" }, filter))));
|
|
3681
|
+
}
|
|
3682
|
+
renderSort() {
|
|
3683
|
+
return (index.h("div", { class: "sorting" }, index.h("span", { class: "sort-title" }, "Sorted by :"), index.h("button", { class: "sort-btn", onClick: () => this.showSort = !this.showSort }, store.state.sortType.options.find(el => el.value === store.state.sortType.selected).name, index.h("svg", { class: `sort-arrow ${this.showSort ? "sort-arrow-down" : ""}`, viewBox: "0 0 9 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M4.8916 5.50671C4.69142 5.75887 4.30858 5.75887 4.10839 5.50671L0.380581 0.810878C0.120451 0.483199 0.353806 0 0.772186 0L8.22781 0C8.64619 0 8.87955 0.483199 8.61942 0.810878L4.8916 5.50671Z", fill: "#919EAB" }))), index.h("ul", { class: `sort-select ${this.showSort ? "show-sort" : ""}` }, store.state.sortType.options.map(el => index.h("li", { class: `sort__dropdown-item ${el.value === store.state.sortType.selected ? "active" : ""}`, "aria-selected": el.value, onClick: this.onSelectUpdate }, index.h("svg", { class: "sort-check", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M10.7273 1.5L4.72727 7.5L2 4.77273", stroke: "#919EAB", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), el.name)))));
|
|
3683
3684
|
}
|
|
3684
3685
|
itemImgAltTag(caption, idx, itemsLength, createdTime, layout) {
|
|
3685
3686
|
return caption && caption.length > 0
|
|
@@ -3710,7 +3711,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3710
3711
|
}
|
|
3711
3712
|
render() {
|
|
3712
3713
|
if (typeof this.items !== "undefined" && typeof this.loader !== "undefined") {
|
|
3713
|
-
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.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3714
|
+
return (index.h(index.Host, null, this.filtersEnabled && this.renderFilters(), this.showHeaders && this.renderSort(), 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.itemStyle === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3714
3715
|
? this.renderStandardUploadItem(item)
|
|
3715
3716
|
: this.renderStandardItem(item, idx, this.items.length)), this.itemStyle !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3716
3717
|
? this.renderDetailUploadItem(item)
|
|
@@ -4011,15 +4012,6 @@ const CovetPicsGallerySlider = class {
|
|
|
4011
4012
|
itemsChangeHandler(newValue) {
|
|
4012
4013
|
this.popup.items = newValue;
|
|
4013
4014
|
}
|
|
4014
|
-
// TODO add upload widget
|
|
4015
|
-
nextPageHandler() {
|
|
4016
|
-
this.loader.fetchItems().then(json => {
|
|
4017
|
-
if (json) {
|
|
4018
|
-
this.fixSliderHeight();
|
|
4019
|
-
this.items = [...this.items, ...json.items];
|
|
4020
|
-
}
|
|
4021
|
-
});
|
|
4022
|
-
}
|
|
4023
4015
|
prevPopupHandler() {
|
|
4024
4016
|
if (this.swiper.allowSlidePrev) {
|
|
4025
4017
|
this.swiper.slidePrev();
|
|
@@ -4113,7 +4105,10 @@ const CovetPicsGallerySlider = class {
|
|
|
4113
4105
|
});
|
|
4114
4106
|
if (this.autoLoadMore) {
|
|
4115
4107
|
// Load new Cells only if autoload enabled
|
|
4116
|
-
this.swiper.on("reachEnd", () =>
|
|
4108
|
+
this.swiper.on("reachEnd", () => {
|
|
4109
|
+
this.fixSliderHeight();
|
|
4110
|
+
this.nextPage.emit();
|
|
4111
|
+
});
|
|
4117
4112
|
}
|
|
4118
4113
|
}
|
|
4119
4114
|
fixSliderHeight() {
|
|
@@ -4227,6 +4222,10 @@ const CovetPicsHighlighted = class {
|
|
|
4227
4222
|
* Show price for tagged products
|
|
4228
4223
|
*/
|
|
4229
4224
|
this.showPrice = true;
|
|
4225
|
+
/**
|
|
4226
|
+
* Show review text & rating
|
|
4227
|
+
*/
|
|
4228
|
+
this.showReview = true;
|
|
4230
4229
|
/**
|
|
4231
4230
|
* Primary Color
|
|
4232
4231
|
*/
|
|
@@ -4421,10 +4420,10 @@ const CovetPicsHighlighted = class {
|
|
|
4421
4420
|
return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
|
|
4422
4421
|
}
|
|
4423
4422
|
renderSlider() {
|
|
4424
|
-
return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), 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: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0 })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("prev"))));
|
|
4423
|
+
return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), 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: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, showReview: this.showReview })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("prev"))));
|
|
4425
4424
|
}
|
|
4426
4425
|
renderVertical() {
|
|
4427
|
-
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), 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: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && store.state.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type })));
|
|
4426
|
+
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), 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: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && store.state.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, showReview: this.showReview })));
|
|
4428
4427
|
}
|
|
4429
4428
|
async mainSliderAnimationLoop() {
|
|
4430
4429
|
if (this.mainSliderAnimatingSlides.length !== 0) {
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
const index = require('./index-d4e21dc3.js');
|
|
9
9
|
const utils = require('./utils-d86c6d1c.js');
|
|
10
10
|
const index$1 = require('./index-f1a3a5de.js');
|
|
11
|
-
const store = require('./store-
|
|
11
|
+
const store = require('./store-90bc6cce.js');
|
|
12
12
|
|
|
13
13
|
const covetPicsGalleryItemCss = ".upload-widget{cursor:pointer;background-color:#FCFDFF;outline:none !important}@media (any-hover: hover){.upload-widget:hover .default-cover,.upload-widget:hover .custom-img-wrap,.upload-widget:active .default-cover,.upload-widget:active .custom-img-wrap,.upload-widget:focus .default-cover,.upload-widget:focus .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (any-hover: none){.upload-widget .default-cover,.upload-widget .custom-img-wrap{-webkit-transform:scale(1.05);transform:scale(1.05)}}.upload-widget .info{top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:1;padding:0;width:100%;height:100%}.upload-widget .default-cover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;margin:24px;position:relative}@media only screen and (max-width: 799.98px){.upload-widget .default-cover{margin:16px}}.upload-widget .custom-img-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.upload-widget .svg-plus{width:48px;height:48px}@media only screen and (max-width: 799.98px){.upload-widget .svg-plus{width:40px;height:40px}}.upload-widget .btn{font-weight:normal;font-size:12.8px;color:#464858;text-decoration:none;margin-top:24px;border:none;text-transform:uppercase;overflow:hidden;text-align:center;line-height:17.92px;max-height:35.84px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.upload-widget .img{width:100%}covet-pics-gallery-item.hover-animation-1.text-review{display:block}covet-pics-gallery-item.hover-animation-1.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-1 .info{text-align:center;top:50%;visibility:visible;-webkit-transform:translateY(calc(-50% + 10px));transform:translateY(calc(-50% + 10px));-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;z-index:5}covet-pics-gallery-item.hover-animation-1 .info .btn{padding-bottom:6px}covet-pics-gallery-item.hover-animation-1 .info .btn:after{-webkit-transition:width 0.35s ease-out;transition:width 0.35s ease-out;content:\"\";display:block;position:absolute;left:0;bottom:0;width:0;height:1px}covet-pics-gallery-item.hover-animation-1 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-1 .description.size-sm,covet-pics-gallery-item.hover-animation-1 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-1 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-1 .item-open-icon{margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-1 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 30px);transform:translate(-50%, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-1 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-1 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-1 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .name-data.text-review{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .name-data.star-only{-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-1 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-1 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-1 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-1:hover .info,covet-pics-gallery-item.hover-animation-1:active .info,covet-pics-gallery-item.hover-animation-1:focus .info,covet-pics-gallery-item.hover-animation-1.hover-preview .info{-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-1:hover .btn:after,covet-pics-gallery-item.hover-animation-1:active .btn:after,covet-pics-gallery-item.hover-animation-1:focus .btn:after,covet-pics-gallery-item.hover-animation-1.hover-preview .btn:after{width:100%}covet-pics-gallery-item.hover-animation-1:hover .item-open-icon,covet-pics-gallery-item.hover-animation-1:active .item-open-icon,covet-pics-gallery-item.hover-animation-1:focus .item-open-icon,covet-pics-gallery-item.hover-animation-1.hover-preview .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-1:hover .info .btn,covet-pics-gallery-item.hover-animation-1:active .info .btn,covet-pics-gallery-item.hover-animation-1:focus .info .btn,covet-pics-gallery-item.hover-animation-1.hover-preview .info .btn{border-bottom-width:1px}covet-pics-gallery-item.hover-animation-1:hover .rating,covet-pics-gallery-item.hover-animation-1:active .rating,covet-pics-gallery-item.hover-animation-1:focus .rating,covet-pics-gallery-item.hover-animation-1.hover-preview .rating{opacity:1;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-1:hover .name-data,covet-pics-gallery-item.hover-animation-1:active .name-data,covet-pics-gallery-item.hover-animation-1:focus .name-data,covet-pics-gallery-item.hover-animation-1.hover-preview .name-data{opacity:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px)}covet-pics-gallery-item.hover-animation-1:hover .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:active .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1:focus .overlay-effect.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-1:hover .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:active .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1:focus .svg-star.text-review path,covet-pics-gallery-item.hover-animation-1.hover-preview .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:active .rating-data.text-review,covet-pics-gallery-item.hover-animation-1:focus .rating-data.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:active .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1:focus .rating-data.tstar-only,covet-pics-gallery-item.hover-animation-1.hover-preview .rating-data.tstar-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.text-review,covet-pics-gallery-item.hover-animation-1:active .username.text-review,covet-pics-gallery-item.hover-animation-1:focus .username.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .username.star-only,covet-pics-gallery-item.hover-animation-1:active .username.star-only,covet-pics-gallery-item.hover-animation-1:focus .username.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.text-review,covet-pics-gallery-item.hover-animation-1:active .slash.text-review,covet-pics-gallery-item.hover-animation-1:focus .slash.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .slash.star-only,covet-pics-gallery-item.hover-animation-1:active .slash.star-only,covet-pics-gallery-item.hover-animation-1:focus .slash.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.text-review,covet-pics-gallery-item.hover-animation-1:active .created-time.text-review,covet-pics-gallery-item.hover-animation-1:focus .created-time.text-review,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-1:hover .created-time.star-only,covet-pics-gallery-item.hover-animation-1:active .created-time.star-only,covet-pics-gallery-item.hover-animation-1:focus .created-time.star-only,covet-pics-gallery-item.hover-animation-1.hover-preview .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2.text-review{position:relative;display:block}covet-pics-gallery-item.hover-animation-2.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-2 .info{-webkit-transform:none;transform:none;text-align:left;bottom:35px;padding:0;top:auto;right:auto;-webkit-transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);z-index:5}covet-pics-gallery-item.hover-animation-2 .info.size-xs{left:0;bottom:16px}covet-pics-gallery-item.hover-animation-2 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:35px}covet-pics-gallery-item.hover-animation-2 .info .btn .icon-arrow{margin-bottom:8px}covet-pics-gallery-item.hover-animation-2 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-2 .description.size-sm,covet-pics-gallery-item.hover-animation-2 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-2 .caption{text-align:center;width:100%;position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-2 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-2 .rating{position:absolute;z-index:4;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating.size-xs{left:0;-webkit-transform:translateY(16px);transform:translateY(16px)}covet-pics-gallery-item.hover-animation-2 .rating.text-review{-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px);opacity:1}covet-pics-gallery-item.hover-animation-2 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-2 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-2 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-2 .svg-star.text-review path{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .rating-data.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;top:0;left:0;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:calc(100% - 80px - 22px);width:100%;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;padding-right:3px}covet-pics-gallery-item.hover-animation-2 .name-data.text-review{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .name-data.star-only{-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px);opacity:1}covet-pics-gallery-item.hover-animation-2 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time{display:block;font-size:14px;line-height:1.4;max-width:100%;color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item.hover-animation-2 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-2 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-2 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .info,covet-pics-gallery-item:active.hover-animation-2 .info,covet-pics-gallery-item:focus.hover-animation-2 .info,covet-pics-gallery-item.hover-preview.hover-animation-2 .info{-webkit-transform:translateX(40px);transform:translateX(40px);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-2 .info.size-xs,covet-pics-gallery-item:active.hover-animation-2 .info.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .info.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .info.size-xs{-webkit-transform:translateX(16px);transform:translateX(16px)}covet-pics-gallery-item:hover.hover-animation-2 .item-open-icon,covet-pics-gallery-item:active.hover-animation-2 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-2 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-2 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-2 .rating,covet-pics-gallery-item:active.hover-animation-2 .rating,covet-pics-gallery-item:focus.hover-animation-2 .rating,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating{opacity:1;-webkit-transform:translate(-40px, 32px);transform:translate(-40px, 32px)}covet-pics-gallery-item:hover.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:active.hover-animation-2 .rating.size-xs,covet-pics-gallery-item:focus.hover-animation-2 .rating.size-xs,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating.size-xs{-webkit-transform:translate(16px, 16px);transform:translate(16px, 16px)}covet-pics-gallery-item:hover.hover-animation-2 .name-data,covet-pics-gallery-item:active.hover-animation-2 .name-data,covet-pics-gallery-item:focus.hover-animation-2 .name-data,covet-pics-gallery-item.hover-preview.hover-animation-2 .name-data{opacity:1;-webkit-transform:translate(40px, 30px);transform:translate(40px, 30px)}covet-pics-gallery-item:hover.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-2 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);opacity:1;z-index:3}covet-pics-gallery-item:hover.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:active.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item:focus.hover-animation-2 .svg-star.text-review path,covet-pics-gallery-item.hover-preview.hover-animation-2 .svg-star.text-review path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:active.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item:focus.hover-animation-2 .rating-data.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .rating-data.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.text-review,covet-pics-gallery-item:active.hover-animation-2 .username.text-review,covet-pics-gallery-item:focus.hover-animation-2 .username.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .username.star-only,covet-pics-gallery-item:active.hover-animation-2 .username.star-only,covet-pics-gallery-item:focus.hover-animation-2 .username.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .username.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.text-review,covet-pics-gallery-item:active.hover-animation-2 .slash.text-review,covet-pics-gallery-item:focus.hover-animation-2 .slash.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .slash.star-only,covet-pics-gallery-item:active.hover-animation-2 .slash.star-only,covet-pics-gallery-item:focus.hover-animation-2 .slash.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .slash.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:active.hover-animation-2 .created-time.text-review,covet-pics-gallery-item:focus.hover-animation-2 .created-time.text-review,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.text-review{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item:hover.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:active.hover-animation-2 .created-time.star-only,covet-pics-gallery-item:focus.hover-animation-2 .created-time.star-only,covet-pics-gallery-item.hover-preview.hover-animation-2 .created-time.star-only{color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3.text-review{display:block}covet-pics-gallery-item.hover-animation-3.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 8px)}covet-pics-gallery-item.hover-animation-3 .info{-webkit-transform:none;transform:none;text-align:center;width:70%;height:70%;top:0;bottom:0;right:0;border-right:2px solid var(--covet-pics-item-label-color);border-bottom:2px solid var(--covet-pics-item-label-color);visibility:visible !important;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}covet-pics-gallery-item.hover-animation-3 .info .btn{position:relative;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3}covet-pics-gallery-item.hover-animation-3 .info .btn.star-rating{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto;overflow:hidden;left:50%;top:50%;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:3}covet-pics-gallery-item.hover-animation-3 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-3 .description.size-sm,covet-pics-gallery-item.hover-animation-3 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-3 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-3 .item-open-icon{margin:0 auto;margin-bottom:12px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-3 .rating.text-review{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-3 .rating.info-rating{position:relative;z-index:4;left:0;display:-ms-flexbox;display:flex;-webkit-transform:none;transform:none;-ms-flex-align:center;align-items:center;margin-left:13px;padding-left:13px}covet-pics-gallery-item.hover-animation-3 .rating.info-rating:before{content:\"\";display:block;position:absolute;width:1px;height:14px;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-3 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-3 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-3 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-3 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .name-data{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -10px);transform:translate(-50%, -10px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-3 .name-data.text-review{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .name-data.star-only{z-index:1;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);opacity:1}covet-pics-gallery-item.hover-animation-3 .username{line-height:1.4;font-size:14px;color:var(--covet-pics-item-label-color);margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .username.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .username.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash{font-size:14px;color:var(--covet-pics-item-label-color);margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-3 .slash.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .slash.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:var(--covet-pics-item-label-color);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-3 .created-time.text-review{color:#000000}covet-pics-gallery-item.hover-animation-3 .created-time.star-only{color:#000000}covet-pics-gallery-item.hover-animation-3 .overlay-effect.text-review{display:block;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .info,covet-pics-gallery-item:active.hover-animation-3 .info,covet-pics-gallery-item:focus.hover-animation-3 .info,covet-pics-gallery-item.hover-preview.hover-animation-3 .info{width:85%;height:85%;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-3 .item-open-icon,covet-pics-gallery-item:active.hover-animation-3 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-3 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-3 .item-open-icon{visibility:visible}covet-pics-gallery-item:hover.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-3 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-3 .overlay-effect.text-review{background:var(--covet-pics-item-hover-color-to);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:1;z-index:3}covet-pics-gallery-item.hover-animation-4.text-review{display:block}covet-pics-gallery-item.hover-animation-4.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-4 .info{text-align:center;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0;width:75%;padding:0 25px;top:auto !important;visibility:visible;opacity:1;background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .info .btn{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;width:100%;padding:40px 0 40px 0;text-align:left}covet-pics-gallery-item.hover-animation-4 .info .btn .dynamic-fill{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .overlay-effect{background-color:var(--covet-pics-item-hover-border-color)}covet-pics-gallery-item.hover-animation-4 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-4 .description.size-sm,covet-pics-gallery-item.hover-animation-4 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-4 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-4 .item-open-icon{position:absolute;z-index:4;right:0;margin:18px 18px;display:block;visibility:hidden}covet-pics-gallery-item.hover-animation-4 .rating{position:relative;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}covet-pics-gallery-item.hover-animation-4 .rating.text-review{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-4 .icon-star{width:10px;height:10px;display:-ms-flexbox;display:flex}covet-pics-gallery-item.hover-animation-4 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-4 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .svg-star.text-review path{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;fill:#000000}covet-pics-gallery-item.hover-animation-4 .rating-data{line-height:1.4;font-size:14px;margin-left:4px;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-4 .rating-data.text-review{color:#000000}covet-pics-gallery-item.hover-animation-4 .name-data.text-review,covet-pics-gallery-item.hover-animation-4 .name-data.star-only{z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-4 .username.text-review,covet-pics-gallery-item.hover-animation-4 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-4 .slash.text-review,covet-pics-gallery-item.hover-animation-4 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-4 .created-time.text-review,covet-pics-gallery-item.hover-animation-4 .created-time.star-only{display:block;font-size:14px;line-height:1.4;color:#000000;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item:hover.hover-animation-4 .info,covet-pics-gallery-item:active.hover-animation-4 .info,covet-pics-gallery-item:focus.hover-animation-4 .info,covet-pics-gallery-item.hover-preview.hover-animation-4 .info{opacity:1;z-index:5;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect{opacity:0.2}covet-pics-gallery-item:hover.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:active.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item:focus.hover-animation-4 .overlay-effect.text-review,covet-pics-gallery-item.hover-preview.hover-animation-4 .overlay-effect.text-review{opacity:0}covet-pics-gallery-item:hover.hover-animation-4 .item-open-icon,covet-pics-gallery-item:active.hover-animation-4 .item-open-icon,covet-pics-gallery-item:focus.hover-animation-4 .item-open-icon,covet-pics-gallery-item.hover-preview.hover-animation-4 .item-open-icon{visibility:visible}covet-pics-gallery-item.hover-animation-5.text-review{display:block}covet-pics-gallery-item.hover-animation-5.text-review:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:calc(100% - 7px)}covet-pics-gallery-item.hover-animation-5 .info{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:right;bottom:-10px;height:40px;left:auto;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;padding:0;-webkit-transform:translateY(25px);transform:translateY(25px);right:40px;visibility:visible !important;top:auto !important}covet-pics-gallery-item.hover-animation-5 .info .btn{position:relative;display:inline-block;margin:0 !important;overflow:hidden;cursor:pointer;padding:0;line-height:40px}covet-pics-gallery-item.hover-animation-5 .info .btn.source-instagram.show{padding-right:calc(var(--covet-pics-item-label-font-size) + 10px)}covet-pics-gallery-item.hover-animation-5 .description{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;top:0;left:0;height:100%;width:100%;padding:32px}covet-pics-gallery-item.hover-animation-5 .description.size-sm,covet-pics-gallery-item.hover-animation-5 .description.size-xs{padding-top:50px;padding-bottom:50px}covet-pics-gallery-item.hover-animation-5 .caption{position:relative;text-align:center;width:100%;height:100%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--covet-pics-item-detail-caption-font-size);line-height:1.4;max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);margin:auto}covet-pics-gallery-item.hover-animation-5 .item-open-icon{display:block}covet-pics-gallery-item.hover-animation-5 .overlay-effect{visibility:hidden;display:block;opacity:1;border:1px solid #000000;border-color:var(--covet-pics-item-hover-border-color);background:none}covet-pics-gallery-item.hover-animation-5 .item-open-icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);right:0}covet-pics-gallery-item.hover-animation-5 .rating{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:40px;padding-right:40px;-webkit-transform:translateY(-27px);transform:translateY(-27px);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;z-index:4}covet-pics-gallery-item.hover-animation-5 .rating.text-review{z-index:1;position:absolute;width:auto;height:auto;top:0;left:50%;-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation-5 .icon-star{display:-ms-flexbox;display:flex;width:10px;height:10px;margin-right:10px;opacity:0.5}covet-pics-gallery-item.hover-animation-5 .icon-star.active{opacity:1}covet-pics-gallery-item.hover-animation-5 .icon-star.active .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review{margin-right:0}covet-pics-gallery-item.hover-animation-5 .icon-star.active.text-review .svg-star path{fill:#000000}covet-pics-gallery-item.hover-animation-5 .svg-star{width:100%;height:100%}covet-pics-gallery-item.hover-animation-5 .svg-star path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data{line-height:1.4;font-size:15px;font-weight:bold;margin-left:auto;color:var(--covet-pics-item-label-color)}covet-pics-gallery-item.hover-animation-5 .rating-data.text-review{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .rating-data.star-only{color:#000000;font-weight:400;font-size:14px;margin-left:4px}covet-pics-gallery-item.hover-animation-5 .name-data.text-review,covet-pics-gallery-item.hover-animation-5 .name-data.star-only{z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 40px);width:100%;-webkit-transform:translate(-50%, -20px);transform:translate(-50%, -20px);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}covet-pics-gallery-item.hover-animation-5 .username.text-review,covet-pics-gallery-item.hover-animation-5 .username.star-only{line-height:1.4;font-size:14px;color:#000000;margin:0;font-weight:400;max-width:calc((100% - 16px) / 2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item.hover-animation-5 .slash.text-review,covet-pics-gallery-item.hover-animation-5 .slash.star-only{font-size:14px;color:#000000;margin-left:2px;margin-right:2px;font-weight:400}covet-pics-gallery-item.hover-animation-5 .created-time.text-review,covet-pics-gallery-item.hover-animation-5 .created-time.star-only{display:block;font-size:14px;line-height:1.4;max-width:calc((100% - 16px) / 2);color:#000000;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}covet-pics-gallery-item:hover.hover-animation-5 .info,covet-pics-gallery-item:active.hover-animation-5 .info,covet-pics-gallery-item:focus.hover-animation-5 .info,covet-pics-gallery-item.hover-preview.hover-animation-5 .info{opacity:1;z-index:5;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:calc(100% - 40px);-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .overlay-effect,covet-pics-gallery-item:active.hover-animation-5 .overlay-effect,covet-pics-gallery-item:focus.hover-animation-5 .overlay-effect,covet-pics-gallery-item.hover-preview.hover-animation-5 .overlay-effect{z-index:2;visibility:visible;border-width:40px;border-color:var(--covet-pics-item-hover-border-color);width:calc(100% - 80px);height:calc(100% - 80px)}covet-pics-gallery-item:hover.hover-animation-5 .rating,covet-pics-gallery-item:active.hover-animation-5 .rating,covet-pics-gallery-item:focus.hover-animation-5 .rating,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}covet-pics-gallery-item:hover.hover-animation-5 .rating.text-review,covet-pics-gallery-item:active.hover-animation-5 .rating.text-review,covet-pics-gallery-item:focus.hover-animation-5 .rating.text-review,covet-pics-gallery-item.hover-preview.hover-animation-5 .rating.text-review{-webkit-transform:translate(-50%, 20px);transform:translate(-50%, 20px)}covet-pics-gallery-item.hover-animation:hover,covet-pics-gallery-item.hover-animation:active,covet-pics-gallery-item.hover-animation:focus,covet-pics-gallery-item.hover-preview{outline:none !important}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transform:scale(1.2);transform:scale(1.2)}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:block}covet-pics-gallery-item.hover-animation:hover .info,covet-pics-gallery-item.hover-animation:active .info,covet-pics-gallery-item.hover-animation:focus .info,covet-pics-gallery-item.hover-preview .info{opacity:1}covet-pics-gallery-item.hover-animation:hover .info .item-open-icon,covet-pics-gallery-item.hover-animation:active .info .item-open-icon,covet-pics-gallery-item.hover-animation:focus .info .item-open-icon,covet-pics-gallery-item.hover-preview .info .item-open-icon{z-index:4}covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-preview .hover{display:block;visibility:visible}covet-pics-gallery-item{cursor:pointer;display:inline-block;overflow:hidden;position:relative}covet-pics-gallery-item:after{content:\"\";display:inline-block;bottom:0;width:1px;height:0;padding-top:100%}covet-pics-gallery-item[is-loading]{background-image:linear-gradient(120deg, #DFE3E8, #F9FAFB);-webkit-animation:pulsate 2s ease-in-out infinite;animation:pulsate 2s ease-in-out infinite}covet-pics-gallery-item[is-loading] img{color:transparent}covet-pics-gallery-item.upload-widget{-webkit-animation:none;animation:none}covet-pics-gallery-item.grid-item{width:100%;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{grid-column-end:span 2;grid-row-end:span 2;width:100%;margin-bottom:calc(var(--covet-pics-mobile-grid-space) * 1% * var(--covet-pics-mobile-item-width) / var(--covet-pics-mobile-highlighted-width))}covet-pics-gallery-item.swiper-slide:after{padding-top:calc(100% - 7px)}covet-pics-gallery-item.swiper-slide.upload-widget:after{display:none}covet-pics-gallery-item.collage-item{margin-bottom:calc(var(--covet-pics-mobile-item-padding) * 1%);width:calc(var(--covet-pics-mobile-item-width) * 1%)}covet-pics-gallery-item.collage-item[is-loading]:after{display:inline-block;padding-top:calc(100% - 7px)}covet-pics-gallery-item.collage-item:after{display:none}covet-pics-gallery-item.collage-item.upload-widget:after{display:inline-block;padding-top:calc(100% - 7px)}@media only screen and (min-width: 800px){covet-pics-gallery-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1%)}covet-pics-gallery-item.grid-item.highlighted{margin-bottom:calc(var(--covet-pics-desktop-grid-space) * 1% * var(--covet-pics-desktop-item-width) / var(--covet-pics-desktop-highlighted-width))}covet-pics-gallery-item.collage-item{width:calc(var(--covet-pics-desktop-item-width) * 1%);margin-bottom:calc(var(--covet-pics-desktop-item-padding) * 1%)}}covet-pics-gallery-item video{background:rgba(145, 158, 171, 0.1)}covet-pics-gallery-item video.bg{background-image:url(asset_path(\"icon-video-play.svg\"));background-position:50% 50%;background-size:40%}covet-pics-gallery-item:hover .bg,covet-pics-gallery-item:active .bg,covet-pics-gallery-item:focus .bg{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1);transition:all var(--covet-pics-item-animation-duration) cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .bg{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);display:block}.collage covet-pics-gallery-item .bg{position:relative;max-width:100%}covet-pics-gallery-item .star-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}covet-pics-gallery-item .btn{display:inline-block;margin-top:15px;font-weight:bold;font-size:13px;padding:0px;position:relative;margin:0 auto;overflow:hidden;font-weight:var(--covet-pics-item-label-font-style);font-size:var(--covet-pics-item-label-font-size);color:var(--covet-pics-item-label-color)}covet-pics-gallery-item .btn::after{background:var(--covet-pics-item-label-color)}covet-pics-gallery-item .overlay-effect{display:none;position:absolute;width:100%;height:100%;content:\"\";top:0;right:0;bottom:0;left:0;opacity:0;z-index:3;opacity:var(--covet-pics-item-hover-background-opacity);background:-webkit-gradient(linear, left top, right bottom, from(var(--covet-pics-item-hover-color-from)), to(var(--covet-pics-item-hover-color-to)));background:linear-gradient(to bottom right, var(--covet-pics-item-hover-color-from), var(--covet-pics-item-hover-color-to));-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1)}covet-pics-gallery-item .info{color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;padding:10px;position:absolute;left:0;right:0;text-align:center;z-index:4;opacity:0;-webkit-transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);top:53%;display:none}covet-pics-gallery-item .item-open-icon{width:calc(var(--covet-pics-item-label-font-size) + 5px);height:calc(var(--covet-pics-item-label-font-size) + 5px);display:none;margin:0 auto}covet-pics-gallery-item .item-open-icon path{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .item-open-icon circle{fill:var(--covet-pics-item-label-color)}covet-pics-gallery-item .hover{display:block;visibility:hidden}covet-pics-gallery-item.no-animation .bg,covet-pics-gallery-item.no-animation:hover .bg{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}@media (any-hover: none){covet-pics-gallery-item.hover-animation:hover .hover,covet-pics-gallery-item.hover-animation:focus .hover,covet-pics-gallery-item.hover-animation:active .hover,covet-pics-gallery-item.hover-preview .hover{display:none;visibility:hidden}covet-pics-gallery-item.hover-animation:hover .overlay-effect,covet-pics-gallery-item.hover-animation:focus .overlay-effect,covet-pics-gallery-item.hover-animation:active .overlay-effect,covet-pics-gallery-item.hover-preview .overlay-effect{display:none}covet-pics-gallery-item.hover-animation:hover .bg,covet-pics-gallery-item.hover-animation:focus .bg,covet-pics-gallery-item.hover-animation:active .bg,covet-pics-gallery-item.hover-preview .bg{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}";
|
|
14
14
|
|