https://www.vespa.co.th/_next/static/chunks/7438-e662e4170ddf7c0c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7438],{1150:(e,t,l)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let s=l(95155),n=l(12115),a=l(24437);function i(e){return{default:e&&"default"in e?e.default:e}}l(36552);let r={loader:()=>Promise.resolve(i(()=>null)),loading:null,ssr:!0},o=function(e){let t={...r,...e},l=(0,n.lazy)(()=>t.loader().then(i)),o=t.loading;function c(e){let i=o?(0,s.jsx)(o,{isLoading:!0,pastDelay:!0,error:null}):null,r=!t.ssr||!!t.loading,c=r?n.Suspense:n.Fragment,d=t.ssr?(0,s.jsxs)(s.Fragment,{children:[null,(0,s.jsx)(l,{...e})]}):(0,s.jsx)(a.BailoutToCSR,{reason:"next/dynamic",children:(0,s.jsx)(l,{...e})});return(0,s.jsx)(c,{...r?{fallback:i}:{},children:d})}return c.displayName="LoadableComponent",c}},8567:(e,t,l)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return s.workAsyncStorageInstance}});let s=l(17828)},9688:(e,t,l)=>{l.d(t,{c:()=>b,Z:()=>g});var s=l(95155),n=l(12115),a=l(15239),i=l(67909);l(74062);var r=l(74551),o=l(52619),c=l.n(o),d=l(56618);let x=e=>{let{title:t,subTitle:l,hashTag:n,nameButton:a="Explore",linkURL:i="",className:r,backgroundColor:o="#ffffff",textColor:x="#000000",isInternal:u=!0,...f}=e;return(0,s.jsxs)(s.Fragment,{children:[n&&(0,s.jsx)("div",{className:"absolute sm:bottom-[15px] bottom-[5px] left-[20px] text-[#ffffff] sm:text-[30px] text-[18px]",children:n}),(0,s.jsxs)("div",{className:(0,d.q)("absolute z-20 flex flex-col w-full sm:items-start items-center bottom-[

