@covet-pics/covet-pics-widget 0.157.1 → 0.158.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/covet-pics-post.cjs.entry.js +89 -0
- package/dist/cjs/covet-pics-post.cjs.entry.js.map +1 -0
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/popupFuncComponents-0ac5603c.js.map +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/covet-pics-post/covet-pics-post.css +777 -0
- package/dist/collection/components/covet-pics-post/covet-pics-post.js +131 -0
- package/dist/collection/components/covet-pics-post/covet-pics-post.js.map +1 -0
- package/dist/collection/utils/funcComponents.js.map +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js.map +1 -1
- package/dist/covet-pics-widget/p-2f3cccf5.system.js.map +1 -1
- package/dist/covet-pics-widget/p-32adb8d9.entry.js +5 -0
- package/dist/covet-pics-widget/p-32adb8d9.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-57bba223.system.js +1 -1
- package/dist/covet-pics-widget/p-57bba223.system.js.map +1 -1
- package/dist/covet-pics-widget/p-65a3706f.js.map +1 -1
- package/dist/covet-pics-widget/p-a3d1c3f8.system.entry.js +5 -0
- package/dist/covet-pics-widget/p-a3d1c3f8.system.entry.js.map +1 -0
- package/dist/esm/covet-pics-post.entry.js +85 -0
- package/dist/esm/covet-pics-post.entry.js.map +1 -0
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/popupFuncComponents-aa303031.js.map +1 -1
- package/dist/esm-es5/covet-pics-post.entry.js +5 -0
- package/dist/esm-es5/covet-pics-post.entry.js.map +1 -0
- package/dist/esm-es5/covet-pics-widget.js +2 -2
- package/dist/esm-es5/covet-pics-widget.js.map +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/popupFuncComponents-aa303031.js.map +1 -1
- package/dist/types/components/covet-pics-post/covet-pics-post.d.ts +21 -0
- package/dist/types/components.d.ts +29 -0
- package/package.json +1 -1
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright by Space Squirrel Ltd.
|
|
3
|
+
*/
|
|
4
|
+
'use strict';
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
|
+
|
|
8
|
+
const index = require('./index-3ed86be0.js');
|
|
9
|
+
const utils = require('./utils-02b313ee.js');
|
|
10
|
+
|
|
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))}}.covet-post *{-webkit-box-sizing:border-box;box-sizing:border-box}.covet-post{--popup-fixed-size:100%;--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-description-bg-color:#FBFBFB;--covet-post-font-family:Helvetica Neue;--covet-post-title-color:#000000;--covet-post-text-color:#A6A6A6;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--covet-post-bg-color);-ms-flex:none;flex:none}.covet-post-image-wrap{width:50%;height:100%;overflow:hidden;position:relative;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none}.covet-post-image-wrap.carousel{display:block}.covet-post-image,.post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%}.covet-post-description{width:50%;padding-left:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%;background-color:var(--covet-post-description-bg-color)}.covet-post-title{color:var(--covet-post-title-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:700}.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}.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%}.post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}.post-video-element .post-video-pause{display:none}.post-video-element.playing .post-video-play{display:none}.post-video-element.playing .post-video-pause{display:block}.post-video-play{border:none;outline:none !important;position:absolute;top:50%;width:var(--covet-post-control-size);height:var(--covet-post-control-size);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:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease}.post-video-play:hover,.post-video-play:active,.post-video-play:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.post-video-pause{border:none;outline:none !important;position:absolute;width:var(--covet-post-control-size);height:var(--covet-post-control-size);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;background-color:rgba(35, 35, 31, 0.6);border-radius:50%;transition:transform 0.25s ease;opacity:0}.post-video-pause::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(-100% - 3px), -50%);transform:translate(calc(-100% - 3px), -50%)}.post-video-pause::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;-webkit-transform:translate(calc(100% + 3px), -50%);transform:translate(calc(100% + 3px), -50%)}.post-video-pause:hover,.post-video-pause:active,.post-video-pause:focus{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);opacity:1}.error-message{text-align:center;border:2px dashed;padding:20px}";
|
|
12
|
+
const CovetPicsPostStyle0 = covetPicsPostCss;
|
|
13
|
+
|
|
14
|
+
const CovetPicsPost = class {
|
|
15
|
+
constructor(hostRef) {
|
|
16
|
+
index.registerInstance(this, hostRef);
|
|
17
|
+
this.playPauseVideoClickHandler = (event) => {
|
|
18
|
+
event.preventDefault();
|
|
19
|
+
event.stopPropagation();
|
|
20
|
+
const button = event.currentTarget;
|
|
21
|
+
const videoWrapper = button.parentElement;
|
|
22
|
+
return videoWrapper.classList.contains("playing") ? this.pauseVideo(videoWrapper) : this.playVideo(videoWrapper);
|
|
23
|
+
};
|
|
24
|
+
this.postId = undefined;
|
|
25
|
+
this.environment = undefined;
|
|
26
|
+
this.item = null;
|
|
27
|
+
this.fetchingError = null;
|
|
28
|
+
}
|
|
29
|
+
componentWillLoad() {
|
|
30
|
+
this.loadData();
|
|
31
|
+
}
|
|
32
|
+
async loadData() {
|
|
33
|
+
let env = "production";
|
|
34
|
+
if (typeof this.environment === "string" && Object.keys(utils.BASE_API_URLS).includes(this.environment)) {
|
|
35
|
+
env = this.environment;
|
|
36
|
+
}
|
|
37
|
+
const baseUrl = utils.BASE_API_URLS[env];
|
|
38
|
+
const url = `${baseUrl}/api/v1/post/${this.postId}`;
|
|
39
|
+
try {
|
|
40
|
+
const json = await fetch(url);
|
|
41
|
+
this.item = await json.json();
|
|
42
|
+
}
|
|
43
|
+
catch (err) {
|
|
44
|
+
this.fetchingError = "The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used";
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
renderImageElements() {
|
|
48
|
+
const { alt_tag, carousel_media, data_type, cover_images, video } = this.item;
|
|
49
|
+
if (carousel_media && carousel_media.length > 0) {
|
|
50
|
+
return index.h("covet-pics-popup-slider", { item: this.item });
|
|
51
|
+
}
|
|
52
|
+
if (data_type === "image" || data_type === "carousel") {
|
|
53
|
+
return (index.h("img", { class: "covet-post-image", src: this.item.images.high_resolution, alt: this.item.caption }));
|
|
54
|
+
}
|
|
55
|
+
if (data_type === "video") {
|
|
56
|
+
return ((index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: cover_images.high_resolution, key: video, title: alt_tag }, index.h("source", { src: video, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler }))));
|
|
57
|
+
}
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
pauseVideo(videoWrapperEl) {
|
|
61
|
+
const videoEl = videoWrapperEl.querySelector("video");
|
|
62
|
+
videoEl.pause();
|
|
63
|
+
videoWrapperEl.classList.remove("playing");
|
|
64
|
+
}
|
|
65
|
+
playVideo(videoWrapperEl) {
|
|
66
|
+
const videoEl = videoWrapperEl.querySelector("video");
|
|
67
|
+
let playPromise = videoEl.play();
|
|
68
|
+
if (playPromise !== null) {
|
|
69
|
+
playPromise.catch(() => { videoEl.play(); });
|
|
70
|
+
}
|
|
71
|
+
videoWrapperEl.classList.add("playing");
|
|
72
|
+
}
|
|
73
|
+
renderError() {
|
|
74
|
+
return (index.h(index.Host, null, index.h("p", { class: "error-message" }, this.fetchingError)));
|
|
75
|
+
}
|
|
76
|
+
render() {
|
|
77
|
+
if (this.fetchingError !== null)
|
|
78
|
+
return this.renderError();
|
|
79
|
+
if (this.item === null)
|
|
80
|
+
return null;
|
|
81
|
+
return (index.h(index.Host, { class: "covet-post" }, index.h("div", { class: { "covet-post-image-wrap": true, "carousel": this.item.carousel_media && this.item.carousel_media.length > 0 } }, this.renderImageElements()), index.h("div", { class: "covet-post-description" }, index.h("h2", { class: "covet-post-title" }, "@", this.item.username), index.h("p", { class: "covet-post-text" }, this.item.caption))));
|
|
82
|
+
}
|
|
83
|
+
get el() { return index.getElement(this); }
|
|
84
|
+
};
|
|
85
|
+
CovetPicsPost.style = CovetPicsPostStyle0;
|
|
86
|
+
|
|
87
|
+
exports.covet_pics_post = CovetPicsPost;
|
|
88
|
+
|
|
89
|
+
//# sourceMappingURL=covet-pics-post.cjs.entry.js.map
|
|
@@ -0,0 +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","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.covet-post * {\n box-sizing: border-box;\n}\n\n.covet-post {\n // vars\n --popup-fixed-size: 100%;\n --swiper-pagination-height: 40px;\n --covet-post-control-size: 70px;\n --covet-post-bg-color: #FFFFFF;\n --covet-post-description-bg-color: #FBFBFB;\n --covet-post-font-family: Helvetica Neue;\n --covet-post-title-color: #000000;\n --covet-post-text-color: #A6A6A6;\n \n box-sizing: border-box;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n background-color: var(--covet-post-bg-color);\n flex: none;\n}\n\n.covet-post-image-wrap {\n width: 50%;\n height: 100%;\n overflow: hidden;\n position: relative;\n display: flex;\n flex: none;\n &.carousel {\n display: block;\n }\n}\n\n.covet-post-image, .post-video-element {\n object-fit: contain;\n margin: auto;\n width: 100%;\n}\n\n.covet-post-description {\n width: 50%;\n padding-left: 32px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n height: 100%;\n background-color: var(--covet-post-description-bg-color);\n}\n\n.covet-post-title {\n color: var(--covet-post-title-color);\n margin-top: 0;\n font-family: var( --covet-post-font-family);\n font-size: 12px;\n font-weight: 700;\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}\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 .post-video-pause {\n display: none;\n }\n\n &.playing .post-video-play {\n display: none;\n }\n\n &.playing .post-video-pause {\n display: block;\n }\n}\n\n// TODO temp solution with 2 control buttons in video\n.post-video-play {\n border: none;\n outline: none !important;\n position: absolute;\n top: 50%;\n width: var(--covet-post-control-size);\n height: var(--covet-post-control-size);\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: transform 0.25s ease;\n &:hover, &:active, &:focus {\n transform: translate(-50%, -50%) scale(1.1);\n }\n}\n\n.post-video-pause {\n border: none;\n outline: none !important;\n position: absolute;\n width: var(--covet-post-control-size);\n height: var(--covet-post-control-size);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n transition: transform 0.25s ease;\n background-color: rgba(#23231F20, 0.6);\n border-radius: 50%;\n transition: transform 0.25s ease;\n opacity: 0;\n &::after {\n content: \"\";\n height: 50%;\n width: 4px;\n position: absolute;\n left: 50%;\n top: 50%;\n background-color: #FFFFFF;\n transform: translate(calc(-100% - 3px), -50%);\n }\n &::before {\n content: \"\";\n height: 50%;\n width: 4px;\n position: absolute;\n right: 50%;\n top: 50%;\n background-color: #FFFFFF;\n transform: translate(calc(100% + 3px),-50%);\n }\n &:hover, &:active, &:focus {\n transform: translate(-50%, -50%) scale(1.1);\n opacity: 1;\n }\n}\n\n.error-message {\n text-align: center;\n border: 2px dashed;\n padding: 20px; \n}\n// TODO temp solution with 2 control buttons in video END","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 })\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\">\n <video playsinline loop poster={cover_images.high_resolution} key={video} title={alt_tag}> \n <source src={video} type=\"video/mp4\" />\n </video>\n <button type=\"button\" class=\"post-video-play\" aria-label=\"Play video\" onClick={this.playPauseVideoClickHandler}></button>\n <button type=\"button\" class=\"post-video-pause\" aria-label=\"Pause video\" onClick={this.playPauseVideoClickHandler}></button>\n </div>\n ));\n }\n return null;\n }\n\n private playPauseVideoClickHandler = (event: UIEvent) => {\n event.preventDefault();\n event.stopPropagation();\n\n const button = event.currentTarget as HTMLElement;\n const videoWrapper = button.parentElement 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 return (\n <Host class=\"covet-post\">\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 <div class=\"covet-post-description\">\n <h2 class=\"covet-post-title\">@{this.item.username}</h2>\n <p class=\"covet-post-text\">{this.item.caption}</p>\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -22,7 +22,7 @@ var patchBrowser = () => {
|
|
|
22
22
|
|
|
23
23
|
patchBrowser().then(async (options) => {
|
|
24
24
|
await appGlobals.globalScripts();
|
|
25
|
-
return index.bootstrapLazy([["covet-pics-highlighted-hotspots_2.cjs",[[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"]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[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]}]]],["covet-pics-direct-buy_6.cjs",[[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]}]]],["covet-pics-gallery-header_5.cjs",[[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],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[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]}]]],["covet-pics-gallery-grid_3.cjs",[[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]}]]],["covet-pics-widget.cjs",[[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"]]]]],["covet-pics-gallery-item-caption.cjs",[[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"]]]]]], options);
|
|
25
|
+
return index.bootstrapLazy([["covet-pics-highlighted-hotspots_2.cjs",[[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"]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[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]}]]],["covet-pics-direct-buy_6.cjs",[[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]}]]],["covet-pics-gallery-header_5.cjs",[[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],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[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]}]]],["covet-pics-gallery-grid_3.cjs",[[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]}]]],["covet-pics-widget.cjs",[[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"]]]]],["covet-pics-post.cjs",[[0,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-gallery-item-caption.cjs",[[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"]]]]]], options);
|
|
26
26
|
});
|
|
27
27
|
|
|
28
28
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -11,7 +11,7 @@ const appGlobals = require('./app-globals-125cdfb5.js');
|
|
|
11
11
|
const defineCustomElements = async (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return undefined;
|
|
13
13
|
await appGlobals.globalScripts();
|
|
14
|
-
return index.bootstrapLazy([["covet-pics-highlighted-hotspots_2.cjs",[[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"]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[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]}]]],["covet-pics-direct-buy_6.cjs",[[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]}]]],["covet-pics-gallery-header_5.cjs",[[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],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[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]}]]],["covet-pics-gallery-grid_3.cjs",[[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]}]]],["covet-pics-widget.cjs",[[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"]]]]],["covet-pics-gallery-item-caption.cjs",[[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"]]]]]], options);
|
|
14
|
+
return index.bootstrapLazy([["covet-pics-highlighted-hotspots_2.cjs",[[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"]}]]],["covet-pics-crop-text.cjs",[[0,"covet-pics-crop-text",{"text":[1],"textClass":[1,"text-class"],"textColor":[1,"text-color"],"ratio":[16],"cropCSS":[32]}]]],["covet-pics-star-rating.cjs",[[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]}]]],["covet-pics-direct-buy_6.cjs",[[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]}]]],["covet-pics-gallery-header_5.cjs",[[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],"openPopup":[64],"closePopup":[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{"item":["itemChangedHandler"]}],[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]}]]],["covet-pics-gallery-grid_3.cjs",[[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]}]]],["covet-pics-widget.cjs",[[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"]]]]],["covet-pics-post.cjs",[[0,"covet-pics-post",{"postId":[2,"post-id"],"environment":[1],"item":[32],"fetchingError":[32]}]]],["covet-pics-gallery-item-caption.cjs",[[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"]]]]]], options);
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
exports.setNonce = index.setNonce;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"popupFuncComponents-0ac5603c.js","mappings":"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","names":["h","Fragment"],"sources":["src/utils/funcComponents.tsx","src/components/covet-pics-popup/popupFuncComponents.tsx"],"sourcesContent":["import { FunctionalComponent, h, Fragment } from \"@stencil/core\";\n\ninterface StarRatingProps {\n rating: number,\n hideRating?: boolean,\n ratingClass?: string,\n starClass?: string,\n label?: string;\n}\n\nexport const StarRating: FunctionalComponent<StarRatingProps> = ({ rating, hideRating, ratingClass, starClass, label }) => {\n const starsArray = [1, 2, 3, 4, 5];\n const starRatingClass = ratingClass !== undefined ? ratingClass : \"\";\n const iconClass = starClass !== undefined ? starClass : \"\";\n return (\n <div class={`${starRatingClass}`} role=\"radiogroup\" aria-label=\"star rating\">\n {!hideRating && starsArray.map((el) =>\n <span class={`icon-star ${iconClass} ${el <= rating ? \"active\" : \"\"}`} role=\"radio\" aria-checked={`${el <= rating}`} aria-label={`star ${el}/${starsArray.length}`}>\n <svg class=\"svg-star\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><title>star rating</title>\n <path d=\"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z\" />\n </svg>\n </span>)}\n {label && <span class=\"rating-data\">{label}</span>}\n </div>);\n};\ninterface StarRatingPopupRewiwProps {\n rating: number,\n starOnlyClass: string,\n}\n\nexport const StarRatingPopupRewiw: FunctionalComponent<StarRatingPopupRewiwProps> = ({ rating, starOnlyClass }) => {\n const starsArray = [1, 2, 3, 4, 5];\n return (\n <div class={`review-top ${starOnlyClass}`} role=\"radiogroup\" aria-label=\"star rating\">\n {starsArray.map((el) => \n <span class={`review-star ${el <= rating ? \"active\" : \"\"}`} role=\"radio\" aria-checked={`${el <= rating}`} aria-label={`star ${el}/${starsArray.length}`}>\n <svg class=\"svg-star\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><title>star rating</title>\n <path d=\"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z\" />\n </svg>\n </span>)}\n </div>);\n};\n\ninterface ProgressRatingProps {\n rating: number,\n percentage: number,\n count: number\n}\n\nexport const ProgressRating: FunctionalComponent<ProgressRatingProps> = ({ rating, percentage, count }) => {\n return (\n <Fragment>\n <p class=\"star-score\">{rating} {rating > 1 ? \"stars\" : \"star\"}</p>\n <div class=\"progressbar\" role=\"progressbar\" aria-valuenow={percentage} aria-valuemin=\"0\" aria-valuemax=\"100\" tabindex=\"0\">\n <span class=\"progressbar-value\" style={{ \"width\": `${percentage}%` }}></span>\n </div>\n <p class=\"percent-count\" aria-label={`voted ${count}, ${rating} ${rating > 1 ? \"stars\" : \"star\"}`}>{count}</p>\n </Fragment>\n );\n};\n\ninterface IconClass {\n iconClass?: string\n}\n\nexport const VerificationIcon: FunctionalComponent<IconClass> = ({ iconClass }) => {\n return (\n <svg class={`icon-verified ${iconClass !== undefined ? iconClass : \"\"}`} role=\"img\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L6.52916 0.658169L7.73705 0.4755L8.40954 1.49537L9.5873 1.81978L9.78683 3.025L10.7308 3.80041L10.4229 4.98258L10.9699 6.07491L10.2077 7.02963L10.2631 8.25L9.17857 8.8122L8.73282 9.94959L7.51335 10.022L6.64351 10.8798L5.5 10.45L4.35649 10.8798L3.48665 10.022L2.26718 9.94959L1.82143 8.8122L0.73686 8.25L0.79227 7.02963L0.0301294 6.07491L0.577117 4.98258L0.269189 3.80041L1.21317 3.025L1.4127 1.81978L2.59046 1.49537L3.26295 0.4755L4.47084 0.658169L5.5 0Z\" fill=\"#157F3F\"/>\n <path d=\"M7.66344 4.09961L4.66344 7.09961L3.2998 5.73597\" stroke=\"white\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n );\n};\n\ninterface BadgeProps {\n badgeClass?: string,\n iconClass?: string\n}\n\nexport const BadgeVerified: FunctionalComponent<BadgeProps> = ({ badgeClass, iconClass }) => {\n return (\n <div class={`badge ${badgeClass !== undefined ? badgeClass : \"\"}`}>\n <VerificationIcon iconClass={`badge-icon ${iconClass !== undefined ? iconClass : \"\"}`}/>\n <p class=\"badge-text\">Verified review</p>\n </div>\n );\n};\n\ninterface BadgeHoverProps {\n badgeClass?: string,\n iconClass?: string\n}\n\nexport const BadgeHoverVerified: FunctionalComponent<BadgeHoverProps> = ({ badgeClass, iconClass }) => {\n return (\n <div class={`badge-hover ${badgeClass !== undefined ? badgeClass : \"\"}`}>\n <p class=\"badge-hover-text\">Verified review</p>\n <svg class={`icon-verified relative ${iconClass !== undefined ? iconClass : \"\"}`} width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L6.52916 0.658169L7.73705 0.4755L8.40954 1.49537L9.5873 1.81978L9.78683 3.025L10.7308 3.80041L10.4229 4.98258L10.9699 6.07491L10.2077 7.02963L10.2631 8.25L9.17857 8.8122L8.73282 9.94959L7.51335 10.022L6.64351 10.8798L5.5 10.45L4.35649 10.8798L3.48665 10.022L2.26718 9.94959L1.82143 8.8122L0.73686 8.25L0.79227 7.02963L0.0301294 6.07491L0.577117 4.98258L0.269189 3.80041L1.21317 3.025L1.4127 1.81978L2.59046 1.49537L3.26295 0.4755L4.47084 0.658169L5.5 0Z\" fill=\"#157F3F\"/>\n <path d=\"M7.66344 4.09961L4.66344 7.09961L3.2998 5.73597\" stroke=\"white\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n );\n};\n\nexport const IconFB: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconTwitter: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconPinterest: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconEmail: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconShareLink: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconCopy: FunctionalComponent = () => {\n return (\n <svg width=\"16\" height=\"20\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path d=\"M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z\"></path>\n </svg>\n );\n};\n\nexport const IconChecked: FunctionalComponent = () => {\n return (\n <svg width=\"16\" height=\"20\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path d=\"M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z\"></path>\n </svg>\n );\n};\n\nexport const IconArrow1Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M48 0H0v48h48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M16.731 23.659l12.445 12.445v1.131L15.6 23.66l13.576-13.577v1.132z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow1Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M48 0H0v48h48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M31.198 23.659L18.753 36.104v1.131L32.329 23.66 18.753 10.082v1.132z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow2Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" d=\"M14 32v-1h20v1H14zm-2-10.098V14.03h2.424c1.74 0 2.904.588 2.904 2.316 0 1.656-1.188 2.436-2.904 2.436h-1.416v3.12H12zm1.008-3.936h1.284c1.38 0 2.04-.504 2.04-1.62 0-1.14-.684-1.512-2.04-1.512h-1.284v3.132zm11.304 3.936h-1.14l-1.896-3.324H19.86v3.324h-1.008V14.03h2.472c1.596 0 2.748.576 2.748 2.208 0 1.224-.696 1.956-1.764 2.232l2.004 3.432zm-4.452-7.068v2.928h1.32c1.224 0 1.896-.504 1.896-1.524 0-1.032-.672-1.404-1.896-1.404h-1.32zm5.904 7.068V14.03H30.3v.84h-3.528v2.472h2.976v.852h-2.976v2.856h3.648v.852h-4.656zm7.704 0L30.96 14.03h1.056l1.272 4.248c.276.936.468 1.68.756 2.604h.048c.288-.924.492-1.668.756-2.604l1.26-4.248h1.02l-2.496 7.872h-1.164z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow2Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48.0\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" d=\"M14 32v-1h20v1H14zm-1.862-9.936v-7.872h1.032l2.856 4.944.852 1.632h.048c-.048-.792-.132-1.68-.132-2.508v-4.068h.948v7.872H16.71l-2.844-4.956-.852-1.62h-.048c.048.792.12 1.632.12 2.46v4.116h-.948zm7.704 0v-7.872h4.536v.84H20.85v2.472h2.976v.852H20.85v2.856h3.648v.852h-4.656zm5.376 0l2.292-4.068-2.148-3.804h1.104l1.08 2.016c.192.36.36.684.612 1.14h.048c.216-.456.36-.78.552-1.14l1.044-2.016h1.056l-2.136 3.852 2.292 4.02H29.91l-1.164-2.124c-.204-.384-.42-.78-.672-1.26h-.048c-.228.48-.42.876-.624 1.26l-1.14 2.124h-1.044zm8.388 0v-7.032h-2.388v-.84h5.772v.84h-2.388v7.032h-.996z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow3Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M14.85 16.324l2.04 2.04v1.414L13 15.89 16.89 12v1.414l-1.91 1.91h18.957v1H14.85zm.434 17.148l.024 1.02v1.968h-.984v-8.292h.816l.084.672h.036c.528-.444 1.176-.816 1.86-.816 1.5 0 2.304 1.164 2.304 2.976 0 1.98-1.188 3.144-2.52 3.144-.54 0-1.08-.252-1.62-.672zm.024-.768c.528.444 1.044.612 1.428.612.96 0 1.668-.876 1.668-2.316 0-1.284-.432-2.148-1.536-2.148-.492 0-.984.276-1.56.792v3.06zM20.984 34v-5.832h.816l.084 1.056h.036c.396-.732.996-1.2 1.656-1.2.252 0 .432.036.624.12l-.192.864a1.632 1.632 0 0 0-.564-.096c-.492 0-1.08.36-1.476 1.344V34h-.984zm3.612-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM32.3 34l-2.1-5.832h1.02l1.104 3.312c.168.576.36 1.164.54 1.716h.048c.168-.552.36-1.14.528-1.716l1.104-3.312h.972L33.452 34H32.3z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow3Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h48v48H0z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M31.958 16.454H13v-1h19.088l-2.04-2.04V12l3.89 3.89-3.89 3.888v-1.414l1.91-1.91zM14.064 34v-5.832h.816l.084.84H15c.552-.552 1.152-.984 1.956-.984 1.224 0 1.776.792 1.776 2.28V34h-.984v-3.564c0-1.092-.336-1.56-1.104-1.56-.6 0-1.008.312-1.596.9V34h-.984zm6.132-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM25.68 34l1.908-3.048-1.764-2.784h1.068l.78 1.284c.18.312.372.648.576.972h.048c.168-.324.348-.66.528-.972l.708-1.284h1.032L28.8 31.06 30.696 34h-1.068l-.852-1.356a30.21 30.21 0 0 0-.636-1.044h-.048c-.204.336-.396.684-.588 1.044L26.712 34H25.68zm6.336-1.8v-3.228h-.864v-.744l.912-.06.12-1.632h.828v1.632h1.572v.804h-1.572v3.24c0 .72.228 1.128.9 1.128.204 0 .468-.084.66-.156l.192.744c-.324.108-.72.216-1.08.216-1.248 0-1.668-.792-1.668-1.944z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow4Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M40 0H0v40h40z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M15.912 20l2.04-2.04v-1.414l-3.89 3.889 3.89 3.889V22.91L16.042 21H27v-1H15.912z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow4Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v40H0z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M24.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H13v-1h11.088z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow5Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 80 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M80 0H0v40h80z\"></path>\n <path class=\"symbol\" d=\"M16.042 21l1.91 1.91v1.414l-3.89-3.89 3.89-3.888v1.414L15.912 20H35v1H16.042zm27.064 2.428l.026 1.105v2.132h-1.066v-8.983h.884l.091.728h.039c.572-.481 1.274-.884 2.015-.884 1.625 0 2.496 1.261 2.496 3.224 0 2.145-1.287 3.406-2.73 3.406-.585 0-1.17-.273-1.755-.728zm.026-.832c.572.481 1.131.663 1.547.663 1.04 0 1.807-.949 1.807-2.509 0-1.391-.468-2.327-1.664-2.327-.533 0-1.066.299-1.69.858v3.315zM49.081 24v-6.318h.884l.091 1.144h.039c.429-.793 1.079-1.3 1.794-1.3.273 0 .468.039.676.13l-.208.936a1.768 1.768 0 0 0-.611-.104c-.533 0-1.17.39-1.599 1.456V24h-1.066zm3.713-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM60.875 24L58.6 17.682h1.105l1.196 3.588c.182.624.39 1.261.585 1.859h.052c.182-.598.39-1.235.572-1.859l1.196-3.588h1.053L62.123 24h-1.248z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow5Right: FunctionalComponent = () => {\n return (\n <svg aria-hidden=\"true\" viewBox=\"-14 0 80 10\" xmlns=\"http://www.w3.org/2000/svg\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path class=\"symbol\" d=\"M18.9144 3.55306V7.05006C18.9144 8.29806 19.3694 9.15606 20.7214 9.15606C21.1114 9.15606 21.5404 9.03906 21.8914 8.92206L21.6834 8.11606C21.4754 8.19406 21.1894 8.28506 20.9684 8.28506C20.2404 8.28506 19.9934 7.84306 19.9934 7.06306V3.55306H21.6964V2.68206H19.9934V0.914062H19.0964L18.9664 2.68206L17.9784 2.74706V3.55306H18.9144ZM30.0004 5.00006H49.0888L47.0488 2.96004V1.54583L50.9379 5.43492L47.0488 9.324V7.90979L48.9585 6.00006H30.0004V5.00006ZM0.0664062 2.68206V9.00006H1.13241V4.42406C1.76941 3.78706 2.21141 3.44906 2.86141 3.44906C3.69341 3.44906 4.05741 3.95606 4.05741 5.13906V9.00006H5.12341V4.99606C5.12341 3.38406 4.52541 2.52606 3.19941 2.52606C2.32841 2.52606 1.67841 2.99406 1.08041 3.59206H1.04141L0.950406 2.68206H0.0664062ZM6.50941 5.85406C6.50941 3.78706 7.90041 2.52606 9.34341 2.52606C10.9554 2.52606 11.8654 3.68306 11.8654 5.49006C11.8654 5.71106 11.8524 5.91906 11.8264 6.07506H7.56241C7.64041 7.44006 8.45941 8.29806 9.66841 8.29806C10.2664 8.29806 10.7734 8.10306 11.2414 7.80406L11.6184 8.50606C11.0724 8.85706 10.3964 9.15606 9.53841 9.15606C7.84841 9.15606 6.50941 7.92106 6.50941 5.85406ZM10.9294 5.37306H7.54941C7.67941 4.09906 8.48541 3.37106 9.36941 3.37106C10.3574 3.37106 10.9294 4.08606 10.9294 5.37306ZM12.2504 9.00006L14.3174 5.69806L12.4064 2.68206H13.5634L14.4084 4.07306L14.4604 4.16323C14.6403 4.47528 14.8309 4.80607 15.0324 5.12606H15.0844C15.2664 4.77506 15.4614 4.41106 15.6564 4.07306L16.4234 2.68206H17.5414L15.6304 5.81506L17.6844 9.00006H16.5274L15.6044 7.53106C15.3834 7.15406 15.1494 6.76406 14.9154 6.40006H14.8634C14.6424 6.76406 14.4344 7.14106 14.2264 7.53106L13.3684 9.00006H12.2504Z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconArrowPrev: FunctionalComponent = () => {\n return (\n <svg viewBox=\"0 0 100 100\" role=\"img\"><title>arrow next</title><path d=\"M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z\" class=\"arrow\" transform=\"translate(100, 100) rotate(180) \"></path></svg>\n );\n};\n\nexport const IconArrowNext: FunctionalComponent = () => {\n return (\n <svg viewBox=\"0 0 100 100\" role=\"img\"><title>arrow previous</title><path d=\"M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z\" class=\"arrow\" transform=\"translate(100, 100) rotate(180) \"></path></svg>\n );\n};\n\nexport const IconClose1: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path class=\"background\" d=\"M0 0h40v40H0z\" opacity=\".3\"/>\n <path class=\"symbol\" d=\"M20.127 19.36l5.173-5.11.7.691-5.174 5.11 5.069 5.008-.7.69-5.068-5.006L14.805 26l-.7-.691 5.322-5.257L14 14.692l.7-.692 5.427 5.36z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconClose2: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <circle class=\"background\" cx=\"16\" cy=\"16\" r=\"15\"></circle>\n <path class=\"symbol\" d=\"M16.082 15.748l4.563-4.583.355.355-4.564 4.584 4.357 4.376-.354.355-4.357-4.376L11.562 21l-.355-.355 4.521-4.541L11 11.354l.355-.354 4.727 4.748z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconClose3: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v40H0z\"/>\n <g class=\"symbol\">\n <path d=\"M5.858 5.358l28.284 28.284M5.858 33.642L34.142 5.358\"/>\n </g>\n </g>\n </svg>\n );\n};\n\nexport const IconClose4: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v24H0z\"/>\n <path class=\"symbol\" d=\"M.686 10.408c0-2.954 1.75-4.76 4.102-4.76 1.092 0 1.96.532 2.506 1.134l-.658.742c-.49-.518-1.078-.854-1.834-.854-1.75 0-2.912 1.428-2.912 3.71 0 2.31 1.106 3.766 2.856 3.766.868 0 1.512-.364 2.1-1.022l.658.714c-.714.84-1.624 1.33-2.786 1.33-2.31 0-4.032-1.764-4.032-4.76zM9.142 15V5.816h1.176v8.19h4.004V15h-5.18zm10.136.168c-2.31 0-3.934-1.848-3.934-4.802 0-2.94 1.624-4.718 3.934-4.718 2.296 0 3.92 1.792 3.92 4.718 0 2.954-1.624 4.802-3.92 4.802zm0-1.022c1.638 0 2.716-1.484 2.716-3.78 0-2.282-1.078-3.696-2.716-3.696-1.652 0-2.73 1.414-2.73 3.696 0 2.296 1.078 3.78 2.73 3.78zm5.166-.336l.7-.812c.658.686 1.568 1.148 2.534 1.148 1.204 0 1.918-.602 1.918-1.498 0-.938-.672-1.232-1.54-1.624l-1.316-.574c-.854-.364-1.862-1.022-1.862-2.366 0-1.4 1.232-2.436 2.898-2.436 1.092 0 2.058.462 2.702 1.134l-.616.756c-.56-.532-1.246-.868-2.086-.868-1.036 0-1.722.518-1.722 1.344 0 .882.812 1.218 1.526 1.526l1.316.56c1.064.462 1.89 1.092 1.89 2.45 0 1.456-1.204 2.618-3.136 2.618a4.421 4.421 0 0 1-3.206-1.358zM32.508 15V5.816H37.8v.98h-4.116V9.68h3.472v.994h-3.472v3.332h4.256V15h-5.432zM0 20h39v1H0v-1z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconClose5: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 28 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h28v32H0z\"/>\n <path class=\"symbol\" d=\"M14.115 7.648l6.389-6.417.496.497-6.39 6.417 6.1 6.127-.496.497-6.099-6.126L7.785 15l-.496-.497 6.33-6.358L7 1.497 7.496 1l6.62 6.648zM1 26.608c0-2.532 1.5-4.08 3.516-4.08.936 0 1.68.456 2.148.972l-.564.636c-.42-.444-.924-.732-1.572-.732-1.5 0-2.496 1.224-2.496 3.18 0 1.98.948 3.228 2.448 3.228.744 0 1.296-.312 1.8-.876l.564.612c-.612.72-1.392 1.14-2.388 1.14-1.98 0-3.456-1.512-3.456-4.08zm7.188 2.76V22h.984v7.44c0 .312.132.432.276.432.06 0 .108 0 .216-.024l.132.744c-.132.06-.3.096-.564.096-.744 0-1.044-.468-1.044-1.32zm2.628-1.728c0-1.956 1.272-3.072 2.7-3.072 1.428 0 2.7 1.116 2.7 3.072 0 1.932-1.272 3.048-2.7 3.048-1.428 0-2.7-1.116-2.7-3.048zm1.02 0c0 1.332.684 2.232 1.68 2.232 1.008 0 1.68-.9 1.68-2.232 0-1.344-.672-2.256-1.68-2.256-.996 0-1.68.912-1.68 2.256zm5.268 2.244l.492-.66c.504.408 1.02.696 1.716.696.768 0 1.152-.408 1.152-.912 0-.6-.696-.864-1.332-1.104-.828-.3-1.74-.696-1.74-1.68 0-.936.744-1.656 2.004-1.656.732 0 1.368.3 1.812.66l-.468.624c-.396-.3-.816-.516-1.332-.516-.732 0-1.068.396-1.068.84 0 .54.636.756 1.296 1.008.84.312 1.776.66 1.776 1.764 0 .948-.756 1.74-2.136 1.74-.828 0-1.62-.348-2.172-.804zm5.244-2.244c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54H23.32c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconCheckout: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path class=\"symbol\" stroke-linecap=\"round\" d=\"M7.52 10.839L5.614 27.387h20.032L23.737 10.84z\"></path>\n <path class=\"symbol\" stroke-linecap=\"round\" d=\"M20.42 12.58V8.893c0-2.292-2.174-4.15-4.855-4.15-2.682 0-4.855 1.858-4.855 4.15v3.689\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconDown: FunctionalComponent = () => {\n return (\n <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" class=\"icon-down-skip\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.62791 5.99042C6.63075 5.57622 6.29727 5.23814 5.88306 5.23531C5.46886 5.23247 5.13078 5.56595 5.12795 5.98016L6.62791 5.99042ZM5.34193 6.81197C5.63281 7.10686 6.10767 7.11011 6.40257 6.81923L11.2081 2.07903C11.503 1.78815 11.5062 1.31329 11.2153 1.0184C10.9245 0.723507 10.4496 0.720258 10.1547 1.01114L5.88313 5.22465L1.66963 0.953075C1.37874 0.658184 0.903882 0.654935 0.608991 0.945817C0.3141 1.2367 0.310851 1.71156 0.601733 2.00645L5.34193 6.81197ZM5.12795 5.98016L5.12589 6.28015L6.62586 6.29042L6.62791 5.99042L5.12795 5.98016Z\"/>\n </svg>\n );\n};\n\nexport const IconExternalLink: FunctionalComponent = () => {\n return (\n <svg class=\"icon-external-link\" width=\"10px\" height=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" \n aria-hidden=\"true\" focusable=\"false\" role=\"img\" viewBox=\"0 0 576 512\">\n <path d=\"M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z\"/>\n </svg>\n );\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { IconFB, IconEmail, IconPinterest, IconTwitter, IconShareLink, VerificationIcon, IconCopy, IconChecked, IconCheckout, IconArrow1Left, IconArrow1Right, IconArrow2Left, IconArrow2Right, IconArrow3Left, IconArrow3Right, IconArrow4Left, IconArrow4Right, IconArrow5Left, IconArrow5Right, IconClose1, IconClose2, IconClose3, IconClose4, IconClose5, IconExternalLink } from \"../../utils/funcComponents\";\n\ninterface IconName {\n iconName: string\n}\n\nexport const Icon: FunctionalComponent<IconName> = ({ iconName }) => {\n switch (iconName) {\n case \"btn-type-1\": return <IconClose1/>;\n case \"btn-type-2\": return <IconClose2/>;\n case \"btn-type-3\": return <IconClose3/>;\n case \"btn-type-4\": return <IconClose4/>;\n case \"btn-type-5\": return <IconClose5/>;\n case \"email\": return <IconEmail/>;\n case \"pinterest\": return <IconPinterest/>;\n case \"twitter\": return <IconTwitter/>;\n case \"shareLink\": return <IconShareLink/>;\n case \"facebook\": return <IconFB/>;\n case \"verification\": return <VerificationIcon/>;\n case \"copy\": return <IconCopy/>;\n case \"checked\": return <IconChecked/>;\n case \"checkout\": return <IconCheckout/>;\n case \"arrows-type-1-left\": return <IconArrow1Left/>;\n case \"arrows-type-2-left\": return <IconArrow2Left/>;\n case \"arrows-type-3-left\": return <IconArrow3Left/>;\n case \"arrows-type-4-left\": return <IconArrow4Left/>;\n case \"arrows-type-5-left\": return <IconArrow5Left/>;\n case \"arrows-type-1-right\": return <IconArrow1Right/>;\n case \"arrows-type-2-right\": return <IconArrow2Right/>;\n case \"arrows-type-3-right\": return <IconArrow3Right/>;\n case \"arrows-type-4-right\": return <IconArrow4Right/>;\n case \"arrows-type-5-right\": return <IconArrow5Right/>;\n case \"external-link\": return <IconExternalLink/>;\n }\n};"],"version":3}
|
|
1
|
+
{"file":"popupFuncComponents-0ac5603c.js","mappings":"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","names":["h","Fragment"],"sources":["src/utils/funcComponents.tsx","src/components/covet-pics-popup/popupFuncComponents.tsx"],"sourcesContent":["import { FunctionalComponent, h, Fragment } from \"@stencil/core\";\n\ninterface StarRatingProps {\n rating: number,\n hideRating?: boolean,\n ratingClass?: string,\n starClass?: string,\n label?: string;\n}\n\nexport const StarRating: FunctionalComponent<StarRatingProps> = ({ rating, hideRating, ratingClass, starClass, label }) => {\n const starsArray = [1, 2, 3, 4, 5];\n const starRatingClass = ratingClass !== undefined ? ratingClass : \"\";\n const iconClass = starClass !== undefined ? starClass : \"\";\n return (\n <div class={`${starRatingClass}`} role=\"radiogroup\" aria-label=\"star rating\">\n {!hideRating && starsArray.map((el) =>\n <span class={`icon-star ${iconClass} ${el <= rating ? \"active\" : \"\"}`} role=\"radio\" aria-checked={`${el <= rating}`} aria-label={`star ${el}/${starsArray.length}`}>\n <svg class=\"svg-star\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><title>star rating</title>\n <path d=\"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z\" />\n </svg>\n </span>)}\n {label && <span class=\"rating-data\">{label}</span>}\n </div>);\n};\ninterface StarRatingPopupRewiwProps {\n rating: number,\n starOnlyClass: string,\n}\n\nexport const StarRatingPopupRewiw: FunctionalComponent<StarRatingPopupRewiwProps> = ({ rating, starOnlyClass }) => {\n const starsArray = [1, 2, 3, 4, 5];\n return (\n <div class={`review-top ${starOnlyClass}`} role=\"radiogroup\" aria-label=\"star rating\">\n {starsArray.map((el) => \n <span class={`review-star ${el <= rating ? \"active\" : \"\"}`} role=\"radio\" aria-checked={`${el <= rating}`} aria-label={`star ${el}/${starsArray.length}`}>\n <svg class=\"svg-star\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><title>star rating</title>\n <path d=\"M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z\" />\n </svg>\n </span>)}\n </div>);\n};\n\ninterface ProgressRatingProps {\n rating: number,\n percentage: number,\n count: number\n}\n\nexport const ProgressRating: FunctionalComponent<ProgressRatingProps> = ({ rating, percentage, count }) => {\n return (\n <Fragment>\n <p class=\"star-score\">{rating} {rating > 1 ? \"stars\" : \"star\"}</p>\n <div class=\"progressbar\" role=\"progressbar\" aria-valuenow={percentage} aria-valuemin=\"0\" aria-valuemax=\"100\" tabindex=\"0\">\n <span class=\"progressbar-value\" style={{ \"width\": `${percentage}%` }}></span>\n </div>\n <p class=\"percent-count\" aria-label={`voted ${count}, ${rating} ${rating > 1 ? \"stars\" : \"star\"}`}>{count}</p>\n </Fragment>\n );\n};\n\ninterface IconClass {\n iconClass?: string\n}\n\nexport const VerificationIcon: FunctionalComponent<IconClass> = ({ iconClass }) => {\n return (\n <svg class={`icon-verified ${iconClass !== undefined ? iconClass : \"\"}`} role=\"img\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L6.52916 0.658169L7.73705 0.4755L8.40954 1.49537L9.5873 1.81978L9.78683 3.025L10.7308 3.80041L10.4229 4.98258L10.9699 6.07491L10.2077 7.02963L10.2631 8.25L9.17857 8.8122L8.73282 9.94959L7.51335 10.022L6.64351 10.8798L5.5 10.45L4.35649 10.8798L3.48665 10.022L2.26718 9.94959L1.82143 8.8122L0.73686 8.25L0.79227 7.02963L0.0301294 6.07491L0.577117 4.98258L0.269189 3.80041L1.21317 3.025L1.4127 1.81978L2.59046 1.49537L3.26295 0.4755L4.47084 0.658169L5.5 0Z\" fill=\"#157F3F\"/>\n <path d=\"M7.66344 4.09961L4.66344 7.09961L3.2998 5.73597\" stroke=\"white\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n );\n};\n\ninterface BadgeProps {\n badgeClass?: string,\n iconClass?: string\n}\n\nexport const BadgeVerified: FunctionalComponent<BadgeProps> = ({ badgeClass, iconClass }) => {\n return (\n <div class={`badge ${badgeClass !== undefined ? badgeClass : \"\"}`}>\n <VerificationIcon iconClass={`badge-icon ${iconClass !== undefined ? iconClass : \"\"}`}/>\n <p class=\"badge-text\">Verified review</p>\n </div>\n );\n};\n\ninterface BadgeHoverProps {\n badgeClass?: string,\n iconClass?: string\n}\n\nexport const BadgeHoverVerified: FunctionalComponent<BadgeHoverProps> = ({ badgeClass, iconClass }) => {\n return (\n <div class={`badge-hover ${badgeClass !== undefined ? badgeClass : \"\"}`}>\n <p class=\"badge-hover-text\">Verified review</p>\n <svg class={`icon-verified relative ${iconClass !== undefined ? iconClass : \"\"}`} width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5.5 0L6.52916 0.658169L7.73705 0.4755L8.40954 1.49537L9.5873 1.81978L9.78683 3.025L10.7308 3.80041L10.4229 4.98258L10.9699 6.07491L10.2077 7.02963L10.2631 8.25L9.17857 8.8122L8.73282 9.94959L7.51335 10.022L6.64351 10.8798L5.5 10.45L4.35649 10.8798L3.48665 10.022L2.26718 9.94959L1.82143 8.8122L0.73686 8.25L0.79227 7.02963L0.0301294 6.07491L0.577117 4.98258L0.269189 3.80041L1.21317 3.025L1.4127 1.81978L2.59046 1.49537L3.26295 0.4755L4.47084 0.658169L5.5 0Z\" fill=\"#157F3F\"/>\n <path d=\"M7.66344 4.09961L4.66344 7.09961L3.2998 5.73597\" stroke=\"white\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n );\n};\n\nexport const IconFB: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M15.455 9.336H13.35V7.955c0-.519.344-.64.586-.64h1.486v-2.28l-2.047-.009c-2.272 0-2.79 1.701-2.79 2.79v1.52H9.272v2.35h1.314v6.65h2.764v-6.65h1.865l.241-2.35z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconTwitter: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M19 8.302a5.869 5.869 0 0 1-1.65.437 2.8 2.8 0 0 0 1.263-1.536 5.87 5.87 0 0 1-1.824.674A2.915 2.915 0 0 0 14.693 7c-1.586 0-2.872 1.243-2.872 2.777 0 .217.025.43.074.633a8.251 8.251 0 0 1-5.92-2.902c-.247.41-.389.887-.389 1.397 0 .963.507 1.813 1.278 2.311a2.94 2.94 0 0 1-1.301-.348v.036c0 1.345.99 2.467 2.304 2.723a2.98 2.98 0 0 1-1.298.047c.366 1.103 1.427 1.906 2.683 1.928a5.889 5.889 0 0 1-3.567 1.19c-.231 0-.46-.014-.685-.04A8.332 8.332 0 0 0 9.403 18c5.283 0 8.172-4.231 8.172-7.901 0-.12-.002-.24-.008-.36A5.714 5.714 0 0 0 19 8.302z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconPinterest: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M12.303 6C8.778 6 7 8.543 7 10.665c0 1.284.483 2.427 1.52 2.852.17.07.322.003.37-.187.035-.13.116-.46.152-.599.05-.187.03-.253-.107-.416-.298-.355-.49-.814-.49-1.464 0-1.887 1.404-3.577 3.654-3.577 1.992 0 3.087 1.226 3.087 2.862 0 2.153-.947 3.97-2.352 3.97-.776 0-1.357-.646-1.171-1.438.223-.946.655-1.967.655-2.65 0-.611-.327-1.121-1.001-1.121-.793 0-1.431.826-1.431 1.933 0 .704.237 1.181.237 1.181l-.955 4.07c-.283 1.207-.042 2.687-.022 2.836.012.09.125.11.177.044.073-.097 1.018-1.27 1.34-2.444.09-.332.52-2.052.52-2.052.259.495 1.012.93 1.814.93 2.385 0 4.003-2.188 4.003-5.117C17 8.063 15.136 6 12.303 6z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconEmail: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M6 8v8.5h12V8H6zM5 7h14v10.5H5V7zm13 1l-.916.004L12 11.636 6.915 8.004 6 8l.004.582 5.705 4.075a.5.5 0 0 0 .582 0l3.062-2.188 2.654-1.895L18 8z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconShareLink: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path fill=\"#000\" fill-rule=\"nonzero\" d=\"M13 7.042V14h-1V6.912l-2.04 2.04H8.546l3.889-3.89 3.889 3.89H14.91L13 7.042zM18.5 17.5V11h1v7.5h-14V11h1v6.5h12z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconCopy: FunctionalComponent = () => {\n return (\n <svg width=\"16\" height=\"20\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path d=\"M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z\"></path>\n </svg>\n );\n};\n\nexport const IconChecked: FunctionalComponent = () => {\n return (\n <svg width=\"16\" height=\"20\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path d=\"M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z\"></path>\n </svg>\n );\n};\n\nexport const IconArrow1Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M48 0H0v48h48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M16.731 23.659l12.445 12.445v1.131L15.6 23.66l13.576-13.577v1.132z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow1Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M48 0H0v48h48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M31.198 23.659L18.753 36.104v1.131L32.329 23.66 18.753 10.082v1.132z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow2Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" d=\"M14 32v-1h20v1H14zm-2-10.098V14.03h2.424c1.74 0 2.904.588 2.904 2.316 0 1.656-1.188 2.436-2.904 2.436h-1.416v3.12H12zm1.008-3.936h1.284c1.38 0 2.04-.504 2.04-1.62 0-1.14-.684-1.512-2.04-1.512h-1.284v3.132zm11.304 3.936h-1.14l-1.896-3.324H19.86v3.324h-1.008V14.03h2.472c1.596 0 2.748.576 2.748 2.208 0 1.224-.696 1.956-1.764 2.232l2.004 3.432zm-4.452-7.068v2.928h1.32c1.224 0 1.896-.504 1.896-1.524 0-1.032-.672-1.404-1.896-1.404h-1.32zm5.904 7.068V14.03H30.3v.84h-3.528v2.472h2.976v.852h-2.976v2.856h3.648v.852h-4.656zm7.704 0L30.96 14.03h1.056l1.272 4.248c.276.936.468 1.68.756 2.604h.048c.288-.924.492-1.668.756-2.604l1.26-4.248h1.02l-2.496 7.872h-1.164z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow2Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48.0\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" d=\"M14 32v-1h20v1H14zm-1.862-9.936v-7.872h1.032l2.856 4.944.852 1.632h.048c-.048-.792-.132-1.68-.132-2.508v-4.068h.948v7.872H16.71l-2.844-4.956-.852-1.62h-.048c.048.792.12 1.632.12 2.46v4.116h-.948zm7.704 0v-7.872h4.536v.84H20.85v2.472h2.976v.852H20.85v2.856h3.648v.852h-4.656zm5.376 0l2.292-4.068-2.148-3.804h1.104l1.08 2.016c.192.36.36.684.612 1.14h.048c.216-.456.36-.78.552-1.14l1.044-2.016h1.056l-2.136 3.852 2.292 4.02H29.91l-1.164-2.124c-.204-.384-.42-.78-.672-1.26h-.048c-.228.48-.42.876-.624 1.26l-1.14 2.124h-1.044zm8.388 0v-7.032h-2.388v-.84h5.772v.84h-2.388v7.032h-.996z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow3Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 48V0h48v48z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M14.85 16.324l2.04 2.04v1.414L13 15.89 16.89 12v1.414l-1.91 1.91h18.957v1H14.85zm.434 17.148l.024 1.02v1.968h-.984v-8.292h.816l.084.672h.036c.528-.444 1.176-.816 1.86-.816 1.5 0 2.304 1.164 2.304 2.976 0 1.98-1.188 3.144-2.52 3.144-.54 0-1.08-.252-1.62-.672zm.024-.768c.528.444 1.044.612 1.428.612.96 0 1.668-.876 1.668-2.316 0-1.284-.432-2.148-1.536-2.148-.492 0-.984.276-1.56.792v3.06zM20.984 34v-5.832h.816l.084 1.056h.036c.396-.732.996-1.2 1.656-1.2.252 0 .432.036.624.12l-.192.864a1.632 1.632 0 0 0-.564-.096c-.492 0-1.08.36-1.476 1.344V34h-.984zm3.612-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM32.3 34l-2.1-5.832h1.02l1.104 3.312c.168.576.36 1.164.54 1.716h.048c.168-.552.36-1.14.528-1.716l1.104-3.312h.972L33.452 34H32.3z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow3Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h48v48H0z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M31.958 16.454H13v-1h19.088l-2.04-2.04V12l3.89 3.89-3.89 3.888v-1.414l1.91-1.91zM14.064 34v-5.832h.816l.084.84H15c.552-.552 1.152-.984 1.956-.984 1.224 0 1.776.792 1.776 2.28V34h-.984v-3.564c0-1.092-.336-1.56-1.104-1.56-.6 0-1.008.312-1.596.9V34h-.984zm6.132-2.904c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54h-3.936c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848zM25.68 34l1.908-3.048-1.764-2.784h1.068l.78 1.284c.18.312.372.648.576.972h.048c.168-.324.348-.66.528-.972l.708-1.284h1.032L28.8 31.06 30.696 34h-1.068l-.852-1.356a30.21 30.21 0 0 0-.636-1.044h-.048c-.204.336-.396.684-.588 1.044L26.712 34H25.68zm6.336-1.8v-3.228h-.864v-.744l.912-.06.12-1.632h.828v1.632h1.572v.804h-1.572v3.24c0 .72.228 1.128.9 1.128.204 0 .468-.084.66-.156l.192.744c-.324.108-.72.216-1.08.216-1.248 0-1.668-.792-1.668-1.944z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow4Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M40 0H0v40h40z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M15.912 20l2.04-2.04v-1.414l-3.89 3.889 3.89 3.889V22.91L16.042 21H27v-1H15.912z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow4Right: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v40H0z\"></path>\n <path class=\"symbol\" fill-rule=\"nonzero\" d=\"M24.088 20l-2.04-2.04v-1.414l3.89 3.889-3.89 3.889V22.91l1.91-1.91H13v-1h11.088z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow5Left: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 80 40\" aria-hidden=\"true\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path d=\"M80 0H0v40h80z\"></path>\n <path class=\"symbol\" d=\"M16.042 21l1.91 1.91v1.414l-3.89-3.89 3.89-3.888v1.414L15.912 20H35v1H16.042zm27.064 2.428l.026 1.105v2.132h-1.066v-8.983h.884l.091.728h.039c.572-.481 1.274-.884 2.015-.884 1.625 0 2.496 1.261 2.496 3.224 0 2.145-1.287 3.406-2.73 3.406-.585 0-1.17-.273-1.755-.728zm.026-.832c.572.481 1.131.663 1.547.663 1.04 0 1.807-.949 1.807-2.509 0-1.391-.468-2.327-1.664-2.327-.533 0-1.066.299-1.69.858v3.315zM49.081 24v-6.318h.884l.091 1.144h.039c.429-.793 1.079-1.3 1.794-1.3.273 0 .468.039.676.13l-.208.936a1.768 1.768 0 0 0-.611-.104c-.533 0-1.17.39-1.599 1.456V24h-1.066zm3.713-3.146c0-2.067 1.391-3.328 2.834-3.328 1.612 0 2.522 1.157 2.522 2.964 0 .221-.013.429-.039.585h-4.264c.078 1.365.897 2.223 2.106 2.223.598 0 1.105-.195 1.573-.494l.377.702c-.546.351-1.222.65-2.08.65-1.69 0-3.029-1.235-3.029-3.302zm1.04-.481h3.38c0-1.287-.572-2.002-1.56-2.002-.884 0-1.69.728-1.82 2.002zM60.875 24L58.6 17.682h1.105l1.196 3.588c.182.624.39 1.261.585 1.859h.052c.182-.598.39-1.235.572-1.859l1.196-3.588h1.053L62.123 24h-1.248z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconArrow5Right: FunctionalComponent = () => {\n return (\n <svg aria-hidden=\"true\" viewBox=\"-14 0 80 10\" xmlns=\"http://www.w3.org/2000/svg\">\n <g class=\"background\" fill-rule=\"evenodd\">\n <path class=\"symbol\" d=\"M18.9144 3.55306V7.05006C18.9144 8.29806 19.3694 9.15606 20.7214 9.15606C21.1114 9.15606 21.5404 9.03906 21.8914 8.92206L21.6834 8.11606C21.4754 8.19406 21.1894 8.28506 20.9684 8.28506C20.2404 8.28506 19.9934 7.84306 19.9934 7.06306V3.55306H21.6964V2.68206H19.9934V0.914062H19.0964L18.9664 2.68206L17.9784 2.74706V3.55306H18.9144ZM30.0004 5.00006H49.0888L47.0488 2.96004V1.54583L50.9379 5.43492L47.0488 9.324V7.90979L48.9585 6.00006H30.0004V5.00006ZM0.0664062 2.68206V9.00006H1.13241V4.42406C1.76941 3.78706 2.21141 3.44906 2.86141 3.44906C3.69341 3.44906 4.05741 3.95606 4.05741 5.13906V9.00006H5.12341V4.99606C5.12341 3.38406 4.52541 2.52606 3.19941 2.52606C2.32841 2.52606 1.67841 2.99406 1.08041 3.59206H1.04141L0.950406 2.68206H0.0664062ZM6.50941 5.85406C6.50941 3.78706 7.90041 2.52606 9.34341 2.52606C10.9554 2.52606 11.8654 3.68306 11.8654 5.49006C11.8654 5.71106 11.8524 5.91906 11.8264 6.07506H7.56241C7.64041 7.44006 8.45941 8.29806 9.66841 8.29806C10.2664 8.29806 10.7734 8.10306 11.2414 7.80406L11.6184 8.50606C11.0724 8.85706 10.3964 9.15606 9.53841 9.15606C7.84841 9.15606 6.50941 7.92106 6.50941 5.85406ZM10.9294 5.37306H7.54941C7.67941 4.09906 8.48541 3.37106 9.36941 3.37106C10.3574 3.37106 10.9294 4.08606 10.9294 5.37306ZM12.2504 9.00006L14.3174 5.69806L12.4064 2.68206H13.5634L14.4084 4.07306L14.4604 4.16323C14.6403 4.47528 14.8309 4.80607 15.0324 5.12606H15.0844C15.2664 4.77506 15.4614 4.41106 15.6564 4.07306L16.4234 2.68206H17.5414L15.6304 5.81506L17.6844 9.00006H16.5274L15.6044 7.53106C15.3834 7.15406 15.1494 6.76406 14.9154 6.40006H14.8634C14.6424 6.76406 14.4344 7.14106 14.2264 7.53106L13.3684 9.00006H12.2504Z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconArrowPrev: FunctionalComponent = () => {\n return (\n <svg viewBox=\"0 0 100 100\" role=\"img\"><title>arrow next</title><path d=\"M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z\" class=\"arrow\" transform=\"translate(100, 100) rotate(180) \"></path></svg>\n );\n};\n\nexport const IconArrowNext: FunctionalComponent = () => {\n return (\n <svg viewBox=\"0 0 100 100\" role=\"img\"><title>arrow previous</title><path d=\"M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z\" class=\"arrow\" transform=\"translate(100, 100) rotate(180) \"></path></svg>\n );\n};\n\nexport const IconClose1: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path class=\"background\" d=\"M0 0h40v40H0z\" opacity=\".3\"/>\n <path class=\"symbol\" d=\"M20.127 19.36l5.173-5.11.7.691-5.174 5.11 5.069 5.008-.7.69-5.068-5.006L14.805 26l-.7-.691 5.322-5.257L14 14.692l.7-.692 5.427 5.36z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconClose2: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <circle class=\"background\" cx=\"16\" cy=\"16\" r=\"15\"></circle>\n <path class=\"symbol\" d=\"M16.082 15.748l4.563-4.583.355.355-4.564 4.584 4.357 4.376-.354.355-4.357-4.376L11.562 21l-.355-.355 4.521-4.541L11 11.354l.355-.354 4.727 4.748z\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconClose3: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v40H0z\"/>\n <g class=\"symbol\">\n <path d=\"M5.858 5.358l28.284 28.284M5.858 33.642L34.142 5.358\"/>\n </g>\n </g>\n </svg>\n );\n};\n\nexport const IconClose4: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 24\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h40v24H0z\"/>\n <path class=\"symbol\" d=\"M.686 10.408c0-2.954 1.75-4.76 4.102-4.76 1.092 0 1.96.532 2.506 1.134l-.658.742c-.49-.518-1.078-.854-1.834-.854-1.75 0-2.912 1.428-2.912 3.71 0 2.31 1.106 3.766 2.856 3.766.868 0 1.512-.364 2.1-1.022l.658.714c-.714.84-1.624 1.33-2.786 1.33-2.31 0-4.032-1.764-4.032-4.76zM9.142 15V5.816h1.176v8.19h4.004V15h-5.18zm10.136.168c-2.31 0-3.934-1.848-3.934-4.802 0-2.94 1.624-4.718 3.934-4.718 2.296 0 3.92 1.792 3.92 4.718 0 2.954-1.624 4.802-3.92 4.802zm0-1.022c1.638 0 2.716-1.484 2.716-3.78 0-2.282-1.078-3.696-2.716-3.696-1.652 0-2.73 1.414-2.73 3.696 0 2.296 1.078 3.78 2.73 3.78zm5.166-.336l.7-.812c.658.686 1.568 1.148 2.534 1.148 1.204 0 1.918-.602 1.918-1.498 0-.938-.672-1.232-1.54-1.624l-1.316-.574c-.854-.364-1.862-1.022-1.862-2.366 0-1.4 1.232-2.436 2.898-2.436 1.092 0 2.058.462 2.702 1.134l-.616.756c-.56-.532-1.246-.868-2.086-.868-1.036 0-1.722.518-1.722 1.344 0 .882.812 1.218 1.526 1.526l1.316.56c1.064.462 1.89 1.092 1.89 2.45 0 1.456-1.204 2.618-3.136 2.618a4.421 4.421 0 0 1-3.206-1.358zM32.508 15V5.816H37.8v.98h-4.116V9.68h3.472v.994h-3.472v3.332h4.256V15h-5.432zM0 20h39v1H0v-1z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconClose5: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 28 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h28v32H0z\"/>\n <path class=\"symbol\" d=\"M14.115 7.648l6.389-6.417.496.497-6.39 6.417 6.1 6.127-.496.497-6.099-6.126L7.785 15l-.496-.497 6.33-6.358L7 1.497 7.496 1l6.62 6.648zM1 26.608c0-2.532 1.5-4.08 3.516-4.08.936 0 1.68.456 2.148.972l-.564.636c-.42-.444-.924-.732-1.572-.732-1.5 0-2.496 1.224-2.496 3.18 0 1.98.948 3.228 2.448 3.228.744 0 1.296-.312 1.8-.876l.564.612c-.612.72-1.392 1.14-2.388 1.14-1.98 0-3.456-1.512-3.456-4.08zm7.188 2.76V22h.984v7.44c0 .312.132.432.276.432.06 0 .108 0 .216-.024l.132.744c-.132.06-.3.096-.564.096-.744 0-1.044-.468-1.044-1.32zm2.628-1.728c0-1.956 1.272-3.072 2.7-3.072 1.428 0 2.7 1.116 2.7 3.072 0 1.932-1.272 3.048-2.7 3.048-1.428 0-2.7-1.116-2.7-3.048zm1.02 0c0 1.332.684 2.232 1.68 2.232 1.008 0 1.68-.9 1.68-2.232 0-1.344-.672-2.256-1.68-2.256-.996 0-1.68.912-1.68 2.256zm5.268 2.244l.492-.66c.504.408 1.02.696 1.716.696.768 0 1.152-.408 1.152-.912 0-.6-.696-.864-1.332-1.104-.828-.3-1.74-.696-1.74-1.68 0-.936.744-1.656 2.004-1.656.732 0 1.368.3 1.812.66l-.468.624c-.396-.3-.816-.516-1.332-.516-.732 0-1.068.396-1.068.84 0 .54.636.756 1.296 1.008.84.312 1.776.66 1.776 1.764 0 .948-.756 1.74-2.136 1.74-.828 0-1.62-.348-2.172-.804zm5.244-2.244c0-1.908 1.284-3.072 2.616-3.072 1.488 0 2.328 1.068 2.328 2.736 0 .204-.012.396-.036.54H23.32c.072 1.26.828 2.052 1.944 2.052.552 0 1.02-.18 1.452-.456l.348.648c-.504.324-1.128.6-1.92.6-1.56 0-2.796-1.14-2.796-3.048zm.96-.444h3.12c0-1.188-.528-1.848-1.44-1.848-.816 0-1.56.672-1.68 1.848z\"/>\n </g>\n </svg>\n );\n};\n\nexport const IconCheckout: FunctionalComponent = () => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path class=\"symbol\" stroke-linecap=\"round\" d=\"M7.52 10.839L5.614 27.387h20.032L23.737 10.84z\"></path>\n <path class=\"symbol\" stroke-linecap=\"round\" d=\"M20.42 12.58V8.893c0-2.292-2.174-4.15-4.855-4.15-2.682 0-4.855 1.858-4.855 4.15v3.689\"></path>\n </g>\n </svg>\n );\n};\n\nexport const IconDown: FunctionalComponent = () => {\n return (\n <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" class=\"icon-down-skip\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.62791 5.99042C6.63075 5.57622 6.29727 5.23814 5.88306 5.23531C5.46886 5.23247 5.13078 5.56595 5.12795 5.98016L6.62791 5.99042ZM5.34193 6.81197C5.63281 7.10686 6.10767 7.11011 6.40257 6.81923L11.2081 2.07903C11.503 1.78815 11.5062 1.31329 11.2153 1.0184C10.9245 0.723507 10.4496 0.720258 10.1547 1.01114L5.88313 5.22465L1.66963 0.953075C1.37874 0.658184 0.903882 0.654935 0.608991 0.945817C0.3141 1.2367 0.310851 1.71156 0.601733 2.00645L5.34193 6.81197ZM5.12795 5.98016L5.12589 6.28015L6.62586 6.29042L6.62791 5.99042L5.12795 5.98016Z\"/>\n </svg>\n );\n};\n\nexport const IconExternalLink: FunctionalComponent = () => {\n return (\n <svg class=\"icon-external-link\" width=\"10px\" height=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" \n aria-hidden=\"true\" focusable=\"false\" role=\"img\" viewBox=\"0 0 576 512\">\n <path d=\"M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z\"/>\n </svg>\n );\n};","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { IconFB, IconEmail, IconPinterest, IconTwitter, IconShareLink, VerificationIcon, IconCopy, IconChecked, IconCheckout, IconArrow1Left, IconArrow1Right, IconArrow2Left, IconArrow2Right, IconArrow3Left, IconArrow3Right, IconArrow4Left, IconArrow4Right, IconArrow5Left, IconArrow5Right, IconClose1, IconClose2, IconClose3, IconClose4, IconClose5, IconExternalLink } from \"../../utils/funcComponents\";\n\ninterface IconName {\n iconName: string\n}\n\nexport const Icon: FunctionalComponent<IconName> = ({ iconName }) => {\n switch (iconName) {\n case \"btn-type-1\": return <IconClose1/>;\n case \"btn-type-2\": return <IconClose2/>;\n case \"btn-type-3\": return <IconClose3/>;\n case \"btn-type-4\": return <IconClose4/>;\n case \"btn-type-5\": return <IconClose5/>;\n case \"email\": return <IconEmail/>;\n case \"pinterest\": return <IconPinterest/>;\n case \"twitter\": return <IconTwitter/>;\n case \"shareLink\": return <IconShareLink/>;\n case \"facebook\": return <IconFB/>;\n case \"verification\": return <VerificationIcon/>;\n case \"copy\": return <IconCopy/>;\n case \"checked\": return <IconChecked/>;\n case \"checkout\": return <IconCheckout/>;\n case \"arrows-type-1-left\": return <IconArrow1Left/>;\n case \"arrows-type-2-left\": return <IconArrow2Left/>;\n case \"arrows-type-3-left\": return <IconArrow3Left/>;\n case \"arrows-type-4-left\": return <IconArrow4Left/>;\n case \"arrows-type-5-left\": return <IconArrow5Left/>;\n case \"arrows-type-1-right\": return <IconArrow1Right/>;\n case \"arrows-type-2-right\": return <IconArrow2Right/>;\n case \"arrows-type-3-right\": return <IconArrow3Right/>;\n case \"arrows-type-4-right\": return <IconArrow4Right/>;\n case \"arrows-type-5-right\": return <IconArrow5Right/>;\n case \"external-link\": return <IconExternalLink/>;\n }\n};"],"version":3}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"components/covet-pics-popup/covet-pics-popup-slider.js",
|
|
19
19
|
"components/covet-pics-popup/covet-pics-popup.js",
|
|
20
20
|
"components/covet-pics-popup-links/covet-pics-popup-links.js",
|
|
21
|
+
"components/covet-pics-post/covet-pics-post.js",
|
|
21
22
|
"components/covet-pics-star-rating/covet-pics-star-rating.js",
|
|
22
23
|
"components/covet-pics-upload/covet-pics-upload.js"
|
|
23
24
|
],
|