@covet-pics/covet-pics-widget 0.102.3 → 0.102.4

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.
Files changed (53) hide show
  1. package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js +1 -1
  2. package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +36 -41
  3. package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +1 -1
  4. package/dist/cjs/covet-pics-widget.cjs.entry.js +84 -63
  5. package/dist/cjs/covet-pics-widget.cjs.js +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/{store-282c29b0.js → store-90bc6cce.js} +11 -1
  8. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.css +99 -1
  9. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +90 -38
  10. package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +5 -17
  11. package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +86 -40
  12. package/dist/collection/services/gallery-loader-service.js +19 -24
  13. package/dist/collection/store/store.js +11 -1
  14. package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
  15. package/dist/covet-pics-widget/p-35423147.system.js +4 -0
  16. package/dist/covet-pics-widget/{p-68deb8ff.entry.js → p-3ca3af91.entry.js} +1 -1
  17. package/dist/covet-pics-widget/p-51d1cabd.entry.js +4 -0
  18. package/dist/covet-pics-widget/p-62511a7e.js +4 -0
  19. package/dist/covet-pics-widget/p-642570a0.system.entry.js +40 -0
  20. package/dist/covet-pics-widget/p-6547d9e5.entry.js +40 -0
  21. package/dist/covet-pics-widget/{p-811ac9f9.system.entry.js → p-8df690df.system.entry.js} +1 -1
  22. package/dist/covet-pics-widget/{p-63f36bb0.system.entry.js → p-91096cc5.system.entry.js} +1 -1
  23. package/dist/covet-pics-widget/p-aa14a995.system.entry.js +4 -0
  24. package/dist/covet-pics-widget/{p-9f01f14b.entry.js → p-be1c15a9.entry.js} +1 -1
  25. package/dist/covet-pics-widget/p-dbb115ef.system.js +1 -1
  26. package/dist/esm/covet-pics-direct-buy_6.entry.js +1 -1
  27. package/dist/esm/covet-pics-gallery-grid_3.entry.js +36 -41
  28. package/dist/esm/covet-pics-gallery-item_3.entry.js +1 -1
  29. package/dist/esm/covet-pics-widget.entry.js +84 -63
  30. package/dist/esm/covet-pics-widget.js +1 -1
  31. package/dist/esm/loader.js +1 -1
  32. package/dist/esm/{store-70c7aba3.js → store-f4433f52.js} +11 -1
  33. package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +1 -1
  34. package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +3 -3
  35. package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +1 -1
  36. package/dist/esm-es5/covet-pics-widget.entry.js +1 -1
  37. package/dist/esm-es5/covet-pics-widget.js +1 -1
  38. package/dist/esm-es5/loader.js +1 -1
  39. package/dist/esm-es5/store-f4433f52.js +4 -0
  40. package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +15 -4
  41. package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +0 -1
  42. package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +6 -2
  43. package/dist/types/components.d.ts +10 -0
  44. package/dist/types/services/gallery-loader-service.d.ts +4 -1
  45. package/dist/types/store/store.d.ts +7 -0
  46. package/package.json +1 -1
  47. package/dist/covet-pics-widget/p-0050fc1c.system.entry.js +0 -4
  48. package/dist/covet-pics-widget/p-1fa0759e.entry.js +0 -40
  49. package/dist/covet-pics-widget/p-4274a9af.entry.js +0 -4
  50. package/dist/covet-pics-widget/p-4b04d197.system.js +0 -4
  51. package/dist/covet-pics-widget/p-7f804c38.system.entry.js +0 -40
  52. package/dist/covet-pics-widget/p-919239a1.js +0 -4
  53. package/dist/esm-es5/store-70c7aba3.js +0 -4
package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js CHANGED
@@ -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-282c29b0.js');
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
 
package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js CHANGED
@@ -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-282c29b0.js');
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.resetPagination();
3664
- const filters = this.filtersSelected();
3665
- this.loader.fetchItems(filters).then(json => {
3666
- if (json) {
3667
- this.items = json.items;
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
- if (this.filtersEnabled) {
3681
- 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))));
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", () => this.nextPage.emit());
4108
+ this.swiper.on("reachEnd", () => {
4109
+ this.fixSliderHeight();
4110
+ this.nextPage.emit();
4111
+ });
4117
4112
  }
