import{a as T,_ as I}from"./WebImage-BrV8nG8o.mjs";import{_ as V,L as S,d as o,e as n,f as r,h as s,j as d,x as y,F as f,z as k,g as b,q as g,bt as B,t as u,r as _,bc as O,C as v,bu as z,b as D,bs as P,bv as N}from"#entry";import{Z as U,b as W}from"./vueperslides-CdMV9gGP.mjs";const j={components:{VueperSlides:W,VueperSlide:U},props:{data:{type:Object,default(){return{items:[]}}},interval:{type:Number,default:8},ctaLabel:{type:String},ctaColor:{type:String,default:"black"},ctaLabelColor:{type:String,default:"white"},showSectionDate:{type:Boolean,default:!0},showSummary:{type:Boolean,default:!0},showLabels:{type:Boolean,default:!0},imageShaping:{type:String,default:"crop"},maskSize:{type:String,default:"full"},rotationStyle:{type:String,default:"slide"},showControls:{type:Boolean,default:!0},navigationStyle:{type:String,default:"bullets"},textPosition:{type:String,default:"center"},textColor:{type:String}},setup(){const{trackSectionLinkClick:e,trackContentLinkClick:i}=D();return{trackSectionLinkClick:e,trackContentLinkClick:i,SectionLinkType:N,ContentLinkType:P,activeSlide:0}},computed:{navStyle(){return this.navigationStyle},fitParam(){switch(this.imageShaping){case"clip":return"&fit=max";case"max":return"&fit=max";case"fill-blur":return"&fit=fill&fill=blur";case"crop":default:return"&fit=crop"}}},methods:{imageUrl(e){const i=e?.primaryImage?.src;return i?`${i.split("?")[0]}?auto=format,compress${this.fitParam}&w=900&h=500&q=45`:""},pubDate(e){return z(e)}}},E={class:"content-wrapper"},F={class:"content"},q={key:0,class:"section-date"},A=["href"],M={key:0},Z={key:1,class:"label"},G={key:0},H=["href","target"],J={key:2,class:"teaser"},K={key:3,class:"cta"};function Q(e,i,a,l,X,m){const p=T,h=B,C=O,w=S("VueperSlide"),x=S("VueperSlides"),L=I;return n(),o("div",{style:g({width:"100%",fontFamily:e.$ss.general.primaryFontFamily}),class:"web-carousel-wrapper"},[r("div",{class:v(["web-carousel","mask-"+a.maskSize,"position-"+a.textPosition])},[d(x,{ref:"vueperslides1",touchable:!1,fade:a.rotationStyle==="fade",autoplay:!0,bullets:a.navigationStyle==="bullets",arrows:a.showControls,"slide-ratio":.55,duration:a.interval*1e3,"transition-speed":900,onSlide:i[0]||(i[0]=t=>l.activeSlide=t.currentSlide.index)},{default:y(()=>[(n(!0),o(f,null,k(a.data.items,(t,c)=>(n(),b(w,{key:c,image:m.imageUrl(t)},{content:y(()=>[t.primaryImage.credit?(n(),b(p,{key:0,credit:t.primaryImage.credit},null,8,["credit"])):s("",!0),r("div",E,[r("div",F,[r("div",{class:"content-inner",style:g({color:`var(--color-${a.textColor})`})},[a.showSectionDate?(n(),o("div",q,[d(h,{event:()=>l.trackSectionLinkClick({clickUrl:t.primarySection.alias,contentId:t.id,sectionId:t.primarySection.id,linkType:l.SectionLinkType.PrimarySection})},{default:y(()=>[r("a",{href:t?.primarySection.alias},u(t?.primarySection.name),9,A)]),_:2},1032,["event"]),m.pubDate(t)!==null?(n(),o("span",M," | "+u(m.pubDate(t)),1)):s("",!0)])):s("",!0),a.showLabels.length&&t.labels&&(t.labels[0]==="Sponsored"||t.labels[0]==="Members Only"||t.labels[0]==="Supported"||t.labels[0]==="Sponsored Video Training"||t.labels[0]==="Opinion")?(n(),o("div",Z,[_(u(t?.labels[0].toUpperCase())+" ",1),t.labels[0]!=="Opinion"?(n(),o("span",G,"CONTENT")):s("",!0)])):s("",!0),d(h,{event:()=>l.trackContentLinkClick({clickUrl:t.siteContext.path,contentId:t.id,listPosition:c+1,linkType:l.ContentLinkType.Title})},{default:y(()=>[r("a",{href:t.siteContext.path,target:t.siteContext.path.startsWith("http")?"_blank":"_self",class:"title clamp-headline"},[r("h2",null,u(t.name),1)],8,H)]),_:2},1032,["event"]),a.showSummary?(n(),o("div",J,u(t.teaser),1)):s("",!0),a.ctaLabel?(n(),o("div",K,[d(C,{type:"link",color:a.ctaColor,"alt-color":a.ctaLabelColor,link:t.siteContext.path},{default:y(()=>[_(u(a.ctaLabel),1)]),_:1},8,["color","alt-color","link"])])):s("",!0)],4)])])]),_:2},1032,["image"]))),128))]),_:1},8,["fade","bullets","arrows","duration"])],2),m.navStyle==="thumbnails"?(n(),o("div",{key:0,class:"thumbnails",style:g({gridTemplateColumns:`repeat(${a.data.items.length},1fr)`})},[(n(!0),o(f,null,k(a.data.items,(t,c)=>(n(),o("div",{key:c,class:v(["thumbnail",l.activeSlide===c?"active":""])},[d(L,{image:`${m.imageUrl(t)}&fit=crop`,"aspect-ratio":"full-teaser","ignore-styling":!0,onClick:Y=>e.$refs.vueperslides1.goToSlide(c)},null,8,["image","onClick"])],2))),128))],4)):s("",!0)],4)}const R=Object.assign(V(j,[["render",Q],["__scopeId","data-v-a1ddc72d"]]),{__name:"WebCarousel"}),at={__name:"CarouselBlock",props:{data:{type:Object,required:!0,default:()=>{}},settings:{type:Object,required:!0,validator(e){return["numberOfItems","showSectionDate","showSummary","showLabels","showControls","maskSize","rotationStyle","navigationStyle","textPosition","textColor","ctaColor","ctaLabel","ctaLabelColor","interval"].every(i=>i in e)}}},setup(e){return(i,a)=>{const l=R;return n(),b(l,{data:e.data,"image-shaping":e.settings.imageShaping??"crop","number-of-items":e.settings.numberOfItems,"show-section-date":e.settings.showSectionDate,"show-summary":e.settings.showSummary,"show-labels":e.settings.showLabels,"show-controls":e.settings.showControls,"mask-size":e.settings.maskSize,"rotation-style":e.settings.rotationStyle,"navigation-style":e.settings.navigationStyle,"text-position":e.settings.textPosition,"text-color":e.settings.textColor,"cta-color":e.settings.ctaColor,"cta-label":e.settings.ctaLabel,"cta-label-color":e.settings.ctaLabelColor,interval:e.settings.interval},null,8,["data","image-shaping","number-of-items","show-section-date","show-summary","show-labels","show-controls","mask-size","rotation-style","navigation-style","text-position","text-color","cta-color","cta-label","cta-label-color","interval"])}}};export{at as default};

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