@covet-pics/covet-pics-widget 0.161.6 → 0.161.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/cjs/covet-pics-post.cjs.entry.js +1 -1
  2. package/dist/cjs/covet-pics-post.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/covet-pics-post/covet-pics-post.css +2 -1
  4. package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
  5. package/dist/covet-pics-widget/p-2d4fcd4a.system.js +1 -1
  6. package/dist/covet-pics-widget/{p-42c7a0ae.entry.js → p-9b49c818.entry.js} +2 -2
  7. package/dist/covet-pics-widget/p-9b49c818.entry.js.map +1 -0
  8. package/dist/covet-pics-widget/{p-b7c826d5.system.entry.js → p-d99afc48.system.entry.js} +2 -2
  9. package/dist/covet-pics-widget/p-d99afc48.system.entry.js.map +1 -0
  10. package/dist/esm/covet-pics-post.entry.js +1 -1
  11. package/dist/esm/covet-pics-post.entry.js.map +1 -1
  12. package/dist/esm-es5/covet-pics-post.entry.js +1 -1
  13. package/dist/esm-es5/covet-pics-post.entry.js.map +1 -1
  14. package/package.json +1 -1
  15. package/dist/covet-pics-widget/p-42c7a0ae.entry.js.map +0 -1
  16. package/dist/covet-pics-widget/p-b7c826d5.system.entry.js.map +0 -1
package/dist/cjs/covet-pics-post.cjs.entry.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
  const index = require('./index-55ab2850.js');
9
9
  const utils = require('./utils-02b313ee.js');
10
10
 
11
- const covetPicsPostCss = "@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;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#212121;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}";
11
+ const covetPicsPostCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}";
12
12
  const CovetPicsPostStyle0 = covetPicsPostCss;
13
13
 
