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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) 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 +42 -43
  3. package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +1 -1
  4. package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +1 -1
  5. package/dist/cjs/covet-pics-widget.cjs.entry.js +85 -64
  6. package/dist/cjs/covet-pics-widget.cjs.js +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/{store-282c29b0.js → store-90bc6cce.js} +11 -1
  9. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.css +99 -1
  10. package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +90 -38
  11. package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +5 -17
  12. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +2 -2
  13. package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +24 -2
  14. package/dist/collection/components/covet-pics-widget/covet-pics-widget.js +87 -41
  15. package/dist/collection/services/gallery-loader-service.js +19 -24
  16. package/dist/collection/store/store.js +11 -1
  17. package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
  18. package/dist/covet-pics-widget/p-279a7ec4.entry.js +4 -0
  19. package/dist/covet-pics-widget/p-2a9540f2.system.entry.js +40 -0
  20. package/dist/covet-pics-widget/p-35423147.system.js +4 -0
  21. package/dist/covet-pics-widget/{p-68deb8ff.entry.js → p-3ca3af91.entry.js} +1 -1
  22. package/dist/covet-pics-widget/p-4ae7405d.system.entry.js +4 -0
  23. package/dist/covet-pics-widget/p-62511a7e.js +4 -0
  24. package/dist/covet-pics-widget/{p-811ac9f9.system.entry.js → p-8df690df.system.entry.js} +1 -1
  25. package/dist/covet-pics-widget/{p-63f36bb0.system.entry.js → p-91096cc5.system.entry.js} +1 -1
  26. package/dist/covet-pics-widget/p-b0432848.entry.js +40 -0
  27. package/dist/covet-pics-widget/{p-9f01f14b.entry.js → p-be1c15a9.entry.js} +1 -1
  28. package/dist/covet-pics-widget/p-dbb115ef.system.js +1 -1
  29. package/dist/esm/covet-pics-direct-buy_6.entry.js +1 -1
  30. package/dist/esm/covet-pics-gallery-grid_3.entry.js +42 -43
  31. package/dist/esm/covet-pics-gallery-item_3.entry.js +1 -1
  32. package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +1 -1
  33. package/dist/esm/covet-pics-widget.entry.js +85 -64
  34. package/dist/esm/covet-pics-widget.js +1 -1
  35. package/dist/esm/loader.js +1 -1
  36. package/dist/esm/{store-70c7aba3.js → store-f4433f52.js} +11 -1
  37. package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +1 -1
  38. package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +3 -3
  39. package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +1 -1
  40. package/dist/esm-es5/covet-pics-widget.entry.js +1 -1
  41. package/dist/esm-es5/covet-pics-widget.js +1 -1
  42. package/dist/esm-es5/loader.js +1 -1
  43. package/dist/esm-es5/store-f4433f52.js +4 -0
  44. package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +15 -4
  45. package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +0 -1
  46. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +1 -1
  47. package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +4 -0
  48. package/dist/types/components/covet-pics-widget/covet-pics-widget.d.ts +6 -2
  49. package/dist/types/components.d.ts +20 -2
  50. package/dist/types/services/gallery-loader-service.d.ts +4 -1
  51. package/dist/types/store/store.d.ts +7 -0
  52. package/package.json +1 -1
  53. package/dist/covet-pics-widget/p-0050fc1c.system.entry.js +0 -4
  54. package/dist/covet-pics-widget/p-1fa0759e.entry.js +0 -40
  55. package/dist/covet-pics-widget/p-4274a9af.entry.js +0 -4
  56. package/dist/covet-pics-widget/p-4b04d197.system.js +0 -4
  57. package/dist/covet-pics-widget/p-7f804c38.system.entry.js +0 -40
  58. package/dist/covet-pics-widget/p-919239a1.js +0 -4
  59. package/dist/esm-es5/store-70c7aba3.js +0 -4
@@ -10,7 +10,7 @@ const utils = require('./utils-d86c6d1c.js');
10
10
  const lazy = require('./lazy-68db6903.js');
11
11
  const index$1 = require('./index-f1a3a5de.js');
12
12
  const _commonjsHelpers = require('./_commonjsHelpers-b66a770d.js');
13
- const store = require('./store-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
 
@@ -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() {
@@ -4227,6 +4222,10 @@ const CovetPicsHighlighted = class {
4227
4222
  * Show price for tagged products
4228
4223
  */
4229
4224
  this.showPrice = true;
4225
+ /**
4226
+ * Show review text & rating
4227
+ */
4228
+ this.showReview = true;
4230
4229
  /**
4231
4230
  * Primary Color
4232
4231
  */
@@ -4421,10 +4420,10 @@ const CovetPicsHighlighted = class {
4421
4420
  return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
4422
4421
  }
4423
4422
  renderSlider() {
4424
- return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0 })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("prev"))));
4423
+ return (index.h("section", { id: "covet-pics-highlighted-page-slider", class: `main-slider ${this.layout}`, role: "region", "aria-label": "page slider" }, this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, productsLayout: this.productsLayout, layout: this.layout, showHotspots: this.showHotspots, hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, btnBuyLabel: this.btnBuyLabel, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, showReview: this.showReview })), index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control prev", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("next")), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "slider-control next", "aria-controls": "covet-pics-highlighted-page-slider", type: "button" }, this.renderControlIcon("prev"))));
4425
4424
  }
4426
4425
  renderVertical() {
4427
- return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && store.state.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type })));
4426
+ return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !store.state.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productsLayout: this.productsLayout, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, layout: this.layout, showHotspots: this.renderHotspots(), hotspotsLayout: this.hotspotsLayout, hotspotsBackgoundColor: this.hotspotsBackgoundColor, isMobile: !store.state.isDesktopScreen, showPrice: this.showPrice, hideProductTitle: this.hideProductTitle, productsTitle: this.productsTitle, reverseClass: index$1 % 2 !== 0 && store.state.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", btnBuyLabel: this.btnBuyLabel, hideBranding: this.hideBranding, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, showReview: this.showReview })));
4428
4427
  }
4429
4428
  async mainSliderAnimationLoop() {
4430
4429
  if (this.mainSliderAnimatingSlides.length !== 0) {
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
  const index = require('./index-d4e21dc3.js');
9
9
  const utils = require('./utils-d86c6d1c.js');
10
10
  const index$1 = require('./index-f1a3a5de.js');
11
- const store = require('./store-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
 
@@ -260,7 +260,7 @@ const CovetPicsHighlightedPage = class {
260
260
  */
261
261
  this.rating = 0;
262
262
  /**
263
- * Star rating
263
+ * Show review text & rating
264
264
  */
265
265
  this.showReview = true;
266
266
  /**