https://static.shanghaidisneyresort.com/proda/steamboat-web/server…i-film-cards.component-B0h_23wE-2PPLR6OG.js

1import{$ as o,A as v,Ca as O,Cc as F,Ea as g,Fa as _,I as c,Ia as y,Id as L,J as m,Ja as M,Jd as N,K as f,Ka as P,L as b,T as w,Vc as k,c as h,ga as u,ha as C,la as x,lb as I,pb as S,qb as T,ta as l,ua as r,va as d,wa as p,yd as B,zd as D}from"./chunk-DKNJPM2F.js";import"./chunk-F5Y2JBVL.js";var E=["swiper"];function G(s,a){if(s&1&&(r(0,"div",11,1),p(2,"dui-image-title-card",12),d()),s&2){let V=a.$implicit,i=_();o(2),l("data",V)("isFilmCard",i.isFilmCard)}}var X=(()=>{let a=class a{constructor(i,e){this.breakpointObserver=i,this.platformId=e,this.isFilmCard=!0,this.swiperType={},this.unsubscribe=new h,this.isBrowser=T(this.platformId)}ngOnInit(){this.storyCardSlider=="Loop"?this.isBrowser&&(this.doubledata=[...this.data,...this.data]):this.doubledata=[...this.data];let i="(min-width: 1381px)",e="(min-width: 769px) and (max-width: 1380px)",t="(max-width: 768px)";this.breakpointObserver.observe([t,e,i]).pipe(v(this.unsubscribe)).subscribe(({breakpoints:n})=>{n[t]&&(this.doubledata=[...this.data],this.swiperType={type:"type4",isLoop:!1,needInit:!0,navigationIsOut:!1,hasPagination:!1,hasNavigation:!1,allowTouchMove:!0,spaceBetween:12}),n[e]&&(this.storyCardSlider=="Loop"?(this.doubledata=[...this.data,...this.data],this.swiperType={type:"type7",isLoop:!0,needInit:!0,hasNavigation:!1,hasPagination:!1,navigationIsOut:!1,allowTouchMove:!1,spaceBetween:0,slidesOffsetBefore:0,centeredSlides:!0,btnGap:24,noObserver:!0}):(this.doubledata=[...this.data],this.swiperType={type:"type7",isLoop:!1,needInit:!0,hasNavigation:!1,hasPagination:!1,navigationIsOut:!1,allowTouchMove:!1,spaceBetween:0,slidesOffsetBefore:0,centeredSlides:!1,btnGap:24,noObserver:!0})),n[i]&&(this.storyCardSlider=="Loop"?(this.doubledata=[...this.data,...this.data],this.swiperType={type:"type7",isLoop:!0,needInit:!0,hasNavigation:!1,hasPagination:!1,navigationIsOut:!1,allowTouchMove:!1,spaceBetween:0,slidesOffsetBefore:-240,centeredSlides:!0,btnGap:306,noObserver:!0}):(this.doubledata=[...this.data],this.swiperType={type:"type7",isLoop:!1,needInit:!0,hasNavigation:!1,hasPagination:!1,navigationIsOut:!1,allowTouchMove:!1,spaceBetween:0,slidesOffsetBefore:0,centeredSlides:!1,btnGap:306,noObserver:!0}))})}ngOnDestroy(){this.unsubscribe.next(),this.unsubscribe.complete()}trackByItems(i,e){return e}slidePrev(){this.swiperDom&&this.swiperDom.slidePrev()}slideNext(){this.swiperDom&&this.swiperDom.slideNext()}};a.\u0275fac=function(e){return new(e||a)(u(F),u(w))},a.\u0275cmp=C({type:a,selectors:[["dui-film-cards"]],viewQuery:function(e,t){if(e&1&&y(E,5),e&2){let n;M(n=P())&&(t.swiperDom=n.first)}},inputs:{data:"data",storyCardSlider:"storyCardSlider"},decls:12,vars:2,consts:[["swiper",""],["swiperItem",""],[1,"dui-film-cards"],[1,"dui-film-cards-swiper"],[3,"options"],["class","dui-film-cards-item",4,"ngFor","ngForOf"],[1,"dui-film-cards-navigation"],[1,"dui-film-cards-navigation-btn"],[3,"click"],["duiIcon","arrow-right"],[1,"dui-film-cards-navigation-btn","dui-film-cards-navigation-btn-right"],[1,"dui-film-cards-item"],[3,"data","isFilmCard"]],template:function(e,t){if(e&1){let n=O();r(0,"div",2)(1,"div",3)(2,"dui-swiper",4,0),x(4,G,3,2,"div",5),d(),r(5,"div",6)(6,"div",7)(7,"div",8),g("click",function(){return c(n),m(t.slidePrev())}),f(),p(8,"svg",9),d()(),b(),r(9,"div",10)(10,"div",8),g("click",function(){return c(n),m(t.slideNext())}),f(),p(11,"svg",9),d()()()()()}e&2&&(o(2),l("options",t.swiperType),o(2),l("ngForOf",t.doubledata))},dependencies:[S,I,D,B,N,L,k],styles:[".dui-banner-card-standard[_ngcontent-%COMP%]{max-width:1220px;padding:0 20px;margin:0 auto}.dui-banner-card-swiper[_ngcontent-%COMP%]{max-width:1220px;margin:0 auto;padding-bottom:35px}.dui-film-cards-swiper[_ngcontent-%COMP%]{width:100%;position:relative;max-width:1920px;margin:0 auto}.dui-film-cards-navigation[_ngcontent-%COMP%]{pointer-events:none;position:absolute;max-width:1348px;width:100%;height:44px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.dui-film-cards-navigation-btn[_ngcontent-%COMP%]{pointer-events:painted;z-index:5;position:absolute;top:0;left:20px;padding-left:0;padding-right:0;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.dui-film-cards-navigation-btn[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{width:44px;height:44px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #EDEDF0;box-shadow:0 2px 10px #1c1e4133}.dui-film-cards-navigation-btn[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:hover{background:linear-gradient(0deg,#1c1e411a,#1c1e411a),linear-gradient(0deg,#fff,#fff);box-shadow:0 2px 8px #1c1e4166}.dui-film-cards-navigation-btn[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{fill:#0064f0;transform:rotate(180deg)}.dui-film-cards-navigation-btn-right[_ngcontent-%COMP%]{right:20px;left:auto}.dui-film-cards-navigation-btn-right[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{fill:#0064f0;transform:rotate(0)}.dui-banner-card-nosingle[_ngcontent-%COMP%]{margin-bottom:20px}@media screen and (max-width:1200px){.dui-banner-card-swiper[_ngcontent-%COMP%]{max-width:1200px;padding-bottom:35px}.dui-banner-card-item[_ngcontent-%COMP%]:first-child{padding-left:20px}.dui-banner-card-item[_ngcontent-%COMP%]:last-child{padding-right:20px}}@media screen and (max-width:768px){.dui-banner-card-standard[_ngcontent-%COMP%]{padding:0 14px}.dui-banner-card-standard[_ngcontent-%COMP%]   .dui-promotion-card-mobile[_ngcontent-%COMP%]{width:100%}.dui-banner-card-swiper[_ngcontent-%COMP%]{padding:0}.dui-banner-card-item[_ngcontent-%COMP%]:first-child{padding-left:14px}.dui-banner-card-item[_ngcontent-%COMP%]:last-child{padding-right:14px}.dui-film-cards-item[_ngcontent-%COMP%]:first-child{padding-left:14px}.dui-film-cards-item[_ngcontent-%COMP%]:last-child{padding-right:14px}.dui-banner-card-nosingle[_ngcontent-%COMP%]{margin-bottom:0}.dui-film-cards-navigation[_ngcontent-%COMP%]{display:none}}"]});let s=a;return s})();export{X as FilmCardsComponent};