(self.webpackChunklite=self.webpackChunklite||[]).push([[6605],{3934:(e,n,t)=>{"use strict";t.d(n,{d:()=>m});var i=t(87329),a={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"GridPostPreviewImage_post"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"previewImage"},selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"GridPostPreviewImage_imageMetadata"}}]}}]}}].concat((0,i.Z)([{kind:"FragmentDefinition",name:{kind:"Name",value:"GridPostPreviewImage_imageMetadata"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ImageMetadata"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"focusPercentX"}},{kind:"Field",name:{kind:"Name",value:"focusPercentY"}},{kind:"Field",name:{kind:"Name",value:"alt"}}]}}]))},r=t(83940),o=t(14524),l=t(63009),d={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"GridPostPreviewContent_post"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"extendedPreviewContent"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"subtitle"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"GridPostPreviewImage_post"}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostPreviewFooter_post"}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostPreviewByLine_post"}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostPreviewInformation_post"}}]}}].concat((0,i.Z)(a.definitions),(0,i.Z)(r.m.definitions),(0,i.Z)(o.xO.definitions),(0,i.Z)(l.u.definitions))},s=t(3105),m={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"GridPostPreview_post"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Post"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"GridPostPreviewContent_post"}},{kind:"FragmentSpread",name:{kind:"Name",value:"PostPreviewContainer_post"}}]}}].concat((0,i.Z)(d.definitions),(0,i.Z)(s.J.definitions))}},82053:(e,n,t)=>{"use strict";t.d(n,{w:()=>B});var i=t(67294),a=t(94124),r=t(66604),o=t.n(r),l=t(599),d=t(77355),s=t(93310),m=t(52069),c=t(90586),u=t(87691),p=t(66411),v=t(14646),g=t(78870),k=t(97480),f=t(18634),w=t(21755),x=t(31889);function h(e){var n=e.dividerBreakpoints,t=e.dividerColor,a=(0,x.F)(),r=(0,l.a)();return i.createElement(f.y,{xl:n.includes(w.j.xl),lg:n.includes(w.j.lg),md:n.includes(w.j.md),sm:n.includes(w.j.sm),xs:n.includes(w.j.xs)},i.createElement(k.E,{marginTop:r?"0px":"32px",borderColor:null!=t?t:a.colorTokens.border.neutral.primary.base}))}var S=t(4381),F=t(46696),E=t(36001);function N(e,n){return e.includes(n)?"block":"none"}function P(e){return e?Math.round(e):e}function y(e){var n=e.post,t=e.scales,r=e.aspectRatio,o=void 0===r?S.Pr.ThreeToTwo:r,l=e.miroImgFetchedWidth,s=e.webp,m=e.freezeGifs,c=void 0!==m&&m,u=e.imgLoading,p=void 0===u?a.K.LAZY:u,v=(0,E.Il)(t),g=n.previewImage,k=n.title,f=(null==g?void 0:g.id)||"1*yuVzMhCJyDENbyhwAsrkwA.png",w=(0,F.W6)({miroId:f,width:l,strategy:F._S.Resample,freezeGifs:c,webp:!!s}),x=(null==g?void 0:g.alt)||k||"",h=function(e,n,t){return function(i){var a,r,o=null!==(a=P(n))&&void 0!==a?a:50,l=null!==(r=P(t))&&void 0!==r?r:50;return{width:"100%",borderRadius:"2px",aspectRatio:"string"==typeof e?S.FA[e]:{xs:S.FA[e.xs],sm:S.FA[e.sm],md:S.FA[e.md],lg:S.FA[e.lg],xl:S.FA[e.xl]},objectFit:"cover",objectPosition:"".concat(o,"% ").concat(l,"%"),backgroundColor:i.colorTokens.background.neutral.tertiary.base}}}(o,null==g?void 0:g.focusPercentX,null==g?void 0:g.focusPercentY);return i.createElement("div",{"aria-label":x||"Post Preview Image"},Object.keys(v).map((function(e){var n=v[e];return n.length?i.createElement(d.x,{display:{xs:N(n,"xs"),sm:N(n,"sm"),md:N(n,"md"),lg:N(n,"lg"),xl:N(n,"xl")},key:"grid-image-".concat(e)},i.createElement(a.E,{src:w,alt:x,rules:h,loading:p})):null})))}var C=t(7675),b=t(9842),I=t(90316),T=t(63254),A="image",G="content";function D(e){return new Array(12).fill(null).map(e).join(" ")}function L(e){switch(e){case"L":return'"'.concat(D((function(e,n){return n>=7?G:A})),'"');case"M":case"S":var n=D((function(){return A})),t=D((function(){return G}));return'"'.concat(n,'" "').concat(t,'"')}}var M=function(e,n){return{position:"relative",height:"100%",display:"grid",gridTemplateColumns:"repeat(12, 1fr)",gridTemplateRows:"auto 1fr",gap:e,gridTemplateAreas:n}},R=function(e){return{gridArea:e}},_={display:"flex",justifyContent:"center",flexDirection:"column"},j=function(e){var n,t,r=e.post,k=e.postUrl,f=e.scales,w=e.aspectRatio,x=e.showCollectionName,S=e.showAuthor,F=e.showDivider,N=e.dividerBreakpoints,P=e.dividerColor,D=e.miroImgFetchedWidth,j=e.webp,Z=void 0!==j&&j,B=e.freezeGifs,O=e.prependOverflowMenuItems,z=e.imgLoading,W=void 0===z?a.K.LAZY:z,K=(0,l.a)(),U=(0,v.I)(),Y=(0,p.pK)(),J=r.title,V=null==r||null===(n=r.extendedPreviewContent)||void 0===n?void 0:n.subtitle,X=(0,E.L)((t=K,{S:{subElementSpacing:"16px",titleScale:"S",titleClamp:2,gridTemplateAreas:L("S"),gap:"24px 0",hasDivider:!0,flexGrowTitle:"1"},M:{subElementSpacing:t?"16px":"20px",titleScale:"M",titleClamp:2,gridTemplateAreas:L("M"),gap:"32px 0",hasDivider:!0,flexGrowTitle:"1"},L:{subElementSpacing:"24px",titleScale:"L",titleClamp:3,gridTemplateAreas:L("L"),gap:"0 56px",hasDivider:!1,flexGrowTitle:void 0}}),f),H=o()(X,(function(e){return e.subElementSpacing})),Q=o()(X,(function(e){return e.titleScale})),q=o()(X,(function(e){return e.titleClamp})),$=o()(X,(function(e){return e.gap})),ee=o()(X,(function(e){return e.gridTemplateAreas})),ne=o()(X,(function(e){return e.hasDivider})),te=o()(X,(function(e){return e.flexGrowTitle})),ie=J&&J.length>70,ae=F&&ne,re=J||V?K?"12px":H:void 0;return i.createElement("div",{className:U(M($,ee)),role:"link","data-href":k,tabIndex:0,onKeyDown:function(e){e&&"Enter"===e.key&&window.location.assign((0,g.Rk)(k,{source:Y}))}},i.createElement("div",{className:U(R(A))},i.createElement(y,{post:r,scales:f,aspectRatio:w,miroImgFetchedWidth:D,webp:Z,freezeGifs:B,imgLoading:W})),i.createElement("div",{className:U([R(G),_])},i.createElement(C.J,{rules:{display:"flex",flexDirection:"column",flexGrow:1}},i.createElement(i.Fragment,null,i.createElement(b.G,{post:r,marginBottom:H,showCollectionName:x,showAuthor:S}),i.createElement(d.x,{wordBreak:"break-word",paddingBottom:re,flexGrow:te},i.createElement(C.r,null,i.createElement(s.r,{href:k},J&&i.createElement("div",{title:ie?J:""},i.createElement(m.Dx,{scale:Q,clamp:q},J)),V&&i.createElement(d.x,{paddingTop:"8px"},i.createElement(c.QE,{scale:"S",clamp:2},V))))),K?i.createElement(u.F,{scale:"S",tag:"span"},i.createElement(I.u,{type:I.t.GRID,post:r,postUrl:k,scales:f,prependOverflowMenuItems:O,isCondensedFooter:!0})):i.createElement(i.Fragment,null,i.createElement(u.F,{scale:"S",tag:"span"},i.createElement(d.x,{display:"flex",alignItems:"center"},i.createElement(T.O,{post:r,isShorthand:!0}))),i.createElement(d.x,{paddingTop:H},i.createElement(I.u,{type:I.t.GRID,post:r,postUrl:k,scales:f,prependOverflowMenuItems:O}))),ae&&i.createElement(h,{dividerBreakpoints:N,dividerColor:P})))))},Z=t(69935);function B(e){var n=e.post,t=e.index,r=e.lastIndex,o=e.presentationTrackerReferrerSource,l=e.scale,d=e.aspectRatio,s=e.showCollectionName,m=e.showAuthor,c=e.dividerBreakpoints,u=e.dividerColor,p=e.miroImgFetchedWidth,v=e.webp,g=void 0!==v&&v,k=e.freezeGifs,f=e.prependOverflowMenuItems,w=e.imgLoading,x=void 0===w?a.K.LAZY:w,h="string"==typeof l?(0,E.n0)(l):l;return i.createElement(Z.V,{post:n,presentationTrackerReferrerSource:o,index:t,isFullHeight:!0},(function(e){var a=e.postUrl;return i.createElement(j,{post:n,postUrl:a,scales:h,aspectRatio:d,showDivider:t!==r,showCollectionName:s,showAuthor:m,dividerBreakpoints:c,dividerColor:u,miroImgFetchedWidth:p,webp:g,freezeGifs:k,prependOverflowMenuItems:f,imgLoading:x})}))}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/6605.84e81b15.chunk.js.map