https://www.pgcruises.com/_next/static/chunks/8123.37d2f25887347c76.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8123],{96413:(e,l,a)=>{a.d(l,{C:()=>n});var t=a(7620);let n=e=>{let[l,a]=(0,t.useState)(0),n=(0,t.useCallback)(e=>{e&&a(e.selectedScrollSnap())},[]);return(0,t.useEffect)(()=>{if(!e)return;n(e);let l=["init","reInit","select"];return l.forEach(l=>e.on(l,n)),()=>{l.forEach(l=>null==e?void 0:e.off(l,n))}},[e,n]),l}},98123:(e,l,a)=>{a.r(l),a.d(l,{SBEditorialTabbedCarousel:()=>C});var t=a(54568),n=a(55194),i=a(35429),s=a(72279),r=a(19996),d=a(959);let o=e=>e.items.map(e=>({...e,media:(0,i.W0)(e.media,r.u.full),button:(null==e?void 0:e.button)&&e.button.length>0&&(0,d.g)(e.button[0])||void 0}));var c=a(99817),m=a(46350),u=a(7620),p=a(57296),x=a(49791),f=a(25345),v=a(68925),h=a(92903);let b=e=>{var l;let{data:a,variant:n,activeIndex:i}=e,s=null!==(l=a[i])&&void 0!==l?l:{};return(0,t.jsxs)("div",{className:(0,m.cn)("md:max-w-[70%] animate-in fade-in duration-1000 text-pon-primary-default flex\n        flex-col gap-pon-small-xxl md:gap-pon-medium-xs","secondary"===n&&"text-pon-on-bg-interactive-primary-default"),children:[(0,t.jsx)("h3",{className:"text-pon-headline-md select-none",children:s.title}),(0,t.jsx)("p",{className:"text-pon-body-md md:text-pon-body-lg select-none",children:s.description}),s.button&&(0,t.jsx)("div",{className:"flex gap-pon-small-xl md:gap-pon-medium-xs flex-wrap",children:(0,t.jsx)(h.default,{...s.button})})]},i)};var j=a(63638),N=a(96413);let y=(0,u.forwardRef)((e,l)=>{let{variant:a="primary",className:n,data:i,...s}=e,[r,d]=(0,p.A)({active:!0,loop:!1,watchSlides:!0,inViewThreshold:.1,align:"center",containScroll:!1},[(0,j.A)()]),{canScrollNext:o,canScrollPrev:c,scrollNext:h,scrollPrev:y,handleKeyDown:g,handlePaginationButtonClick:w,onSelect:C}=(0,f.U)({api:d}),k=(0,N.C)(d),E=(0,u.useCallback)((e,l)=>(0,t.jsxs)("div",{role:"tab","aria-roledescription":"slide",className:"w-full h-full flex-none flex flex-col-reverse md:flex-row gap-pon-medium-xs\n          items-stretch",children:[(0,t.jsxs)("div",{className:"basis-2/3 lg:basis-1/2 h-full flex flex-col justify-end gap-pon-medium-m\n            md:gap-pon-medium-l p-0 md:p-pon-medium-xl md:pr-pon-medium-m mt-auto min-h-62.5\n            md:min-h-125",children:[(0,t.jsx)(b,{data:i,variant:a,activeIndex:k}),(0,t.jsxs)("div",{className:"flex justify-between items-end",children:[(0,t.jsx)(x.iR,{onButtonClick:w,variant:a,className:"flex shrink-0 justify-center"}),(0,t.jsx)(x.lo,{buttonProps:{state:a,size:"icon",variant:"outlined"}})]})]}),(0,t.jsx)("div",{className:"basis-1/3 lg:basis-1/2 h-full flex md:aspect-9/16 lg:aspect-1/1",children:(0,t.jsx)(v.m,{...e,media:"video"===e.media.type?{...e.media,props:{...e.media.props,autoPlay:k===l}}:e.media,className:"w-full h-full"})})]},l),[k,i,w,a]);return(0,u.useEffect)(()=>{if(d)return C(d),d.on("reInit",C).on("select",C),()=>{null==d||d.off("select",C).off("reInit",C)}},[C,d]),(0,t.jsx)(x.Yc.Provider,{value:{carouselRef:r,api:d,scrollPrev:y,scrollNext:h,canScrollPrev:c,canScrollNext:o},children:(0,t.jsx)("div",{ref:l,onKeyDownCapture:g,className:(0,m.cn)("h-full w-full overflow-hidden","secondary"===a&&"bg-pon-container-primary",n),role:"region","aria-roledescription":"carousel",tabIndex:0,...s,children:(0,t.jsx)("div",{ref:r,className:"overflow-hidden relative flex flex-1 h-full",children:(0,t.jsx)("div",{className:"flex-1 flex w-full h-full",children:i.map(E)})})})})});y.displayName="SidePanelCarousel";var g=a(13196);let w=e=>{let{tabsContent:l,textBlocks:a,variant:n="primary",className:i}=e,{isPG:s}=(0,g.P)(),r="secondary"===n;return(0,t.jsx)(c.k,{className:(0,m.cn)(r&&"pt-pon-large-m pb-pon-small-xxl md:pb-pon-small-xl",r&&s&&"[&_button[role=tab]]:data-[state=inactive]:text-pon-secondary-default/65",i),tabs:l,variant:n,textBlocks:a,renderTab:e=>{let{tab:l}=e;return(0,t.jsx)("div",{id:l.id,className:"w-full px-pon-small-xxl md:px-pon-small-xl",children:(0,t.jsx)(y,{data:l.data,variant:n})})}})};function C(e){var l,a;let{blok:i,...r}=e,{textBlocks:d,tabsContent:c,variant:m}={textBlocks:(null!==(l=null==i?void 0:i.text)&&void 0!==l?l:[]).map(s.q),tabsContent:(null!==(a=i.tabs)&&void 0!==a?a:[]).map(e=>({id:e._uid,title:e.title,data:o(e)})),variant:(null==i?void 0:i.variant)===""?void 0:i.variant};return(0,t.jsx)("section",{className:"3xl:container-pon",...(0,n.K1)(i),...r,children:(0,t.jsx)(w,{textBlocks:d,tabsContent:c,variant:m})})}w.displayName="EditorialTabbedCarousel"}}]);