https://outward-bound.netlify.app/_next/static/chunks/pages/style-…/article-list-90dd6b17c8f8c0da.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8484],{88136:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/style-guide/components/article-list",function(){return i(48738)}])},86012:function(e,t,i){"use strict";i.d(t,{Vm:function(){return s},jM:function(){return l}});var r,s,a=i(69969),n=i(71372);(r=s||(s={})).Landscape="landscape",r.Portrait="portrait",r.Product="product";let o={landscape:{url:"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8",width:800,height:500},portrait:{url:"https://images.unsplash.com/photo-1604866830893-c13cafa515d5",width:800,height:500},product:{url:"https://images.unsplash.com/photo-1651786216552-d627fe3aabdc",width:300,height:300}},c=(e,t)=>{if(!e)return"";let i=(0,a.n)({auto:"format",fit:"crop",...t}).toString();return"".concat(e,"?").concat(i)},l=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Placeholder Image",{url:r,width:s,height:a}=o[e],l=Array.isArray(t)?{width:t[0],height:t[1]}:t||{width:s,height:a},{width:d,height:u}=l,p=c(r,{w:d,h:u});return(0,n.s1)(p,i,l)}},47058:function(e,t,i){"use strict";var r=i(85893),s=i(94184),a=i.n(s),n=i(67294),o=i(65211),c=i(25748);t.Z=e=>{let{title:t,entry:i,className:s=""}=e,[l,d]=(0,n.useState)(!1),u=(0,o.qO)((0,o.Dp)(i)),p=JSON.stringify(i,void 0,2),h=a()("btn btn-info btn-sm z-index-5",{active:l});return(0,r.jsxs)("div",{className:"mb-5 example-entry",children:[(0,r.jsxs)("div",{className:"d-flex justify-content-between p-3 align-items-center",children:[(0,r.jsx)("h5",{children:t}),(0,r.jsx)("button",{type:"button",className:h,onClick:()=>d(!l),children:"</> JSON"})]}),(0,r.jsx)("div",{style:{border:"1px dashed #ccc"},className:s,children:l?(0,r.jsx)("pre",{className:"json",children:p}):(0,r.jsx)(c.Z,{document:u})})]})}},48738:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return m},default:function(){return g}});var r=i(85893);i(67294);var s=i(47058),a=i(72427),n=i(86012),o=i(79809),c=i(65211);let l={url:"/",heroImage:(0,n.jM)(n.Vm.Landscape),cardImage:(0,n.jM)(n.Vm.Portrait),publishedDate:new Date().toString()},d=(e,t)=>({title:e,slug:t,tagId:"articleTopic:".concat(e,"__").concat(t)}),u=a.P9.pageArticle("_headlessCms",{...l,url:void 0,title:"Headless CMS",snippet:(0,c.qO)((0,c.An)("Cloud-first headless CMSes are those that were also built with a multi-tenant cloud model at their core and whose vendors promote software as a service (SaaS)")),category:{title:"Headless CMS",url:"/"},topics:[d("Google Headless CMS","google-headless-cms")]}

1),p=a.P9.pageArticle("_nextjs",{...l,title:"Next.js",snippet:(0,c.qO)((0,c.An)("Next.js is a React framework that enables several extra features, including server-side rendering and generating static websites")),category:{title:"Nextjs",url:"/"},topics:["Page Router","App Router"].map(e=>d(e,(0,o.Z)(e)))}),h=a.P9.pageArticle("_storybook",{...l,title:"Storybook",snippet:(0,c.qO)((0,c.An)("Storybook 8's priority is improving Storybook's compatibility and performance.")),category:{title:"Storybook",url:"/"},topics:[d("Storybook 8","storybook-8")]});var m=!0;function g(){let e=a.P9.articleList("_articleCards",{pageSize:3},{queriedArticles:{urlTemplate:"",page:1,pageSize:3,entries:{type:"Array",empty:!1,query:{name:"articles",params:{pageSize:3,page:2}},content:{items:[u,p,h],total:10}}}}),t=a.P9.articleList("_articleListCondensed",{...e.fields,style:"Condensed",cardsPerRow:{xs:1}},e.fields.extensions);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h1",{children:"Article List"}),(0,r.jsxs)("section",{className:"my-4",children:[(0,r.jsx)(s.Z,{entry:e,title:"Example - Article List"}),(0,r.jsx)(s.Z,{entry:t,title:"Example - Article List (Style: Condensed)"})]})]})}}},function(e){e.O(0,[2311,4380,8521,5756,408,6196,2888,9774,179],function(){return e(e.s=88136)}),_N_E=e.O()}]);