14
14
  const CovetPicsPost = class {
package/dist/cjs/covet-pics-post.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"covet-pics-post.entry.cjs.js","mappings":"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","names":["BASE_API_URLS","h","Host"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #212121;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1
+ {"file":"covet-pics-post.entry.cjs.js","mappings":"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","names":["BASE_API_URLS","h","Host"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #FFFFFF;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
package/dist/collection/components/covet-pics-post/covet-pics-post.css CHANGED
@@ -622,7 +622,7 @@ button.swiper-pagination-bullet {
622
622
  --covet-post-font-family: Helvetica Neue;
623
623
  --covet-post-text-color: #000000;
624
624
  --covet-post-border-color: #F1F1F1;
625
- --covet-post-image-bg-color: #212121;
625
+ --covet-post-image-bg-color: #FFFFFF;
626
626
  --covet-post-border-radius: 8px;
627
627
  --covet-post-description-padding: 24px;
628
628
  }
@@ -766,6 +766,7 @@ button.swiper-pagination-bullet {
766
766
  display: none;
767
767
  }
768
768
  :host .swiper-horizontal > .swiper-pagination-bullets {
769
+ position: relative;
769
770
  display: flex;
770
771
  justify-content: center;
771
772
  align-items: center;
package/dist/covet-pics-widget/covet-pics-widget.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
2
  * Copyright by Space Squirrel Ltd.
3
3
  */
4
- import{p as e,b as t}from"./p-682703b9.js";export{s as setNonce}from"./p-682703b9.js";import{g as i}from"./p-1d9dbfd4.js";var a=()=>{const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};a().then((async e=>{await i();return t([["p-a18d1c7b",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-2d4247a3",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-5c32cea1",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-4ee29443",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-9ed75163",[[0,"covet-pics-popup-slide",{item:[16],dataLoaded:[32],isPlaying:[32],isMuted:[32],loadMedia:[64],videoPlayPause:[64],videoPlay:[64],videoPause:[64],videoMuted:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-8fbfaad0",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-80bd0b83",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],sharedItemId:[1,"shared-item-id"],isLoading:[32],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]}]]],["p-b48ea6de",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]],["p-42c7a0ae",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-eec93089",[[0,"covet-pics-gallery-item-caption",{caption:[1],captionClass:[1,"caption-class"],itemStyle:[1,"item-style"],layoutType:[1,"layout-type"],reviewCSS:[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]]],e)}));
4
+ import{p as e,b as t}from"./p-682703b9.js";export{s as setNonce}from"./p-682703b9.js";import{g as i}from"./p-1d9dbfd4.js";var a=()=>{const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};a().then((async e=>{await i();return t([["p-a18d1c7b",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-2d4247a3",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-5c32cea1",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-4ee29443",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-9ed75163",[[0,"covet-pics-popup-slide",{item:[16],dataLoaded:[32],isPlaying:[32],isMuted:[32],loadMedia:[64],videoPlayPause:[64],videoPlay:[64],videoPause:[64],videoMuted:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-8fbfaad0",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-80bd0b83",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],sharedItemId:[1,"shared-item-id"],isLoading:[32],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]}]]],["p-b48ea6de",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]],["p-9b49c818",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-eec93089",[[0,"covet-pics-gallery-item-caption",{caption:[1],captionClass:[1,"caption-class"],itemStyle:[1,"item-style"],layoutType:[1,"layout-type"],reviewCSS:[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]]],e)}));
5
5
  //# sourceMappingURL=covet-pics-widget.esm.js.map
package/dist/covet-pics-widget/p-2d4fcd4a.system.js CHANGED
@@ -1,5 +1,5 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{d(o.next(e))}catch(e){a(e)}}function n(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?i(e.value):r(e.value).then(s,n)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return d([e,t])}}function d(n){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(i=0)),i)try{if(o=1,r&&(a=n[0]&2?r["return"]:n[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,n[1])).done)return a;if(r=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];r=0}finally{o=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Copyright by Space Squirrel Ltd.
4
- */System.register(["./p-32324f34.system.js","./p-67c6fa2f.system.js"],(function(e,t){"use strict";var i,o,r;return{setters:[function(t){i=t.p;o=t.b;e("setNonce",t.s)},function(e){r=e.g}],execute:function(){var e=this;var a=function(){var e=t.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return i(o)};a().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,r()];case 1:e.sent();return[2,o([["p-42bcbb6c.system",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-b0f7a64e.system",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-c32c7f96.system",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-c2b39e7f.system",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-2544c6de.system",[[0,"covet-pics-popup-slide",{item:[16],dataLoaded:[32],isPlaying:[32],isMuted:[32],loadMedia:[64],videoPlayPause:[64],videoPlay:[64],videoPause:[64],videoMuted:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-d5431ea5.system",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-27ec4527.system",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],sharedItemId:[1,"shared-item-id"],isLoading:[32],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]}]]],["p-f121d648.system",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]],["p-b7c826d5.system",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-927f2221.system",[[0,"covet-pics-gallery-item-caption",{caption:[1],captionClass:[1,"caption-class"],itemStyle:[1,"item-style"],layoutType:[1,"layout-type"],reviewCSS:[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]]],t)]}}))}))}))}}}));
4
+ */System.register(["./p-32324f34.system.js","./p-67c6fa2f.system.js"],(function(e,t){"use strict";var i,o,r;return{setters:[function(t){i=t.p;o=t.b;e("setNonce",t.s)},function(e){r=e.g}],execute:function(){var e=this;var a=function(){var e=t.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return i(o)};a().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,r()];case 1:e.sent();return[2,o([["p-42bcbb6c.system",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-b0f7a64e.system",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-c32c7f96.system",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-c2b39e7f.system",[[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-2544c6de.system",[[0,"covet-pics-popup-slide",{item:[16],dataLoaded:[32],isPlaying:[32],isMuted:[32],loadMedia:[64],videoPlayPause:[64],videoPlay:[64],videoPause:[64],videoMuted:[64]}],[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-d5431ea5.system",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],popupTabIndex:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],tabIndex:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadTabIndex:[32],openUpload:[64]}]]],["p-27ec4527.system",[[0,"covet-pics-gallery-grid",{items:[16],breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],sharedItemId:[1,"shared-item-id"],isLoading:[32],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-gallery-slider",{items:[16],sharedItemId:[1,"shared-item-id"],sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[0,"itemClicked","itemClickedHandler"],[8,"previousPopupEvent","prevPopupHandler"],[8,"nextPopupEvent","nextPopupHandler"],[8,"elementResize","elementResizeHandler"]],{items:["itemsChangeHandler"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]}]]],["p-f121d648.system",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],isLoading:[32],minNumberOfPhotos:[32],items:[32],appStore:[32],fetchingError:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]]]]],["p-d99afc48.system",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-927f2221.system",[[0,"covet-pics-gallery-item-caption",{caption:[1],captionClass:[1,"caption-class"],itemStyle:[1,"item-style"],layoutType:[1,"layout-type"],reviewCSS:[32]},[[16,"sliderInit:covetPics","initSize"],[16,"sliderUpdate:covetPics","updateSize"]]]]]],t)]}}))}))}))}}}));
5
5
  //# sourceMappingURL=p-2d4fcd4a.system.js.map
package/dist/covet-pics-widget/{p-42c7a0ae.entry.js → p-9b49c818.entry.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  /*!
2
2
  * Copyright by Space Squirrel Ltd.
3
3
  */
4
- import{r as e,h as i,H as t,g as r}from"./p-682703b9.js";import{B as a}from"./p-1436f40f.js";const o='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#212121;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';const s=o;const n=class{constructor(i){e(this,i);this.playPauseVideoKeyboardClickHandler=e=>{if(e.keyCode===13||e.keyCode===32){return this.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=e=>{e.preventDefault();e.stopPropagation();const i=e.currentTarget;return i.classList.contains("playing")?this.pauseVideo(i):this.playVideo(i)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}componentWillLoad(){this.loadData()}async loadData(){let e="production";if(typeof this.environment==="string"&&Object.keys(a).includes(this.environment)){e=this.environment}const i=a[e];const t=`${i}/api/v1/post/${this.postId}`;try{const e=await fetch(t);this.item=await e.json()}catch(e){this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used"}}renderImageElements(){const{alt_tag:e,carousel_media:t,data_type:r,cover_images:a,video:o}=this.item;if(t&&t.length>0){return i("covet-pics-popup-slider",{item:this.item})}if(r==="image"||r==="carousel"){return i("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(r==="video"){return i("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},i("video",{playsinline:true,loop:true,poster:a.high_resolution,key:o,title:e},i("source",{src:o,type:"video/mp4"})))}return null}pauseVideo(e){const i=e.querySelector("video");i.pause();e.classList.remove("playing")}playVideo(e){const i=e.querySelector("video");let t=i.play();if(t!==null){t.catch((()=>{i.play()}))}e.classList.add("playing")}renderError(){return i(t,null,i("p",{class:"error-message"},this.fetchingError))}render(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;const e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return i(t,null,i("div",{class:{"covet-post":true}},i("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&i("div",{class:"covet-post-description"},i("p",{class:"covet-post-text"},i("b",null,"@",this.item.username)," ",this.item.caption))))}get el(){return r(this)}};n.style=s;export{n as covet_pics_post};
5
- //# sourceMappingURL=p-42c7a0ae.entry.js.map
4
+ import{r as e,h as i,H as t,g as r}from"./p-682703b9.js";import{B as a}from"./p-1436f40f.js";const o='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';const s=o;const n=class{constructor(i){e(this,i);this.playPauseVideoKeyboardClickHandler=e=>{if(e.keyCode===13||e.keyCode===32){return this.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=e=>{e.preventDefault();e.stopPropagation();const i=e.currentTarget;return i.classList.contains("playing")?this.pauseVideo(i):this.playVideo(i)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}componentWillLoad(){this.loadData()}async loadData(){let e="production";if(typeof this.environment==="string"&&Object.keys(a).includes(this.environment)){e=this.environment}const i=a[e];const t=`${i}/api/v1/post/${this.postId}`;try{const e=await fetch(t);this.item=await e.json()}catch(e){this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used"}}renderImageElements(){const{alt_tag:e,carousel_media:t,data_type:r,cover_images:a,video:o}=this.item;if(t&&t.length>0){return i("covet-pics-popup-slider",{item:this.item})}if(r==="image"||r==="carousel"){return i("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(r==="video"){return i("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},i("video",{playsinline:true,loop:true,poster:a.high_resolution,key:o,title:e},i("source",{src:o,type:"video/mp4"})))}return null}pauseVideo(e){const i=e.querySelector("video");i.pause();e.classList.remove("playing")}playVideo(e){const i=e.querySelector("video");let t=i.play();if(t!==null){t.catch((()=>{i.play()}))}e.classList.add("playing")}renderError(){return i(t,null,i("p",{class:"error-message"},this.fetchingError))}render(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;const e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return i(t,null,i("div",{class:{"covet-post":true}},i("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&i("div",{class:"covet-post-description"},i("p",{class:"covet-post-text"},i("b",null,"@",this.item.username)," ",this.item.caption))))}get el(){return r(this)}};n.style=s;export{n as covet_pics_post};
5
+ //# sourceMappingURL=p-9b49c818.entry.js.map
package/dist/covet-pics-widget/p-9b49c818.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","this","playPauseVideoKeyboardClickHandler","event","keyCode","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","postId","json","fetch","item","err","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #FFFFFF;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":";;;6FAAA,MAAMA,EAAmB,89uBACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,yBA4DhBC,KAAAC,mCAAsCC,IAC5C,GAAIA,EAAMC,UAAY,IAAMD,EAAMC,UAAY,GAAI,CAChD,OAAOH,KAAKI,2BAA2BF,E,GAInCF,KAAAI,2BAA8BF,IACpCA,EAAMG,iBACNH,EAAMI,kBAEN,MAAMC,EAAeL,EAAMM,cAE3B,OAAOD,EAAaE,UAAUC,SAAS,WAAaV,KAAKW,WAAWJ,GAAgBP,KAAKY,UAAUL,EAAa,E,2DA3DlG,K,mBAEiB,I,CAEjC,iBAAAM,GACEb,KAAKc,U,CAGC,cAAMA,GACZ,IAAIC,EAAM,aACV,UAAWf,KAAKgB,cAAgB,UAAYC,OAAOC,KAAKC,GAAeC,SAASpB,KAAKgB,aAAc,CACjGD,EAAMf,KAAKgB,W,CAEb,MAAMK,EAAUF,EAAcJ,GAC9B,MAAMO,EAAM,GAAGD,iBAAuBrB,KAAKuB,SAG3C,IACE,MAAMC,QAAaC,MAAMH,GACzBtB,KAAK0B,WAAaF,EAAKA,M,CACvB,MAAOG,GACP3B,KAAK4B,cAAgB,qH,EAIjB,mBAAAC,GACN,MAAMC,QAAEA,EAAOC,eAAEA,EAAcC,UAAEA,EAASC,aAAEA,EAAYC,MAAEA,GAAUlC,KAAK0B,KAEzE,GAAIK,GAAkBA,EAAeI,OAAS,EAAG,CAC/C,OAAOC,EAAA,2BAAyBV,KAAM1B,KAAK0B,M,CAG7C,GAAIM,IAAc,SAAWA,IAAc,WAAY,CACrD,OAAQI,EAAA,OAAKC,MAAM,mBAAmBC,IAAKtC,KAAK0B,KAAKa,OAAOC,gBAAiBC,IAAKzC,KAAK0B,KAAKgB,S,CAE9F,GAAIV,IAAc,QAAS,CACzB,OACEI,EAAA,OAAKC,MAAM,qBAAqBM,QAAS3C,KAAKI,2BAA4BwC,UAAW5C,KAAKC,mCAAoC4C,SAAS,KACrIT,EAAA,SAAOU,YAAW,KAACC,KAAI,KAACC,OAAQf,EAAaO,gBAAiBS,IAAKf,EAAOgB,MAAOpB,GAC/EM,EAAA,UAAQE,IAAKJ,EAAOiB,KAAK,e,CAKjC,OAAO,I,CAkBD,UAAAxC,CAAWyC,GACjB,MAAMC,EAAUD,EAAeE,cAAc,SAE7CD,EAAQE,QACRH,EAAe3C,UAAU+C,OAAO,U,CAG1B,SAAA5C,CAAUwC,GAChB,MAAMC,EAAUD,EAAeE,cAAc,SAC7C,IAAIG,EAAcJ,EAAQK,OAE1B,GAAID,IAAgB,KAAM,CACxBA,EAAYE,OAAM,KAAQN,EAAQK,MAAM,G,CAE1CN,EAAe3C,UAAUmD,IAAI,U,CAGvB,WAAAC,GACN,OACEzB,EAAC0B,EAAI,KACH1B,EAAA,KAAGC,MAAM,iBAAiBrC,KAAK4B,e,CAKrC,MAAAmC,GACE,GAAI/D,KAAK4B,gBAAkB,KAAM,OAAO5B,KAAK6D,cAC7C,GAAI7D,KAAK0B,OAAS,KAAM,OAAO,KAE/B,MAAMsC,GAAoBhE,KAAK0B,KAAKuC,WAAa,MAAQjE,KAAK0B,KAAKuC,WAAa,MAAQjE,KAAK0B,KAAKgB,UAAY,MAAQ1C,KAAK0B,KAAKgB,UAAY,IAC5I,OACEN,EAAC0B,EAAI,KACH1B,EAAA,OAAKC,MAAO,CAAC,aAAc,OACzBD,EAAA,OAAKC,MAAO,CAAC,wBAAyB,KAAM6B,SAAYlE,KAAK0B,KAAKK,gBAAkB/B,KAAK0B,KAAKK,eAAeI,OAAS,IACnHnC,KAAK6B,wBAENmC,GACA5B,EAAA,OAAKC,MAAM,0BACTD,EAAA,KAAGC,MAAM,mBAAkBD,EAAA,aAAKpC,KAAK0B,KAAKuC,UAAa,IAAOjE,KAAK0B,KAAKgB,W","ignoreList":[]}
package/dist/covet-pics-widget/{p-b7c826d5.system.entry.js → p-d99afc48.system.entry.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,i,t,r){function a(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,o){function n(e){try{p(r.next(e))}catch(e){o(e)}}function s(e){try{p(r["throw"](e))}catch(e){o(e)}}function p(e){e.done?t(e.value):a(e.value).then(n,s)}p((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(i){return p([e,i])}}function p(s){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(t=0)),t)try{if(r=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];a=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Copyright by Space Squirrel Ltd.
4
- */System.register(["./p-32324f34.system.js","./p-e7a152e9.system.js"],(function(e){"use strict";var i,t,r,a,o;return{setters:[function(e){i=e.r;t=e.h;r=e.H;a=e.g},function(e){o=e.B}],execute:function(){var n='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#212121;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';var s=n;var p=e("covet_pics_post",function(){function e(e){var t=this;i(this,e);this.playPauseVideoKeyboardClickHandler=function(e){if(e.keyCode===13||e.keyCode===32){return t.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=function(e){e.preventDefault();e.stopPropagation();var i=e.currentTarget;return i.classList.contains("playing")?t.pauseVideo(i):t.playVideo(i)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}e.prototype.componentWillLoad=function(){this.loadData()};e.prototype.loadData=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,r,a,n;return __generator(this,(function(s){switch(s.label){case 0:e="production";if(typeof this.environment==="string"&&Object.keys(o).includes(this.environment)){e=this.environment}i=o[e];t="".concat(i,"/api/v1/post/").concat(this.postId);s.label=1;case 1:s.trys.push([1,4,,5]);return[4,fetch(t)];case 2:r=s.sent();a=this;return[4,r.json()];case 3:a.item=s.sent();return[3,5];case 4:n=s.sent();this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used";return[3,5];case 5:return[2]}}))}))};e.prototype.renderImageElements=function(){var e=this.item,i=e.alt_tag,r=e.carousel_media,a=e.data_type,o=e.cover_images,n=e.video;if(r&&r.length>0){return t("covet-pics-popup-slider",{item:this.item})}if(a==="image"||a==="carousel"){return t("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(a==="video"){return t("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},t("video",{playsinline:true,loop:true,poster:o.high_resolution,key:n,title:i},t("source",{src:n,type:"video/mp4"})))}return null};e.prototype.pauseVideo=function(e){var i=e.querySelector("video");i.pause();e.classList.remove("playing")};e.prototype.playVideo=function(e){var i=e.querySelector("video");var t=i.play();if(t!==null){t.catch((function(){i.play()}))}e.classList.add("playing")};e.prototype.renderError=function(){return t(r,null,t("p",{class:"error-message"},this.fetchingError))};e.prototype.render=function(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;var e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return t(r,null,t("div",{class:{"covet-post":true}},t("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&t("div",{class:"covet-post-description"},t("p",{class:"covet-post-text"},t("b",null,"@",this.item.username)," ",this.item.caption))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=s}}}));
5
- //# sourceMappingURL=p-b7c826d5.system.entry.js.map
4
+ */System.register(["./p-32324f34.system.js","./p-e7a152e9.system.js"],(function(e){"use strict";var i,t,r,a,o;return{setters:[function(e){i=e.r;t=e.h;r=e.H;a=e.g},function(e){o=e.B}],execute:function(){var n='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';var s=n;var p=e("covet_pics_post",function(){function e(e){var t=this;i(this,e);this.playPauseVideoKeyboardClickHandler=function(e){if(e.keyCode===13||e.keyCode===32){return t.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=function(e){e.preventDefault();e.stopPropagation();var i=e.currentTarget;return i.classList.contains("playing")?t.pauseVideo(i):t.playVideo(i)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}e.prototype.componentWillLoad=function(){this.loadData()};e.prototype.loadData=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,r,a,n;return __generator(this,(function(s){switch(s.label){case 0:e="production";if(typeof this.environment==="string"&&Object.keys(o).includes(this.environment)){e=this.environment}i=o[e];t="".concat(i,"/api/v1/post/").concat(this.postId);s.label=1;case 1:s.trys.push([1,4,,5]);return[4,fetch(t)];case 2:r=s.sent();a=this;return[4,r.json()];case 3:a.item=s.sent();return[3,5];case 4:n=s.sent();this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used";return[3,5];case 5:return[2]}}))}))};e.prototype.renderImageElements=function(){var e=this.item,i=e.alt_tag,r=e.carousel_media,a=e.data_type,o=e.cover_images,n=e.video;if(r&&r.length>0){return t("covet-pics-popup-slider",{item:this.item})}if(a==="image"||a==="carousel"){return t("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(a==="video"){return t("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},t("video",{playsinline:true,loop:true,poster:o.high_resolution,key:n,title:i},t("source",{src:n,type:"video/mp4"})))}return null};e.prototype.pauseVideo=function(e){var i=e.querySelector("video");i.pause();e.classList.remove("playing")};e.prototype.playVideo=function(e){var i=e.querySelector("video");var t=i.play();if(t!==null){t.catch((function(){i.play()}))}e.classList.add("playing")};e.prototype.renderError=function(){return t(r,null,t("p",{class:"error-message"},this.fetchingError))};e.prototype.render=function(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;var e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return t(r,null,t("div",{class:{"covet-post":true}},t("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&t("div",{class:"covet-post-description"},t("p",{class:"covet-post-text"},t("b",null,"@",this.item.username)," ",this.item.caption))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=s}}}));
5
+ //# sourceMappingURL=p-d99afc48.system.entry.js.map
package/dist/covet-pics-widget/p-d99afc48.system.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","exports","this","playPauseVideoKeyboardClickHandler","event","keyCode","_this","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","class_1","prototype","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","concat","postId","fetch","json","_b","sent","_a","item","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #FFFFFF;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/esm/covet-pics-post.entry.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { r as registerInstance, h, H as Host, g as getElement } from './index-a1981a9d.js';
5
5
  import { B as BASE_API_URLS } from './utils-0630333d.js';
6
6
 
7
- const covetPicsPostCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#212121;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}";
7
+ const covetPicsPostCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:\"\";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}";
8
8
  const CovetPicsPostStyle0 = covetPicsPostCss;
9
9
 
10
10
  const CovetPicsPost = class {
package/dist/esm/covet-pics-post.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"covet-pics-post.entry.js","mappings":"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","names":[],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #212121;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1
+ {"file":"covet-pics-post.entry.js","mappings":"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","names":[],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #FFFFFF;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
package/dist/esm-es5/covet-pics-post.entry.js CHANGED
@@ -1,5 +1,5 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,i,t,r){function o(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function n(e){try{p(r.next(e))}catch(e){a(e)}}function s(e){try{p(r["throw"](e))}catch(e){a(e)}}function p(e){e.done?t(e.value):o(e.value).then(n,s)}p((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(i){return p([e,i])}}function p(s){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(t=0)),t)try{if(r=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];o=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Copyright by Space Squirrel Ltd.
4
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-a1981a9d.js";import{B as BASE_API_URLS}from"./utils-0630333d.js";var covetPicsPostCss='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#212121;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';var CovetPicsPostStyle0=covetPicsPostCss;var CovetPicsPost=function(){function e(e){var i=this;registerInstance(this,e);this.playPauseVideoKeyboardClickHandler=function(e){if(e.keyCode===13||e.keyCode===32){return i.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=function(e){e.preventDefault();e.stopPropagation();var t=e.currentTarget;return t.classList.contains("playing")?i.pauseVideo(t):i.playVideo(t)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}e.prototype.componentWillLoad=function(){this.loadData()};e.prototype.loadData=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,r,o,a;return __generator(this,(function(n){switch(n.label){case 0:e="production";if(typeof this.environment==="string"&&Object.keys(BASE_API_URLS).includes(this.environment)){e=this.environment}i=BASE_API_URLS[e];t="".concat(i,"/api/v1/post/").concat(this.postId);n.label=1;case 1:n.trys.push([1,4,,5]);return[4,fetch(t)];case 2:r=n.sent();o=this;return[4,r.json()];case 3:o.item=n.sent();return[3,5];case 4:a=n.sent();this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used";return[3,5];case 5:return[2]}}))}))};e.prototype.renderImageElements=function(){var e=this.item,i=e.alt_tag,t=e.carousel_media,r=e.data_type,o=e.cover_images,a=e.video;if(t&&t.length>0){return h("covet-pics-popup-slider",{item:this.item})}if(r==="image"||r==="carousel"){return h("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(r==="video"){return h("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},h("video",{playsinline:true,loop:true,poster:o.high_resolution,key:a,title:i},h("source",{src:a,type:"video/mp4"})))}return null};e.prototype.pauseVideo=function(e){var i=e.querySelector("video");i.pause();e.classList.remove("playing")};e.prototype.playVideo=function(e){var i=e.querySelector("video");var t=i.play();if(t!==null){t.catch((function(){i.play()}))}e.classList.add("playing")};e.prototype.renderError=function(){return h(Host,null,h("p",{class:"error-message"},this.fetchingError))};e.prototype.render=function(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;var e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return h(Host,null,h("div",{class:{"covet-post":true}},h("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&h("div",{class:"covet-post-description"},h("p",{class:"covet-post-text"},h("b",null,"@",this.item.username)," ",this.item.caption))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CovetPicsPost.style=CovetPicsPostStyle0;export{CovetPicsPost as covet_pics_post};
4
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-a1981a9d.js";import{B as BASE_API_URLS}from"./utils-0630333d.js";var covetPicsPostCss='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.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-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.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;display:block}.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-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.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-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.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-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:host{--swiper-pagination-height:40px;--popup-fixed-size:720px}.carousel-media{max-width:100%;padding-bottom:var(--swiper-pagination-height)}.carousel-media .carousel-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{-ms-flex-item-align:center;align-self:center;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));max-width:100%}.swiper-button-next,.swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none}.swiper-button-next:hover,.swiper-button-next:active,.swiper-button-next:focus,.swiper-button-prev:hover,.swiper-button-prev:active,.swiper-button-prev:focus{opacity:0.5}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-prev svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:none;flex:none;max-width:100%}:host .covet-post{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:none;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'1585.982 6.353 864 864\'%3E%3Cpath opacity=\'.6\' fill=\'%23231F20\' d=\'M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1910.997 656.622l293.971-219.27-293.971-219.269z\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-color:transparent;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;-webkit-transform:translateY(0);transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';var CovetPicsPostStyle0=covetPicsPostCss;var CovetPicsPost=function(){function e(e){var i=this;registerInstance(this,e);this.playPauseVideoKeyboardClickHandler=function(e){if(e.keyCode===13||e.keyCode===32){return i.playPauseVideoClickHandler(e)}};this.playPauseVideoClickHandler=function(e){e.preventDefault();e.stopPropagation();var t=e.currentTarget;return t.classList.contains("playing")?i.pauseVideo(t):i.playVideo(t)};this.postId=undefined;this.environment=undefined;this.item=null;this.fetchingError=null}e.prototype.componentWillLoad=function(){this.loadData()};e.prototype.loadData=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,r,o,a;return __generator(this,(function(n){switch(n.label){case 0:e="production";if(typeof this.environment==="string"&&Object.keys(BASE_API_URLS).includes(this.environment)){e=this.environment}i=BASE_API_URLS[e];t="".concat(i,"/api/v1/post/").concat(this.postId);n.label=1;case 1:n.trys.push([1,4,,5]);return[4,fetch(t)];case 2:r=n.sent();o=this;return[4,r.json()];case 3:o.item=n.sent();return[3,5];case 4:a=n.sent();this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used";return[3,5];case 5:return[2]}}))}))};e.prototype.renderImageElements=function(){var e=this.item,i=e.alt_tag,t=e.carousel_media,r=e.data_type,o=e.cover_images,a=e.video;if(t&&t.length>0){return h("covet-pics-popup-slider",{item:this.item})}if(r==="image"||r==="carousel"){return h("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption})}if(r==="video"){return h("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},h("video",{playsinline:true,loop:true,poster:o.high_resolution,key:a,title:i},h("source",{src:a,type:"video/mp4"})))}return null};e.prototype.pauseVideo=function(e){var i=e.querySelector("video");i.pause();e.classList.remove("playing")};e.prototype.playVideo=function(e){var i=e.querySelector("video");var t=i.play();if(t!==null){t.catch((function(){i.play()}))}e.classList.add("playing")};e.prototype.renderError=function(){return h(Host,null,h("p",{class:"error-message"},this.fetchingError))};e.prototype.render=function(){if(this.fetchingError!==null)return this.renderError();if(this.item===null)return null;var e=(this.item.username===null||this.item.username==="")&&(this.item.caption===null||this.item.caption==="");return h(Host,null,h("div",{class:{"covet-post":true}},h("div",{class:{"covet-post-image-wrap":true,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!e&&h("div",{class:"covet-post-description"},h("p",{class:"covet-post-text"},h("b",null,"@",this.item.username)," ",this.item.caption))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CovetPicsPost.style=CovetPicsPostStyle0;export{CovetPicsPost as covet_pics_post};
5
5
  //# sourceMappingURL=covet-pics-post.entry.js.map
package/dist/esm-es5/covet-pics-post.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","this","playPauseVideoKeyboardClickHandler","event","keyCode","_this","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","class_1","prototype","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","concat","postId","fetch","json","_b","sent","_a","item","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #212121;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","this","playPauseVideoKeyboardClickHandler","event","keyCode","_this","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","class_1","prototype","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","concat","postId","fetch","json","_b","sent","_a","item","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #FFFFFF;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@covet-pics/covet-pics-widget",
3
- "version": "0.161.6",
3
+ "version": "0.161.7",
4
4
  "description": "Covet.pics Widget System",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/covet-pics-widget/p-42c7a0ae.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","this","playPauseVideoKeyboardClickHandler","event","keyCode","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","postId","json","fetch","item","err","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #212121;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":";;;6FAAA,MAAMA,EAAmB,48uBACzB,MAAAC,EAAeD,E,MCQFE,EAAa,M,yBA4DhBC,KAAAC,mCAAsCC,IAC5C,GAAIA,EAAMC,UAAY,IAAMD,EAAMC,UAAY,GAAI,CAChD,OAAOH,KAAKI,2BAA2BF,E,GAInCF,KAAAI,2BAA8BF,IACpCA,EAAMG,iBACNH,EAAMI,kBAEN,MAAMC,EAAeL,EAAMM,cAE3B,OAAOD,EAAaE,UAAUC,SAAS,WAAaV,KAAKW,WAAWJ,GAAgBP,KAAKY,UAAUL,EAAa,E,2DA3DlG,K,mBAEiB,I,CAEjC,iBAAAM,GACEb,KAAKc,U,CAGC,cAAMA,GACZ,IAAIC,EAAM,aACV,UAAWf,KAAKgB,cAAgB,UAAYC,OAAOC,KAAKC,GAAeC,SAASpB,KAAKgB,aAAc,CACjGD,EAAMf,KAAKgB,W,CAEb,MAAMK,EAAUF,EAAcJ,GAC9B,MAAMO,EAAM,GAAGD,iBAAuBrB,KAAKuB,SAG3C,IACE,MAAMC,QAAaC,MAAMH,GACzBtB,KAAK0B,WAAaF,EAAKA,M,CACvB,MAAOG,GACP3B,KAAK4B,cAAgB,qH,EAIjB,mBAAAC,GACN,MAAMC,QAAEA,EAAOC,eAAEA,EAAcC,UAAEA,EAASC,aAAEA,EAAYC,MAAEA,GAAUlC,KAAK0B,KAEzE,GAAIK,GAAkBA,EAAeI,OAAS,EAAG,CAC/C,OAAOC,EAAA,2BAAyBV,KAAM1B,KAAK0B,M,CAG7C,GAAIM,IAAc,SAAWA,IAAc,WAAY,CACrD,OAAQI,EAAA,OAAKC,MAAM,mBAAmBC,IAAKtC,KAAK0B,KAAKa,OAAOC,gBAAiBC,IAAKzC,KAAK0B,KAAKgB,S,CAE9F,GAAIV,IAAc,QAAS,CACzB,OACEI,EAAA,OAAKC,MAAM,qBAAqBM,QAAS3C,KAAKI,2BAA4BwC,UAAW5C,KAAKC,mCAAoC4C,SAAS,KACrIT,EAAA,SAAOU,YAAW,KAACC,KAAI,KAACC,OAAQf,EAAaO,gBAAiBS,IAAKf,EAAOgB,MAAOpB,GAC/EM,EAAA,UAAQE,IAAKJ,EAAOiB,KAAK,e,CAKjC,OAAO,I,CAkBD,UAAAxC,CAAWyC,GACjB,MAAMC,EAAUD,EAAeE,cAAc,SAE7CD,EAAQE,QACRH,EAAe3C,UAAU+C,OAAO,U,CAG1B,SAAA5C,CAAUwC,GAChB,MAAMC,EAAUD,EAAeE,cAAc,SAC7C,IAAIG,EAAcJ,EAAQK,OAE1B,GAAID,IAAgB,KAAM,CACxBA,EAAYE,OAAM,KAAQN,EAAQK,MAAM,G,CAE1CN,EAAe3C,UAAUmD,IAAI,U,CAGvB,WAAAC,GACN,OACEzB,EAAC0B,EAAI,KACH1B,EAAA,KAAGC,MAAM,iBAAiBrC,KAAK4B,e,CAKrC,MAAAmC,GACE,GAAI/D,KAAK4B,gBAAkB,KAAM,OAAO5B,KAAK6D,cAC7C,GAAI7D,KAAK0B,OAAS,KAAM,OAAO,KAE/B,MAAMsC,GAAoBhE,KAAK0B,KAAKuC,WAAa,MAAQjE,KAAK0B,KAAKuC,WAAa,MAAQjE,KAAK0B,KAAKgB,UAAY,MAAQ1C,KAAK0B,KAAKgB,UAAY,IAC5I,OACEN,EAAC0B,EAAI,KACH1B,EAAA,OAAKC,MAAO,CAAC,aAAc,OACzBD,EAAA,OAAKC,MAAO,CAAC,wBAAyB,KAAM6B,SAAYlE,KAAK0B,KAAKK,gBAAkB/B,KAAK0B,KAAKK,eAAeI,OAAS,IACnHnC,KAAK6B,wBAENmC,GACA5B,EAAA,OAAKC,MAAM,0BACTD,EAAA,KAAGC,MAAM,mBAAkBD,EAAA,aAAKpC,KAAK0B,KAAKuC,UAAa,IAAOjE,KAAK0B,KAAKgB,W","ignoreList":[]}
package/dist/covet-pics-widget/p-b7c826d5.system.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["covetPicsPostCss","CovetPicsPostStyle0","CovetPicsPost","exports","this","playPauseVideoKeyboardClickHandler","event","keyCode","_this","playPauseVideoClickHandler","preventDefault","stopPropagation","videoWrapper","currentTarget","classList","contains","pauseVideo","playVideo","class_1","prototype","componentWillLoad","loadData","env","environment","Object","keys","BASE_API_URLS","includes","baseUrl","url","concat","postId","fetch","json","_b","sent","_a","item","fetchingError","renderImageElements","alt_tag","carousel_media","data_type","cover_images","video","length","h","class","src","images","high_resolution","alt","caption","onClick","onKeyDown","tabindex","playsinline","loop","poster","key","title","type","videoWrapperEl","videoEl","querySelector","pause","remove","playPromise","play","catch","add","renderError","Host","render","descriptionEmpty","username","carousel"],"sources":["src/components/covet-pics-post/covet-pics-post.scss?tag=covet-pics-post&encapsulation=shadow","src/components/covet-pics-post/covet-pics-post.tsx"],"sourcesContent":["@import \"~swiper/swiper.scss\";\n@import \"~swiper/modules/navigation.scss\";\n@import \"~swiper/modules/pagination.scss\";\n@import \"../covet-pics-popup/covet-gallery-popup-carousel.scss\";\n\n:host {\n // vars\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-text-color: #000000;\n --covet-post-border-color: #F1F1F1;\n --covet-post-image-bg-color: #212121;\n --covet-post-border-radius: 8px;\n --covet-post-description-padding: 24px;\n}\n\n:host {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: none;\n max-width: 100%;\n \n .covet-post {\n box-sizing: border-box;\n background-color: var(--covet-post-bg-color);\n border: 1px solid var(--covet-post-border-color);\n border-radius: var(--covet-post-border-radius);\n overflow: hidden;\n position: relative;\n max-width: 100%;\n }\n\n .covet-post-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: none;\n background-color: var(--covet-post-image-bg-color); // TODO check do we need this\n &.carousel {\n display: block;\n // height: 100%;\n }\n }\n\n .covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n\n .post-video-element {\n max-width: 100%;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n overflow: hidden;\n max-height: 100%;\n\n video {\n object-fit: contain;\n width: 100%;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n opacity: 1;\n border: none;\n outline: none !important;\n top: 50%;\n width: 100px;\n height: 100px;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath opacity='.6' fill='%23231F20' d='M2017.982 6.353c-238.592 0-432 193.409-432 432 0 238.592 193.408 432 432 432 238.591 0 432-193.408 432-432 0-238.591-193.409-432-432-432z'/%3E%3Cpath fill='%23FFF' d='M1910.997 656.622l293.971-219.27-293.971-219.269z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n background-color: transparent;\n transition: all 0.25s ease;\n }\n\n &:hover, &:focus {\n &:after {\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n &.playing {\n &:after {\n opacity: 0;\n }\n }\n }\n\n .covet-post-description {\n box-sizing: border-box;\n padding: var(--covet-post-description-padding);\n background-color: var(--covet-post-bg-color);\n width: 0;\n min-width: 100%;\n }\n\n .covet-post-text {\n color: var(--covet-post-text-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n max-height: calc(18px * 4);\n -webkit-line-clamp: 4;\n white-space: pre-line;\n margin-bottom: 0;\n }\n\n .carousel-media {\n width: 100%;\n height: 100%;\n .carousel-cell {\n height: calc(100% - 40px);\n width: 100%;\n justify-content: center;\n align-items: center;\n\n img, video {\n object-fit: contain;\n margin: auto;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .swiper-button-next, .swiper-button-prev {\n top: unset;\n bottom: 0;\n transform: translateY(0);\n border-radius: 0;\n background: transparent;\n padding: 0;\n z-index: 11;\n transition: opacity 0.25s ease;\n opacity: 1;\n border: none;\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n margin-top: 0;\n &:hover, &:active, &:focus {\n opacity: 0.5;\n }\n \n svg {\n width: var(--swiper-pagination-height);\n height: var(--swiper-pagination-height);\n }\n \n &:after {\n display: none;\n }\n }\n\n .swiper-horizontal > .swiper-pagination-bullets {\n display: flex;\n justify-content: center;\n align-items: center;\n \n height: var(--swiper-pagination-height);\n top: unset;\n bottom: 0;\n background: white;\n \n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n margin: 0 3px;\n &:hover, &:active, &:focus {\n opacity: .4;\n }\n &.swiper-pagination-bullet-active {\n background: #000000;\n }\n }\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n","import { Component, Element, Prop, State, h, Host } from \"@stencil/core\";\nimport { BASE_API_URLS } from \"../../utils/utils\";\n\n@Component({\n tag: \"covet-pics-post\",\n styleUrl: \"covet-pics-post.scss\",\n shadow: true\n })\n\nexport class CovetPicsPost {\n @Element() el: HTMLCovetPicsPostElement;\n\n /**\n * post ID\n */\n @Prop() postId: number;\n \n /**\n * App environment: shows which API base URL has to be used\n */\n @Prop() environment: string;\n\n @State() item = null;\n\n @State() fetchingError: string = null;\n\n componentWillLoad() {\n this.loadData();\n }\n\n private async loadData() {\n let env = \"production\";\n if (typeof this.environment === \"string\" && Object.keys(BASE_API_URLS).includes(this.environment)) {\n env = this.environment;\n }\n const baseUrl = BASE_API_URLS[env];\n const url = `${baseUrl}/api/v1/post/${this.postId}`;\n \n\n try {\n const json = await fetch(url);\n this.item = await json.json();\n } catch (err) {\n this.fetchingError = \"The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used\";\n }\n }\n\n private renderImageElements() {\n const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;\n\n if (carousel_media && carousel_media.length > 0) {\n return <covet-pics-popup-slider item={this.item}></covet-pics-popup-slider>;\n } \n\n if (data_type === \"image\" || data_type === \"carousel\") {\n return (<img class=\"covet-post-image\" src={this.item.images.high_resolution} alt={this.item.caption} />);\n }\n if (data_type === \"video\") {\n return ((\n <div class=\"post-video-element\" onClick={this.playPauseVideoClickHandler} onKeyDown={this.playPauseVideoKeyboardClickHandler} tabindex=\"0\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoKeyboardClickHandler = (event: KeyboardEvent) => {\n if (event.keyCode === 13 || event.keyCode === 32) {\n return this.playPauseVideoClickHandler(event);\n }\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const videoWrapper = event.currentTarget as HTMLVideoElement;\n\n return videoWrapper.classList.contains(\"playing\") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);\n }\n\n private pauseVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n\n videoEl.pause();\n videoWrapperEl.classList.remove(\"playing\");\n }\n\n private playVideo(videoWrapperEl: HTMLElement) {\n const videoEl = videoWrapperEl.querySelector(\"video\") as HTMLVideoElement;\n let playPromise = videoEl.play();\n\n if (playPromise !== null) {\n playPromise.catch(() => { videoEl.play(); });\n }\n videoWrapperEl.classList.add(\"playing\");\n }\n\n private renderError() {\n return (\n <Host>\n <p class=\"error-message\">{this.fetchingError}</p>\n </Host>\n );\n }\n\n render() {\n if (this.fetchingError !== null) return this.renderError();\n if (this.item === null) return null;\n\n const descriptionEmpty = (this.item.username === null || this.item.username === \"\") && (this.item.caption === null || this.item.caption === \"\");\n return (\n <Host>\n <div class={{\"covet-post\": true}}>\n <div class={{\"covet-post-image-wrap\": true, \"carousel\": this.item.carousel_media && this.item.carousel_media.length > 0}}>\n {this.renderImageElements()}\n </div>\n {!descriptionEmpty &&\n <div class=\"covet-post-description\">\n <p class=\"covet-post-text\"><b>@{this.item.username}</b>&nbsp;{this.item.caption}</p>\n </div>\n }\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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","ignoreList":[]}