4118
4113
  }
4119
4114
  fixSliderHeight() {
package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js CHANGED
@@ -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-282c29b0.js');
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
 
package/dist/cjs/covet-pics-widget.cjs.entry.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-d4e21dc3.js');
9
9
  const utils = require('./utils-d86c6d1c.js');
10
- const store = require('./store-282c29b0.js');
10
+ const store = require('./store-90bc6cce.js');
11
11
 
12
12
  const STANDARD_GALLERY_URL = "/api/v1/embed/:id";
13
13
  const PRODUCT_GALLERY_URL = "/api/v1/shop/:shop/product/:handle";
@@ -21,7 +21,9 @@ class GalleryLoaderService {
21
21
  this.previewHoverMode = false;
22
22
  this.previewPopupMode = false;
23
23
  this.previewMode = false;
24
+ this.sortType = "";
24
25
  this._customSettings = {};
26
+ this._selectedFilters = [];
25
27
  this._environment = "production";
26
28
  if (typeof previewMode === "boolean") {
27
29
  this.previewMode = previewMode;
@@ -35,18 +37,10 @@ class GalleryLoaderService {
35
37
  }
36
38
  // returns `standard_gallery` or `product_gallery`
37
39
  get galleryType() {
38
- if (this.productHandle) {
39
- return "product_gallery";
40
- }
41
- else {
42
- return "standard_gallery";
43
- }
40
+ return this.productHandle ? "product_gallery" : "standard_gallery";
44
41
  }
45
42
  get useAnalytics() {
46
- if (this.previewMode) {
47
- return false;
48
- }
49
- return this.data.analytics;
43
+ return this.previewMode ? false : this.data.analytics;
50
44
  }
51
45
  setCustomSettings(settings) {
52
46
  this._customSettings = Object.assign({}, settings);
@@ -55,6 +49,9 @@ class GalleryLoaderService {
55
49
  : this._customSettings[key]);
56
50
  return this._customSettings;
57
51
  }
52
+ setSelectedFilters(filters) {
53
+ return (this._selectedFilters = [...filters]);
54
+ }
58
55
  standardGalleryUrl() {
59
56
  return STANDARD_GALLERY_URL.replace(":id", this.embedId);
60
57
  }
@@ -62,18 +59,16 @@ class GalleryLoaderService {
62
59
  return PRODUCT_GALLERY_URL.replace(":shop", this.shopDomain).replace(":handle", this.productHandle);
63
60
  }
64
61
  galleryUrl() {
62
+ if (this._environment === "testing")
63
+ return "http://localhost:3000/embed";
65
64
  let url = this.baseUrl;
66
- if (this.productHandle) {
67
- url += this.productGalleryUrl();
68
- }
69
- else {
70
- url += this.standardGalleryUrl();
71
- }
72
- if (this.previewMode) {
65
+ this.productHandle
66
+ ? url += this.productGalleryUrl()
67
+ : url += this.standardGalleryUrl();
68
+ if (this.previewMode)
73
69
  url += "/preview";
74
- }
75
- if (this._environment === "testing")
76
- return (url = "http://localhost:3000/embed");
70
+ if (this.sortType !== "")
71
+ url += `?sort_by=${this.sortType}`;
77
72
  return url;
78
73
  }
79
74
  resetPagination() {
@@ -88,7 +83,7 @@ class GalleryLoaderService {
88
83
  const payload = Object.assign({ gallery_id: this.galleryId, shop_id: this.shopId }, data);
89
84
  navigator.sendBeacon(url, JSON.stringify(payload));
90
85
  }
91
- async fetchItems(filters) {
86
+ async fetchItems() {
92
87
  if (this.isLoading || this.page >= this.totalPages) {
93
88
  return;
94
89
  }
@@ -99,12 +94,12 @@ class GalleryLoaderService {
99
94
  if (this.page > 1) {
100
95
  queryFragments.push(`page=${this.page}`);
101
96
  }
102
- if (typeof filters === "object") {
97
+ if (this._selectedFilters.length > 0) {
103
98
  if (this.previewMode) {
104
- this.previewSettings["filters"] = filters;
99
+ this.previewSettings["filters"] = this._selectedFilters;
105
100
  }
106
101
  else {
107
- filters.forEach(f => queryFragments.push(encodeURIComponent("filters[]") + "=" + f));
102
+ this._selectedFilters.forEach(f => queryFragments.push(encodeURIComponent("filters[]") + "=" + f));
108
103
  }
109
104
  }
110
105
  if (queryFragments.length > 0) {
@@ -650,8 +645,32 @@ const CovetPicsWidget = class {
650
645
  */
651
646
  this.previewMode = false;
652
647
  this.isLoading = true;
648
+ this.items = [];
653
649
  this.fontsLoaded = false;
654
650
  }
651
+ async sortUpdatedHandler(event) {
652
+ this.loader.resetPagination();
653
+ this.loader.sortType = event.detail;
654
+ const json = await this.loader.fetchItems();
655
+ if (typeof json !== "undefined") {
656
+ this.items = [];
657
+ this.items = [...this.getItemsWithUpload(json.items)];
658
+ }
659
+ }
660
+ async filtersUpdatedHandler() {
661
+ this.loader.resetPagination();
662
+ const json = await this.loader.fetchItems();
663
+ if (typeof json !== "undefined") {
664
+ this.items = [];
665
+ this.items = [...this.getItemsWithUpload(json.items)];
666
+ }
667
+ }
668
+ async nextPageHandler() {
669
+ const json = await this.loader.fetchItems();
670
+ if (typeof json !== "undefined") {
671
+ this.items = [...this.items, ...json.items];
672
+ }
673
+ }
655
674
  /**
656
675
  * Update "Upload Widget" cover image
657
676
  */
@@ -671,28 +690,6 @@ const CovetPicsWidget = class {
671
690
  this.loader.resetPagination();
672
691
  this.loadData();
673
692
  }
674
- loadData() {
675
- this.isLoading = true;
676
- this.loader.fetchItems().then(json => {
677
- if (typeof json !== "undefined") {
678
- this.isLoading = false;
679
- this.minNumberOfPhotos = json.settings.min_number_of_photos;
680
- this.hideElementsIfEmpty();
681
- if (!this.fontsLoaded) {
682
- this.loadFont();
683
- }
684
- if (this.hasEnoughPhotos) {
685
- if (this.loader.useAnalytics) {
686
- const category = "Covet.pics Gallery";
687
- const action = "Covet.pics Gallery View";
688
- const label = "Covet.pics Gallery View - " + this.galleryEmbedId;
689
- utils.sendToGoogleAnalytics(action, category, label);
690
- }
691
- this.sendGalleryViewBeacon();
692
- }
693
- }
694
- });
695
- }
696
693
  componentWillLoad() {
697
694
  this.setupLoader();
698
695
  this.loadData();
@@ -717,17 +714,6 @@ const CovetPicsWidget = class {
717
714
  disconnectedCallback() {
718
715
  this.resizeObserver.disconnect();
719
716
  }
720
- setWidgetWidth() {
721
- return this.isWidgetWrapExist()
722
- ? (store.state.widgetWidth = this.el.parentElement.getBoundingClientRect().width)
723
- : (store.state.widgetWidth = 320);
724
- }
725
- isWidgetWrapExist() {
726
- return (this.el.parentElement !== undefined && this.el.parentElement instanceof HTMLElement);
727
- }
728
- sendGalleryViewBeacon() {
729
- this.loader.sendBeacon("gallery_view");
730
- }
731
717
  setupLoader() {
732
718
  const uri = window.location;
733
719
  this.loader = new GalleryLoaderService(this.environment, this.previewMode);
@@ -753,6 +739,42 @@ const CovetPicsWidget = class {
753
739
  this.loader.embedId = this.galleryEmbedId;
754
740
  }
755
741
  }
742
+ async loadData() {
743
+ this.isLoading = true;
744
+ const json = await this.loader.fetchItems();
745
+ if (typeof json === "undefined")
746
+ return false;
747
+ this.isLoading = false;
748
+ this.minNumberOfPhotos = json.settings.min_number_of_photos;
749
+ this.hideElementsIfEmpty();
750
+ if (!this.fontsLoaded) {
751
+ this.loadFont();
752
+ }
753
+ if (this.hasEnoughPhotos && this.loader.useAnalytics) {
754
+ const category = "Covet.pics Gallery";
755
+ const action = "Covet.pics Gallery View";
756
+ const label = "Covet.pics Gallery View - " + this.galleryEmbedId;
757
+ utils.sendToGoogleAnalytics(action, category, label);
758
+ }
759
+ if (this.hasEnoughPhotos) {
760
+ this.sendGalleryViewBeacon();
761
+ }
762
+ this.loader.data.settings.display_type === "highlight"
763
+ ? this.items = [...json.items]
764
+ : this.items = [...this.getItemsWithUpload(json.items)];
765
+ return true;
766
+ }
767
+ setWidgetWidth() {
768
+ return this.isWidgetWrapExist()
769
+ ? (store.state.widgetWidth = this.el.parentElement.getBoundingClientRect().width)
770
+ : (store.state.widgetWidth = 320);
771
+ }
772
+ isWidgetWrapExist() {
773
+ return (this.el.parentElement !== undefined && this.el.parentElement instanceof HTMLElement);
774
+ }
775
+ sendGalleryViewBeacon() {
776
+ this.loader.sendBeacon("gallery_view");
777
+ }
756
778
  get hasEnoughPhotos() {
757
779
  if (this.minNumberOfPhotos === null)
758
780
  return true;
@@ -774,19 +796,18 @@ const CovetPicsWidget = class {
774
796
  "--covet-pics-font-family": this.loader.data.settings.font_family + ", sans-serif"
775
797
  };
776
798
  }
777
- getItemsWithUpload() {
799
+ getItemsWithUpload(items) {
778
800
  if (!this.loader.data.settings.customer_photo_item_position)
779
- return this.loader.data.items;
780
- const items = [...this.loader.data.items];
801
+ return items;
781
802
  const uploadIndex = this.loader.data.settings.customer_photo_item_position - 1;
782
803
  items.splice(uploadIndex, 0, utils.getUploadWidgetItem(this.loader));
783
804
  return items;
784
805
  }
785
806
  renderSliderGallery() {
786
- return (index.h(index.Host, { style: this.setWidgetCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("covet-pics-gallery-slider", { items: this.getItemsWithUpload(), "desktop-photos-per-row": this.loader.data.settings.slideshow_photos_per_row, "desktop-item-padding": this.loader.data.settings.item_padding, "mobile-photos-per-row": this.loader.data.settings.slideshow_mobile_photos_per_row, "mobile-item-padding": this.loader.data.settings.item_mobile_padding, "auto-load-more": this.loader.data.settings.slideshow_load_more.toString(), "auto-play": this.loader.data.settings.slideshow_autoplay * 1000, loader: this.loader, itemStyle: this.loader.data.settings.item_style ? this.loader.data.settings.item_style : "standard" })));
807
+ return (index.h(index.Host, { style: this.setWidgetCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("covet-pics-gallery-slider", { items: this.items, "desktop-photos-per-row": this.loader.data.settings.slideshow_photos_per_row, "desktop-item-padding": this.loader.data.settings.item_padding, "mobile-photos-per-row": this.loader.data.settings.slideshow_mobile_photos_per_row, "mobile-item-padding": this.loader.data.settings.item_mobile_padding, "auto-load-more": this.loader.data.settings.slideshow_load_more.toString(), "auto-play": this.loader.data.settings.slideshow_autoplay * 1000, loader: this.loader, itemStyle: this.loader.data.settings.item_style ? this.loader.data.settings.item_style : "standard" })));
787
808
  }
788
809
  renderGridGallery() {
789
- return (index.h(index.Host, { style: this.setWidgetCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("covet-pics-gallery-grid", { layout: this.loader.data.settings.display_type, items: this.getItemsWithUpload(), "desktop-photos-per-row": this.loader.data.settings.gallery_photos_per_row, "desktop-item-padding": this.loader.data.settings.item_padding, "mobile-photos-per-row": this.loader.data.settings.gallery_mobile_photos_per_row, "mobile-item-padding": this.loader.data.settings.item_mobile_padding, "load-more-border": this.loader.data.settings.load_more_border_width, "load-more-color": this.loader.data.settings.load_more_button_color, "load-more-font-size": this.loader.data.settings.load_more_font_size, "load-more-font-style": this.loader.data.settings.load_more_font_style, "load-more-padding": this.loader.data.settings.load_more_padding, "load-more-label": this.loader.data.settings.load_more_text, "load-more-style": this.loader.data.settings.load_more_button_style, "load-more-mode": this.loader.data.settings.pagination, "highlight-enabled": this.loader.data.settings.gallery_highlight, "highlight-every": this.loader.data.settings.gallery_highlight_every, "highlight-starts-from": this.loader.data.settings.gallery_highlight_every_start, "images-to-show": this.loader.data.settings.gallery_photos_count, "filters-enabled": this.loader.data.filters.enabled, "filters-multiselect": this.loader.data.settings.multiple_filter_enabled, "filters-reset-label": this.loader.data.settings.tags_reset_button_text, "filters-color": this.loader.data.settings.tags_color, "filters-padding": this.loader.data.settings.tags_padding, "filters-font-size": this.loader.data.settings.tags_font_size, "filters-font-weight": this.loader.data.settings.tags_font_weight, itemStyle: this.loader.data.settings.item_style ? this.loader.data.settings.item_style : "standard", loader: this.loader })));
810
+ return (index.h(index.Host, { style: this.setWidgetCSSVariables(), class: "needsclick" /* FIXME: https://github.com/ftlabs/fastclick/issues/604 */ }, index.h("covet-pics-gallery-grid", { layout: this.loader.data.settings.display_type, items: this.items, "desktop-photos-per-row": this.loader.data.settings.gallery_photos_per_row, "desktop-item-padding": this.loader.data.settings.item_padding, "mobile-photos-per-row": this.loader.data.settings.gallery_mobile_photos_per_row, "mobile-item-padding": this.loader.data.settings.item_mobile_padding, "load-more-border": this.loader.data.settings.load_more_border_width, "load-more-color": this.loader.data.settings.load_more_button_color, "load-more-font-size": this.loader.data.settings.load_more_font_size, "load-more-font-style": this.loader.data.settings.load_more_font_style, "load-more-padding": this.loader.data.settings.load_more_padding, "load-more-label": this.loader.data.settings.load_more_text, "load-more-style": this.loader.data.settings.load_more_button_style, "load-more-mode": this.loader.data.settings.pagination, "highlight-enabled": this.loader.data.settings.gallery_highlight, "highlight-every": this.loader.data.settings.gallery_highlight_every, "highlight-starts-from": this.loader.data.settings.gallery_highlight_every_start, "images-to-show": this.loader.data.settings.gallery_photos_count, "filters-enabled": this.loader.data.filters.enabled, "filters-multiselect": this.loader.data.settings.multiple_filter_enabled, "filters-reset-label": this.loader.data.settings.tags_reset_button_text, "filters-color": this.loader.data.settings.tags_color, "filters-padding": this.loader.data.settings.tags_padding, "filters-font-size": this.loader.data.settings.tags_font_size, "filters-font-weight": this.loader.data.settings.tags_font_weight, "show-headers": this.loader.data.settings.show_headers, itemStyle: this.loader.data.settings.item_style ? this.loader.data.settings.item_style : "standard", loader: this.loader })));
790
811
  }
791
812
  renderHighlighted() {
792
813
  return (index.h(index.Host, { style: this.setWidgetCSSVariables(), class: "highlighted" }, index.h("covet-pics-highlighted", { numberOfPages: this.loader.data.items.length, padding: this.loader.data.settings.padding, primaryColor: this.loader.data.settings.primary_color, secondaryColor: this.loader.data.settings.secondary_color, hotspotsBackgoundColor: this.loader.data.settings.hotspots.background_color, backgroundColor: this.loader.data.settings.background_color, layout: this.loader.data.settings.highlight_layout, productsLayout: this.loader.data.settings.highlight_products_layout, showHotspots: this.loader.data.settings.hotspots.enabled, hotspotsLayout: this.loader.data.settings.highlight_hotspots_layout, showPrice: this.loader.data.settings.show_price, hideProductTitle: this.loader.data.settings.popup_products_title_disabled, productsTitle: this.loader.data.settings.popup_products_title, btnBuyLabel: this.loader.data.settings.popup_products_button_caption, items: this.loader.data.items, hideBranding: this.loader.data.settings.hide_branding })));