https://khaoyaiartmuseum.com/js/c9edni.aq11U1k.js

1(this.$WP=this.$WP||[]).push(["c9edni",(e,t)=>{var i,a,l,n,r,o,s,d,u,c,m,p,h,b,y,v,f,w,C,S,k,I,N,g,_,x,P,z,A,O,V,T,M,R,E={mediaStripContainer:"Q1 f",stripItem:"AkIQt z _O _S",selected:"uIWqr",unsetButtonStyles:"BUTbe w G_ C- y _S"},B=10,q=({medias:e,totalCount:t,currentIndex:a,onClick:l,numItemsInRow:n=B})=>{var r=b(),o=Math.min(n,t),s=Array.from(Array(o).keys()),d=Math.floor(a/n)*n;if(n<=0)return null;var u=1/o;return i("div",{className:E.mediaStripContainer,"data-testid":"media-strip",children:s.map(t=>{var n=t+d,o=e?.[n];return o?i("div",{className:h(E.stripItem,a===n?E.selected:null),style:{flexBasis:`calc(${100*u}%)`},children:i("button",{type:"button",className:h(E.unsetButtonStyles),onClick:()=>{l(n,n>a?"next":"previous")},children:r&&i(m,{source:o.source,alt:o.caption??"",width:"100%",height:"100%",sizeHint:"85px",aspectRatio:1.4})})},o.id):null})})},D={carouselWithStrip:"PkOJv Q1 w e",carouselContainer:"w",mediaRendered:"pWJvw w _Z G_ C- B- y _S",mediaStrip:"zibZh"},W=({medias:e,totalCount:t,tcAward:u,actionHandler:h,getMoreMedia:b,fetching:C,isClickable:S,numItemsInRow:k,showStrip:_=!0,showPlayableVideo:x=!1,disableNavigationArrows:P=!1})=>{var[z,V]=o(0),T="DESKTOP"===n();s(()=>{e&&((z+1)%10==0||z+1>=e.length)&&!e[Math.min(z+10,t-1)]&&!C&&b?.()},[z,e,b,t,C]);var M=(e,t,i)=>{h?.({type:f.entryPointMediaClicked,mediaId:e,indexPosition:t,mediaType:i})},R=(e,t,i,a=w.MEDIA_GALLERY_ENTRY)=>{V(e),h?.({type:f.nav,direction:t,interactionType:i,component:a})};return a("div",{className:D.carouselWithStrip,"data-testid":"carousel-with-strip",children:[i("div",{className:D.carouselContainer,children:i(p,{renderCarouselItem:t=>{var n=e?.[t];if(x&&n?.mediaType==="VIDEO"){var o=I(N(n.videoSources),!0);if(o)return i(g,{children:i(d,{fallback:i(r,{width:"100%",height:"100%"}),children:i(O,{source:o,autoplayWhenVisible:!0,muted:!0,aspectRatio:"16:9",loop:!0,showControls:!0})})})}var s=a(l,{children:[i(m,{source:n?.source,alt:n?.caption||"",sizeHint:{mobile:"100vw",tablet:"100vw",desktop:"884px"},aspectRatio:"16:9",lazy:!1}),n?.mediaType==="VIDEO"&&i(y,{type:n?.mediaType,size:62})]});return S?i("button",{type:"button",className:D.mediaRendered,onClick:()=>M(n.id,t,n.mediaType),children:s}):s},totalCount:t,currentIndex:z,disableNavigationArrows:P,onCarouselNavigation:R,tcAward:u,overlayNode:S&&i(v,{icon:c,totalCount:t,onClick:()=>{h?.({type:f.mediaCountClick})}})})}),_&&t>=10&&T&&i("div",{className:D.mediaStrip,children:i(A,{medias:e,totalCount:t,currentIndex:z,onClick:(e,t,i)=>{R(e,t,i,w.CAROUSEL_STRIP)},numItemsInRow:k})})]})},L=({count:e=0,title:t="",icon:l})=>{var n=z();return a("div",{className:"tFDXT z Pk PW Pv PI _Q s l w f u k Cp","data-testid":"album-thumbnail-overlay",children:[a(P,{atlasVariant:"fixed-title-10",color:"primaryFixed",children:[l&&i(l,{size:24,marginRight:"spacing-01"}),t]}),e&&i(P,{atlasVariant:"fixed-label-30",color:"primaryFixed",children:n.formatNumber("integer",e)})]})},H={image:"UnBeP _T _O _Z w o B-"},Q=({album:e,sizeHint:t,icon:l,lazy:n,onClick:r,onVisible:o})=>{var s=e?.thumbnail?.source,d=x(()=>{s&&o?.()});return s?a("button",{ref:d,className:H.image,type:"button",onClick:r,children:[i(m,{source:s,width:"100%",height:"100%",alt:e.title??"",lazy:n,sizeHint:t,aspectRatio:"4:3"}),i(T,{title:e?.title,count:e?.count,icon:l})]}):null},j={albumsContainer:"lMdkj f Q1 _Z",image:"jtyYm _T _O _Z w o B-"},F=({albums:e,onAlbumSelected:t,onAlbumVisible:l,mediaOverrideThumbnail:n,onVideoClickedSecondaryPosition:r,shouldRenderVideoIcon:o=e=>S(e)===k.VIDEOS_ALBUM_ID})=>{var s=e.map(e=>e.albumSpecifier?i(M,{album:e,sizeHint:{tablet:"33vw",desktop:"249px"},lazy:!1,icon:o(e?.albumSpecifier)?_:void 0,onClick:()=>{e?.albumSpecifier&&t?.(e?.albumSpecifier)},onVisible:()=>{e?.albumSpecifier&&l?.(e?.albumSpecifier)}},`thumbnail-${C(e.albumSpecifier)}`):null);return a("div",{className:j.albumsContainer,"data-testid":"pane",children:[s,n&&a("button",{className:j.image,type:"button",onClick:()=>{r?.(n.id,0,n.mediaType)},children:[i(m,{source:n.source,width:"100%",height:"100%",alt:n.caption??"",lazy:!1,sizeHint:{tablet:"33vw",desktop:"249px"},aspectRatio:"4:3"}),i(y,{type:"VIDEO"})]})]},"container")},Z={windowContainer:"nLdPC o Q1",pane:"zPwlX",skeleton:"cmOfN"},G=({initialAlbumMedias:e,initialAlbumTotalCount:t=0,albums:l,actionHandler:o,tcAward:s,getMoreInitialAlbumMedias:d,isThinGeo:u,initialFetching:c,fetchingMoreMedias:m,mediaOverrideThumbnail:p,numItemsInMediaStripRow:h,showPlayableVideo:b,showStrip:y,disableNavigationArrows:v,shouldRenderVideoIcon:w})=>{var C="MOBILE"===n();return c?i("div",{className:Z.skeleton,children:i(r,{width:"100%"})}):e?a("div",{className:Z.windowContainer,children:[i(V,{medias:e,totalCount:t||0,tcAward:s,getMoreMedia:d,fetching:m,actionHandler:o,isCl

1ickable:!u,numItemsInRow:h,showStrip:y,showPlayableVideo:b,disableNavigationArrows:v}),!C&&l&&i("div",{className:Z.pane,children:i(R,{albums:l,onAlbumSelected:e=>{o?.({type:f.albumSelect,albumSpecifier:e})},onAlbumVisible:e=>{o?.({type:f.albumPaneVisible,albumSpecifier:e})},mediaOverrideThumbnail:p,onVideoClickedSecondaryPosition:(e,t,i)=>{o?.({type:f.entryPointMediaClicked,mediaId:e,indexPosition:t,mediaType:i})},shouldRenderVideoIcon:w})})]}):null};return[()=>{A=q,O=u(()=>t("v1sdqt")),V=W,T=L,M=Q,R=F,e("default",G)},[e=>(i=e.jsx,a=e.jsxs,l=e.Fragment),e=>n=e.useViewportCategory,e=>r=e.Skeleton,e=>(o=e.useState,s=e.useEffect,d=e.Suspense,u=e.lazy),e=>c=e.default,e=>m=e.default,e=>p=e.default,e=>h=e.default,e=>b=e.useIsMounted,e=>y=e.default,e=>v=e.default,e=>(f=e.MG_ACTIONS,w=e.COMPONENT_NAME,C=e.buildAlbumSpecifierKey,S=e.getLegacyAlbumId,k=e.albumsIds),e=>(I=e.findVideoSource,N=e.convertVideoSourcesToSourceArr),e=>g=e.ErrorBoundary,e=>_=e.default,e=>x=e.useOnVisible,e=>P=e.default,e=>z=e.useIntlFormatter]]},["21h32l","ys6v1o","voa3hw","o4yt4q","lnxtb7","34bu7w","yix4pw","fkji80","mb2nze","aefqpw","14lle1","2xdx75","umcxmq","83pm0d","tochuq","3btuy0","essqvy","7thqz4"]]);