@covet-pics/covet-pics-widget 0.167.4 → 0.167.5
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 +1 -1
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +75 -12
- package/dist/cjs/covet-pics-gallery-header_6.cjs.entry.js +20 -8
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +38 -10
- package/dist/cjs/covet-pics-popup-freeflow-carousel_2.cjs.entry.js +1 -1
- 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/cjs/covet-pics-widget.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-D6jnnS7Q.js → utils-0FQ28Vfg.js} +5 -0
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +28 -4
- package/dist/collection/components/covet-pics-gallery-item/covet-pics-gallery-item.js +9 -3
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +10 -4
- package/dist/collection/components/covet-pics-gallery-slider/covet-pics-gallery-slider.js +34 -7
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +38 -9
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +35 -3
- package/dist/collection/utils/utils.js +4 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/{p-343a9287.entry.js → p-2636098a.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-46b2512c.entry.js → p-309600e2.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-5d9ddd55.entry.js → p-40055ed4.entry.js} +3 -3
- package/dist/covet-pics-widget/{p-fefed130.entry.js → p-49fe4508.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-aceb8cc8.entry.js → p-5624938d.entry.js} +1 -1
- package/dist/covet-pics-widget/p-802afafc.entry.js +28 -0
- package/dist/covet-pics-widget/p-8e246791.entry.js +4 -0
- package/dist/covet-pics-widget/{p-CADUxYKc.js → p-BODOgEuN.js} +1 -1
- package/dist/covet-pics-widget/{p-b83ceda6.entry.js → p-b6eb92eb.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-4a786875.entry.js → p-cb32cd08.entry.js} +1 -1
- package/dist/esm/covet-pics-crop-text.entry.js +1 -1
- package/dist/esm/covet-pics-direct-buy_7.entry.js +1 -1
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +75 -12
- package/dist/esm/covet-pics-gallery-header_6.entry.js +20 -8
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +38 -10
- package/dist/esm/covet-pics-popup-freeflow-carousel_2.entry.js +1 -1
- package/dist/esm/covet-pics-post.entry.js +1 -1
- package/dist/esm/covet-pics-star-rating.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +1 -1
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-CADUxYKc.js → utils-BODOgEuN.js} +5 -1
- package/dist/types/components/covet-pics-gallery-grid/covet-pics-gallery-grid.d.ts +5 -1
- package/dist/types/components/covet-pics-gallery-slider/covet-pics-gallery-slider.d.ts +5 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +5 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +5 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-1fd39db4.entry.js +0 -28
- package/dist/covet-pics-widget/p-2d979ee6.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
function t(t,n){return new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n})}function n(t,n,e=!1){let o=1;return e&&(o=2),`(min-width: 800px) calc(${(100/(t/o)/100).toString()} * 100vw), calc(${(100/(n/o)/100).toString()} * 100vw)`}function e(t,n){let e="0",o="0",a="0";return 4===t.length?(e="0x"+t[1]+t[1],o="0x"+t[2]+t[2],a="0x"+t[3]+t[3]):7===t.length&&(e="0x"+t[1]+t[2],o="0x"+t[3]+t[4],a="0x"+t[5]+t[6]),"rgb("+ +e+","+ +o+","+ +a+","+n+")"}function o(t,n,e=!1){var o="",a=n||this.money_format;function i(t,n){return void 0===t?n:t}function r(t,n,e,o){if(n=i(n,2),e=i(e,","),o=i(o,"."),isNaN(t)||null===t)return 0;var a=(t=(t/100).toFixed(n)).split(".");return a[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+e)+(a[1]?o+a[1]:"")}switch("string"==typeof t&&(t=t.replace(".","")),a.match(/\{\{\s*(\w+)\s*\}\}/)[1]){case"amount":o=r(t,2,",",".");break;case"amount_no_decimals":o=r(t,0,",",".");break;case"amount_with_comma_separator":o=r(t,2,".",",");break;case"amount_no_decimals_with_comma_separator":o=r(t,0,".",",")}return e?o:a.replace(/\{\{\s*(\w+)\s*\}\}/g,o)}function a(t,n){const e=t=>{const n=window.location.search.replace("?","").split("&").find((n=>n.startsWith(`${t}=`)));return void 0===n?null:n.replace(`${t}=`,"")},o=e("covet-pics-photo-id"),a=e("covet-pics-embed-id");return null!==o&&(t&&t===parseInt(a)||"product_gallery"===n)?o:null}function i(t,n){return void 0!==t?t:n}function r(t,n,e){const o=window.ga,a=window._gaq,i=window.dataLayer,r="Covet.pics Gallery View"===t;return void 0!==i?i.push({event:"covetPicsEvent",eventAction:t,eventCategory:n,eventLabel:e,nonInteraction:r}):void 0!==o?o("send",{hitType:"event",eventCategory:n,eventAction:t,eventLabel:e,nonInteraction:r}):void 0!==a&&a.push(["_trackEvent",n,t,e,void 0,r]),!0}function c(t){const n=new Date(t);return`${n.getDate()}-${n.getMonth().toString()}-${n.getFullYear()}`}function s(t,n){return null!==t?t.getBoundingClientRect()[n]:0}function u(t,n){return null!==t?parseInt(window.getComputedStyle(t)[n].slice(0,-2)):0}function l(t=16){return"x".repeat(t).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}
|
|
4
|
+
function t(t,n){return new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n})}function n(t,n,e=!1){let o=1;return e&&(o=2),`(min-width: 800px) calc(${(100/(t/o)/100).toString()} * 100vw), calc(${(100/(n/o)/100).toString()} * 100vw)`}function e(t,n){let e="0",o="0",a="0";return 4===t.length?(e="0x"+t[1]+t[1],o="0x"+t[2]+t[2],a="0x"+t[3]+t[3]):7===t.length&&(e="0x"+t[1]+t[2],o="0x"+t[3]+t[4],a="0x"+t[5]+t[6]),"rgb("+ +e+","+ +o+","+ +a+","+n+")"}function o(t,n,e=!1){var o="",a=n||this.money_format;function i(t,n){return void 0===t?n:t}function r(t,n,e,o){if(n=i(n,2),e=i(e,","),o=i(o,"."),isNaN(t)||null===t)return 0;var a=(t=(t/100).toFixed(n)).split(".");return a[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+e)+(a[1]?o+a[1]:"")}switch("string"==typeof t&&(t=t.replace(".","")),a.match(/\{\{\s*(\w+)\s*\}\}/)[1]){case"amount":o=r(t,2,",",".");break;case"amount_no_decimals":o=r(t,0,",",".");break;case"amount_with_comma_separator":o=r(t,2,".",",");break;case"amount_no_decimals_with_comma_separator":o=r(t,0,".",",")}return e?o:a.replace(/\{\{\s*(\w+)\s*\}\}/g,o)}function a(t,n){const e=t=>{const n=window.location.search.replace("?","").split("&").find((n=>n.startsWith(`${t}=`)));return void 0===n?null:n.replace(`${t}=`,"")},o=e("covet-pics-photo-id"),a=e("covet-pics-embed-id");return null!==o&&(t&&t===parseInt(a)||"product_gallery"===n)?o:null}function i(t,n){return void 0!==t?t:n}function r(t,n,e){const o=window.ga,a=window._gaq,i=window.dataLayer,r="Covet.pics Gallery View"===t;return void 0!==i?i.push({event:"covetPicsEvent",eventAction:t,eventCategory:n,eventLabel:e,nonInteraction:r}):void 0!==o?o("send",{hitType:"event",eventCategory:n,eventAction:t,eventLabel:e,nonInteraction:r}):void 0!==a&&a.push(["_trackEvent",n,t,e,void 0,r]),!0}function c(t){const n=new Date(t);return`${n.getDate()}-${n.getMonth().toString()}-${n.getFullYear()}`}function s(t,n){return null!==t?t.getBoundingClientRect()[n]:0}function u(t,n){return null!==t?parseInt(window.getComputedStyle(t)[n].slice(0,-2)):0}function l(t=16){return"x".repeat(t).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}function d(t){const{top:n,bottom:e,left:o,right:a}=t.getBoundingClientRect();return n<window.innerHeight&&o<window.innerWidth&&e>0&&a>0}const v={production:"https://app.covet.pics",development:"http://localhost:3000",staging:"https://covetstaging.spacesquirrel.net",testing:"http://localhost:3000/testing_db"};export{v as B,u as a,l as b,c,t as d,n as e,a as f,s as g,i as h,d as i,o as j,e as k,r as s}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
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, 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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{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}
|
|
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-BODOgEuN.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, 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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{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}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as r,g as a}from"./p-C-mGosc6.js";import{b as e}from"./p-
|
|
4
|
+
import{r as t,h as s,H as r,g as a}from"./p-C-mGosc6.js";import{b as e}from"./p-BODOgEuN.js";const i=class{constructor(s){t(this,s),this.ratingCount=0,this.starColor="#fec500",this.emptyStarColor="#e5e5e5",this.starBorderColor="#000000",this.starBorderWidth=0,this.starSize=20,this.spaceStars=0,this.spaceStarsText=0,this.showLabel=!0,this.label="(%RATING%)"}renderStarRating(){const t=[1,2,3,4,5],r=Math.round(this.roundRating()),a=e();return t.map(((e,i)=>s("span",{class:"icon-star "+(e<=this.roundRating()?"active":""),role:"radio","aria-checked":`${e<=this.rating}`,"aria-label":`star ${e}/${t.length}`},s("svg",{class:"svg-star",viewBox:"0 0 110 110",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation"},s("path",{transform:"translate(13,13)",d:"M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z"}),s("mask",{id:`mask-${i}-${a}`,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"45",height:"85"},s("rect",{width:"45",height:"85",fill:"white"})),s("g",{class:i<r?"half-star":"",transform:"translate(13,13)",mask:`url(#mask-${i}-${a})`},s("path",{d:"M42.756 1.23194C43.4392 -0.410645 45.7661 -0.410647 46.4493 1.23194L57.3587 27.4613C57.6467 28.1537 58.2979 28.6269 59.0455 28.6868L87.3623 30.957C89.1356 31.0991 89.8546 33.3121 88.5035 34.4695L66.9292 52.9502C66.3596 53.4381 66.1108 54.2037 66.2848 54.9332L72.8762 82.5656C73.289 84.296 71.4065 85.6638 69.8883 84.7364L45.6451 69.9288C45.0051 69.5379 44.2002 69.5379 43.5601 69.9288L19.317 84.7364C17.7988 85.6638 15.9163 84.296 16.3291 82.5656L22.9204 54.9332C23.0944 54.2037 22.8457 53.4381 22.2761 52.9502L0.701718 34.4695C-0.649356 33.3121 0.069695 31.0991 1.843 30.957L30.1598 28.6868C30.9074 28.6269 31.5586 28.1537 31.8466 27.4613L42.756 1.23194Z"}))))))}setCSSVariables(){return{"--covet-star-size":`${this.starSize}px`,"--covet-star-space-stars":`${this.spaceStars}px`,"--covet-star-space-stars-text":`${this.spaceStarsText}px`,"--covet-star-color":`${this.starColor}`,"--covet-empty-star-color":`${this.emptyStarColor}`,"--covet-star-border-color":`${this.starBorderColor}`,"--covet-star-border-width":`${this.starBorderWidth}`}}roundRating(){if(isNaN(this.rating))return null;if(this.rating>5)return 5;let t=`${this.rating}`;return-1!==t.indexOf(".")&&(t=t.slice(0,t.indexOf(".")+3)),parseFloat(t)}convertedLabel(){let t=this.label.replaceAll("%RATING%",`${this.roundRating()}`);return t=t.replaceAll("%COUNT%",`${this.ratingCount}`),t}render(){return s(r,{key:"e031e0d2bb2684792d30ade8d0e3584bf36ff8dd",style:this.setCSSVariables(),role:"radiogroup","aria-label":"star rating"},this.renderStarRating(),this.showLabel&&s("span",{key:"ffb0905c318fed94ca93b232478d7948858ee818",class:"star-rating-count"},this.convertedLabel()))}get el(){return a(this)}};i.style=":host{display:inline-flex;align-items:center;box-sizing:border-box;line-height:1.4}:host .icon-star{flex:none;display:flex;justify-content:center;width:var(--covet-star-size);height:var(--covet-star-size);margin-right:var(--covet-star-space-stars)}:host .icon-star:nth-of-type(5){margin-right:var(--covet-star-space-stars-text)}:host .icon-star.active .svg-star path{fill:var(--covet-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .icon-star.active .half-star path{fill:var(--covet-star-color)}:host .svg-star{width:100%;height:100%}:host .svg-star path{fill:var(--covet-empty-star-color);stroke:var(--covet-star-border-color);stroke-width:var(--covet-star-border-width)}:host .half-star path{fill:var(--covet-star-color)}";export{i as covet_pics_star_rating}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-C-mGosc6.js';
|
|
5
|
-
import { g as getSize, a as getStyle } from './utils-
|
|
5
|
+
import { g as getSize, a as getStyle } from './utils-BODOgEuN.js';
|
|
6
6
|
|
|
7
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
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-C-mGosc6.js';
|
|
5
|
-
import {
|
|
5
|
+
import { j as formatMoney, d as buildEvent, c as getDateFromTimestamp } from './utils-BODOgEuN.js';
|
|
6
6
|
import { S as Swiper, A as A11y } from './a11y-BM21er6f.js';
|
|
7
7
|
import { P as Pagination } from './pagination-C5Wsf2-B.js';
|
|
8
8
|
import { s as swiperUpdateTabIndex } from './slider-DaNqPZdj.js';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C-mGosc6.js';
|
|
5
|
-
import { g as getSize$1, d as buildEvent, c as getDateFromTimestamp, e as getSizesForResponsiveImage, h as getCoverImage, a as getStyle, b as getRandomId } from './utils-
|
|
5
|
+
import { g as getSize$1, i as isElInViewport, d as buildEvent, c as getDateFromTimestamp, e as getSizesForResponsiveImage, h as getCoverImage, a as getStyle, b as getRandomId } from './utils-BODOgEuN.js';
|
|
6
6
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DVa63jZy.js';
|
|
7
7
|
import { a as getItemSize, i as isWidgetDisabled } from './getters-C5ofYrUT.js';
|
|
8
8
|
import { d as setPopupItemId, s as setPopupItems } from './popup-B68hw7d9.js';
|
|
@@ -3480,11 +3480,11 @@ const CovetPicsGalleryGrid = class {
|
|
|
3480
3480
|
* show load more button
|
|
3481
3481
|
*/
|
|
3482
3482
|
this.showLoadMore = false;
|
|
3483
|
-
this.isLoading = false;
|
|
3484
3483
|
this.showSort = false;
|
|
3485
3484
|
this.isGridDisabled = false;
|
|
3486
3485
|
this.itemSize = "size-md";
|
|
3487
3486
|
this.isFilterModalShow = false;
|
|
3487
|
+
this.isGalleryLoaded = false;
|
|
3488
3488
|
this.selectedItemIndex = null;
|
|
3489
3489
|
this.filterChangedHandler = (event) => {
|
|
3490
3490
|
event.preventDefault();
|
|
@@ -3594,6 +3594,9 @@ const CovetPicsGalleryGrid = class {
|
|
|
3594
3594
|
this.isFilterModalShow = false;
|
|
3595
3595
|
}
|
|
3596
3596
|
}
|
|
3597
|
+
handleItemLoaded() {
|
|
3598
|
+
this.checkIsGalleryLoaded();
|
|
3599
|
+
}
|
|
3597
3600
|
itemsChangeHandler(newValue) {
|
|
3598
3601
|
this.appStore.dispatch(setPopupItems(newValue));
|
|
3599
3602
|
}
|
|
@@ -3610,6 +3613,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3610
3613
|
this.emitGalleryReadyEvent();
|
|
3611
3614
|
this.bindCustomUploadWidgetButtons();
|
|
3612
3615
|
this.checkAndOpenPopup();
|
|
3616
|
+
this.checkIsGalleryLoaded();
|
|
3613
3617
|
if (this.settings.pagination === "infinite_scroll") {
|
|
3614
3618
|
window.addEventListener("scroll", this.scrollHandler, { passive: true });
|
|
3615
3619
|
}
|
|
@@ -3728,10 +3732,25 @@ const CovetPicsGalleryGrid = class {
|
|
|
3728
3732
|
});
|
|
3729
3733
|
}
|
|
3730
3734
|
}
|
|
3735
|
+
checkIsGalleryLoaded() {
|
|
3736
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
3737
|
+
this.isGalleryLoaded = true;
|
|
3738
|
+
return this.emitGalleryLoadedEvent();
|
|
3739
|
+
}
|
|
3740
|
+
}
|
|
3741
|
+
isAllVisibleItemsLoaded() {
|
|
3742
|
+
const itemClassName = this.layout === "grid" ? "grid-item" : "collage-item";
|
|
3743
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`.${itemClassName}`)).slice(0, this.items.length).filter(el => isElInViewport(el) && el.hasAttribute("is-loading"));
|
|
3744
|
+
return visibleItemsNotLoaded.length === 0;
|
|
3745
|
+
}
|
|
3731
3746
|
emitGalleryReadyEvent() {
|
|
3732
3747
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
3733
3748
|
document.dispatchEvent(galleryReadyEvent);
|
|
3734
3749
|
}
|
|
3750
|
+
emitGalleryLoadedEvent() {
|
|
3751
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
3752
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
3753
|
+
}
|
|
3735
3754
|
renderLoadMoreIcon() {
|
|
3736
3755
|
switch (this.settings.load_more_button_style) {
|
|
3737
3756
|
case "btn_style_3":
|
|
@@ -3804,7 +3823,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3804
3823
|
return cssVars;
|
|
3805
3824
|
}
|
|
3806
3825
|
render() {
|
|
3807
|
-
return (h(Host, { key: '
|
|
3826
|
+
return (h(Host, { key: '21d23bfdc0108b7b2d7538a38ceaa20a3bba93fb', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), h("div", { key: '6a96512309055581900d8274f4fb2208448b65bd', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && h("div", { key: 'fa3f9a8a0405326e605d92389065d6b38ce1aa30', class: "grid-sizer" }), this.layout === "collage" && h("div", { key: 'ef8cefffb2e8d201202a0c820ef56d6b15789f63', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3808
3827
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3809
3828
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3810
3829
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -4679,6 +4698,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4679
4698
|
* slider style (regular | material)
|
|
4680
4699
|
*/
|
|
4681
4700
|
this.sliderStyle = "regular";
|
|
4701
|
+
this.isGalleryLoaded = false;
|
|
4682
4702
|
this.itemSize = "size-md";
|
|
4683
4703
|
}
|
|
4684
4704
|
/**
|
|
@@ -4718,6 +4738,9 @@ const CovetPicsGallerySlider = class {
|
|
|
4718
4738
|
this.swiper.update();
|
|
4719
4739
|
}
|
|
4720
4740
|
}
|
|
4741
|
+
handleItemLoaded() {
|
|
4742
|
+
this.checkIsGalleryLoaded();
|
|
4743
|
+
}
|
|
4721
4744
|
getAutoplay() {
|
|
4722
4745
|
if (this.appState.settings.slideshow_autoplay > 0) {
|
|
4723
4746
|
return { delay: this.appState.settings.slideshow_autoplay * 1000 };
|
|
@@ -4735,6 +4758,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4735
4758
|
this.initSwiper();
|
|
4736
4759
|
this.bindCustomUploadWidgetButtons();
|
|
4737
4760
|
this.emitGalleryReadyEvent();
|
|
4761
|
+
this.checkIsGalleryLoaded();
|
|
4738
4762
|
this.checkAndOpenPopup();
|
|
4739
4763
|
}
|
|
4740
4764
|
componentDidUpdate() {
|
|
@@ -4861,7 +4885,8 @@ const CovetPicsGallerySlider = class {
|
|
|
4861
4885
|
autoplay: this.getAutoplay(),
|
|
4862
4886
|
slidesPerView: mobilePhotosPerRow,
|
|
4863
4887
|
spaceBetween: mobileItemPaddingPX,
|
|
4864
|
-
speed: 600
|
|
4888
|
+
speed: 600,
|
|
4889
|
+
watchSlidesProgress: true
|
|
4865
4890
|
};
|
|
4866
4891
|
if (this.sliderStyle === "regular") {
|
|
4867
4892
|
params["centerInsufficientSlides"] = true;
|
|
@@ -4910,6 +4935,21 @@ const CovetPicsGallerySlider = class {
|
|
|
4910
4935
|
const galleryReadyEvent = buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
|
|
4911
4936
|
document.dispatchEvent(galleryReadyEvent);
|
|
4912
4937
|
}
|
|
4938
|
+
checkIsGalleryLoaded() {
|
|
4939
|
+
if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
|
|
4940
|
+
this.isGalleryLoaded = true;
|
|
4941
|
+
return this.emitGalleryLoadedEvent();
|
|
4942
|
+
}
|
|
4943
|
+
}
|
|
4944
|
+
isAllVisibleItemsLoaded() {
|
|
4945
|
+
const className = this.sliderStyle === "regular" ? '.swiper-slide.swiper-slide-visible' : '.swiper-slide.swiper-slide-visible .material-content';
|
|
4946
|
+
const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`${className}`)).filter(el => el.hasAttribute("is-loading"));
|
|
4947
|
+
return visibleItemsNotLoaded.length === 0;
|
|
4948
|
+
}
|
|
4949
|
+
emitGalleryLoadedEvent() {
|
|
4950
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
4951
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
4952
|
+
}
|
|
4913
4953
|
openPopup(itemId) {
|
|
4914
4954
|
const index = this.items.findIndex(item => item.id && item.id.toString() === itemId);
|
|
4915
4955
|
if (this.appState.settings.popup_style === "feed") {
|
|
@@ -4997,7 +5037,7 @@ const CovetPicsGallerySlider = class {
|
|
|
4997
5037
|
? this.appState.settings.slideshow_desktop_pagination_style
|
|
4998
5038
|
: this.appState.settings.slideshow_mobile_pagination_style;
|
|
4999
5039
|
if (this.items !== undefined) {
|
|
5000
|
-
return (h(Host, { key: '
|
|
5040
|
+
return (h(Host, { key: '3129632916498ad418ea1a76d594648be2baea7a', class: {
|
|
5001
5041
|
"arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
|
|
5002
5042
|
"pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
|
|
5003
5043
|
"pagination-none": paginationStyle === "none",
|
|
@@ -5006,18 +5046,18 @@ const CovetPicsGallerySlider = class {
|
|
|
5006
5046
|
"pagination-top": paginationPosition === "top",
|
|
5007
5047
|
"pagination-bottom": paginationPosition === "bottom"
|
|
5008
5048
|
} }, arrowsPosition !== "none" &&
|
|
5009
|
-
h("button", { key: '
|
|
5010
|
-
h("div", { key: '
|
|
5049
|
+
h("button", { key: 'd446962090a1d9be2ef84f28bf3a9acc8764de17', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: 'aeb537c3a20f3727ad9436f7e49d1277baa24cb0', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '2050e18ee5df7c5d3f7d3dd8c604871ffc7e7b2a', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), h("section", { key: '5d1fab139520ea3791c23dad33e3ffae87996137', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
|
|
5050
|
+
h("div", { key: 'afa841ef412222e577ebc0cf84b81778457fe29f', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
5011
5051
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
5012
5052
|
: this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
5013
5053
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
5014
5054
|
: this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
|
|
5015
|
-
h("div", { key: '
|
|
5055
|
+
h("div", { key: '585aefe3f59b0917fb72851a87a42fdc0bbeb3ca', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: "material-wrapper" }, item.source === "upload_widget"
|
|
5016
5056
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
5017
5057
|
: this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
|
|
5018
5058
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
5019
|
-
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '
|
|
5020
|
-
h("button", { key: '
|
|
5059
|
+
: this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '9ca22504e74eff6dc01dbe9f43ff2572b0816a5a', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && h("div", { key: 'da48a82376ad923de38b6b211fbb0741da149eb5', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
|
|
5060
|
+
h("button", { key: 'acf55eb0a30ee7f309196c8ea548872616bd05c6', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '050230be174a451c0bc5c312f376355b13dbdf79', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: 'c37656a3dd431c588f6431a0ab3c2e167bae16e9', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
|
|
5021
5061
|
}
|
|
5022
5062
|
}
|
|
5023
5063
|
get el() { return getElement(this); }
|
|
@@ -5043,6 +5083,7 @@ const CovetPicsHighlighted = class {
|
|
|
5043
5083
|
this.productLinks = [];
|
|
5044
5084
|
this.mainSliderIndex = 0;
|
|
5045
5085
|
this.mainSliderAnimatingSlides = [];
|
|
5086
|
+
this.isGalleryLoaded = false;
|
|
5046
5087
|
this.nextTick = (fn) => {
|
|
5047
5088
|
window.requestAnimationFrame(() => {
|
|
5048
5089
|
window.requestAnimationFrame(fn);
|
|
@@ -5065,6 +5106,9 @@ const CovetPicsHighlighted = class {
|
|
|
5065
5106
|
return this.mainSliderIndex;
|
|
5066
5107
|
};
|
|
5067
5108
|
}
|
|
5109
|
+
handleItemLoaded() {
|
|
5110
|
+
this.checkIsGalleryLoaded();
|
|
5111
|
+
}
|
|
5068
5112
|
componentWillLoad() {
|
|
5069
5113
|
this.initStore();
|
|
5070
5114
|
this.pageSliderId = `covet-pics-highlighted-page-slider-${getRandomId(16)}`;
|
|
@@ -5072,6 +5116,7 @@ const CovetPicsHighlighted = class {
|
|
|
5072
5116
|
componentDidLoad() {
|
|
5073
5117
|
if (this.layout === "slider" || this.layout === "spotlight")
|
|
5074
5118
|
this.initMainSlider();
|
|
5119
|
+
this.checkIsGalleryLoaded();
|
|
5075
5120
|
}
|
|
5076
5121
|
componentDidRender() {
|
|
5077
5122
|
document.onkeydown = (e) => this.onSliderClickHandler(e);
|
|
@@ -5144,6 +5189,24 @@ const CovetPicsHighlighted = class {
|
|
|
5144
5189
|
this.mainSliderAnimationLoop();
|
|
5145
5190
|
return showIntro();
|
|
5146
5191
|
}
|
|
5192
|
+
checkIsGalleryLoaded() {
|
|
5193
|
+
if (!this.isGalleryLoaded && this.isAllVisiblePagesLoaded()) {
|
|
5194
|
+
this.isGalleryLoaded = true;
|
|
5195
|
+
return this.emitGalleryLoadedEvent();
|
|
5196
|
+
}
|
|
5197
|
+
}
|
|
5198
|
+
isAllVisiblePagesLoaded() {
|
|
5199
|
+
const pages = Array.from(this.el.querySelectorAll("covet-pics-highlighted-page"));
|
|
5200
|
+
const pagesVisibleInViewport = this.layout === "slider" || this.layout === "spotlight"
|
|
5201
|
+
? pages.slice(0, 1)
|
|
5202
|
+
: pages.filter(el => isElInViewport(el));
|
|
5203
|
+
const visiblePageNotLoaded = pagesVisibleInViewport.filter(el => !el.hasAttribute("data-loaded"));
|
|
5204
|
+
return visiblePageNotLoaded.length === 0;
|
|
5205
|
+
}
|
|
5206
|
+
emitGalleryLoadedEvent() {
|
|
5207
|
+
const galleryLoadedEvent = buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
|
|
5208
|
+
document.dispatchEvent(galleryLoadedEvent);
|
|
5209
|
+
}
|
|
5147
5210
|
thumbnailAltTag(itemType, altTag, caption, idx, itemsLength, createdTime) {
|
|
5148
5211
|
if (itemType === "video")
|
|
5149
5212
|
return altTag; // for video always show altTag even if null (video the title will be hidden)
|
|
@@ -5262,8 +5325,8 @@ const CovetPicsHighlighted = class {
|
|
|
5262
5325
|
render() {
|
|
5263
5326
|
const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
|
|
5264
5327
|
&& this.items && this.items.length > 1;
|
|
5265
|
-
return (h(Host, { key: '
|
|
5266
|
-
h("span", { key: '
|
|
5328
|
+
return (h(Host, { key: '8816ba295356e8e35ea126fff52633cd037c6aa4', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
|
|
5329
|
+
h("span", { key: '243a5578019ac2010048f237435dc37b9e94b3fb', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
|
|
5267
5330
|
}
|
|
5268
5331
|
get el() { return getElement(this); }
|
|
5269
5332
|
};
|