https://www.ewn.co.za/_nuxt/JEz8jnqB.js

1import{_ as P,c as d,o,a,i as F,j as $,u as se,k as b,F as h,l as N,b as _,m as W,n as r,p as L,q as K,s as le,t as U,v as oe,x as re,y as Z,z as J,T as X,A as y,B as C,C as de,d as ce,D as ue,E as q,G as me,H as pe,f as H,w as G,S as B,I as ve,J as fe,K as _e,L as Y,M as ge,N as ee,O as ne,P as te,Q as ie,R as ke,U as he,h as Se}from"./CBZx7rdy.js";import{_ as ae}from"./BO2MJVnM.js";import{_ as M}from"./DTQ3aOFE.js";import{u as be}from"./DTmifBnS.js";import{_ as xe}from"./gABwRpjo.js";import{n as we}from"./DNPHahWu.js";import{_ as ye}from"./BXrdiHdf.js";const Ae={},Ne={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",class:"fill-current"};function Te(n,e){return o(),d("svg",Ne,e[0]||(e[0]=[a("path",{d:"M14.9931 8.41557L11.1131 12.2956L14.9931 16.1756C15.0857 16.2682 15.1592 16.3781 15.2093 16.499C15.2594 16.62 15.2852 16.7496 15.2852 16.8806C15.2852 17.0115 15.2594 17.1411 15.2093 17.2621C15.1592 17.3831 15.0857 17.493 14.9931 17.5856C14.9006 17.6782 14.7906 17.7516 14.6697 17.8017C14.5487 17.8518 14.4191 17.8776 14.2881 17.8776C14.1572 17.8776 14.0276 17.8518 13.9066 17.8017C13.7856 17.7516 13.6757 17.6782 13.5831 17.5856L8.99314 12.9956C8.90043 12.9031 8.82688 12.7932 8.7767 12.6722C8.72652 12.5512 8.70069 12.4215 8.70069 12.2906C8.70069 12.1596 8.72652 12.0299 8.7767 11.9089C8.82688 11.788 8.90043 11.6781 8.99314 11.5856L13.5831 6.99557C13.6756 6.90287 13.7855 6.82932 13.9065 6.77914C14.0275 6.72895 14.1572 6.70312 14.2881 6.70312C14.4191 6.70312 14.5488 6.72895 14.6698 6.77914C14.7907 6.82932 14.9006 6.90287 14.9931 6.99557C15.3731 7.38557 15.3831 8.02557 14.9931 8.41557Z"},null,-1)]))}const Fe=P(Ae,[["render",Te]]),Ce={class:"flex md:-mx-2"},Ee={class:"hidden md:flex items-center justify-center"},$e=F({__name:"SliderLarge",props:{teasers:{}},setup(n){const e=$(null),{x:i,arrivedState:l}=se(e,{behavior:"smooth"}),m=b(()=>e.value?Math.ceil(e.value.clientWidth/3+4):200),c=b(()=>!l.left&&e.value&&e.value.scrollWidth>e.value.clientWidth),u=b(()=>!l.right&&e.value&&e.value.scrollWidth>e.value.clientWidth);return(t,s)=>{const v=W,k=Fe,g=K;return o(),d(h,null,[a("div",{ref_key:"SliderLarge",ref:e,class:"md:max-w-full md:overflow-x-scroll hide-scrollbar -mx-4 md:mx-0 w-auto"},[a("ul",Ce,[(o(!0),d(h,null,N(t.teasers,(p,f)=>(o(),d("li",{key:f,class:"md:w-1/3 w-full flex-shrink-0 md:px-2"},[_(v,{teaser:p,class:"border-b-0","hide-tags":!0},null,8,["teaser"])]))),128))])],512),a("div",Ee,[s[2]||(s[2]=a("span",{class:"border-b border-solid border-surface-03 flex-1"},null,-1)),a("button",{class:L(["hover:opacity-60 transition-opacity",{"opacity-40 cursor-default hover:opacity-40":!r(c)}]),onClick:s[0]||(s[0]=p=>i.value-=r(m))},[_(k,{class:"w-[52px] h-[52px]"})],2),a("button",{class:L(["hover:opacity-60 transition-opacity",{"opacity-40 cursor-default hover:opacity-40":!r(u)}]),onClick:s[1]||(s[1]=p=>i.value+=r(m))},[_(g,{class:"w-[52px] h-[52px]"})],2),s[3]||(s[3]=a("span",{class:"border-b border-solid border-surface-03 flex-1"},null,-1))])],64)}}}),Le={class:"flex md:-mx-2 snap-x snap-mandatory overflow-x-auto scroll-smooth"},Be={class:"flex items-center justify-center lg:hidden gap-x-1"},Oe={class:"sr-only"},De=F({__name:"SliderSmall",props:{teasers:{}},setup(n){const e=$(0),i=$(0),l=$(null);return le(()=>{const m=new IntersectionObserver(t=>{t.forEach(s=>{if(s.isIntersecting){const v=s.target;if(!v.dataset.position)return;i.value=+v.dataset.position}})},{threshold:.85}),c=l.value&&l.value.querySelectorAll(".slide"),u=(c==null?void 0:c.length)??0;e.value=u;for(let t=0;t<u;t++){if(!c)return;const s=c[t];s.dataset.position=(t+1).toString(),m.observe(s)}}),(m,c)=>{const u=M;return o(),d(h,null,[a("div",{ref_key:"SliderMobile",ref:l,class:"md:max-w-full lg:hidden md:overflow-x-scroll hide-scrollbar -mx-4 md:mx-0 w-auto"},[a("ul",Le,[(o(!0),d(h,null,N(m.teasers,(t,s)=>(o(),d("li",{key:s,class:"lg:w-1/3 w-full flex-shrink-0 md:px-2 snap-start snap-always slide"},[_(u,{teaser:t},null,8,["teaser"])]))),128))])],512),a("ul",Be,[(o(!0),d(h,null,N(m.teasers,(t,s)=>(o(),d("li",{key:s},[a("button",{class:L(["rounded-full h-[5px] bg-surface-04 transition-all delay-100 duration-300 origin-center",s+1===r(i)?"opacity-100 w-[18px]":"opacity-40 w-[5px]"])},[a("span",Oe," Go To Slide "+U(s+1),1)],2)]))),128))])],64)}}}),Ue={class:"mb-4 lg:mb-10"},Ve={class:"flex md:-mx-2 mt-4 lg:mt-10"},Ie=F({__name:"TeaserTopStoriesGroup",async setup(n){let e,i;const l=oe(re),{isMobile:m}=be(),c=l.smallerOrEqual("md"),u=b(()=>c.value),{result:t,loading:s}=([e,i]=Z(()=>J({first:12,tab:X.Trending,pinBreakingNews:!0})),e=await e,i(),e),v=b(()=>{var p,f;return(((f=(p=t.value)==null?void 0:p.result)==null?void 0:f.map(S=>({...S,publishedAt:void 0})))||[]).slice(1)}),k=b(()=>{var p,f;return(((f=(p=t.value)==null?void 0:p.result)==null?void 0:f.map(S=>({...S,publishedAt:void 0})))||[])[0]||null});return(g,p)=>{const f=ae,S=M,A=$e,x=De;return o(),d(h,null,[a("div",Ue,[r(s)?(o(),d(h,{key:0},[p[0]||(p[0]=a("div",{class:"flex items-center lg:justify-center lg:mb--responsive-m"},[a("span",{class:"border-b border-solid border-surface-03 flex-1 hidden lg:block"}),a("div",{class:"h-9 w-48 lg:mx-6 rounded-md bg-surface-05 my-spacing-l inline-block"}),a("span",{class:"border-b border-solid border-surface-03 flex-1 hidden lg:block"})],-1)),_(f,{type:"hero"}),a("div",Ve,[(o(),d(h,null,N(3,w=>a("div",{key:w,class:"md:w-1/3 w-full flex-shrink-0 md:px-2"},[_(f,{type:"vertical"})])),64))])],64)):(o(),d(h,{key:1},[p[1]||(p[1]=a("div",{class:"flex items-center lg:justify-center lg:mb-responsive-m lg:mt-[30px]"},[a("span",{class:"border-b border-solid border-surface-03 flex-1 hidden lg:block"}),a("h4",{class:"lg:text-3xl font-extrabold py-6 lg:py-0 text-2xl lg:px-6"},"Top Stories"),a("span",{class:"border-b border-solid border-surface-03 flex-1 hidden lg:block"})],-1)),r(k)&&!r(u)?(o(),y(S,{key:0,teaser:r(k)},null,8,["teaser"])):C("",!0)],64))]),r(u)?C("",!0):(o(),y(A,{key:0,teasers:r(v)},null,8,["teasers"])),r(u)?(o(),y(x,{key:1,teasers:[...r(k)?[r(k)]:[],...r(v)]},null,8,["teasers"])):C("",!0)],64)}}}),Re={class:"`flex w-full justify-start overflow-hidden rounded-full"},Pe=F({__name:"ProgressBar",props:{progress:{}},setup(n){return(e,i)=>(o(),d("div",Re,[a("div",{style:de({width:`${e.progress}%`}),class:"h-full rounded-full transition-all"},null,4)]))}}

1),He={},Ge={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"fill-current"};function Me(n,e){return o(),d("svg",Ge,e[0]||(e[0]=[ce('<g filter="url(#filter0_b_4997_266791)"><circle cx="12" cy="12" r="10" fill-opacity="0.4"></circle></g><path d="M11.083 15.8572L15.7189 12.4445C15.7936 12.3895 15.8535 12.3213 15.8946 12.2445C15.9358 12.1677 15.957 12.0842 15.957 11.9997C15.957 11.9152 15.9358 11.8317 15.8946 11.7549C15.8535 11.6781 15.7936 11.6098 15.7189 11.5548L11.083 8.14214C10.6405 7.81645 9.95703 8.08648 9.95703 8.58698V15.4134C9.95703 15.9139 10.6405 16.1839 11.083 15.8572Z"></path><defs><filter id="filter0_b_4997_266791" x="-48" y="-48" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feGaussianBlur in="BackgroundImageFix" stdDeviation="25"></feGaussianBlur><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4997_266791"></feComposite><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_4997_266791" result="shape"></feBlend></filter></defs>',3)]))}const qe=P(He,[["render",Me]]),je=["href"],ze={class:"snap-center"},Qe={class:"h-full"},We={class:"sr-only"},Ke={class:"absolute inset-0 flex h-full flex-col justify-end p-4"},Ze={class:"line-clamp-3 font-inter text-xs font-bold lg:text-base text-surface-03"},Je={href:"",class:"absolute right-2 top-2 flex h-[26px] w-[26px] items-center justify-center overflow-hidden rounded-full lg:h-[36px] lg:w-[36px]"},Xe={class:"flex justify-center"},Ye=["src","alt"],en=F({__name:"LivestreamTeaser",props:{show:{}},setup(n){const e=n,i=b(()=>(we()-e.show.startTimeUnixSeconds)/e.show.durationInSeconds*100),{public:{primeplusBaseUrl:l}}=ue(),m=b(()=>new URL(`${l}/station/${q(e.show.station)}`).toString()),c=b(()=>{var t;return e.show.teaserDetail?(t=e.show.teaserDetail)==null?void 0:t.headerImage:e.show.fallbackHeaderImage}),u=b(()=>q(e.show.station));return(t,s)=>{var f,S,A,x,w;const v=pe,k=Pe,g=ve,p=qe;return o(),d("a",{href:r(m),target:"_blank"},[a("article",ze,[a("div",{class:L(["group relative h-48 shrink-0 overflow-hidden rounded-[10px] bg-neutral-300 text-center text-primary lg:h-64",[((f=t.show.teaserDetail)==null?void 0:f.__typename)===r(me).VIDEOPODCASTDETAIL?"aspect-[16/12]":"aspect-[4/5]"]])}

1,[a("figure",Qe,[_(v,{src:r(c),alt:t.show.headline,class:"w-full object-cover"},null,8,["src","alt"]),a("figcaption",We,U(((S=t.show.teaserDetail)==null?void 0:S.teaserHeadline)||((A=t.show.teaserDetail)==null?void 0:A.headline)||t.show.headline),1)]),s[1]||(s[1]=a("div",{class:"gradient absolute inset-0"},null,-1)),a("div",Ke,[a("h3",Ze,[s[0]||(s[0]=a("span",{"aria-hidden":"true",class:"absolute inset-0"},null,-1)),H(" "+U(((x=t.show.teaserDetail)==null?void 0:x.teaserHeadline)||((w=t.show.teaserDetail)==null?void 0:w.headline)||t.show.headline),1)]),_(g,null,{default:G(()=>[_(k,{progress:r(i),class:L(["h-1 w-full bg-neutral-700",[{"[&>*]:bg-702":t.show.station===r(B).Station_702,"[&>*]:bg-capetalk":t.show.station===r(B).CapeTalk,"[&>*]:bg-kfm":t.show.station===r(B).Kfm,"[&>*]:bg-947":t.show.station===r(B).Station_947}]])},null,8,["progress","class"])]),_:1}),a("span",Je,[_(p,{class:"h-full w-full fill-white"})])])],2),a("div",Xe,[r(u)?(o(),d("img",{key:0,src:`/images/logos/${r(fe)[r(u)]}`,alt:`Logo of ${t.show.station}`,class:"w-12",width:"48",height:"48"},null,8,Ye)):C("",!0)])])],8,je)}}}),nn=P(en,[["__scopeId","data-v-6579abc6"]]);var E={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getCurrentShows"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"stationsTab"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"currentShows"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"items"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"station"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"startTimeUnixSeconds"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"durationInSeconds"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"endTimeUnixSeconds"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"fallbackHeaderImage"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"headline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"teaserDetail"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"backgroundColor"},arguments:[],directives:[]},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"AudioPodcastPublishedContent"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"headline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"teaserHeadline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"headerImage"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"lg"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_large",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"md"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_medium",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"sm"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_small",block:!1}}],directives:[]},{kind:"FragmentSpread",name:{kind:"Name",value:"imageFragment"},directives:[]}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"VideoPodcastPublishedContent"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"headline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"teaserHeadline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"headerImage"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"lg"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"5x4_large",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"md"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"5x4_medium",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"sm"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"5x4_small",block:!1}}],directives:[]},{kind:"FragmentSpread",name:{kind:"Name",value:"imageFragment"},directives:[]}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"RadioDetailPublishedContent"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"headline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"teaserHeadline"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"headerImage"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"lg"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_large",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"md"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_medium",block:!1}}],directives:[]},{kind:"Field",alias:{kind:"Name",value:"sm"},name:{kind:"Name",value:"_url"},arguments:[{kind:"Argument",name:{kind:"Name",value:"mode"},value:{kind:"EnumValue",value:"ABSOLUTE"}},{kind:"Argument",name:{kind:"Name",value:"cropAlias"},value:{kind:"StringValue",value:"4x5_small",block:!1}}],directives:[]},{kind:"FragmentSpread",name:{kind:"Name",value:"imageFragment"},directives:[]}]}}]}}]}}]}}]}}]}}]}}],loc:{start:0,end:1449}};E.loc.source={body:`#import "../fragments/imageFragment.graphql"
2
3query getCurrentShows {
4  stationsTab {
5    currentShows {
6      items {
7        station
8        startTimeUnixSeconds
9        durationInSeconds
10        endTimeUnixSeconds
11        fallbackHeaderImage
12        headline
13        teaserDetail {
14          backgroundColor
15          ... on AudioPodcastPublishedContent {
16            headline
17            teaserHeadline
18            headerImage {
19              lg: _url(mode: ABSOLUTE, cropAlias: "4x5_large")

20              md: _url(mode: ABSOLUTE, cropAlias: "4x5_medium")
21              sm: _url(mode: ABSOLUTE, cropAlias: "4x5_small")
22              ...imageFragment
23            }
24          }
25
26          ... on VideoPodcastPublishedContent {
27            headline
28            teaserHeadline
29            headerImage {
30              lg: _url(mode: ABSOLUTE, cropAlias: "5x4_large")
31              md: _url(mode: ABSOLUTE, cropAlias: "5x4_medium")
32              sm: _url(mode: ABSOLUTE, cropAlias: "5x4_small")
33              ...imageFragment
34            }
35          }
36
37          ... on RadioDetailPublishedContent {
38            headline
39            teaserHeadline
40            headerImage {
41              lg: _url(mode: ABSOLUTE, cropAlias: "4x5_large")
42              md: _url(mode: ABSOLUTE, cropAlias: "4x5_medium")
43              sm: _url(mode: ABSOLUTE, cropAlias: "4x5_small")
44              ...imageFragment
45            }
46          }
47        }
48      }
49    }
50  }
51}
52`,name:"GraphQL request",locationOffset:{line:1,column:1}};var j={};function tn(n){return n.filter(function(e){if(e.kind!=="FragmentDefinition")return!0;var i=e.name.value;return j[i]?!1:(j[i]=!0,!0)})}E.definitions=E.definitions.concat(tn(_e.definitions));function O(n,e){if(n.kind==="FragmentSpread")e.add(n.name.value);else if(n.kind==="VariableDefinition"){var i=n.type;i.kind==="NamedType"&&e.add(i.name.value)}n.selectionSet&&n.selectionSet.selections.forEach(function(l){O(l,e)}),n.variableDefinitions&&n.variableDefinitions.forEach(function(l){O(l,e)}),n.definitions&&n.definitions.forEach(function(l){O(l,e)})}var I={};(function(){E.definitions.forEach(function(e){if(e.name){var i=new Set;O(e,i),I[e.name.value]=i}})})();function z(n,e){for(var i=0;i<n.definitions.length;i++){var l=n.definitions[i];if(l.name&&l.name.value==e)return l}}function an(n,e){var i={kind:n.kind,definitions:[z(n,e)]};n.hasOwnProperty("loc")&&(i.loc=n.loc);var l=I[e]||new Set,m=new Set,c=new Set;for(l.forEach(function(t){c.add(t)});c.size>0;){var u=c;c=new Set,u.forEach(function(t){if(!m.has(t)){m.add(t);var s=I[t]||new Set;s.forEach(function(v){c.add(v)})}})}return m.forEach(function(t){var s=z(n,t);s&&i.definitions.push(s)}),i}an(E,"getCurrentShows");const sn=()=>{const n=Y(E),{pending:e,error:i}=n;return{result:b(()=>n.data.value&&n.data.value.stationsTab.currentShows),loading:e,error:i}};var V={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getHomeExplore"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"content"},name:{kind:"Name",value:"homeContent"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"explore"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"livestreamDetail"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"livestreamTeaserList"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"station"},arguments:[],directives:[]}]}}]}}]}}]}}]}}],loc:{start:0,end:166}};V.loc.source={body:`query getHomeExplore {
53  content: homeContent {
54    explore {
55      livestreamDetail {
56        livestreamTeaserList {
57          station
58        }
59      }
60    }
61  }
62}
63`,name:"GraphQL request",locationOffset:{line:1,column:1}};function D(n,e){if(n.kind==="FragmentSpread")e.add(n.name.value);else if(n.kind==="VariableDefinition"){var i=n.type;i.kind==="NamedType"&&e.add(i.name.value)}n.selectionSet&&n.selectionSet.selections.forEach(function(l){D(l,e)}),n.variableDefinitions&&n.variableDefinitions.forEach(function(l){D(l,e)}),n.definitions&&n.definitions.forEach(function(l){D(l,e)})}var R={};(function(){V.definitions.forEach(function(e){if(e.name){var i=new Set;D(e,i),R[e.name.value]=i}})})();function Q(n,e){for(var i=0;i<n.definitions.length;i++){var l=n.definitions[i];if(l.name&&l.name.value==e)return l}}function ln(n,e){var i={kind:n.kind,definitions:[Q(n,e)]};n.hasOwnProperty("loc")&&(i.loc=n.loc);var l=R[e]||new Set,m=new Set,c=new Set;for(l.forEach(function(t){c.add(t)});c.size>0;){var u=c;c=new Set,u.forEach(function(t){if(!m.has(t)){m.add(t);var s=R[t]||new Set;

63s.forEach(function(v){c.add(v)})}})}return m.forEach(function(t){var s=Q(n,t);s&&i.definitions.push(s)}),i}ln(V,"getHomeExplore");const on=()=>{const n=Y(V),{pending:e,error:i}=n;return{result:b(()=>n.data.value&&n.data.value.content.explore.livestreamDetail.livestreamTeaserList),pending:e,error:i}},rn={class:"w-full pb-spacing-m"},dn={key:0,class:"grid h-12 w-full place-items-center"},cn={key:1,class:"animate-pulse"},un={class:"flex snap-x gap-4 overflow-x-auto pb-4"},mn={key:2},pn={class:"flex flex-row justify-between mb-responsive-m"},vn={class:"flex snap-x gap-4 overflow-x-auto scroll-smooth pb-4"},fn=F({__name:"LivestreamReel",setup(n){const{result:e,loading:i,error:l}=sn(),{result:m,error:c}=on(),u=b(()=>{var s,v;const t=[];return(s=m.value)==null||s.forEach(k=>{var p;const g=[...((p=e.value)==null?void 0:p.items)||[]].reverse().find(f=>f.station===k.station);g&&t.push(g)}),m.value?t:(v=e.value)==null?void 0:v.items});return(t,s)=>{const v=xe,k=nn;return o(),d("div",rn,[r(l)||r(c)?(o(),d("div",dn," error getting live streams ... please try again later ")):r(i)&&!r(e)?(o(),d("div",cn,[a("div",un,[(o(),d(h,null,N(4,g=>a("div",{key:g},s[0]||(s[0]=[a("div",{class:"aspect-4/5 h-48 shrink-0 rounded-[10px] bg-loading lg:h-64"},null,-1),a("div",{class:"flex justify-center"},[a("div",{class:"my-2 h-8 w-12 bg-loading"})],-1)]))),64))])])):(o(),d("section",mn,[a("div",pn,[_(v),s[1]||(s[1]=a("p",{class:"text-paragraph-sm font-medium text-content-secondary"},"Listen Live",-1))]),a("div",vn,[(o(!0),d(h,null,N(r(u),(g,p)=>(o(),y(k,{show:g,key:p},null,8,["show"]))),128))])])),s[2]||(s[2]=a("div",{class:"bg-surface-03 h-[0.06rem] w-full"},null,-1))])}}}),_n=te(ie),gn={class:"grid place-items-center -mx-4"},kn={key:0,class:"lg:space-y-8"},hn={key:1,class:"lg:space-y-4"},Sn={class:"flex justify-between items-center py-4 my-2 -mx-4 md:mx-0 px-4 md:px-4 sticky -top-1 backdrop-blur-xl bg-surface-primary/70 z-50"},bn={class:"text-2xl lg:text-3xl font-bold capitalize"},xn={class:"grid lg:grid-cols-2 gap-4 lg:gap-8"},wn=F({__name:"TeaserTopicGroup",props:{id:{},topic:{},tab:{},items:{}},async setup(n){let e,i;const l=n,{result:m,loading:c}=([e,i]=Z(()=>J({first:9,topics:l.topic?[l.topic]:void 0,tab:X.AllNews,pinBreakingNews:!0})),e=await e,i(),e);return(u,t)=>{var A,x;const s=_n,v=ae,k=K,g=ge("RouterLink"),p=M,f=ye,S=W;return o(),d(h,null,[a("div",gn,[_(s,{"slot-id":("AdUnits"in u?u.AdUnits:r(ee))[("MenuTab"in u?u.MenuTab:r(ne)).Allnews][0].id},null,8,["slot-id"])]),r(c)?(o(),d("div",kn,[t[0]||(t[0]=a("div",{class:"h-9 w-1/4 rounded-md bg-surface-05 my-spacing-l inline-block"},null,-1)),_(v,{type:"hero"}),(o(),d(h,null,N(3,w=>_(v,{key:w,type:"horizontal"})),64))])):(o(),d("div",hn,[a("div",Sn,[a("h2",bn,U(u.topic),1),t[2]||(t[2]=a("span",{class:"border-b border-solid border-surface-03 mx-4 flex-1"},null,-1)),(A=r(m))!=null&&A.total?(o(),y(g,{key:0,to:"topics/"+u.topic,class:"flex items-center font-medium text-sm text-ewn"},{default:G(()=>[t[1]||(t[1]=H(" Show all ")),_(k)]),_:1},8,["to"])):C("",!0)]),a("div",xn,[(o(!0),d(h,null,N((x=r(m))==null?void 0:x.result,(w,T)=>(o(),d(h,{key:T},[T==0?(o(),y(p,{key:0,teaser:w,class:"col-span-2 -mx-4 md:mx-0 lg:mx-0"},null,8,["teaser"])):T===3||T===4||T===5||T===8?(o(),y(f,{key:1,teaser:w,class:"col-span-2 grid-cols-12"},null,8,["teaser"])):T===1||T===2?(o(),y(S,{key:2,teaser:w,class:"col-span-2 lg:col-span-1","text-only":!0},null,8,["teaser"])):(o(),y(S,{key:3,teaser:w,class:"col-span-2 lg:col-span-1"},null,8,["teaser"]))],64))),128))])]))],64)}}}),yn=te(ie),An={class:"w-full"},Nn={key:1,class:"space-y-spacing-l"},Tn={class:"grid place-items-center -mx-4"},Fn={key:0,class:"grid place-items-center"},Un=F({__name:"index",setup(n){const{result:e,error:i}=ke(),l=$(2),m=()=>{l.value+=3};return(c,u)=>{var f,S;const t=Se,s=Ie,v=yn,k=fn,g=wn,p=he;return o(),d("div",An,[r(i)?(o(),y(t,{key:0})):(o(),d("main",Nn,[a("section",null,[_(s)]),a("section",Tn,[_(v,{"slot-id":("AdUnits"in c?c.AdUnits:r(ee))[r(ne).Allnews][0].id},null,8,["slot-id"])]),a("section",null,[_(k)]),(o(!0),d(h,null,N((f=r(e))==null?void 0:f.filter((A,x)=>x<=r(l)),(A,x)=>(o(),y(g,{id:x+1,key:x,topic:A},null,8,["id","topic"]))),128)),r(l)<(((S=r(e))==null?void 0:S.length)??0)?(o(),d("div",Fn,[_(p,{onClick:m},{default:G(()=>u[0]||(u[0]=[H("Show More")])),_:1})])):C("",!0)]))])}}});

63export{Un as default};