https://www.shenyun.com/build-dist/cp2027s/assets/WorldLovesCarousel-BlxSnRCq.js

1import{r as e}from"./rolldown-runtime-QTnfLwEv.js";import{a as t,n}from"./i18n-CFPE2QN8.js";import{t as r}from"./jsx-runtime-By8HlURe.js";import{C as i,T as a}from"./index-CYJlnTod.js";import{t as o}from"./Lazy-DHAgYEMa.js";import{t as s}from"./Wrapper-DBn4bjI3.js";import c from"./DotCarousel-Dzj1A5YF.js";var l=e(t(),1),u=i.div`
2  p {
3    margin-bottom: 0 !important;
4    padding-bottom: 0 !important;
5    @media (width<${768}px) {
6      padding-left: 1rem;
7      padding-right: 1rem;
8    }
9  }
10  h4 {
11    text-align: center !important;
12  }
13`;i.div`
14  transition-property: opacity;
15  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16  transition-duration: 450ms;
17`;var d=r();function f({}){let{t:e}=n();return(0,d.jsx)(`div`,{children:(0,d.jsx)(u,{className:`paragraph__wrapper flex flex-column gap-[2.4rem] md:max-w-[860px] mx-auto px-[1rem] md:px-[2rem] mb-[2rem]`,dangerouslySetInnerHTML:{__html:e(`section3_content`)}})})}var p=[{src:`/build-dist/cp2027s/assets/sy-citypage-theater-01-B4Eh1VVu.jpg`,caption:`Lincoln Center, New York`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-02-wp2BYlWC.jpg`,caption:`Kennedy Center, Washington, DC`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-07-BDIeHKl0.jpg`,caption:`Dolby Theatre, Hollywood`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-03-BE5-Cj-5.jpg`,caption:`Four Seasons Centre, Toronto, Canada`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-04-ARg_69N5.jpg`,caption:`Palais des Congrès de Paris, Paris, France`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-05-V-wf4B5x.jpg`,caption:`Teatro dell’Opera, Rome, Italy`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-06-CuRCn13H.jpg`,caption:`Sydney Lyric Theatre, Sydney, Australia`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-08-SJdlMsji.jpg`,caption:`Graz Opera, Graz, Austria`},{src:`/build-dist/cp2027s/assets/sy-citypage-theater-09-DhtNTznA.jpg`,caption:`Bunkyo Civic Hall, Tokyo, Japan`}],m=1800,h=e=>1-(1-e)**3,g=()=>typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;function _({target:e,durationMs:t=m,start:n}){let[r,i]=(0,l.useState)(0),a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{if(!n)return;if(g()||t<=0){i(e);return}let r=null,o=n=>{r===null&&(r=n);let s=Math.min((n-r)/t,1);i(Math.round(h(s)*e)),s<1&&(a.current=requestAnimationFrame(o))};return a.current=requestAnimationFrame(o),()=>{a.current!==null&&cancelAnimationFrame(a.current)}},[n,e,t]),r}function v(e){let t=e.match(/^(\D*)(\d[\d,]*)(.*)$/);if(!t)return{prefix:``,target:0,suffix:``,isNumeric:!1};let[,n,r,i]=t;return{prefix:n,target:Number(r.replace(/,/g,``)),suffix:i,isNumeric:!0}}function y({number:e,info:t}){let{t:r}=n(),{prefix:i,target:o,suffix:s,isNumeric:c}=v(e),[u,f]=(0,l.useState)(!1),[p,m]=a({threshold:0,root:null,rootMargin:`0px`});(0,l.useEffect)(()=>{m?.isIntersecting&&f(!0)},[m]);let h=_({target:o,start:u});return(0,d.jsxs)(`div`,{ref:p,className:`rounded-full bg-[#3b0d6f] w-[24vw] h-[24vw] md:w-[160px] md:h-[160px] text-white flex justify-center items-center flex-column`,children:[(0,d.jsx)(`div`,{className:`text-[25px] md:text-[50px] gt__bold leading-[1.1]`,children:c?`${i}${h}${s}`:e}),(0,d.jsx)(`div`,{className:`text-[0.875rem] md:text-[1.3rem] text-center leading-[1.1]`,dangerouslySetInnerHTML:{__html:r(t)}})]})}function b({}){let{t:e}=n(),t={dragFree:!0},r=[{number:`20`,info:`countries yearly`},{number:`200`,info:`cities yearly`},{number:[`zh-tw`,`zh-cn`,`ja`].includes(e(`loginLangCode`))?`1100`:`11M`,info:`delighted`}],[i,l]=a({threshold:0,root:null,rootMargin:`0px`});return(0,d.jsx)(`div`,{id:`a-show-the-world-loves`,className:`bg-[#fff] pt-[4.5rem] relative `,children:(0,d.jsxs)(s,{className:`ProgressCarousel`,children:[(0,d.jsx)(`h3`,{className:`text-center tangier promo__header3`,dangerouslySetInnerHTML:{__html:e(`section2_title`)}}),(0,d.jsx)(`div`,{className:`flex justify-center gap-4 md:gap-16 px-[1rem] py-[4rem]`,children:r.map(t=>(0,d.jsx)(y,{number:t.number,info:e(t.info)},t.number.toString()))}),(0,d.jsx)(u,{className:`paragraph__wrapper flex flex-column gap-[2rem] mx-auto px-[2rem]`,children:(0,d.jsx)(`h4`,{dangerouslySetInnerHTML:{__html:e(`section3_content0`)}})}),(0,d.jsx)(`div`,{className:`py-[2rem] md:py-[4rem]`,ref:i,children:(0,d.jsx)(c,{options:t,dotItemClass:`bg-transparent`,dotClass:`embla__dots py-3`,setStart:l?.isIntersecting,autoplayOptions:{playOnInit:!1,delay:3e3,stopOn

17Interaction:!1},showDot:!0,children:p.map((t,n)=>(0,d.jsx)(`div`,{className:`embla__slide`,children:(0,d.jsxs)(`div`,{className:`aspect-16/8 relative`,children:[(0,d.jsx)(o,{className:`absolute h-full w-full`,children:(0,d.jsx)(`img`,{className:`block object-cover absolute h-full w-full`,src:t.src,alt:t.caption})}),(0,d.jsx)(`div`,{className:`absolute bottom-[2px] top-auto w-full z-10 flex justify-center items-end`,children:(0,d.jsx)(`div`,{className:`bg-gradient-to-r from-transparent via-[#4d2d1a] to-transparent py-[20px] text-white text-[1.2rem] text-shadow-dark2 font-bold w-full md:w-[95%] text-center leading-tight`,dangerouslySetInnerHTML:{__html:e(t.caption)}})})]})},n))})}),(0,d.jsx)(f,{})]})})}export{b as default};