110px] sm:bottom-[40px] sm:left-[40px]",r),children:[(0,s.jsxs)("div",{className:"text-[#ffffff] text-center sm:text-left text-[18px] sm:text-[30px] max-sm:px-[15px]",children:[t&&(0,s.jsx)("div",{className:"font-[400] min-[1024px]:leading-[88px] leading-[44px] min-[1024px]:text-[72px] text-[44px] min-[1024px]:tracking-[-3.6px] tracking-[-2.2px]",children:t}),l&&(0,s.jsx)("div",{className:"font-[400] leading-[28px] text-[16px] tracking-[-0.8px] mt-[8px]",children:l})]}),(0,s.jsx)(c(),{href:i,target:"".concat(u?"_self":"_blank"),className:(0,d.q)("flex items-center font-[600] justify-center rounded-full px-30","text-[18px] max-sm:mb-10 leading-[18px] mt-[32px] h-[58px] tracking-[-0.9px]"),...f,style:{...x&&{color:x},...o&&{backgroundColor:o}},children:a})]})]})},u=e=>{var t;let{items:l,theme:a}=e,{items:i,activeIndex:r,slideTo:o}=(0,n.useContext)(g);return(0,s.jsx)("div",{className:(0,d.q)("absolute bottom-12 left-0 right-0 z-1 mx-auto sm:bottom-18","max-w-[160px] transition-[width,max-width] sm:max-w-[480px] lg:max-w-[768px] xl:max-w-[1156px]"),children:(0,s.jsx)("div",{className:"flex gap-20 max-sm:gap-8",children:null==(t=l||i)?void 0:t.map((e,t)=>(0,s.jsxs)("div",{className:"w-full cursor-pointer",onClick:()=>o(t),children:[(0,s.jsx)("div",{className:(0,d.q)("ml-8 line-clamp-1 text-ellipsis  text-caption uppercase italic max-lg:hidden",r===t?"light"===a?"text-shade-light-800":"text-shade-dark-800":"light"===a?"text-shade-light-500":"text-shade-dark-500"),children:e.name}),(0,s.jsx)("div",{className:(0,d.q)("h-2",r===t?"light"===a?"bg-shade-light-800":"bg-shade-dark-800":"light"===a?"bg-shade-light-500":"bg-shade-dark-500")})]},t))})})},f=(0,i.default)(()=>Promise.all([l.e(3269),l.e(506)]).then(l.bind(l,10506)).then(e=>e.TheatreVideo),{loadableGenerated:{webpack:()=>[10506]},ssr:!1}),m="(max-width: 640px) 640px, 100vw",p=e=>({loading:e?"eager":"lazy",fetchPriority:e?"high":"low"}),h=e=>{let{item:t,isPriority:l}=e,n=t.name||"vespa thailand",i=(0,a.getImageProps)({alt:n,width:1920,height:1440,sizes:m,quality:35,src:t.src,...p(l)}),{srcSet:r}=(0,a.getImageProps)({alt:n,width:900,height:1350,sizes:m,quality:35,src:t.srcMobile||t.src,...p(l)}).props,{srcSet:o,...c}=i.props;return(0,s.jsxs)("picture",{className:"contents",children:[(0,s.jsx)("source",{media:"(max-width: 640px)",srcSet:r}),(0,s.jsx)("source",{media:"(min-width: 641px)",srcSet:o}),(0,s.jsx)("img",{...c,alt:n,className:"w-full h-full aspect-[2/3] min-[641px]:aspect-4/3 object-cover object-center"})]})},g=(0,n.createContext)({}),b=e=>{let{items:t,hashTag:l}=e,[a,i]=(0,n.useState)(),[o,c]=(0,n.useState)(0);return t.length>1?(0,s.jsx)(g.Provider,{value:{items:t,activeIndex:o,slideTo:e=>{let l;void 0===e?(l=o+1>=(null==t?void 0:t.length)?0:o+1,null==a||a.slideTo(l)):(l=Number(e),null==a||a.slideToLoop(l))}},children:(0,s.jsx)("div",{className:"w-full relative",children:(0,s.jsxs)(r.RC,{slidesPerView:1,loop:!0,onSwiper:e=>i(e),onSlideChange:e=>c(e.realIndex),className:"flex sm:flex-row max-sm:flex-col sm:max-h-[100vh] sm:max-h-[1080px]",children:[t.map((e,t)=>(0,s.jsx)(r.qr,{className:"flex sm:flex-row max-sm:flex-col ",children:(0,s.jsxs)("div",{className:"flex sm:flex-row lg:aspect-21/9 min-[641px]:aspect-[4/3] aspect-[2/3] max-sm:flex-col ",children:[e.video?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(f,{src:e.video,srcMobile:e.videoMobile,isActive:o===t},"slide_vdo_".concat(t))}):(0,s.jsx)(h,{item:e,isPriority:0===t}),(0,s.jsx)(x,{title:e.title,subTitle:e.subTitle,linkURL:e.linkURL,nameButton:e.nameButton,hashTag:e.video?void 0:l})]})},"slide_".concat(t))),(0,s.jsx)(u,{theme:"light",items:t})]})})}):(0,s.jsxs)("div",{className:"relative w-full overflow-hidden",children:[t[0].video?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(f,{src:t[0].video,srcMobile:t[0].videoMobile})}):(0,s.jsx)("div",{className:"flex sm:flex-row lg:aspect-21/9 min-[641px]:aspect-[4/3] aspect-[2/3]  max-sm:flex-col ",children:(0,s.jsx)(h,{item:t[0],isPriority:!0})}),(0,s.jsx)(x,{title:t[0].title,subTitle:t[0].subTitle,linkURL:t[0].linkURL,nameButton:t[0].nameButton,hashTag:l})]})};b.displayName="Theatre"},17828:(e,t,l)=>

1{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return s}});let s=(0,l(64054).createAsyncLocalStorage)()},24437:(e,t,l)=>{function s(e){let{reason:t,children:l}=e;return l}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return s}}),l(24553)},36552:(e,t,l)=>{function s(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return s}}),l(95155),l(47650),l(8567),l(77278)},64054:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var l in t)Object.defineProperty(e,l,{enumerable:!0,get:t[l]})}(t,{bindSnapshot:function(){return i},createAsyncLocalStorage:function(){return a},createSnapshot:function(){return r}});let l=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class s{disable(){throw l}getStore(){}run(){throw l}exit(){throw l}enterWith(){throw l}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function a(){return n?new n:new s}function i(e){return n?n.bind(e):s.bind(e)}function r(){return n?n.snapshot():function(e,...t){return e(...t)}}},67683:(e,t,l)=>{l.d(t,{v:()=>o});var s=l(95155),n=l(12115),a=l(15239),i=l(56618);let r=(0,n.forwardRef)((e,t)=>{let{className:l,size:n=28,...a}=e;return(0,s.jsx)("span",{...a,className:(0,i.q)(l),ref:t,children:(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",className:(0,i.q)("animate-spin",{12:"w-12 h-12",16:"w-16 h-16",20:"w-20 h-20",24:"w-24 h-24",28:"w-28 h-28"}[n]),children:[(0,s.jsx)("g",{clipPath:"url(#clip0_8849_86551)",children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.25 1.75C12.25 0.783502 13.0335 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 13.0335 0.783502 12.25 1.75 12.25C2.7165 12.25 3.5 13.0335 3.5 14C3.5 19.799 8.20101 24.5 14 24.5C19.799 24.5 24.5 19.799 24.5 14C24.5 8.20101 19.799 3.5 14 3.5C13.0335 3.5 12.25 2.7165 12.25 1.75Z",fill:"#394446"})}),(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"clip0_8849_86551",children:(0,s.jsx)("rect",{width:"28",height:"28",fill:"white"})})})]})})});r.displayName="Spinner";let o=()=>((0,n.useEffect)(()=>(document.body.style.pointerEvents="none",()=>{document.body.style.pointerEvents="auto"}),[]),(0,s.jsx)("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center bg-light-100",children:(0,s.jsxs)("div",{className:"flex flex-col items-center gap-y-4",children:[(0,s.jsx)(a.default,{src:"/logo-active.png",alt:"Vespa Logo",width:190,height:45}),(0,s.jsx)(r,{})]})}))},67909:(e,t,l)=>{l.d(t,{default:()=>n.a});var s=l(86278),n=l.n(s)},86278:(e,t,l)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let s=l(28140)._(l(1150));function n(e,t){var l;let n={};"function"==typeof e&&(n.loader=e);let a={...n,...t};return(0,s.default)({...a,modules:null==(l=a.loadableGenerated)?void 0:l.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)}}]);