https://www.vimmerbyhockey.se/assets/FeaturedArticle-Dpl9bzX_.js

1import{aK as K,a1 as G,al as Q,ay as W,ax as X,j as c,r as Z,am as $,z as ee,B as N,C as i,D as r,I as F,K as te,E as s,F as I,J as o,N as f,aa as T,G as H,H as ae,an as ie,Y as re,aJ as le}from"./index-Da3lo7pj.js";import{e as oe}from"./embedded-media-BwI8LB1x.js";import{u as de}from"./useArticleLink-p88RFKoa.js";const se={name:"FeaturedArticle",components:{SyMedia:Q,SdpStreamlineIcon:G,RouterLink:K},props:{isFeatured:{type:Boolean},featuredArticle:{type:Object,required:!0},autoPlayVideo:{type:Boolean,default:!1},id:{type:String,default:"featureArticle"},isShowVideoTitleIntro:{type:Boolean,default:!0},showLabel:{type:Boolean,default:!0},showPublishDate:{type:Boolean,default:!0},cardLayout:{type:String,default:"default"},featuredThumbnail:{type:String,default:null},featuredStripLayout:{type:String,default:null}},emits:["image-loaded"],setup(u,{emit:C}){const n=Z(!1),e=c(()=>{var t,a,d;return((a=(t=u.featuredArticle)==null?void 0:t.metadata)==null?void 0:a.isLocked)??((d=u.featuredArticle)==null?void 0:d.locked)??!1}),P=c(()=>u.cardLayout==="cover"),l=c(()=>u.featuredArticle??{}),_=c(()=>{var t,a;return((a=(t=u.featuredArticle)==null?void 0:t.metadata)==null?void 0:a.accessLevel)??{}}),g=c(()=>{var t,a;return((t=l.value)==null?void 0:t.publishedAt)??((a=l.value)==null?void 0:a.publishedDate)}),k=t=>{t.type==="playing"?n.value=!0:t.type==="pause"&&(n.value=!1)},L=()=>{C("image-loaded")},S=c(()=>{var t,a;return((t=l.value)==null?void 0:t.mainMedia)??((a=l.value)==null?void 0:a.mediaString)??!1}),w=c(()=>{var a,d,m,h;return(u.featuredThumbnail??((d=(a=l.value)==null?void 0:a.metadata)==null?void 0:d.teaserThumbnail))==="photo-strip"&&!((h=(m=l.value)==null?void 0:m.embeddedMedia)!=null&&h.url)}),y=c(()=>{var h,v,b;const t=u.featuredStripLayout??((v=(h=l.value)==null?void 0:h.metadata)==null?void 0:v.stripLayout)??"2-equal",a=(b=l.value)==null?void 0:b.mainMedia,d=Array.isArray(a)?a.length:0;return["3-equal","big-2","2-big"].includes(t)&&d<3?"2-equal":t}),A=c(()=>{var d;const t=(d=l.value)==null?void 0:d.mainMedia;if(!Array.isArray(t)||t.length<2)return[];const a=y.value==="2-equal"?2:3;return t.slice(0,a).map(m=>m.mediaString)}),x=c(()=>{var t,a;return(t=l.value)!=null&&t.renderedMedia?new $((a=l.value)==null?void 0:a.renderedMedia):null}),M=t=>{const a=oe(t);return a?`https://www.youtube.com/embed/${a}?rel=0&modestbranding=1`:t},{linkComponent:p,linkProps:D}=de(l);return{mediaString:S,mediaObject:x,isPhotoStrip:w,stripLayoutMode:y,mediaStripItems:A,isVideoPlaying:n,checkVideoStatus:k,dateFormatFull:X,article:l,rendererApiResponse:L,isLocked:e,isCover:P,contentAccessLevel:_,publishedDate:g,getSingleArticleViewRoute:W,getYouTubeEmbedUrl:M,articleLinkComponent:p,articleLinkProps:D}}},ne=["id"],ce={class:"video-block"},ue={class:"absolute right-0 z-10"},me={key:0,class:"date background-star main-star-container float-right"},he={key:1,class:"subs-level float-right"},_e={class:"subs-label"},fe={key:0,class:"embedded-media-container"},ye={class:"img-container min-h-190 @lg:min-h-400 @md:min-h-400 @sm:min-h-190"},ve={class:"youtube-embed-container"},be=["src"],ge={key:3,class:"featured-cover-overlay"},ke={class:"featured-cover-tag-row"},Le={key:0,class:"featured-cover-label"},Se=["id","datetime"],we={class:"featured-cover-title-row"},Ae=["id"],xe={class:"flex"},Me={class:"tag-bar"},pe={key:0,class:"label"},De=["id","datetime"],Fe={key:0,class:"tag-icon"},Ie={key:0,class:"title-with-external-icon"},Te=["id"],Ce=["innerHTML"];function Pe(u,C,n,e,P,l){var k,L;const _=N("sdp-streamline-icon"),g=N("sy-media");return e.article?(i(),r("article",{key:0,id:n.id,class:T(["featured-article relative",{"article-locked":e.isLocked}])},[(i(),F(le(e.articleLinkComponent),re(e.articleLinkProps,{"aria-labelledby":`featuredArticleDate-${(k=e.article)==null?void 0:k.id} featuredArticleTitle-${(L=e.article)==null?void 0:L.id}`}),{default:te(()=>{var S,w,y,A,x,M,p,D,t,a,d,m,h,v,b,B,V,z,q,R,U,Y,j,E;return[s("div",ce,[s("div",ue,[e.isLocked?(i(),r("div",me,[I(_,{icon:"starFilled",size:20,class:"text-white star-icon mobile-view","aria-hidden":"true"}),I(_,{icon:"starFilled",size:25,class:"text-white star-icon","aria-hidden":"true"})])):o("",!0),e.isLocked&&((S=e.contentAccessLevel)!=null&&S.name)?(i(),r("div",he,[

1s("div",_e,f((w=e.contentAccessLevel)==null?void 0:w.name),1)])):o("",!0)]),s("div",{class:T({"media-cover-wrapper":e.isCover})},[(A=(y=e.article)==null?void 0:y.embeddedMedia)!=null&&A.url?(i(),r("div",fe,[s("div",ye,[s("div",ve,[s("iframe",{src:e.getYouTubeEmbedUrl(e.article.embeddedMedia.url),class:"youtube-embed",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",title:"YouTube video player"},null,8,be)])])])):e.isPhotoStrip&&e.mediaStripItems.length>=2?(i(),r("div",{key:1,class:T(["featured-strip-holder",`strip-grid--${e.stripLayoutMode}`])},[(i(!0),r(H,null,ae(e.mediaStripItems,(O,J)=>(i(),r("div",{key:J,class:"strip-cell"},[I(g,{media:O,"show-player":!1,"custom-style":{filter:"none",transition:"none"},class:"strip-cell-media"},null,8,["media"])]))),128))],2)):(i(),F(g,{key:2,class:"img-video",media:e.mediaObject??((p=(M=(x=e.article)==null?void 0:x.mainMedia)==null?void 0:M[0])==null?void 0:p.mediaString)??((D=e.article)==null?void 0:D.mainMedia)??((t=e.article)==null?void 0:t.mediaString),"show-player":!1,onLoadingState:e.rendererApiResponse},null,8,["media","onLoadingState"])),e.isCover?(i(),r("div",ge,[s("div",ke,[n.showLabel?(i(),r("span",Le,f(((d=(a=e.article)==null?void 0:a.metadata)==null?void 0:d.label)??""),1)):o("",!0),n.showPublishDate?(i(),r("time",{key:1,id:`featuredArticleDate-${(m=e.article)==null?void 0:m.id}`,datetime:e.publishedDate,class:"featured-cover-date"},f(e.dateFormatFull(e.publishedDate)??""),9,Se)):o("",!0)]),s("div",we,[s("h3",{id:`featuredArticleTitle-${(h=e.article)==null?void 0:h.id}`,class:"featured-cover-title"},f(((v=e.article)==null?void 0:v.header)??((b=e.article)==null?void 0:b.name)),9,Ae),(B=e.article)!=null&&B.externalUrl?(i(),F(_,{key:0,icon:"externalLink",size:20,class:"featured-cover-external-icon","aria-hidden":"true"})):o("",!0)])])):o("",!0)],2),e.isCover?o("",!0):(i(),r(H,{key:0},[s("div",xe,[s("div",Me,[n.showLabel?(i(),r("p",pe,f(((z=(V=e.article)==null?void 0:V.metadata)==null?void 0:z.label)??""),1)):o("",!0),n.showPublishDate?(i(),r("time",{key:1,id:`featuredArticleDate-${(q=e.article)==null?void 0:q.id}`,datetime:e.publishedDate,class:"date"},f(e.dateFormatFull(e.publishedDate)??""),9,De)):o("",!0)]),n.isFeatured?(i(),r("div",Fe,[I(_,{icon:"fire",size:25,"aria-hidden":"true"})])):o("",!0)]),n.isShowVideoTitleIntro?(i(),r("div",Ie,[s("h3",{id:`featuredArticleTitle-${(R=e.article)==null?void 0:R.id}`,class:T((U=e.article)!=null&&U.externalUrl?"article-title-external":"article-title")},f(((Y=e.article)==null?void 0:Y.header)??((j=e.article)==null?void 0:j.name)),11,Te),(E=e.article)!=null&&E.externalUrl?(i(),F(_,{key:0,icon:"externalLink",size:20,class:"external-link-icon","aria-hidden":"true"})):o("",!0)])):o("",!0),n.isShowVideoTitleIntro?(i(),r("p",{key:1,class:"video-text",innerHTML:e.article.introRawText},null,8,Ce)):o("",!0)],64)),ie(u.$slots,"icon-container",{},void 0,!0)])]}),_:3},16,["aria-labelledby"]))],10,ne)):o("",!0)}const qe=ee(se,[["render",Pe],["__scopeId","data-v-602ec681"]]);export{qe as F};