@covet-pics/covet-pics-widget 0.167.1 → 0.167.3
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-crop-text.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-direct-buy_7.cjs.entry.js +5 -5
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +3 -3
- package/dist/cjs/covet-pics-gallery-header_6.cjs.entry.js +6 -6
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-popup-freeflow-carousel_2.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-post.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-star-rating.cjs.entry.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-1fd39db4.entry.js +28 -0
- package/dist/covet-pics-widget/p-2d979ee6.entry.js +4 -0
- package/dist/covet-pics-widget/p-343a9287.entry.js +4 -0
- package/dist/covet-pics-widget/{p-11ac21ec.entry.js → p-4a786875.entry.js} +1 -1
- package/dist/covet-pics-widget/p-5d9ddd55.entry.js +23 -0
- package/dist/covet-pics-widget/{p-78aecb5b.entry.js → p-aceb8cc8.entry.js} +1 -1
- package/dist/covet-pics-widget/p-b83ceda6.entry.js +4 -0
- package/dist/covet-pics-widget/p-fefed130.entry.js +4 -0
- package/dist/esm/covet-pics-crop-text.entry.js +1 -1
- package/dist/esm/covet-pics-direct-buy_7.entry.js +5 -5
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +3 -3
- package/dist/esm/covet-pics-gallery-header_6.entry.js +6 -6
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +2 -2
- package/dist/esm/covet-pics-popup-freeflow-carousel_2.entry.js +2 -2
- package/dist/esm/covet-pics-post.entry.js +1 -1
- package/dist/esm/covet-pics-star-rating.entry.js +1 -1
- package/dist/index.js +1 -1
- package/loader/cdn.js +1 -2
- package/loader/index.cjs.js +1 -2
- package/loader/index.es2017.js +0 -1
- package/loader/index.js +1 -2
- package/package.json +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.js +0 -127
- package/dist/covet-pics-widget/p-03fc64d2.system.entry.js +0 -9
- package/dist/covet-pics-widget/p-18663f09.entry.js +0 -28
- package/dist/covet-pics-widget/p-2497fdcc.entry.js +0 -4
- package/dist/covet-pics-widget/p-411e632e.entry.js +0 -4
- package/dist/covet-pics-widget/p-461a30a6.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-48b7f554.system.entry.js +0 -22
- package/dist/covet-pics-widget/p-4c35255b.entry.js +0 -23
- package/dist/covet-pics-widget/p-60290e84.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-6526fd8a.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-848e4b25.system.entry.js +0 -35
- package/dist/covet-pics-widget/p-85bb5826.entry.js +0 -4
- package/dist/covet-pics-widget/p-9a32b604.entry.js +0 -4
- package/dist/covet-pics-widget/p-B79ERe1V.system.js +0 -4
- package/dist/covet-pics-widget/p-BV-IrE-J.system.js +0 -4
- package/dist/covet-pics-widget/p-BfpfyqAf.system.js +0 -4
- package/dist/covet-pics-widget/p-Bm6-W0wN.system.js +0 -4
- package/dist/covet-pics-widget/p-C7O2k9vv.system.js +0 -4
- package/dist/covet-pics-widget/p-CINH_0E4.system.js +0 -5
- package/dist/covet-pics-widget/p-CQNbe3vT.system.js +0 -4
- package/dist/covet-pics-widget/p-CQOhOWMI.system.js +0 -4
- package/dist/covet-pics-widget/p-CQZnM5Xd.system.js +0 -4
- package/dist/covet-pics-widget/p-DIWtHfnX.system.js +0 -4
- package/dist/covet-pics-widget/p-DOaj8mQY.system.js +0 -4
- package/dist/covet-pics-widget/p-DY8xuMic.system.js +0 -4
- package/dist/covet-pics-widget/p-DgaiJISy.system.js +0 -4
- package/dist/covet-pics-widget/p-O36ZrzuT.system.js +0 -4
- package/dist/covet-pics-widget/p-b9ebfbf3.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-cUc61CN7.system.js +0 -4
- package/dist/covet-pics-widget/p-dPoy1IK7.system.js +0 -4
- package/dist/covet-pics-widget/p-e065ad82.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-f2e1f609.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-k4Scj-7R.system.js +0 -4
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm-es5/_commonjsHelpers-DVa63jZy.js +0 -4
- package/dist/esm-es5/a11y-BM21er6f.js +0 -4
- package/dist/esm-es5/app-globals-CWiAxP5O.js +0 -4
- package/dist/esm-es5/covet-pics-crop-text.entry.js +0 -4
- package/dist/esm-es5/covet-pics-direct-buy_7.entry.js +0 -9
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +0 -35
- package/dist/esm-es5/covet-pics-gallery-header_6.entry.js +0 -22
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +0 -4
- package/dist/esm-es5/covet-pics-popup-freeflow-carousel_2.entry.js +0 -4
- package/dist/esm-es5/covet-pics-post.entry.js +0 -4
- package/dist/esm-es5/covet-pics-star-rating.entry.js +0 -4
- package/dist/esm-es5/covet-pics-widget.entry.js +0 -4
- package/dist/esm-es5/covet-pics-widget.js +0 -4
- package/dist/esm-es5/getters-C5ofYrUT.js +0 -4
- package/dist/esm-es5/index-C-mGosc6.js +0 -5
- package/dist/esm-es5/index-CnpZZF3m.js +0 -4
- package/dist/esm-es5/index.js +0 -3
- package/dist/esm-es5/loader.js +0 -4
- package/dist/esm-es5/modals-B4bZnaAK.js +0 -4
- package/dist/esm-es5/navigation-xBso107Y.js +0 -4
- package/dist/esm-es5/pagination-C5Wsf2-B.js +0 -4
- package/dist/esm-es5/popup-B68hw7d9.js +0 -4
- package/dist/esm-es5/popupFuncComponents-76LYIj-8.js +0 -4
- package/dist/esm-es5/slider-DaNqPZdj.js +0 -4
- package/dist/esm-es5/slider-DfItksrM.js +0 -4
- package/dist/esm-es5/storeUtils-Mc-D_Wnh.js +0 -4
- package/dist/esm-es5/utils-CADUxYKc.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,h as t,H as i,g as p}from"./p-C-mGosc6.js";import{g as e,a as c}from"./p-CADUxYKc.js";const s=class{constructor(t){n(this,t),this.text="",this.textClass="",this.textColor="#000000",this.ratio=[{size:48,lines:2},{size:26,lines:5},{size:16,lines:8}],this.cropCSS={}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>{this.elHeight===e(this.el,"height")&&this.elWidth===e(this.el,"width")||(this.elHeight=e(this.el,"height"),this.elWidth=e(this.el,"width"),this.getReviewCSS())})),this.resizeObserver.observe(this.el),this.getReviewCSS()}disconnectedCallback(){this.resizeObserver.disconnect()}getReviewCSS(){const n=c(this.el,"padding-top"),t=c(this.el,"padding-bottom"),i=e(this.el,"height")-n-t,p=this.el.querySelector(".crop-text");if(null===this.text||null===p)return;p.style.fontSize=`${this.ratio[0].size}px`;let s=c(p,"line-height");p.style.webkitLineClamp=`${Math.round(i/s)+2}`;const{fontSize:o,maxLines:a}=(()=>{let n=this.ratio[0].size,t=this.ratio[0].lines,o=Math.round(e(p,"height")/s);for(let a=0;a<this.ratio.length;a++){if(a===this.ratio.length-1)return t*s>i&&(n=this.ratio[a].size,t=Math.floor(i/s)>0?Math.floor(i/s):1),p.removeAttribute("style"),{fontSize:n,maxLines:t};if(e(p,"height")<i&&o<=t)return p.removeAttribute("style"),{fontSize:n,maxLines:t};n=this.ratio[a+1].size,p.style.fontSize=`${this.ratio[a+1].size}px`,t=this.ratio[a+1].lines,s=c(p,"line-height"),p.style.webkitLineClamp=`${Math.round(i/s)+2}`,o=Math.round(e(p,"height")/s)}})();return this.cropCSS={"--covet-crop-text-max-lines":`${a}`,"--covet-crop-text-font-size":`${o}px`,"--covet-crop-text-color":`${this.textColor}`}}render(){return t(i,{key:"267a53f8c90cb3c1fc0bf646745538a9f6d50d4b",style:this.cropCSS},t("p",{key:"69ae4dc6cfb2116c4b4d1bcdf2f25750b8993c36",class:`crop-text ${this.textClass}`,innerHTML:this.text}))}get el(){return p(this)}};s.style='covet-pics-crop-text {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: none;\n flex: none;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n width: 100%;\n}\ncovet-pics-crop-text.text-review {\n height: 100%;\n max-height: 100%;\n}\ncovet-pics-crop-text.collage:before {\n content: "";\n display: inline-block;\n bottom: 0;\n width: 1px;\n height: 0;\n padding-top: 100%;\n visibility: hidden;\n opacity: 0;\n}\ncovet-pics-crop-text.basic-1 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-1:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-1 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-2 {\n background-color: #F7F7F7;\n position: absolute;\n left: 0;\n top: 0;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-2.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-2.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-2 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-3 {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n background-color: #F7F7F7;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-3 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-4 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-4:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-4.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-4.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-4 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-5 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-5:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: #000000;\n}\ncovet-pics-crop-text.basic-5.size-xs {\n padding: 12px;\n}\ncovet-pics-crop-text.basic-5.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\ncovet-pics-crop-text.basic-5.size-sm {\n padding: 24px 16px;\n}\ncovet-pics-crop-text.basic-5.size-sm.verified {\n padding: 35px 16px 16px 16px;\n}\ncovet-pics-crop-text.basic-5.size-md {\n padding: 32px;\n}\ncovet-pics-crop-text.basic-5.size-md.verified {\n padding: 38px 32px 32px 32px;\n}\ncovet-pics-crop-text.basic-5.size-lg {\n padding: 64px;\n}\ncovet-pics-crop-text.basic-6 {\n position: absolute;\n left: 0;\n top: 0;\n background-color: #151515;\n}\ncovet-pics-crop-text.basic-6:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-6 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text .crop-text {\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: auto;\n text-align: center;\n width: 100%;\n color: var(--covet-crop-text-color);\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n font-size: var(--covet-crop-text-font-size);\n line-height: 1.4;\n -webkit-line-clamp: var(--covet-crop-text-max-lines);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}';export{s as covet_pics_crop_text}
|
|
4
|
+
import{r as n,h as t,H as i,g as p}from"./p-C-mGosc6.js";import{g as e,a as c}from"./p-CADUxYKc.js";const s=class{constructor(t){n(this,t),this.text="",this.textClass="",this.textColor="#000000",this.ratio=[{size:48,lines:2},{size:26,lines:5},{size:16,lines:8}],this.cropCSS={}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>{this.elHeight===e(this.el,"height")&&this.elWidth===e(this.el,"width")||(this.elHeight=e(this.el,"height"),this.elWidth=e(this.el,"width"),this.getReviewCSS())})),this.resizeObserver.observe(this.el),this.getReviewCSS()}disconnectedCallback(){this.resizeObserver.disconnect()}getReviewCSS(){const n=c(this.el,"padding-top"),t=c(this.el,"padding-bottom"),i=e(this.el,"height")-n-t,p=this.el.querySelector(".crop-text");if(null===this.text||null===p)return;p.style.fontSize=`${this.ratio[0].size}px`;let s=c(p,"line-height");p.style.webkitLineClamp=`${Math.round(i/s)+2}`;const{fontSize:o,maxLines:a}=(()=>{let n=this.ratio[0].size,t=this.ratio[0].lines,o=Math.round(e(p,"height")/s);for(let a=0;a<this.ratio.length;a++){if(a===this.ratio.length-1)return t*s>i&&(n=this.ratio[a].size,t=Math.floor(i/s)>0?Math.floor(i/s):1),p.removeAttribute("style"),{fontSize:n,maxLines:t};if(e(p,"height")<i&&o<=t)return p.removeAttribute("style"),{fontSize:n,maxLines:t};n=this.ratio[a+1].size,p.style.fontSize=`${this.ratio[a+1].size}px`,t=this.ratio[a+1].lines,s=c(p,"line-height"),p.style.webkitLineClamp=`${Math.round(i/s)+2}`,o=Math.round(e(p,"height")/s)}})();return this.cropCSS={"--covet-crop-text-max-lines":`${a}`,"--covet-crop-text-font-size":`${o}px`,"--covet-crop-text-color":`${this.textColor}`}}render(){return t(i,{key:"267a53f8c90cb3c1fc0bf646745538a9f6d50d4b",style:this.cropCSS},t("p",{key:"69ae4dc6cfb2116c4b4d1bcdf2f25750b8993c36",class:`crop-text ${this.textClass}`,innerHTML:this.text}))}get el(){return p(this)}};s.style='covet-pics-crop-text {\n display: flex;\n flex: none;\n justify-content: center;\n align-items: center;\n position: relative;\n flex-grow: 1;\n box-sizing: border-box;\n overflow: hidden;\n width: 100%;\n}\ncovet-pics-crop-text.text-review {\n height: 100%;\n max-height: 100%;\n}\ncovet-pics-crop-text.collage:before {\n content: "";\n display: inline-block;\n bottom: 0;\n width: 1px;\n height: 0;\n padding-top: 100%;\n visibility: hidden;\n opacity: 0;\n}\ncovet-pics-crop-text.basic-1 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-1:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-1 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-2 {\n background-color: #F7F7F7;\n position: absolute;\n left: 0;\n top: 0;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-2.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-2.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-2 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-3 {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n background-color: #F7F7F7;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-3 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-4 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-4:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-4.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-4.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-4 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-5 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-5:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: #000000;\n}\ncovet-pics-crop-text.basic-5.size-xs {\n padding: 12px;\n}\ncovet-pics-crop-text.basic-5.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\ncovet-pics-crop-text.basic-5.size-sm {\n padding: 24px 16px;\n}\ncovet-pics-crop-text.basic-5.size-sm.verified {\n padding: 35px 16px 16px 16px;\n}\ncovet-pics-crop-text.basic-5.size-md {\n padding: 32px;\n}\ncovet-pics-crop-text.basic-5.size-md.verified {\n padding: 38px 32px 32px 32px;\n}\ncovet-pics-crop-text.basic-5.size-lg {\n padding: 64px;\n}\ncovet-pics-crop-text.basic-6 {\n position: absolute;\n left: 0;\n top: 0;\n background-color: #151515;\n}\ncovet-pics-crop-text.basic-6:after {\n content: "";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-6 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text .crop-text {\n position: absolute;\n box-sizing: border-box;\n margin: auto;\n text-align: center;\n width: 100%;\n color: var(--covet-crop-text-color);\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n font-size: var(--covet-crop-text-font-size);\n line-height: 1.4;\n -webkit-line-clamp: var(--covet-crop-text-max-lines);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}';export{s as covet_pics_crop_text}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright by Space Squirrel Ltd.
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,c as i,h as r,g as s,H as t}from"./p-C-mGosc6.js";import{S as a,A as o}from"./p-BM21er6f.js";import{P as p}from"./p-Bzxn1cid.js";import{c as n}from"./p-CADUxYKc.js";const l=class{constructor(r){e(this,r),this.carouselIndexUpdate=i(this,"carouselIndexUpdate",7),this.carouselVideoTimeUpdate=i(this,"carouselVideoTimeUpdate",7),this.carouselVideoPlayUpdate=i(this,"carouselVideoPlayUpdate",7),this.carouselVideoSoundUpdate=i(this,"carouselVideoSoundUpdate",7),this.showVideoControls=i(this,"showVideoControls",7),this.item=null,this.isEnabled=!0,this.dataLoaded="false",this.sliderIndex=-1}enableSlider(e){return e?this.swiper.enable():this.swiper.disable()}lazyLoadMedia(e){"true"===e&&(this.loadMedia(),this.initSwiper())}updateSliderIndex(e,i){const r=Array.from(this.el.querySelectorAll(".swiper-slide")),s=r[this.sliderIndex];if(r.length>0&&null!==s){if(s.classList.contains("swiper-slide-video")){this.showVideoControls.emit("show");const e=s.querySelector("video");this.updateVideoProgress(e)}else this.showVideoControls.emit("hide");r.forEach((e=>{if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element");this.pauseVideo(i)}}))}}async videoPlay(){const e=Array.from(this.el.querySelectorAll(".swiper-slide"))[this.sliderIndex];if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element");this.playVideo(i)}}async videoPause(){const e=Array.from(this.el.querySelectorAll(".swiper-slide"))[this.sliderIndex];if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element");this.pauseVideo(i)}}async videoSoundOn(){const e=Array.from(this.el.querySelectorAll(".swiper-slide"));null!==e&&e.length>0&&e.forEach((e=>{if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element");this.soundOnVideo(i)}}))}async videoSoundOff(){const e=Array.from(this.el.querySelectorAll(".swiper-slide"));null!==e&&e.length>0&&e.forEach((e=>{if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element");this.soundOffVideo(i)}}))}async pauseAllVideos(){Array.from(this.el.querySelectorAll(".swiper-slide-video .post-video-element")).forEach((e=>this.pauseVideo(e)))}componentDidLoad(){"true"===this.dataLoaded&&(this.loadMedia(),this.initSwiper())}initSwiper(){const e=this.el.querySelector(".swiper"),i=this.el.parentElement.querySelector(".freeflow-carousel-pagination");void 0!==this.swiper&&this.clearSwiper(),this.swiper=new a(e,{slidesPerView:1,loop:!0,modules:[p,o],autoplay:!0,on:{realIndexChange:e=>{this.sliderIndex=e.realIndex,this.carouselIndexUpdate.emit(e)},afterInit:e=>{this.sliderIndex=e.realIndex,this.carouselIndexUpdate.emit(e)}},pagination:{el:i,clickable:!0},a11y:{enabled:!0,prevSlideMessage:"Previous image inside popup carousel item",nextSlideMessage:"Next image inside popup carousel item",containerMessage:"Popup thumbnail image slider",containerRoleDescriptionMessage:"Popup thumbnail image slider",paginationBulletMessage:"Goto image #{{index}} inside popup carousel item",slideRole:"group"}}),this.isEnabled||this.swiper.disable()}clearSwiper(){return this.swiper.destroy(),!0}loadMedia(){Array.from(this.el.querySelectorAll(".swiper-slide")).forEach((e=>{if(e.classList.contains("swiper-slide-image")){const i=e.querySelector("img"),r=i.getAttribute("data-src");e.setAttribute("data-loaded","true"),i.setAttribute("src",r),i.onload=()=>{i.removeAttribute("data-src")}}if(e.classList.contains("swiper-slide-video")){const i=e.querySelector(".post-video-element video"),r=i.querySelector("source"),s=r.getAttribute("data-src");null!==s&&(e.setAttribute("data-loaded","true"),r.setAttribute("src",s),i.load())}}))}getAltTag(e,i,r,s,t,a){if(e&&null!==e)return e;const o=-1!==r?`, slide ${r+1}/${s}`:"";return i&&i.length>0?`${i}, created ${n(t)}${o}`:`post ${a}, created ${n(t)}${o}`}pauseVideo(e){const i=e.querySelector("video");null!==i&&(i.pause(),e.classList.remove("playing"),this.carouselVideoPlayUpdate.emit("pause"))}playVideo(e){const i=e.querySelector("video");let r=i.play();null!==r&&r.catch((()=>{i.play()})),this.carouselVideoPlayUpdate.emit("play"),e.classList.add("playing")}soundOnVideo(e){e.querySelector("video").muted=!1,this.carouselVideoSoundUpdate.emit("on")}soundOffVideo(e){e.querySelector("video").muted=!0,this.carouselVideoSoundUpdate.emit("off")}handleVideoTimeUpdate(e,i){i.preventDefault(),i.stopPropagation(),e===this.sliderIndex&&this.updateVideoProgress(i.target)}updateVideoProgress(e){const i=Math.round(e.currentTime/e.duration*100);return this.carouselVideoTimeUpdate.emit(i)}render(){return r("div",{key:"83f4385faac1c070394ed20ba87dc793013188fa",class:"carousel-media swiper"},r("section",{key:"e3563623f285b2434c8739523ca0cd384dce0d01",class:"swiper-wrapper"},this.item.carousel_media.map(((e,i)=>r("div",{class:{"carousel-cell swiper-slide":!0,"swiper-slide-image":"image"===e.type,"swiper-slide-video":"video"===e.type}},"image"===e.type&&r("img",{"data-src":e.standard_resolution,alt:this.getAltTag(e.alt_tag,this.item.caption,i,this.item.carousel_media.length,this.item.created_time,"image"),loading:"lazy"}),"video"===e.type&&r("div",{class:"post-video-element",tabindex:"0"},r("video",{playsinline:!0,loop:!0,poster:0===i?this.item.cover_images.high_resolution:null,onTimeUpdate:e=>this.handleVideoTimeUpdate(i,e),title:this.getAltTag(e.alt_tag,this.item.caption,i,this.item.carousel_media.length,this.item.created_time,"video"),key:e.standard_resolution},r("source",{"data-src":e.standard_resolution,type:"video/mp4"}))))))))}get el(){return s(this)}static get watchers(){return{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"],sliderIndex:["updateSliderIndex"]}}};l.style='@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{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{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{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:"";flex-shrink:0;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{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{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:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{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:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{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;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{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:flex;align-items: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;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{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;transition:300ms opacity;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{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{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;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%;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%;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;transition:200ms transform, 200ms top}.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%;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{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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}covet-pics-popup-freeflow-carousel{flex-grow:1;position:absolute;overflow:hidden;box-sizing:border-box;--swiper-pagination-height:40px;height:100%;width:100%;top:0;left:0}.carousel-media{width:100%;height:100%;padding-bottom:40px;overflow:hidden;box-sizing:border-box}.carousel-media .carousel-cell{display:flex;justify-content:center;width:100%;height:calc(100% - 40px)}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.freeflow-carousel-count{box-sizing:border-box;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15) !important;background:rgba(0, 0, 0, 0.4);display:inline-flex;align-items:center;padding:8px;color:#FFFFFF;font-family:"Helvetica Neue";font-size:12px;font-style:normal;font-weight:700;line-height:1;margin-left:8px;flex:none;position:absolute;right:24px;top:0;height:26px;transform:translateY(-100%)}.swiper-pagination.freeflow-carousel-pagination{position:absolute;top:0 !important;left:var(--covet-popup-freeflow-content-space) !important;display:inline-flex;bottom:unset !important;flex:none;width:auto !important;background-color:rgba(0, 0, 0, 0.4);padding:8px 6px;border-radius:4px;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15);transform:translateY(-100%) !important;box-sizing:border-box}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 2px;background:#FFFFFF;opacity:0.4}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:hover,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:active,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:focus{opacity:1}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}';const A=class{constructor(i){e(this,i),this.isSliderEnabled=!1}enableSlider(e){return e?this.swiper.enable():this.swiper.disable()}componentDidLoad(){this.initSwiper()}initSwiper(){const e=this.el.shadowRoot.querySelector(".swiper");void 0!==this.swiper&&this.clearSwiper(),this.swiper=new a(e,{modules:[p,o],a11y:{enabled:!0,containerMessage:"Links slider",containerRoleDescriptionMessage:"Links slider",paginationBulletMessage:"Goto image #{{index}} inside popup carousel item",slideRole:"button"},slidesPerView:1.25,spaceBetween:10,loop:!1,autoplay:!0,nested:!0}),this.isSliderEnabled||this.swiper.disable()}clearSwiper(){return this.swiper.destroy(),!0}imgAltTag(e,i,r,s){return e&&e.length>0?`${e}, product-link ${i+1}/${r}, created ${n(s)}`:`product-link ${i+1}/${r}, created ${n(s)}`}renderLinkImage(e,i,s){return null!==e.image&&""!==e.image?r("img",{class:"img","data-src":e.image,alt:this.imgAltTag(e.title,i,s,this.itemCreatedTime),src:e.image,loading:"lazy"}):r("svg",{class:"img-svg",role:"img","aria-labelledby":"default icon link cover",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M14.101 42.314a6.955 6.955 0 01-4.95-2.051L7.736 38.85c-2.729-2.729-2.729-7.171 0-9.899l9.192-9.192c1.322-1.322 3.08-2.051 4.95-2.051s3.628.729 4.949 2.051l1.414 1.414a.999.999 0 11-1.414 1.414l-1.414-1.414a4.968 4.968 0 00-3.535-1.465 4.969 4.969 0 00-3.536 1.465L9.15 30.364a5.006 5.006 0 000 7.071l1.414 1.414a4.969 4.969 0 003.536 1.465 4.968 4.968 0 003.535-1.465L24 32.485a.999.999 0 111.414 1.414l-6.364 6.364a6.947 6.947 0 01-4.949 2.051z"}),r("path",{d:"M26.121 30.293a6.953 6.953 0 01-4.949-2.051.999.999 0 111.414-1.414 4.968 4.968 0 003.535 1.465 4.969 4.969 0 003.536-1.465l9.192-9.192a5.005 5.005 0 000-7.07L37.436 9.15a5.006 5.006 0 00-7.071 0L24 15.515a.999.999 0 11-1.414-1.414l6.364-6.364a7.008 7.008 0 019.899 0l1.414 1.415c2.729 2.729 2.729 7.17 0 9.898l-9.192 9.192a6.954 6.954 0 01-4.95 2.051z"}))}render(){return r(t,{key:"7c62d5e6b76ce17465c4b78b40b7535e09e8a2c8"},r("div",{key:"87239f379280137d3b945ee589d7dbae85e5fffd",class:"links swiper"},r("section",{key:"9e09154f3667f39de10efa0753b89e0b9dd56a07",class:"swiper-wrapper"},this.links.map(((e,i)=>r("button",{class:"btn-buy swiper-slide"},r("div",{class:"img-wrap"},this.renderLinkImage(e,i,this.links.length)),r("span",{class:"btn-caption"},r("span",{class:"btn-title"},e.title),e.prices&&e.prices.price_label&&r("span",{class:"btn-price",innerHTML:e.prices.price_label}))))))))}get el(){return s(this)}static get watchers(){return{isSliderEnabled:["enableSlider"]}}};A.style='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{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{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:"";flex-shrink:0;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{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{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:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{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:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{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;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:block;max-width:100%;position:relative;overflow:hidden;box-sizing:border-box;width:100%}:host .btn-buy{border-radius:16px;background-color:#FFFFFF;padding:6px;border:none;display:flex;align-items:center;justify-content:flex-start;width:100%;font-family:var(--covet-font-family)}:host .img-wrap{border-radius:12px;display:inline-block;width:57px;height:57px;background-color:#e4dcdc;margin-right:12px;display:flex;justify-content:center;align-items:center;flex:none}:host .img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}:host .btn-caption{flex:1;display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .btn-title{font-size:12px;font-weight:600;letter-spacing:0.7px;margin-bottom:6px;display:block;color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .btn-price{font-size:12px;font-weight:400;letter-spacing:0.7px;margin-bottom:6px;display:block;color:rgb(110, 110, 110);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{l as covet_pics_popup_freeflow_carousel,A as covet_pics_popup_freeflow_links}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright by Space Squirrel Ltd.
|
|
3
|
+
*/
|
|
4
|
+
import{r as i,h as e,H as t,g as r}from"./p-C-mGosc6.js";import{B as o}from"./p-CADUxYKc.js";const a=class{constructor(e){i(this,e),this.item=null,this.fetchingError=null,this.playPauseVideoKeyboardClickHandler=i=>{if(13===i.keyCode||32===i.keyCode)return this.playPauseVideoClickHandler(i)},this.playPauseVideoClickHandler=i=>{i.preventDefault(),i.stopPropagation();const e=i.currentTarget;return e.classList.contains("playing")?this.pauseVideo(e):this.playVideo(e)}}componentWillLoad(){this.loadData()}async loadData(){let i="production";"string"==typeof this.environment&&Object.keys(o).includes(this.environment)&&(i=this.environment);const e=`${o[i]}/api/v1/post/${this.postId}`;try{const i=await fetch(e);this.item=await i.json()}catch(i){this.fetchingError="The Covet.pics post has not loaded because the post not exist. Please verify that the correct POST ID is being used"}}renderImageElements(){const{alt_tag:i,carousel_media:t,data_type:r,cover_images:o,video:a}=this.item;return t&&t.length>0?e("covet-pics-popup-slider",{item:this.item}):"image"===r||"carousel"===r?e("img",{class:"covet-post-image",src:this.item.images.high_resolution,alt:this.item.caption}):"video"===r?e("div",{class:"post-video-element",onClick:this.playPauseVideoClickHandler,onKeyDown:this.playPauseVideoKeyboardClickHandler,tabindex:"0"},e("video",{playsinline:!0,loop:!0,poster:o.high_resolution,key:a,title:i},e("source",{src:a,type:"video/mp4"}))):null}pauseVideo(i){i.querySelector("video").pause(),i.classList.remove("playing")}playVideo(i){const e=i.querySelector("video");let t=e.play();null!==t&&t.catch((()=>{e.play()})),i.classList.add("playing")}renderError(){return e(t,null,e("p",{class:"error-message"},this.fetchingError))}render(){if(null!==this.fetchingError)return this.renderError();if(null===this.item)return null;const i=!(null!==this.item.username&&""!==this.item.username||null!==this.item.caption&&""!==this.item.caption);return e(t,null,e("div",{class:{"covet-post":!0}},e("div",{class:{"covet-post-image-wrap":!0,carousel:this.item.carousel_media&&this.item.carousel_media.length>0}},this.renderImageElements()),!i&&e("div",{class:"covet-post-description"},e("p",{class:"covet-post-text"},e("b",null,"@",this.item.username)," ",this.item.caption))))}get el(){return r(this)}};a.style='@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{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{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:"";flex-shrink:0;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{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{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:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{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:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{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;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{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:flex;align-items: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;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{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;transition:300ms opacity;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{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{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;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%;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%;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;transition:200ms transform, 200ms top}.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%;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{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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:flex;justify-content:space-around;width:100%}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{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;transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;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{transform:rotateY(180deg)}.swiper-horizontal>.swiper-pagination-bullets{display:flex;justify-content:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.carousel-media~.covet-branding{bottom:calc(var(--swiper-pagination-height) - 16px)}@media only screen and (min-width: 800px){.carousel-media{width:calc(var(--popup-fixed-size) - var(--swiper-pagination-height));height:var(--popup-fixed-size);padding-bottom:0}.carousel-media .carousel-cell{height:100%;max-height:calc(var(--popup-fixed-size) - var(--swiper-pagination-height))}}:host{--swiper-pagination-height:40px;--covet-post-control-size:70px;--covet-post-bg-color:#FFFFFF;--covet-post-font-family:Helvetica Neue;--covet-post-text-color:#000000;--covet-post-border-color:#F1F1F1;--covet-post-image-bg-color:#FFFFFF;--covet-post-border-radius:8px;--covet-post-description-padding:24px}:host{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;max-width:100%}:host .covet-post{box-sizing:border-box;background-color:var(--covet-post-bg-color);border:1px solid var(--covet-post-border-color);border-radius:var(--covet-post-border-radius);overflow:hidden;position:relative;max-width:100%}:host .covet-post-image-wrap{display:flex;justify-content:center;align-items:center;flex:none;background-color:var(--covet-post-image-bg-color)}:host .covet-post-image-wrap.carousel{display:block}:host .covet-post-image,:host .post-video-element{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .post-video-element{max-width:100%;z-index:1;display:flex;justify-content:center;align-items:stretch;overflow:hidden;max-height:100%}:host .post-video-element video{-o-object-fit:contain;object-fit:contain;width:100%}:host .post-video-element:after{content:"";position:absolute;opacity:1;border:none;outline:none !important;top:50%;width:100px;height:100px;left:50%;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;transition:all 0.25s ease}:host .post-video-element:hover:after,:host .post-video-element:focus:after{transform:translate(-50%, -50%) scale(1.1)}:host .post-video-element.playing:after{opacity:0}:host .covet-post-description{box-sizing:border-box;padding:var(--covet-post-description-padding);background-color:var(--covet-post-bg-color);width:0;min-width:100%}:host .covet-post-text{color:var(--covet-post-text-color);margin-top:0;font-family:var(--covet-post-font-family);font-size:12px;font-weight:500;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:72px;-webkit-line-clamp:4;white-space:pre-line;margin-bottom:0}:host .carousel-media{width:100%;height:100%}:host .carousel-media .carousel-cell{height:calc(100% - 40px);width:100%;justify-content:center;align-items:center}:host .carousel-media .carousel-cell img,:host .carousel-media .carousel-cell video{-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%}:host .swiper-button-next,:host .swiper-button-prev{top:unset;bottom:0;transform:translateY(0);border-radius:0;background:transparent;padding:0;z-index:11;transition:opacity 0.25s ease;opacity:1;border:none;width:var(--swiper-pagination-height);height:var(--swiper-pagination-height);margin-top:0}:host .swiper-button-next:hover,:host .swiper-button-next:active,:host .swiper-button-next:focus,:host .swiper-button-prev:hover,:host .swiper-button-prev:active,:host .swiper-button-prev:focus{opacity:0.5}:host .swiper-button-next svg,:host .swiper-button-prev svg{width:var(--swiper-pagination-height);height:var(--swiper-pagination-height)}:host .swiper-button-next:after,:host .swiper-button-prev:after{display:none}:host .swiper-horizontal>.swiper-pagination-bullets{position:relative;display:flex;justify-content:center;align-items:center;height:var(--swiper-pagination-height);top:unset;bottom:0;background:white}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:active,:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:focus{opacity:0.4}:host .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}.error-message{text-align:center;border:2px dashed;padding:20px}';export{a as covet_pics_post}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-C-mGosc6.js';
|
|
5
5
|
import { g as getSize, a as getStyle } from './utils-CADUxYKc.js';
|
|
6
6
|
|
|
7
|
-
const covetPicsCropTextCss = "covet-pics-crop-text {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: none;\n flex: none;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n width: 100%;\n}\ncovet-pics-crop-text.text-review {\n height: 100%;\n max-height: 100%;\n}\ncovet-pics-crop-text.collage:before {\n content: \"\";\n display: inline-block;\n bottom: 0;\n width: 1px;\n height: 0;\n padding-top: 100%;\n visibility: hidden;\n opacity: 0;\n}\ncovet-pics-crop-text.basic-1 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-1:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-1 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-2 {\n background-color: #F7F7F7;\n position: absolute;\n left: 0;\n top: 0;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-2.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-2.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-2 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-3 {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n background-color: #F7F7F7;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-3 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-4 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-4:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-4.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-4.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-4 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-5 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-5:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: #000000;\n}\ncovet-pics-crop-text.basic-5.size-xs {\n padding: 12px;\n}\ncovet-pics-crop-text.basic-5.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\ncovet-pics-crop-text.basic-5.size-sm {\n padding: 24px 16px;\n}\ncovet-pics-crop-text.basic-5.size-sm.verified {\n padding: 35px 16px 16px 16px;\n}\ncovet-pics-crop-text.basic-5.size-md {\n padding: 32px;\n}\ncovet-pics-crop-text.basic-5.size-md.verified {\n padding: 38px 32px 32px 32px;\n}\ncovet-pics-crop-text.basic-5.size-lg {\n padding: 64px;\n}\ncovet-pics-crop-text.basic-6 {\n position: absolute;\n left: 0;\n top: 0;\n background-color: #151515;\n}\ncovet-pics-crop-text.basic-6:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-6 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text .crop-text {\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: auto;\n text-align: center;\n width: 100%;\n color: var(--covet-crop-text-color);\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n font-size: var(--covet-crop-text-font-size);\n line-height: 1.4;\n -webkit-line-clamp: var(--covet-crop-text-max-lines);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}";
|
|
7
|
+
const covetPicsCropTextCss = "covet-pics-crop-text {\n display: flex;\n flex: none;\n justify-content: center;\n align-items: center;\n position: relative;\n flex-grow: 1;\n box-sizing: border-box;\n overflow: hidden;\n width: 100%;\n}\ncovet-pics-crop-text.text-review {\n height: 100%;\n max-height: 100%;\n}\ncovet-pics-crop-text.collage:before {\n content: \"\";\n display: inline-block;\n bottom: 0;\n width: 1px;\n height: 0;\n padding-top: 100%;\n visibility: hidden;\n opacity: 0;\n}\ncovet-pics-crop-text.basic-1 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-1:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-1 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-1 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-1.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-1.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-2 {\n background-color: #F7F7F7;\n position: absolute;\n left: 0;\n top: 0;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-2.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-2.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-2 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-2 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-2.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-2.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-3 {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n background-color: #F7F7F7;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-3 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-3 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-3.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-3.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-4 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-4:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-xs {\n padding: 12px;\n }\n}\ncovet-pics-crop-text.basic-4.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-sm {\n padding: 24px 16px;\n }\n}\ncovet-pics-crop-text.basic-4.size-sm.verified {\n padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-4 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-4 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-4.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-4.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text.basic-5 {\n position: absolute;\n left: 0;\n top: 0;\n}\ncovet-pics-crop-text.basic-5:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: #000000;\n}\ncovet-pics-crop-text.basic-5.size-xs {\n padding: 12px;\n}\ncovet-pics-crop-text.basic-5.size-xs.verified {\n padding: 35px 12px 12px 12px;\n}\ncovet-pics-crop-text.basic-5.size-sm {\n padding: 24px 16px;\n}\ncovet-pics-crop-text.basic-5.size-sm.verified {\n padding: 35px 16px 16px 16px;\n}\ncovet-pics-crop-text.basic-5.size-md {\n padding: 32px;\n}\ncovet-pics-crop-text.basic-5.size-md.verified {\n padding: 38px 32px 32px 32px;\n}\ncovet-pics-crop-text.basic-5.size-lg {\n padding: 64px;\n}\ncovet-pics-crop-text.basic-6 {\n position: absolute;\n left: 0;\n top: 0;\n background-color: #151515;\n}\ncovet-pics-crop-text.basic-6:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 1px;\n left: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-xs {\n padding: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 24px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-sm {\n padding: 24px 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text.basic-6 {\n padding: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-md {\n padding: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text.basic-6 {\n padding: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.size-lg {\n padding: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 35px 12px 12px 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-xs {\n padding: 35px 12px 12px 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text.basic-6.verified {\n padding: 33px 16px 16px 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text.basic-6.verified.size-sm {\n padding: 33px 16px 16px 16px;\n }\n}\ncovet-pics-crop-text .crop-text {\n position: absolute;\n box-sizing: border-box;\n margin: auto;\n text-align: center;\n width: 100%;\n color: var(--covet-crop-text-color);\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n font-size: var(--covet-crop-text-font-size);\n line-height: 1.4;\n -webkit-line-clamp: var(--covet-crop-text-max-lines);\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-1 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-1.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-2 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-2.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-3 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-3.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-4 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-4.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-5 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-5.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-xs {\n padding-left: 12px;\n padding-right: 12px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-sm {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 32px;\n padding-right: 32px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-md {\n padding-left: 32px;\n padding-right: 32px;\n }\n}\n@supports (container-type: size) {\n @container covet-pics-gallery-item-detail (min-width: 480px) {\n covet-pics-crop-text .crop-text.basic-6 {\n padding-left: 64px;\n padding-right: 64px;\n }\n }\n}\n@supports not (container-type: size) {\n covet-pics-crop-text .crop-text.basic-6.size-lg {\n padding-left: 64px;\n padding-right: 64px;\n }\n}";
|
|
8
8
|
|
|
9
9
|
const CovetPicsCropText = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -11,7 +11,7 @@ import { f as format } from './index-CnpZZF3m.js';
|
|
|
11
11
|
import { V as VerificationIcon, S as StarRatingPopupRewiw, I as Icon, a as IconPopupFreeflowSoundPlay, b as IconArrowNext, c as IconArrowPrev } from './popupFuncComponents-76LYIj-8.js';
|
|
12
12
|
import { N as Navigation } from './navigation-xBso107Y.js';
|
|
13
13
|
|
|
14
|
-
const covetPicsDirectBuyCss = "@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)}}:host{z-index:1;--covet-direct-buy-btn-size:40px;--covet-direct-buy-padding-size:40px;--covet-direct-buy-dropdown-height:48px;--covet-direct-buy-font-color:#101010;--covet-direct-buy-bg-color:#fcfbfc;--covet-direct-buy-btn-color:var(--covet-internal-direct-buy-btn-color);--covet-direct-buy-btn-bg-color:var(--covet-internal-direct-buy-btn-bg-color);--covet-direct-buy-btn-active-color:var(--covet-internal-direct-buy-btn-active-color);--covet-direct-buy-btn-active-bg-color:var(--covet-internal-direct-buy-btn-active-bg-color)}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:100%;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto;background-color:#ffffff}.main{margin:0 var(--covet-direct-buy-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;right:0;padding:0;margin:0;cursor:pointer;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-direct-buy-btn-size);height:var(--covet-direct-buy-btn-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-direct-buy-btn-size);width:calc(100% - var(--covet-direct-buy-btn-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 0}.title a{text-decoration:none;color:var(--covet-direct-buy-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-direct-buy-bg-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-direct-buy-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-direct-buy-btn-bg-color);color:var(--covet-direct-buy-btn-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-direct-buy-btn-active-bg-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-direct-buy-btn-active-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-direct-buy-btn-bg-color);color:var(--covet-direct-buy-btn-active-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:var(--covet-direct-buy-dropdown-height);padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-direct-buy-font-color);position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer;font-weight:bold}.options label .selected-option.empty{height:16px;line-height:1rem;width:20%}.options .options-container{display:none;position:absolute;top:var(--covet-direct-buy-dropdown-height);left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-direct-buy-bg-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-direct-buy-padding-size);width:calc(100% - var(--covet-direct-buy-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-direct-buy-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-direct-buy-font-color);opacity:0.2;margin:0 4px;padding:0;-webkit-transition:all 0.3;transition:all 0.3}.swiper-pagination-bullet:hover,.swiper-pagination-bullet:active,.swiper-pagination-bullet:focus{opacity:0.4;cursor:pointer}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-direct-buy-font-color)}@media only screen and (min-width: 800px){:host{display:block;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.title{width:100%;padding-left:10px}.close{left:calc(var(--covet-direct-buy-btn-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:auto}.footer{position:absolute}}";
|
|
14
|
+
const covetPicsDirectBuyCss = "@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{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{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{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{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:\"\";flex-shrink:0;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{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{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:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{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:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{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;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{z-index:1;--covet-direct-buy-btn-size:40px;--covet-direct-buy-padding-size:40px;--covet-direct-buy-dropdown-height:48px;--covet-direct-buy-font-color:#101010;--covet-direct-buy-bg-color:#fcfbfc;--covet-direct-buy-btn-color:var(--covet-internal-direct-buy-btn-color);--covet-direct-buy-btn-bg-color:var(--covet-internal-direct-buy-btn-bg-color);--covet-direct-buy-btn-active-color:var(--covet-internal-direct-buy-btn-active-color);--covet-direct-buy-btn-active-bg-color:var(--covet-internal-direct-buy-btn-active-bg-color)}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:100%;box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);transition:max-height 0.35s ease-in-out;min-width:auto;background-color:#ffffff}.main{margin:0 var(--covet-direct-buy-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;right:0;padding:0;margin:0;cursor:pointer;transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-direct-buy-btn-size);height:var(--covet-direct-buy-btn-size)}.close svg .icon-arrow-path{transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-direct-buy-btn-size);width:calc(100% - var(--covet-direct-buy-btn-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;box-sizing:border-box;margin:10px 0 0 0}.title a{text-decoration:none;color:var(--covet-direct-buy-font-color)}.price-wrap{display:flex;height:32px;background:var(--covet-direct-buy-bg-color);justify-content:space-between;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-direct-buy-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-direct-buy-btn-bg-color);color:var(--covet-direct-buy-btn-color);font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-direct-buy-btn-active-bg-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-direct-buy-btn-active-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-direct-buy-btn-bg-color);color:var(--covet-direct-buy-btn-active-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:var(--covet-direct-buy-dropdown-height);padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-direct-buy-font-color);position:relative;cursor:pointer;outline:none !important;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:flex;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer;font-weight:bold}.options label .selected-option.empty{height:16px;line-height:1rem;width:20%}.options .options-container{display:none;position:absolute;top:var(--covet-direct-buy-dropdown-height);left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:flex;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:flex;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;align-items:center;display:flex;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-direct-buy-bg-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-direct-buy-padding-size);width:calc(100% - var(--covet-direct-buy-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-direct-buy-font-color);display:flex;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;flex:none;border-radius:100%;background:var(--covet-direct-buy-font-color);opacity:0.2;margin:0 4px;padding:0;transition:all 0.3}.swiper-pagination-bullet:hover,.swiper-pagination-bullet:active,.swiper-pagination-bullet:focus{opacity:0.4;cursor:pointer}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-direct-buy-font-color)}@media only screen and (min-width: 800px){:host{display:block;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.title{width:100%;padding-left:10px}.close{left:calc(var(--covet-direct-buy-btn-size) / -2);right:unset;transform:unset}.wrap{height:100%;overflow:auto}.footer{position:absolute}}";
|
|
15
15
|
|
|
16
16
|
const CovetPicsDirectBuy = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -3504,7 +3504,7 @@ tippy.setDefaultProps({
|
|
|
3504
3504
|
render: render
|
|
3505
3505
|
});
|
|
3506
3506
|
|
|
3507
|
-
const covetPicsHotspotsCss = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0
|
|
3507
|
+
const covetPicsHotspotsCss = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform, visibility, opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top]{transform:translateY(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left]{transform:translateX(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right]{transform:translateX(20px)}covet-pics-hotspots{position:absolute;left:0;top:0;right:0;bottom:0}.hotspot{position:absolute;width:15px;height:15px;background-color:var(--covet-pics-hotspot-color);border-radius:50%;visibility:hidden;z-index:1;outline:none !important}.hotspot.active{visibility:visible}.pulse{width:calc(100% - 10px);height:calc(100% - 10px);display:block;position:absolute;transform:scale(1);border:5px solid var(--covet-pics-hotspot-color);border-radius:50%;opacity:0.5;visibility:hidden}.hotspot:hover .pulse,.hotspot:active .pulse,.hotspot:focus .pulse,.hotspot.active .pulse{visibility:visible;animation:hotspot-pulse 1.5s ease-out;animation-iteration-count:infinite}.show-hotspot-numbers .hotspot{width:24px;height:24px;line-height:25px;counter-increment:imgtag;font-size:13px;font-weight:bold;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}.show-hotspot-numbers .hotspot:after{display:block;text-align:center;content:counter(imgtag);color:var(--covet-pics-hotspots-text-color)}@keyframes hotspot-pulse{0%{opacity:0.5;transform:scale(1)}100%{opacity:0;transform:scale(2)}}@media (any-hover: hover){.post-image{outline:none !important}.post-image:hover .hotspot,.post-image:active .hotspot,.post-image:focus .hotspot{visibility:visible}}@media (any-hover: none){.post-image .hotspot{visibility:visible}}.tippy-box{padding:0;font-family:unset;border-radius:0;margin:0;border:none;background-color:transparent}.tippy-box .tippy-content{background-color:#000;padding:6px 12px;text-transform:uppercase;max-width:250px;transition:opacity 0.3s, margin 0.3s;border-radius:1px;font-size:12px}.tippy-box .tippy-content .product-title{color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tippy-box .tippy-content .price{color:#a0a0a0;font-size:11px}";
|
|
3508
3508
|
|
|
3509
3509
|
const CovetPicsHotspots = class {
|
|
3510
3510
|
constructor(hostRef) {
|
|
@@ -3574,7 +3574,7 @@ const CovetPicsHotspots = class {
|
|
|
3574
3574
|
};
|
|
3575
3575
|
CovetPicsHotspots.style = covetPicsHotspotsCss;
|
|
3576
3576
|
|
|
3577
|
-
const covetGalleryPopupLinksCss = ":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}.links{--covet-popup-links-btn-bg-color:var(--covet-custom-popup-links-btn-bg-color, var(--covet-internal-popup-links-btn-bg-color));--covet-popup-links-btn-active-bg-color:var(--covet-custom-popup-links-btn-active-bg-color, var(--covet-internal-popup-links-btn-active-bg-color));--covet-popup-links-btn-color:var(--covet-custom-popup-links-btn-color, var(--covet-internal-popup-links-btn-color));--covet-popup-links-active-btn-color:var(--covet-custom-popup-links-active-btn-color, var(--covet-internal-popup-links-active-btn-color));--covet-popup-links-btn-letter-spacing:var(--covet-custom-popup-links-btn-letter-spacing, normal);--covet-popup-links-btn-font-weight:var(--covet-custom-popup-links-btn-font-weight, normal);--covet-popup-link-title-color:var(--covet-custom-popup-link-title-color, rgba(16, 16, 16, 1));--covet-popup-link-price-color:var(--covet-custom-popup-link-price-color, rgba(16, 16, 16, 1));--covet-popup-link-title-hover-color:var(--covet-custom-popup-link-title-hover-color, rgba(0, 0, 0, 0.7));--covet-popup-link-price-hover-color:var(--covet-custom-popup-link-price-hover-color, rgba(0, 0, 0, 0.7))}.links{overflow:hidden;list-style:none;display
|
|
3577
|
+
const covetGalleryPopupLinksCss = ":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif;--covet-popup-bg-color:var(--covet-custom-popup-bg-color, var(--covet-internal-popup-bg-color));--covet-badge-color:var(--covet-custom-badge-color, #157F3F);--covet-badge-bg-color:var(--covet-custom-badge-bg-color, #E8F2EC);--covet-badge-border-color:var(--covet-custom-badge-border-color, #157F3F);--covet-popup-link-border-color:var(--covet-custom-popup-link-border-color, #F0F0F0);--covet-popup-review-color:var(--covet-custom-popup-review-color, #000000);--covet-popup-review-date-color:var(--covet-custom-popup-review-date-color, #777777);--covet-popup-title-color:var(--covet-custom-popup-title-color, #A1A1A1);--covet-popup-title-font-size:var(--covet-custom-popup-title-font-size, 14px);--covet-popup-title-font-weight:var(--covet-custom-popup-title-font-weight, 400);--covet-popup-title-letter-spacing:var(--covet-custom-popup-title-letter-spacing, normal);--covet-popup-caption-color:var(--covet-custom-popup-caption-color, #000000);--covet-popup-caption-font-size:var(--covet-custom-popup-caption-font-size, 13px);--covet-popup-caption-font-weight:var(--covet-custom-popup-caption-font-weight, 300);--covet-popup-caption-letter-spacing:var(--covet-custom-popup-caption-letter-spacing, normal);--covet-popup-source-font-size:var(--covet-custom-popup-source-font-size, 12px);--covet-popup-source-font-weight:var(--covet-custom-popup-source-font-weight, 400);--covet-popup-source-color:var(--covet-custom-popup-source-color, #666666);--covet-popup-source-letter-spacing:var(--covet-custom-popup-source-letter-spacing, normal)}.links{--covet-popup-links-btn-bg-color:var(--covet-custom-popup-links-btn-bg-color, var(--covet-internal-popup-links-btn-bg-color));--covet-popup-links-btn-active-bg-color:var(--covet-custom-popup-links-btn-active-bg-color, var(--covet-internal-popup-links-btn-active-bg-color));--covet-popup-links-btn-color:var(--covet-custom-popup-links-btn-color, var(--covet-internal-popup-links-btn-color));--covet-popup-links-active-btn-color:var(--covet-custom-popup-links-active-btn-color, var(--covet-internal-popup-links-active-btn-color));--covet-popup-links-btn-letter-spacing:var(--covet-custom-popup-links-btn-letter-spacing, normal);--covet-popup-links-btn-font-weight:var(--covet-custom-popup-links-btn-font-weight, normal);--covet-popup-link-title-color:var(--covet-custom-popup-link-title-color, rgba(16, 16, 16, 1));--covet-popup-link-price-color:var(--covet-custom-popup-link-price-color, rgba(16, 16, 16, 1));--covet-popup-link-title-hover-color:var(--covet-custom-popup-link-title-hover-color, rgba(0, 0, 0, 0.7));--covet-popup-link-price-hover-color:var(--covet-custom-popup-link-price-hover-color, rgba(0, 0, 0, 0.7))}.links{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.links.grid .product:nth-last-child(2),.links.grid .product:last-child{margin-bottom:0}.links.links-1{justify-content:space-around}.links.grey-border{position:relative;padding-bottom:40px;margin-bottom:40px}.links.grey-border:after{content:\"\";position:absolute;bottom:0;left:50%;height:1px;width:50%;transform:translateX(-50%);background-color:var(--covet-popup-link-border-color)}.links .product{width:50%;margin-bottom:40px;text-align:center}.links .product-link{display:block;text-decoration:none;height:176px;box-sizing:border-box;padding-bottom:12px;outline:none !important;margin-bottom:4px}.links .product-link:hover .product-title,.links .product-link:active .product-title,.links .product-link:focus .product-title{color:var(--covet-popup-link-title-hover-color)}.links .product-link:hover .product-price,.links .product-link:active .product-price,.links .product-link:focus .product-price{color:var(--covet-popup-link-price-hover-color)}.links .product-link:hover .product-img,.links .product-link:hover .product-svg,.links .product-link:active .product-img,.links .product-link:active .product-svg,.links .product-link:focus .product-img,.links .product-link:focus .product-svg{transform:scale(1.03)}.links .img-wrap{width:120px;height:120px;display:flex;justify-content:center;margin:0 auto 12px auto;align-items:center;overflow:hidden}.links .product-img,.links .product-svg{display:block;height:100%;width:100%;margin-left:auto;margin-right:auto;transform-origin:center center;transition:transform 0.25s ease;-o-object-fit:contain;object-fit:contain}.links .product-details{display:block}.links .product-title{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:300;color:var(--covet-popup-link-title-color);text-align:center;padding:0 8px;margin-bottom:6px;transition:color 0.25s ease}.links .product-price{font-family:var(--covet-font-family);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;line-height:11px;font-weight:600;color:var(--covet-popup-link-price-color);text-align:center;padding:0 8px;margin-bottom:4px;transition:color 0.25s ease}.links .product-sale{text-decoration:line-through;color:#5d5d5d}.links .btn-buy{display:block;color:var(--covet-popup-links-btn-color);background-color:var(--covet-popup-links-btn-bg-color);letter-spacing:var(--covet-popup-links-btn-letter-spacing);font-weight:var(--covet-popup-links-btn-font-weight);font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;min-height:28px;min-width:86px;text-decoration:none;outline:none !important;margin-left:auto;margin-right:auto;transition:all 0.25s ease}.links .btn-buy:hover,.links .btn-buy:focus,.links .btn-buy:active{background-color:var(--covet-popup-links-btn-active-bg-color)}.links .btn-buy.style-1{background-color:#FFFFFF;border:0;color:var(--covet-popup-links-btn-bg-color);padding:0}.links .btn-buy.style-1 .btn-title{font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-1:hover,.links .btn-buy.style-1:focus,.links .btn-buy.style-1:active{color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-1:hover .btn-title,.links .btn-buy.style-1:focus .btn-title,.links .btn-buy.style-1:active .btn-title{border-bottom-color:var(--covet-popup-links-active-btn-color)}.links .btn-buy.style-2{background-color:#FFFFFF;color:var(--covet-popup-links-btn-bg-color);border:1px solid var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-2:hover,.links .btn-buy.style-2:focus,.links .btn-buy.style-2:active{color:var(--covet-popup-links-active-btn-color);background-color:var(--covet-popup-links-btn-bg-color)}.links .btn-buy.style-5.visit .btn-title{margin-right:4px}.links .icon-buy{margin-right:4px;width:14px;height:14px}.links .icon-buy .dynamic-fill{fill:var(--covet-popup-links-btn-color)}.links.list{padding:0 30px}.links.list .product{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F4F6F8;margin-bottom:0;height:64px}.links.list .product-link{display:flex;align-items:center;height:auto;box-sizing:border-box;padding-bottom:0;margin-bottom:0;flex:1 0 110px;overflow:hidden;padding-right:16px}@media only screen and (max-width: 799.98px){.links.list .product-link:hover .product-img,.links.list .product-link:hover .product-svg,.links.list .product-link:active .product-img,.links.list .product-link:active .product-svg,.links.list .product-link:focus .product-img,.links.list .product-link:focus .product-svg{transform:scale(1.1)}}.links.list .product-details{flex-grow:1;overflow:hidden}.links.list .product-title{text-align:left;line-height:15px;margin-bottom:0;padding:0;width:100%}.links.list .product-price{text-align:left;line-height:12px;margin-bottom:0;padding:0}.links.list .product-sale{text-align:left;line-height:15px;margin-bottom:0}.links.list .img-wrap{height:32px;width:auto;margin-bottom:0;margin-right:9px}";
|
|
3578
3578
|
|
|
3579
3579
|
const CovetPicsPopupLinks = class {
|
|
3580
3580
|
constructor(hostRef) {
|
|
@@ -3673,7 +3673,7 @@ const CovetPicsPopupLinks = class {
|
|
|
3673
3673
|
};
|
|
3674
3674
|
CovetPicsPopupLinks.style = covetGalleryPopupLinksCss;
|
|
3675
3675
|
|
|
3676
|
-
const covetPicsPopupReviewCss = ".popup-review{
|
|
3676
|
+
const covetPicsPopupReviewCss = ".popup-review{box-sizing:border-box;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative;width:580px;height:580px;border-right:1px solid rgba(0, 0, 0, 0.1);padding-left:100px;padding-right:100px}@media only screen and (max-width: 1023.98px){.popup-review{padding-left:20px;padding-right:20px;width:100%;height:calc(100vh - 80px)}}@media only screen and (max-width: 799.98px){.popup-review{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);min-height:380px;height:auto}}@media only screen and (max-width: 1023.98px){.popup-review.star-only{width:360px}}.review-top{display:flex;justify-content:center;padding:32px 0;position:relative;width:100%;box-sizing:border-box}.review-top:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023.98px){.review-top{padding:24px 0}}.review-top.star-only{order:2}.review-top.star-only:after{display:none}.review-star{width:18px;height:18px;display:flex;justify-content:center;align-items:center;margin-right:10px;flex:none}.review-star:last-child{margin-right:0}.review-star.active .svg-star path{fill:#000000}.svg-star{width:100%;height:100%}.svg-star path{fill:rgba(0, 0, 0, 0.1)}.review-caption{line-height:1.4;color:var(--covet-popup-review-color);text-align:center;overflow:auto;width:100%;box-sizing:border-box;padding-right:10px;font-size:var(--covet-item-detail-caption-font-size);margin-top:0;margin-bottom:0;white-space:pre-line}@media only screen and (max-width: 1023.98px){.review-caption{margin-top:32px;margin-bottom:32px}}.review-caption.star-only{order:1;margin-top:86px;min-height:1px;position:relative}.review-caption.star-only:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023.98px){.review-caption.star-only{margin-top:70px;margin-bottom:0}}@media only screen and (max-width: 799.98px){.review-caption.star-only{margin-top:10px;margin-bottom:0}}.review-caption.star-only.verified{padding:32px 0px;margin-top:0}.review-bottom{display:flex;justify-content:center;align-items:center;padding:32px 0;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;position:relative}.review-bottom:after{content:\"\";position:absolute;width:100%;height:1px;top:0;left:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023.98px){.review-bottom{padding:24px 0}}.review-bottom.star-only{order:3}.username,.slash,.created-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:16px;font-weight:500;color:var(--covet-popup-review-date-color);margin-top:0;margin-bottom:0}.slash{margin-left:6px;margin-right:6px}";
|
|
3677
3677
|
|
|
3678
3678
|
const CovetPicsPopupReviewElement = class {
|
|
3679
3679
|
constructor(hostRef) {
|
|
@@ -3768,7 +3768,7 @@ const CovetPicsPopupSharedLinks = class {
|
|
|
3768
3768
|
get el() { return getElement(this); }
|
|
3769
3769
|
};
|
|
3770
3770
|
|
|
3771
|
-
const covetPicsPopupSlideCss = "covet-pics-popup-slide{position:relative;display
|
|
3771
|
+
const covetPicsPopupSlideCss = "covet-pics-popup-slide{position:relative;display:flex;align-items:center;overflow:hidden;will-change:transform;transition:transform 0.35s ease}covet-pics-popup-slide.slide-carousel{flex-direction:column}.video,.image{position:absolute;top:0;left:0;z-index:0;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;will-change:transform;transform:translateZ(0)}.content{position:absolute;left:0;bottom:0;height:auto;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:var(--covet-popup-freeflow-content-space) 0 var(--covet-popup-freeflow-content-space) var(--covet-popup-freeflow-content-space);z-index:1;box-sizing:border-box;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);will-change:transform;transform:translateZ(0)}@media (max-height: 499px){.content{padding:calc(var(--covet-popup-freeflow-content-space) / 2) 0 var(--covet-popup-freeflow-content-space) var(--covet-popup-freeflow-content-space)}}.controls{margin-bottom:auto;display:flex;position:absolute;top:40px;left:var(--covet-popup-freeflow-content-space);z-index:1}.progressbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border-radius:12px;background-color:rgba(90, 90, 90, 0.2);height:4px;overflow:hidden;color:#FFFFFF;margin-bottom:12px;position:absolute;top:var(--covet-popup-freeflow-content-space);left:var(--covet-popup-freeflow-content-space);width:calc(100% - 2 * var(--covet-popup-freeflow-content-space));z-index:1}progress::-webkit-progress-bar{background-color:rgba(90, 90, 90, 0.2);border-radius:10px}progress::-webkit-progress-value{background-color:#FFFFFF;border-radius:12px;-webkit-transition:width 0.5s ease;transition:width 0.5s ease}progress::-moz-progress-bar{background-color:#FFFFFF;border-radius:12px;-moz-transition:width 0.5s ease;transition:width 0.5s ease}.btn-play{border:none;border-radius:50%;outline:none !important;position:relative;width:var(--covet-popup-freeflow-btn-size);height:var(--covet-popup-freeflow-btn-size);margin-right:12px;transition:transform 0.25s ease;cursor:pointer}.btn-play:hover,.btn-play:active,.btn-play:focus{transform:scale(1.1)}.btn-play.pause{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1585.982 6.353 864 864'%3E%3Cpath fill='rgba(93, 93, 93, 0.65)' 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;transition:transform 0.25s ease}.btn-play.play{background-color:rgba(93, 93, 93, 0.65)}.btn-play.play::after{content:\"\";height:50%;width:4px;position:absolute;left:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(-100% - 3px), -50%)}.btn-play.play::before{content:\"\";height:50%;width:4px;position:absolute;right:50%;top:50%;background-color:#FFFFFF;transform:translate(calc(100% + 3px), -50%)}.btn-sound{border-radius:50%;width:var(--covet-popup-freeflow-btn-size);height:var(--covet-popup-freeflow-btn-size);padding:0;border:none;display:inline-block;background:none;transition:transform 0.25s ease;cursor:pointer;--covet-popup-freeflow-btn-color-sound-on:var(--covet-popup-freeflow-btn-color);--covet-popup-freeflow-btn-color-sound-off:transparent}.btn-sound:hover,.btn-sound:active,.btn-sound:focus{transform:scale(1.1)}.btn-sound .icon-muted{transition:fill 0.25s ease;fill:transparent}.btn-sound.muted{--covet-popup-freeflow-btn-color-sound-on:transparent;--covet-popup-freeflow-btn-color-sound-off:var(--covet-popup-freeflow-btn-color)}.verified{border-radius:4px;font-weight:600;font-size:14px;padding:6px;background-color:#FFFFFF;letter-spacing:0.7px;color:#000000;display:inline-block;margin-bottom:12px;margin-top:auto;margin-right:var(--covet-popup-freeflow-content-space)}.verified.verified-carousel{margin-top:0}@media (max-height: 349px){.verified{display:none}}.user-name{font-weight:700;font-size:14px;color:#FFFFFF;margin-bottom:12px;margin-right:var(--covet-popup-freeflow-content-space)}@media (max-height: 449px){.user-name{display:none}}.star-rating{margin-bottom:8px;margin-right:var(--covet-popup-freeflow-content-space)}@media (max-height: 399px){.star-rating{display:none}}.caption{box-sizing:border-box;font-size:14px;font-weight:400;color:#FFFFFF;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-height:1.4;-webkit-line-clamp:2;white-space:pre-line;margin-right:var(--covet-popup-freeflow-content-space)}.caption.caption-cut{-webkit-line-clamp:1;white-space:pre-line}@media (max-height: 499px){.caption{display:none}}";
|
|
3772
3772
|
|
|
3773
3773
|
const CovetPicsPopupSlide = class {
|
|
3774
3774
|
constructor(hostRef) {
|