import{_ as O}from"./4vdm3wME.js";import{_ as T,ac as W,ax as P,ay as R,az as L,c as d,o as a,v as b,f as x,n as m,F as I,r as z,e as S,t as C,I as U,Z as q,ab as J,a as k,V as M,$ as E,a0 as H,E as Q,J as Z,z as j,w as F}from"./C9ygSJ6z.js";const K={components:{BrickMounterJSON:O},directives:{},props:{attributes:{type:Object,default:null},carouselData:{type:Array,default:null},carouselId:{type:String,default:null},isNested:{type:Boolean,default:!1},equalHeight:{type:Boolean,default:!1},layoutSize:{type:String,default:null}},data(){return{mySwiper:null,alignment:"left",isMobile:!1}},computed:{sizeClass(){return this.$mxGetGridByLayoutSize(this.layoutSize)||"Grid-item--4_4"},prevIconClass(){return this.isMobile?"Icon Icon--arrowLeft":"Icon Icon--chevronLeft"},nextIconClass(){return this.isMobile?"Icon Icon--arrowRight":"Icon Icon--chevronRight"},theme(){return[this.$mxGetBGTheme(this.attributes.field_bg_color?this.attributes.field_bg_color.color:"",!1),this.$mxGetBGClass(this.attributes.field_bg_color?this.attributes.field_bg_color.color:"")]}},mounted(){this.initCarousel(),this.returnWidth();const e=this.$refs.swiperWrapper;let i=0;for(const t of e.children)i=i+t.clientWidth;if(i<=e.clientwidth)switch(this.attributes.field_text_alignment){case"center":this.alignment="carousel-center";break;case"right":this.alignment="carousel-right";break;default:this.alignment="carousel-left";break}e.style.visibility="visible"},updated(){this.initcarousel()},methods:{ctatrackingnext(){this.$mxdsevents("slider","arrow_next",decodeuricomponent(this.attributes.title))},ctatrackingprev(){this.$mxdsevents("slider","arrow_prev",decodeuricomponent(this.attributes.title))},setslidesoffset(){const e=window.innerWidth;let i=!1;return e>=992?i=80:e>=768?i=46:i=24,i},initCarousel(){this.mySwiper=new W(this.$refs.swiperInstance,{init:!1,modules:[P,R,L],initialSlide:0,slidesPerView:"auto",pagination:{el:".pob-swiper-pagination",type:"fraction",clickable:!0},navigation:{nextEl:".pob-swiper-button-next",prevEl:".pob-swiper-button-prev"},a11y:{slideRole:"tabpanel",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide"}}),this.mySwiper.on("init",()=>{this.mySwiper.isEnd&&this.mySwiper.isBeginning||(this.layoutSize==="full-width"&&(this.mySwiper.params.slidesOffsetAfter=this.setSlidesOffset()),this.mySwiper.update())}),this.mySwiper.on("resize",()=>{this.mySwiper.params.slidesOffsetAfter=!1,this.mySwiper.update(),this.mySwiper.isEnd&&this.mySwiper.isBeginning||(this.layoutSize==="full-width"&&(this.mySwiper.params.slidesOffsetAfter=this.setSlidesOffset()),this.mySwiper.update(),this.mySwiper.slideTo(0))}),this.mySwiper.init()},returnWidth(){this.isMobile=window.innerWidth<992||this.layoutsize==="small"||this.layoutsize==="x-small"}}},x={ref:"swiperinstance",class:"cwraper swiper"},Y={class:"pob-navigation"};function $(e,i,t,f,l,s){const o=C("BrickMounterJSON"),n=C("GlobalEvents");return a(),d("div",{class:m(["ds-carousel",[s.theme,l.isMobile?"isMobile":"isNotMobile"]])},[b("div",X,[b("div",{ref:"swiperWrapper",class:m([[`DS-${t.carouselId}`,l.alignment],"Grid swiper-wrapper"])},[(a(!0),d(I,null,z(t.carouselData,(r,h)=>(a(),S(o,{key:h,"current-index":h,"node-data":r,"is-nested":t.isNested,"equal-height":t.equalHeight,class:"swiper-slide"},null,8,["current-index","node-data","is-nested","equal-height"]))),128))],2),b("div",Y,[i[2]||(i[2]=b("div",{class:"pob-swiper-pagination","aria-live":"polite"},null,-1)),b("button",{class:"pob-swiper-button-prev","aria-label":"Previous slide",onClick:i[0]||(i[0]=(...r)=>s.ctaTrackingPrev&&s.ctaTrackingPrev(...r))},[b("span",{"aria-hidden":"true",class:m(["pob-swiper-button",s.prevIconClass])},null,2)]),b("button",{class:"pob-swiper-button-next","aria-label":"Next slide",onClick:i[1]||(i[1]=(...r)=>s.ctaTrackingNext&&s.ctaTrackingNext(...r))},[b("span",{"aria-hidden":"true",class:m(["pob-swiper-button",s.nextIconClass])},null,2)])])],512),x(n,{target:"window",onResize:s.returnWidth},null,8,["onResize"])],2)}const ee=T(K,[["render",$],["__scopeId","data-v-6d70da72"]]),te={components:{BrickMounterJSON:O,DsCommonCarousel:J,DsCarouselNew:ee,DsCta:q,DsQuickEdit:U},props:{attributes:{type:Object,default:null},isNested:{type:Boolean,default:!1},isTabElement:{type:Boolean,default:!1}},setup(e){var l,s,o,n,r;const{$mxGetDynamicStyles:i}=j(),t=i({bgUrl:((n=(o=(s=(l=e.attributes.field_picture)==null?void 0:l.meta)==null?void 0:s.derivatives)==null?void 0:o.banner)==null?void 0:n.url)||"",tintValue:(r=e.attributes)!=null&&r.field_opacity?e.attributes.field_opacity/10:0},"background-image");return{bgProps:F(t)}},data(){return{imgUrl:"",hasVideo:!1}},computed:{backImage(){var e;return(e=this.attributes.field_picture)!=null&&e.id?this.attributes.field_picture:null},backVideo(){var e,i;return(e=this.attributes.field_video_banner)!=null&&e.field_media_video_file?(i=this.attributes.field_video_banner)==null?void 0:i.field_media_video_file:null},items(){return Array.isArray(this.attributes.field_bricks)?this.attributes.field_bricks.filter(e=>e.drupal_internal__id):[]},meta(){return this.attributes.meta},viewMode(){var e,i;return((i=(e=this.meta)==null?void 0:e.options)==null?void 0:i.view_mode)||"default"},layoutSize(){var e,i;return((i=(e=this.meta)==null?void 0:e.options)==null?void 0:i.item_width)||"large"},sizeClass(){return this.$mxGetGridByLayoutSize(this.layoutSize)||"Grid-item--4_4"},isOverlay(){var e,i;return((i=(e=this.meta)==null?void 0:e.options)==null?void 0:i.overlap_mode)||!1},isRadius(){return this.$mxIsBGRadius(this.layoutSize)||!1},heading(){return this.$getHeadingLevel(this.isNested)||""},colorScheme(){var i,t;const e=(t=(i=this.attributes)==null?void 0:i.field_bg_color)!=null&&t.color?this.attributes.field_bg_color.color:"";return{...this.$mxGlobalColor(e,!1)}},setVideoSrc(){var e,i;if(this.hasVideo)return(i=(e=this.backVideo)==null?void 0:e.uri)==null?void 0:i.url},opacity(){var i;return{filter:`brightness(${1-((i=this.attributes)==null?void 0:i.field_opacity)/10})`}},videoZindex(){return this.isTabElement?{zIndex:"0!important"}:{zIndex:-1}},anchorColor(){return this.attributes.field_bg_color?{...this.$mxInitAnchorColor(this.attributes.field_bg_color.color,!1)}:{...this.$mxInitAnchorColor("",!1)}}},mounted(){this.videoAvailable(),this.checkScreenSize(),this.getBgProps(),this.$applyTrackingToDescription(this.$refs.description)},methods:{videoAvailable(){var e,i;(i=(e=this.backVideo)==null?void 0:e.uri)!=null&&i.url&&window.innerWidth>this.$dsBreakpoints.small?this.hasVideo=!0:this.hasVideo=!1},checkScreenSize(){var e,i,t,f,l,s,o,n,r,h,w,_,g,p,y,v,c,u,V,B,G,N,A,D;(i=(e=this.backVideo)==null?void 0:e.uri)!=null&&i.url?window.innerWidth>=this.$dsBreakpoints.small&&this.setVideoSrc!==this.backVideo.uri.url?(this.setVideoSrc=this.backVideo.uri.url,this.imgUrl=""):window.innerWidththis.$dsBreakpoints.small&&((l=(f=(t=(i=this.backImage)==null?void 0:i.meta)==null?void 0:t.derivatives)==null?void 0:f.banner)!=null&&l.url)?e=(r=(n=(o=(s=this.backImage)==null?void 0:s.meta)==null?void 0:o.derivatives)==null?void 0:n.banner)==null?void 0:r.url:window.innerWidth<=this.$dsbreakpoints.small&&((g=(_=(w=(h=this.backimage)==null?void 0:h.meta)==null?void 0:w.derivatives)==null?void 0:_.banner_small)!=null&&g.url)&&(e=(c=(v=(y=(p=this.backImage)==null?void 0:p.meta)==null?void 0:y.derivatives)==null?void 0:v.banner_small)==null?void 0:c.url),this.bgProps=this.$mxGetDynamicStyles({bgUrl:e||"",tintValue:(u=this.attributes)!=null&&u.field_opacity?this.attributes.field_opacity/10:0},"background-image")}}},ie=["src","poster"],se={key:1,class:"Grid ds-panel__content"},ae=["innerHTML"],re={key:2,class:"ds-panel__carousel"},le={key:3,class:"Grid ds-panel-standard"},ne={key:4,class:"Grid ds-panel__default equal-height-container"};function de(e,i,t,f,l,s){var _,g,p,y,v;const o=C("DsQuickEdit"),n=C("DsCta"),r=C("BrickMounterJSON"),h=C("DsCommonCarousel"),w=C("GlobalEvents");return a(),d("div",{class:m(["ds-panel-container-wrapper",[s.sizeClass,{applyOverlay:s.isOverlay}]])},[b("div",{style:M([f.bgProps,s.colorScheme]),class:m([[s.textAlign(),s.layoutSize,{"!bg-transparent":l.hasVideo||l.imgUrl}],"ds-panel"])},[x(o,{bid:t.attributes.drupal_internal__id,"anchor-link":e.$attrs&&e.$attrs.id?e.$attrs.id:null,name:e.$attrs&&e.$attrs.type?e.$attrs.type:null,size:s.layoutSize,"view-mode":s.viewMode},null,8,["bid","anchor-link","name","size","view-mode"]),s.items.length>0?(a(),d("div",{key:0,class:m(["ds-panel__wrapper",((_=t.attributes)==null?void 0:_.field_content_padding)!==null?"default":"!p-0"])},[l.hasVideo?(a(),d("video",{key:0,class:"video-bg",src:s.setVideoSrc,poster:e.$normalizedAssetUrl((v=(y=(p=(g=s.backImage)==null?void 0:g.meta)==null?void 0:p.derivatives)==null?void 0:y.banner)==null?void 0:v.url),style:M([s.opacity,s.videoZindex]),autoplay:"",muted:"",loop:"","aria-hidden":"true",playsinline:""},null,12,ie)):k("",!0),!t.isTabElement&&(e.$hide(t.attributes.title)||t.attributes.field_body!==null||t.attributes.field_cta_position_bricks==="above"&&t.attributes.field_ctas&&t.attributes.field_ctas.length)?(a(),d("div",se,[b("div",{class:m([s.textAlign(),"ds-panel__txt-wrapper Grid-item--4_4 Grid-item--6_8--md Grid-item--8_12--ld Grid-item--18_24--xl"])},[e.$hide(t.attributes.title)?(a(),S(Z(s.heading),{key:0,class:"ds-panel__title"},{default:E(()=>[H(Q(e.$isParenthesis(t.attributes.title)),1)]),_:1})):k("",!0),t.attributes.field_body?(a(),d("div",{key:1,ref:"description",class:"ds-panel__description",innerHTML:t.attributes.field_body.processed},null,8,ae)):k("",!0),t.attributes.field_cta_position_bricks==="above"&&t.attributes.field_ctas&&t.attributes.field_ctas.length?(a(),S(n,{key:2,attributes:t.attributes,class:m([s.textAlign(),"ds-panel__cta_above"])},null,8,["attributes","class"])):k("",!0)],2)])):k("",!0),s.viewMode==="panel_carousel"?(a(),d("div",re,[x(h,{attributes:t.attributes,"carousel-id":e.$attrs.id,"layout-size":s.layoutSize,"add-class":"inside-panel","is-ds-panel":!0,"add-wrapper-class":["Grid","swiper-wrapper-panel",`DS-${e.$attrs.id}`]},{default:E(()=>[(a(!0),d(I,null,z(s.items,(c,u)=>(a(),S(r,{key:u,"current-index":u,"node-data":c,"is-nested":!0,"equal-height":!0,class:"swiper-slide"},null,8,["current-index","node-data"]))),128))]),_:1},8,["attributes","carousel-id","layout-size","add-wrapper-class"])])):s.viewMode==="standard_auto_height"?(a(),d("div",le,[(a(!0),d(I,null,z(s.items,(c,u)=>(a(),S(r,{key:u,"node-data":c,region:t.attributes.title?t.attributes.title:"","is-nested":t.isTabElement?t.isNested:e.$hide(t.attributes.title),"add-class":"panel-item inside-panel "},null,8,["node-data","region","is-nested"]))),128))])):(a(),d("div",ne,[(a(!0),d(I,null,z(s.items,(c,u)=>(a(),S(r,{key:u,"node-data":c,region:t.attributes.title?t.attributes.title:"","is-nested":t.isTabElement?t.isNested:e.$hide(t.attributes.title),"equal-height":!0,"add-class":"inside-panel"},null,8,["node-data","region","is-nested"]))),128))])),(t.attributes.field_cta_position_bricks==="below"||t.attributes.field_cta_position_bricks===null)&&t.attributes.field_ctas&&t.attributes.field_ctas.length?(a(),S(n,{key:5,attributes:t.attributes,class:m([s.textAlign(),"ds-panel__cta"])},null,8,["attributes","class"])):k("",!0)],2)):k("",!0)],6),x(w,{target:"window",onResize:s.getBgProps},null,8,["onResize"])],2)}const ce=T(te,[["render",de]]);export{ce as default};

AltStyle によって変換されたページ (->オリジナル) /