https://www.childrensalon.com/build/website/1957.48eb45d4.js

1"use strict";(self.rspackChunkchildrensalon=self.rspackChunkchildrensalon||[]).push([[1957],{13924(e,t,i){var r=i(58358),o=i(83195),s=i(57687);function a(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class l{async productItemOver(e){let[t]=(0,r.gD)(".product-image",this.element);!t||(this.over=!0,await this.viewportVideoPlayer.notifyHoverStart(t),this.over&&(this.mediaItems?this.mediaItems[1]&&this.rotateImages(1):(this.loadMediaTimer&&clearTimeout(this.loadMediaTimer),this.loadMediaTimer=setTimeout(()=>{this.apiResource.request("get","/product/".concat(this.productCode,"/media"),null,null,{getAbortController:e=>{this.fetchAbortController=e},quiet:!0}).then(e=>{if(e.success){var t;if(!e.data.mediaItems.length)return;let i=null==(t=(0,r.gD)(".product-image img",this.element)[0])?void 0:t.getAttribute("src"),o=null==i?void 0:i.split("/").slice(-1)[0];this.mediaItems=i&&o?e.data.mediaItems.sort((e,t)=>{var i,r;return(null==(i=e.url||e.mediumVideoUrl)?void 0:i.split("/").slice(-1)[0])===o?-1:+((null==(r=t.url||t.mediumVideoUrl)?void 0:r.split("/").slice(-1)[0])===o)}):e.data.mediaItems,this.over&&this.mediaItems[1]&&this.rotateImages(1)}}).catch(e=>{var t,i;(null==(i=this.fetchAbortController)||null==(t=i.signal)?void 0:t.aborted)||s.A.error("Product Listing additional media load error",e)})},Math.max(300-(Date.now()-e),0)))))}productItemOut(){var e;this.over=!1,null==(e=this.fetchAbortController)||e.abort(),this.viewportVideoPlayer.notifyHoverEnd(),this.loadMediaTimer&&(clearTimeout(this.loadMediaTimer),this.loadMediaTimer=null),this.nextImageTimer&&(clearTimeout(this.nextImageTimer),this.nextImageTimer=null),this.showImageEl((0,r.gD)(".image-element",this.element)[0],()=>{(0,r.gD)(".image-element",this.element).forEach((e,t)=>{t>0&&e.remove()})})}rotateImages(e){this.nextImageTimer&&clearTimeout(this.nextImageTimer),this.getElement(e,(t,i)=>{this.over&&this.showImageEl(t,()=>{let o=e+1;if(this.mediaItems&&o===this.mediaItems.length&&(o=0),"video"===i){let e=(0,r.gD)("video",t)[0];if(!e)return;(0,r.xH)(e,"ended",()=>{(0,r.AU)(e,"ended error"),this.over&&this.rotateImages(o)}),(0,r.xH)(e,"error",()=>{this.onVideoError(e,1e3,o)}),e.currentTime=0;let i=e.play();void 0!==i?i.catch(()=>{this.onVideoError(e,1e3,o)}):this.onVideoError(e,1e3,o)}else this.nextImageTimer=setTimeout(()=>{this.rotateImages(o)},1e3)})})}onVideoError(e,t,i){(0,r.AU)(e,"ended error"),this.over&&(this.nextImageTimer=setTimeout(()=>{this.rotateImages(i)},t))}getElement(e,t){let[i]=(0,r.gD)(".product-image",this.element),o=(0,r.gD)(".image-element",i)[e];if(o){let e=(0,r.gD)("video",o).length>0?"video":"image";t(o,e);return}if(!this.mediaItems)return;let{isFullCellImage:s,mediumVideoUrl:a,url:l}=this.mediaItems[e],[d]=(0,r.gD)('<span class="image-element"></span>');

1if((0,r.p1)(d,"full-cell-img",s),a){let e=document.createElement("video");e.muted=!0,e.playsInline=!0,e.controls=!1,e.loop=!1,e.src=a,(0,r.xH)(e,"canplay",()=>{this.over&&((0,r.BC)(d,e),(0,r.BC)(i,d),t(d,"video"))})}else if(l){let e=new Image;(0,r.xH)(e,"load",()=>{this.over&&((0,r.BC)(d,e),(0,r.BC)(i,d),t(d,"image"))}),e.src=l}}showImageEl(e,t){setTimeout(()=>{!e||!e.parentNode||(this.over||e===(0,r.gD)(".image-element",this.element)[0])&&((0,r.iQ)(e,"active"),(0,r.vy)((0,r.wE)(e,".image-element.active"),"active"),t&&t())},100)}constructor(e,t){a(this,"element",void 0),a(this,"viewportVideoPlayer",void 0),a(this,"productCode",void 0),a(this,"apiResource",void 0),a(this,"over",void 0),a(this,"mediaItems",void 0),a(this,"loadMediaTimer",void 0),a(this,"nextImageTimer",void 0),a(this,"fetchAbortController",void 0),this.element=e,this.viewportVideoPlayer=t,this.productCode=null,this.apiResource=new o.A("catalog"),this.over=!1,this.loadMediaTimer=null,this.nextImageTimer=null,this.fetchAbortController=null,this.productCode=this.element.getAttribute("data-product-code"),this.productCode||s.A.error('Product Listing additional media load error, "productCode" is required')}}i.d(t,{default:()=>l})}}]);