1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5760],{5760:(e,t,a)=>{a.d(t,{$:()=>Y});var r=a(37876),l=a(7369);a(3084);var n=a(23508),s=a(74054),i=a(56633),o=a(87808),d=a(70066),c=a(84353),p=a(69197),h=a(15965),u=a(2568),x=a(47978),g=a(14232),m=a(48314),b=a(20855),f=a(77038),v=a(9906),k=a(3601),y=a(80969),j=a(41699),w=a(27649);let I=v.tw.theme({extend:k.O,base:["block"],variants:{large:["mt-4","mx-auto"]}}),z=v.tw.theme({extend:y.z,base:"cursor-pointer text-gray-400",defaultVariants:{size:"small"}}),A=v.tw.theme({extend:j.R,slots:{base:["group-data-[locked]:relative","group-data-[locked]:after:absolute","group-data-[locked]:after:h-full","group-data-[locked]:after:w-full","group-data-[locked]:after:p-2","group-data-[locked]:after:flex","group-data-[locked]:after:items-center","group-data-[locked]:after:justify-center","group-data-[locked]:after:bg-black/40","group-data-[locked]:after:text-white",'group-data-[locked]:after:content-["Artikeln_\xe4r_inte_l\xe4ngre_tillg\xe4nglig"]',"group-data-[locked]:after:text-headline-xs"]}}),C=v.tw.theme({extend:w.W,defaultVariants:{variant:"text",colors:"text",size:"text"}}),O=Object.assign(v.tw.theme({slots:{base:"",wrapper:"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",headline:"mb-3 flex items-center gap-3 bg-white pr-3 text-headline-md after:h-0.25 after:flex-grow after:bg-black",empty:"col-span-4 mt-3 flex flex-col gap-6",article:"group",articleHeader:"flex items-center justify-between pt-3",articleCaption:"pt-3 text-headline-sm md:text-headline-md",articleDescription:"text-body-xs pt-2 md:text-body-md"}}),{Button:I,Icon:z,Image:A,Tag:C}),{Button:_}=O,Q=v.tw.theme({base:"text-gray-400 hover:text-gray-600",extend:O.Icon}),S=v.tw.theme({extend:O.Image}),B=v.tw.theme({extend:O.Tag,variants:{size:{text:"text-preheadline"},variant:{text:"capitalize"}}}),D=Object.assign(v.tw.theme({extend:O,slots:{headline:"text-headline-sm after:hidden",empty:"text-preheadline col-span-4 mt-3 gap-3",articleCaption:"pt-1.5 text-headline-sm md:text-headline-sm",articleDescription:"line-clamp-3 pt-1.5 text-headline-xs sm:pt-2 md:text-headline-xs"}}),{Button:_,Icon:Q,Image:S,Tag:B});var N=a(94563),W=a(34197);let L=(0,W.S)({theme:D}),P=L({as:"div",slot:"base"}),E=L({as:"article",slot:"article"}),F=L({as:"h4",slot:"articleCaption"}),H=L({as:"p",slot:"articleDescription"}),M=L({as:"div",slot:"articleHeader"}),T=(0,W.Q)({as:b.I,theme:D.Icon}),V=(0,W.Q)({as:f._,theme:D.Image}),U=(0,W.Q)({as:N.v,theme:D.Tag}),q=(0,W.Q)({as:m.$,theme:D.Button}),K=L({as:"p",slot:"empty"}),R=L({as:"h3",slot:"headline"}),$=Object.assign(P,{Wrapper:L({as:"div",slot:"wrapper"}),Headline:R,Empty:K,Article:E,ArticleHeader:M,ArticleCaption:F,ArticleDescription:H,ArticleTag:U,ArticleIcon:T,ArticleImage:V,Button:q});var J=a(51161);let G=e=>{let{headline:t,articles:a,button:l,icon:m,initialArticlesCount:b=8,emptyFallback:f,...v}=e,[k,y]=(0,g.useState)(null!=a?a:[]),[j,w]=(0,g.useState)(Math.min(a.length,b)),[I,z]=(0,g.useState)(!1),{userInfo:A}=(0,J.P)(),C=(0,g.useMemo)(()=>k.map(e=>{var t;return{...e,isLocked:!!(e.requiredPurchase&&!(null==A||null==(t=A.entitlements)?void 0:t.includes(e.requiredPurchase)))}}),[k,A]),O=(0,g.useCallback)(async()=>{var e,t;z(!0);let{data:r}=null!=(e=await (0,u.jP)())?e:{},{response:l}=null!=r?r:{},n=Object.keys(null!=l?l:{});if(!l||!n.every(Number)){h.v.error("Saved articles response is not valid",r),z(!1);return}let{data:s}=null!=(t=await p.L.get("/api/articles/saved",{params:{ids:n.join()}}))?t:{};if(!s){h.v.error("Fetched articles response is missing",s),z(!1);return}let g=((e,t)=>Object.keys(null!=e?e:{}).sort((a,r)=>t.indexOf(e[+a].id)-t.indexOf(e[+r].id)).map(t=>e[+t]))(s,(e=>Object.entries(null!=e?e:{}).sort((e,t)=>{let[,a]=e,[,r]=t;return r-a}).map(e=>{let[t]=e;return t}))(l));z(!1);let m=g.reduce((e,t)=>{let{id:a,published_url:r,section_tag:l,title:n,subtitle:s,image:p,used_image_ids_json:h,isNativeAd:u,nativeAdLabel:g,prominentTag:m,requiredPurchase:b}=t,f=null!=p?p:h?JSON.parse(h)[0]:void 0,v=(0,c.I)(r,(0,d.N)()),k=new URLSearchParams({imageId:f,width:"500"}),y=(0,c.I)((0,x.D0)(l),(0,o.F)());return f&&v&&(v.search=k.toString(),e.push({id:a,publishedUrl:r,category:l,categoryUrl:(0,i.K)({category:l,categoryUrl:y,prominentTag:m},{isNativeAd:u,nativeAdLabel:g}),title:n,subtitle:s,image:v.href,requiredPurchase:b})),e},[]);y(m),a.length||w(Math.min(m.length,b))},[a.length,b]);(0,g.useEffect)(()=>{O()},[O]);let _=async e=>{y(t=>t.filter(t=>t.id!==e)),await (0,u.en)({articleId:e})};return(0,r.jsxs)($,{...v,children:[(0,r.jsx)($.Headline,{children:null!=t?t:"Mina sparade artiklar"}),(0,r.jsx)($.Wrapper,{children:I?(0,r.jsx)(s.y,{}):C.length?C.slice(0,j).map(e=>{let{title:t,category:a,subtitle:l,publishedUrl:s,image:i,id:o,categoryUrl:d,isLocked:c}=e;
1return(0,r.jsxs)($.Article,{"data-locked":c?"":void 0,children:[(0,r.jsx)($.ArticleImage,{src:i,alt:t}),(0,r.jsxs)($.ArticleHeader,{children:[(0,r.jsx)($.ArticleTag,{value:a,link:{href:d}}),(0,r.jsx)($.ArticleIcon,{name:null!=m?m:"bin",options:{onClick:()=>_(o)}})]}),(0,r.jsx)(n.N,{href:c?void 0:s,content:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.ArticleCaption,{children:t}),(0,r.jsx)($.ArticleDescription,{children:l})]})})]},t)}):(0,r.jsx)($.Empty,{children:null!=f?f:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{children:"Du har inga sparade artiklar \xe4n, f\xf6r att spara en artikel s\xe5 klickar du p\xe5 knappen âspara artikelâ i en artikel."}),(0,r.jsxs)("span",{children:["Bes\xf6k"," ",(0,r.jsx)("a",{href:"/",className:"font-bold hover:underline",children:"v\xe5r startsida"})," ","f\xf6r att hitta artiklar du gillar."]})]})})}),C.length>j&&(0,r.jsx)($.Button,{content:null!=l?l:"Visa fler",options:{size:"large",onClick:()=>{w(e=>e+4)}}})]})},X=e=>(0,r.jsx)(G,{headline:"Dina sparade artiklar",...e}),Y=(0,l.Qj)(e=>(0,r.jsx)(X,{...e}))},27649:(e,t,a)=>{a.d(t,{W:()=>n});var r=a(9906);let l=r.tw.theme({base:["block","cursor-pointer","whitespace-nowrap","text-headline-xs"],variants:{colors:{default:["bg-primary-800","ring-primary-500/20","border-transparent","text-white","hover:bg-gray-200","hover:text-black","focus:bg-gray-300","active:bg-gray-300"],text:["text-black","ring-transparent"]},size:{small:["px-3","py-1.5"],medium:["px-3","py-2.5"],large:["px-6","py-4"],text:[]},variant:{default:["rounded-full","outline-none","ring-0","transition-all","duration-200","ease-in-out","hover:ring-0","focus:ring-4","active:ring-0"],text:["hover:underline"]}},defaultVariants:{colors:"default",size:"medium",variant:"default"}}),n=r.tw.theme({extend:l,base:"content-center text-headline-xs",variants:{colors:{default:"border-cherry-blossom-100 bg-cherry-blossom-100 from-cherry-blossom-300 to-cherry-blossom-100 text-cherry-blossom-500 hover:border-cherry-blossom-300 hover:bg-cherry-blossom-300 hover:text-black focus:border-cannon-pink-400 focus:bg-gradient-to-b focus:text-black active:border-cannon-pink-400 active:bg-gradient-to-b active:text-black",text:"text-gray-600",alternative:"text-gray-600"},size:{small:"h-6 px-3 py-0 text-headline-2xs",medium:"pt- h-10 px-3 py-0 pt-1",large:"h-[54px] px-6 py-0 pt-1.5",text:"leading-snug"},variant:{default:"border-3",text:"capitalize"}}})},56633:(e,t,a)=>{a.d(t,{K:()=>r});let r=(e,t)=>{let{category:a,categoryUrl:r,prominentTag:l}=null!=e?e:{},{isNativeAd:n,nativeAdLabel:s}=null!=t?t:{};return n?"etikett/".concat((s||"").toLocaleLowerCase()):l?"etikett/".concat(l):r||a}},64807:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(37876),l=a(75498),n=a(27649),s=a(34197);let i=(0,s.Q)({as:"span",theme:n.W}),o=(0,s.Q)({as:"li",theme:n.W}),d=e=>{let{value:t,link:a,...n}=e,{partOfList:s=!1,...d}=n;return(0,r.jsx)(s?o:i,{...d,children:(0,r.jsx)(l.p,{...a,children:t})})}},94563:(e,t,a)=>{a.d(t,{v:()=>s});var r=a(37876),l=a(7369);a(3084);var n=a(64807);let s=(0,l.Qj)(e=>(0,r.jsx)(n.A,{...e}))}}]); 2//# sourceMappingURL=5760.f0170232f74b193c.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.