https://www.orebrohockey.se/assets/ArticlesAndVideoGrid-Bk0msG-E.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-D7KXtTqv.js","assets/index-CWmxvvbW.js","assets/index-DIwEhbLu.css","assets/index-DXE9qYuN.css"])))=>i.map(i=>d[i]);
2import{a1 as X,al as Z,f as $,T as z,aL as ee,cj as te,dV as R,ax as ne,V as oe,cT as ae,j as g,r as S,aN as G,z as Y,B as C,C as c,D as u,E as m,F as w,N as F,J as I,G as E,a9 as O,aA as B,I as J,bY as Q,cc as U,P as ie,Q as de,S as se,U as le,h as re,w as q,o as ce,t as me,s as ue,_ as ge,H,aa as be,K as ve,O as he}from"./index-CWmxvvbW.js";import{a as ye,e as fe}from"./embedded-media-BwI8LB1x.js";import{r as j}from"./LayoutSectionLoader-B6Lqc32R.js";import{f as pe}from"./helpers-CxgQPGOl.js";import{G as _e}from"./GameCenterVideoLightbox-D9de7VWi.js";import"./ContentDisplayAds-Bk4bEa9e.js";import"./article-B87YR_hb.js";import"./article.api-Cuy6QSbD.js";import"./shop.api-CjBPvemL.js";import"./fetch-videos-utils-D45EKYJ1.js";import"./ecal.api-_wdAUsrs.js";import"./VideoLockedComponent-C3Muxhg4.js";const we={name:"ContentThumbnail",components:{SyMedia:Z,SdpStreamLineIcon:X},props:{item:{type:Object,default:()=>{}},enableVideoLightbox:{type:Boolean,default:!1}},emits:["open-video-lightbox"],setup(r,{emit:o}){var i;const a=$(),{item:e}=z(r),s=g(()=>a.getCurrentSiteInstanceId),h=g(()=>{var n;const t=(n=a.getSiteConfig)==null?void 0:n.contentInstanceId;return typeof t=="string"&&t.trim()?t.trim():a.getCurrentSiteInstanceId}),y=g(()=>{var n;const t=(n=e.value)==null?void 0:n.ownerInstanceId;return t?t===a.getCurrentSiteInstanceId||t===h.value:!1}),v=g(()=>{var n;return((n=e.value)==null?void 0:n.ownerInstanceId)?!y.value:!1}),p=(i=e.value)==null?void 0:i.owningTeamPublicUrl,f=g(()=>{var t;return((t=e.value)==null?void 0:t.type)==="video"}),_=g(()=>{var t,n;return!!((n=(t=e.value)==null?void 0:t.embeddedMedia)!=null&&n.url&&!f.value)}),k=g(()=>{var t,n,l;return f.value?!!((t=e.value)!=null&&t.locked):!!((l=(n=e.value)==null?void 0:n.metadata)!=null&&l.isLocked)}),b=g(()=>{var t,n,l;return((l=(n=(t=e.value)==null?void 0:t.metadata)==null?void 0:n.accessLevel)==null?void 0:l.name)??""}),d=S(!1),M=g(()=>{var n,l;const t=((n=e.value)==null?void 0:n.mainMediaRenderMetaData)??((l=e.value)==null?void 0:l.mainMedia);return Array.isArray(t)&&t.length>0?t[0].mediaString:t}),V=ee(async()=>{var n,l,A;const t=(A=(l=(n=e.value)==null?void 0:n.embeddedMedia)==null?void 0:l.url)==null?void 0:A.trim();return t?ye(t,G("error")):G("error")},null),P=(t,n)=>`${(t||"").replace(/\/+$/,"")}/article/${n}/view`,x=t=>{var n;if(y.value)oe(t);else{if(!p)return;ae(P((n=e.value)==null?void 0:n.owningTeamPublicUrl,t))}},L=g(()=>{var l,A,N;const t=(N=(A=(l=e.value)==null?void 0:l.embeddedMedia)==null?void 0:A.url)==null?void 0:N.trim();if(!t)return"";const n=fe(t);return n?`https://www.youtube.com/embed/${n}?rel=0&modestbranding=1&autoplay=1`:""}),D=()=>{var t;L.value?d.value=!0:x((t=e.value)==null?void 0:t.id)},T=()=>{var t;if(f.value){if(r.enableVideoLightbox){o("open-video-lightbox",{item:e.value});return}R(M.value)}else x((t=e.value)==null?void 0:t.id)};return{ownerInstanceId:s,isForeignOwnedContent:v,isContentLocked:k,contentAccessLevelName:b,dateFormatFull:ne,mainMedia:M,embeddedThumbnailSrc:V,isEmbeddedArticleThumb:_,isPlayingEmbedded:d,embeddedEmbedSrc:L,playEmbeddedFromThumb:D,isVideo:f,viewArticle:x,goToSingleVideoPage:R,goToContentPage:T,onRootClick:()=>{var t;if(_.value){x((t=e.value)==null?void 0:t.id);return}T()},displayGenericTeamLogo:te}}},ke={class:"image-holder"},Se={key:0,class:"image-holder__overlays"},Ce={class:"locked-content background-star main-star-container"},xe={key:0,class:"subs-level"},Ie={class:"subs-label"},Ve={key:1,class:"team-logo-container"},Le=["src"],Te={key:2,class:"embedded-media-container"},Ae={key:0,class:"embedded-iframe-wrap aspect-video w-full bg-black"},Fe=["title","src"],Ee=["src","alt"],Me={class:"icon-play-button"},Pe={class:"tag-bar"},Oe={class:"label"},Be=["datetime"],Ke={class:"content"},Re={class:"title"};function De(r,o,a,e,s,h){var p,f,_,k,b;const y=C("sdp-stream-line-icon"),v=C("sy-media");return c(),u("div",{class:"single-item",role:"button",tabindex:"0",onClick:o[4]||(o[4]=(...d)=>e.onRootClick&&e.onRootClick(...d)),onKeydown:[o[5]||(o[5]=O((...d)=>e.onRootClick&&e.onRootClick(...d),["enter"])),o[6]||(o[6]=O(B((...d)=>e.onRootClick&&e.onRootClick(...d),["prevent"]),["space"]))]},[m("div",ke,[e.isContentLocked?(c(),u("div",Se,[m("div",Ce,[w(y,{icon:"starFilled",size:20,class:"text-white star-icon"})]),e.contentAccessLevelName?(c(),u("div",xe,[m("div",Ie,F(e.contentAccessLevelName),1)])):I("",!0)])):I("",!0),e.isForeignOwnedContent&&((p=a.item)!=null&&p.owningTeamLogo)?(c(),u("div",Ve,[m("img",{class:"team-logo",src:(f=a.item)==null?void 0:f.owningTeamLogo,alt:"",onError:o[0]||(o[0]=(...d)=>

2e.displayGenericTeamLogo&&e.displayGenericTeamLogo(...d))},null,40,Le)])):I("",!0),e.isEmbeddedArticleThumb?(c(),u("div",Te,[e.isPlayingEmbedded&&e.embeddedEmbedSrc?(c(),u("div",Ae,[m("iframe",{title:((_=a.item)==null?void 0:_.header)||"Video",class:"absolute inset-0 h-full w-full",src:e.embeddedEmbedSrc,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen",allowfullscreen:"",frameborder:"0"},null,8,Fe)])):(c(),u(E,{key:1},[m("img",{src:e.embeddedThumbnailSrc??void 0,alt:((k=a.item)==null?void 0:k.header)||"Content thumbnail",class:"embedded-media-thumbnail h-full w-full"},null,8,Ee),m("div",{class:"video-icon-length",role:"button",tabindex:"0",onClick:o[1]||(o[1]=B((...d)=>e.playEmbeddedFromThumb&&e.playEmbeddedFromThumb(...d),["stop"])),onKeydown:[o[2]||(o[2]=O(B((...d)=>e.playEmbeddedFromThumb&&e.playEmbeddedFromThumb(...d),["stop","prevent"]),["enter"])),o[3]||(o[3]=O(B((...d)=>e.playEmbeddedFromThumb&&e.playEmbeddedFromThumb(...d),["stop","prevent"]),["space"]))]},[m("div",Me,[w(y,{icon:"videoPlay2",size:20,class:"text-white"})])],32)],64))])):(c(),J(v,{key:3,media:e.mainMedia,"show-player":!1,class:"single-item-img content-thumbnail-main-media","play-option":"inline","play-button-styles":"bottom-2 left-2"},null,8,["media"]))]),m("div",Pe,[m("span",Oe,F(((b=a.item)==null?void 0:b.label)??""),1),m("time",{datetime:e.dateFormatFull(a.item.publishedAt),class:"date"},F(e.dateFormatFull(a.item.publishedAt)),9,Be)]),m("div",Ke,[m("div",Re,F(a.item.header),1)])],32)}const Ne=Y(we,[["render",De],["__scopeId","data-v-c570948c"]]);function W(r){if(r.type!=="video")return null;const{mainMedia:o}=r;if(Array.isArray(o)&&o.length>0){const a=o.find(e=>typeof(e==null?void 0:e.mediaString)=="string"&&e.mediaString.length>0);return(a==null?void 0:a.mediaString)??null}return typeof o=="string"&&o?o:null}async function Ge(r,o=Q()){const a=W(r);if(!a||!U.isValid(a))return null;const e=new U(a);if(!e.isVideo())return null;try{const s=await o.renderMedia(e,!0);return{id:r.id,name:r.header,description:"",mediaString:a,publishedAt:r.publishedAt?String(r.publishedAt):"",locked:!!s.locked,renderedMedia:s}}catch(s){return console.warn("[mapContentItemToVideo]",s),null}}async function Ue(r,o=Q()){const a=r.filter(s=>s.type==="video");return(await Promise.all(a.map(s=>Ge(s,o)))).filter(s=>s!==null)}const qe={name:"ArticlesAndVideoGrid",components:{ContentThumbnail:Ne,SyButton:se,SyHeading:de,SdpSkeletonLoader:ue(()=>ge(()=>import("./index-D7KXtTqv.js"),__vite__mapDeps([0,1,2,3]))),DynamicAd:ie,GameCenterVideoLightbox:_e},props:{siteSection:{type:Object,required:!0},contentFeedData:{type:Array,default:()=>[]}},setup(r){var T,K;const o=le({mobile:980}).smaller("mobile"),a=re({feedHeader:(K=(T=r.siteSection)==null?void 0:T.config)==null?void 0:K.heading}),{contentFeedData:e,siteSection:s}=z(r),h=S([...e.value]),y=S(0),v=S(!1),p=S(e.value.length>0),f=g(()=>h.value.length>0),_=g(()=>{var i,t;return j((t=(i=s.value)==null?void 0:i.config)==null?void 0:t.desktopPlacementKey,"desktop")}),k=g(()=>{var i,t;return j((t=(i=s.value)==null?void 0:i.config)==null?void 0:t.mobilePlacementKey,"mobile")}),b=i=>{var n,l;if(!((l=(n=s.value)==null?void 0:n.config)!=null&&l.containingAds))return!1;const t=o.value?4:8;return(i+1)%t===0},d=g(()=>{var i,t;return(t=(i=s.value)==null?void 0:i.config)==null?void 0:t.showMoreButton}),M=async()=>{var i;if(!v.value)try{v.value=!0,y.value+=1;const t=await pe((i=s.value)==null?void 0:i.config,y.value);t&&t.length>0&&(h.value=[...h.value,...t])}catch(t){console.error("Error loading more content:",t)}finally{v.value=!1}};q(e,i=>{h.value=[...i],y.value=0,p.value=!0},{immediate:!0});const V=S([]),P=S(!1),x=S(0),L=async()=>{const i=h.value.filter(t=>t.type==="video");V.value=await Ue(i)};return q(h,()=>{L()},{deep:!0}),ce(()=>{L()}),{hasFetched:p,hasItems:f,isEmpty:me,headers:a,showAds:b,desktopPlacementKey:_,mobilePlacementKey:k,loadedContentItems:h,isLoading:v,loadMore:M,addShowMoreButton:d,feedVideoPlaylist:V,feedVideoLightboxOpen:P,feedVideoLightboxStartIndex:x,onOpenFeedVideoLightbox:({item:i})=>{const t=V.value.findIndex(l=>l.id===i.id);if(t>=0){x.value=t,P.value=!0;return}const n=W(i);n&&R(n)}}}},He={class:"content-container"},je={class:"content-inner mt-10 @lg:mt-20"},ze={key:1,class:"grid @sm:grid-cols-1 @md:grid-cols-2 @md:gap-2 @lg:grid-cols-4 @lg:gap-6"},Ye={key:2},Je={class:"grid @sm:grid-cols-1 @md:grid-cols-2 @md:gap-2 @lg:grid-cols-4 @lg:gap-6"},Qe={key:0,class:"mb-10 text-center"};function We(r,o,a,e,s,h){const y=C("sy-heading"),v=C("sdp-skeleton-loader"),p=C("content-thumbnail"),f=C("dynamic-ad"),_=C("sy-button"),k=C("game-center-video-lightbox");return c(),u("div",He,[m("div",je,[e.isEmpty(e.headers.feedHeader)?I("",!0):(c(),J(y,{key:0,primary:"",uppercase:"",heading:"heading 3","heading-label":e.headers.feedHeader,"is-section-heading":!0},null,8,["heading-label"])),e.hasFetched?e.hasItems?(c(),u("div",Ye,[m("div",Je,[(c(!0),u(E,null,H(e.loadedContentItems,(b,d)=>(c(),u(E,{key:b.id},[w(p,{item:b,"enable-video-lightbox":"",onOpenVideoLightbox:e.onOpenFeedVideoLightbox},null,8,["item","onOpenVideoLightbox"]),e.showAds(d)?(c(),u("div",{key:0,class:be(["ads-container hidden",`ads-container-${(d+1)%8}`])},[w(f,{"desktop-placement-key":e.desktopPlacementKey,"mobile-placement-key":e.mobilePlacementKey},null,8,["desktop-placement-key","mobile-placement-key"])],2)):I("",!0)],64))),128))]),e.addSh

2owMoreButton?(c(),u("div",Qe,[w(_,{primary:"",outlined:"",disabled:e.isLoading,onClick:e.loadMore},{default:ve(()=>[he(F(r.$t("site.show_more")),1)]),_:1},8,["disabled","onClick"])])):I("",!0)])):(c(),u(E,{key:3},[],64)):(c(),u("div",ze,[(c(),u(E,null,H(4,b=>m("div",{key:b},[w(v,{type:"square",width:"auto",height:150,rounded:!1,animation:"wave"}),w(v,{type:"square",width:"auto",height:30,rounded:!1,animation:"wave",class:"mt-3"}),w(v,{type:"square",width:"60%",height:30,rounded:!1,animation:"wave",class:"my-2"})])),64))]))]),w(k,{modelValue:e.feedVideoLightboxOpen,"onUpdate:modelValue":o[0]||(o[0]=b=>e.feedVideoLightboxOpen=b),videos:e.feedVideoPlaylist,"start-index":e.feedVideoLightboxStartIndex},null,8,["modelValue","videos","start-index"])])}const rt=Y(qe,[["render",We],["__scopeId","data-v-68031811"]]);export{rt as default};