1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[171],{19955:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return N},default:function(){return w}});var r=a(11163),n=a(67294),s=a(34924),i=a(21608),o=a(31555),l=a(11358),c=a.n(l),d=a(89583),u=a(41664),g=a.n(u),h=a(29333),p=a(25675),m=a.n(p),x=a(69274),v=a(85893),b=function(e){var t,a,r,n,s,i,o,l,c,d,u,p,b=e.post,j=(null===b||void 0===b||null===(t=b.attributes)||void 0===t||null===(a=t.category)||void 0===a||null===(r=a.data)||void 0===r||null===(n=r.attributes)||void 0===n||null===(s=n.slug)||void 0===s||s.toLowerCase(),null===b||void 0===b||null===(i=b.attributes)||void 0===i||null===(o=i.sub_category)||void 0===o||null===(l=o.data)||void 0===l||null===(c=l.attributes)||void 0===c||c.subCategory,null===b||void 0===b||null===(d=b.attributes)||void 0===d||null===(u=d.author)||void 0===u||null===(p=u.data)||void 0===p||p.attributes,"web-stories/"+b.attributes.slug);return(0,v.jsx)("div",{className:"ws-postcard",children:(0,v.jsxs)("div",{className:"card",children:[(0,v.jsxs)("div",{className:"image",style:{position:"relative"},children:[(0,v.jsx)(x.xLL,{className:"web-story-icon",style:{position:"absolute",top:"20px",right:"20px",fontSize:"35px",color:"#ffffff",zIndex:"1",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.5)",padding:"6px",transform:"rotate(90deg)"}}),(0,v.jsx)(g(),{href:j,legacyBehavior:!0,children:(0,v.jsx)("a",{className:"card-link-style",target:"_blank",rel:"noopener noreferrer",children:(0,v.jsx)(m(),{src:b.attributes.Cover.coverImage.data.attributes.url,className:"card-img img-responsive",alt:b.attributes.Cover.coverImage.data.attributes.alternativeText,style:{borderRadius:"0px"},layout:"fill",objectFit:"cover",priority:"false",unoptimized:!0})})})]}),(0,v.jsxs)("div",{className:"card-body",children:[(0,v.jsx)(g(),{href:j,legacyBehavior:!0,children:(0,v.jsx)("a",{className:"card-link-style",target:"_blank",rel:"noopener noreferrer",children:(0,v.jsx)("h5",{className:"summary",children:b.attributes.PostTitle})})}),(0,v.jsx)(h.Z,{pageHeader:!0,date:b.attributes.createdAt})]})]})})},j=(0,r.withRouter)((function(e){var t=e.router,a=e.posts,r=e.paginationMeta,l=e.children,u=e.category,g=e.tagHeader,h=(0,n.useState)(r.pagination.page),p=(h[0],h[1]);return(0,v.jsxs)(s.Z,{shadow:"",path:t.pathname,children:[g&&g,(0,v.jsxs)("div",{className:"blog-main-card container",children:[0===a.length?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("h2",{style:{color:"#216f9e"},children:"Post coming soon..."}),(0,v.jsx)("img",{src:"/assets/image/coming-soon.jpg",style:{width:"35%",margin:"0px 0"}})]}):(0,v.jsx)(v.Fragment,{}),l,(0,v.jsx)(i.Z,{children:a.map((function(e,t){return(0,v.jsx)(o.Z,{lg:2,md:12,sm:12,children:(0,v.jsx)(b,{post:e})},t)}))}),(0,v.jsx)("div",{className:"pagination",children:(0,v.jsx)(c(),{breakLabel:"...",nextLabel:(0,v.jsx)(d.Dli,{}),onPageChange:function(e){u&&(p(e.selected+1),t.push("web-stories?page=".concat(e.selected+1)))},pageRangeDisplayed:5,pageCount:r.pagination.pageCount,marginPagesDisplayed:3,previousLabel:(0,v.jsx)(d.bUI,{}),renderOnZeroPageCount:null})})]})]})})),f=a(2962),y=a(66553),N=!0,w=(0,r.withRouter)((function(e){var t,a=e.posts,r=e.paginationMeta,n=e.metaTitle,s=e.metaDescription;e.category;var i=(0,v.jsx)(y.Z,{category:"Web Stories",postCount:null===r||void 0===r||null===(t=r.pagination)||void 0===t?void 0:t.total});return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(f.PB,{title:n,description:s}),(0,v.jsx)(j,{posts:a,paginationMeta:r,category:"web-story",tagHeader:i}),(0,v.jsx)("style",{type:"text/css",children:"\n .breadcrumb {\n background-color: inherit;\n border-radius: 0;\n text-transform: uppercase;\n margin-bottom: 40px;\n padding: 0px;\n }\n\n .breadcrumb a {\n color: red;\n }\n\n .breadcrumb-item.active {\n color: var(--primary-text) !important;\n }\n "})]})}))},66553:function(e,t,a){"use strict";a(67294);var r=a(85893);t.Z=function(e){var t=e.tag,a=e.postCount,n=e.category;return(0,r.jsx)("div",{className:"tag-header",children:(0,r.jsxs)("div",{className:"tag-header-content",children:[t&&(0,r.jsx)("span",{className:"tag-label",children:"Tagged in"}),n&&(0,r.jsx)("h1",{className:"tag-title",children:n}),!n&&(0,r.jsxs)("h1",{className:"tag-title",children:["#",t]}),a&&(0,r.jsxs)("span",{className:"post-count",children:[a," articles"]})]})})}},29333:function(e,t,a){"use strict";a(67294);var r=a(41664),n=a.n(r),s=a(54327),i=a(85893);t.Z=function(e){var t=e.author,a=e.slug,r=e.category,o=(e.pageHeader,e.date),l=(e.updateDate,e.photo),c=(e._link,l||"https://ik.imagekit.io/easemp/emp/images/author_placeholder_4ea168d8a5_BJ6kwDGvf.jpg"),d=l?(0,i.jsx)("span",{children:(0,i.jsx)("img",{src:c,alt:t||"Author Image",style:{width:"25px",height:"25px",borderRadius:"20px",objectFit:"cover",marginRight:"10px"}})}):null,u=t?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(n(),{href:"/author/".concat(a),children:[d,(0,i.jsx)("span",{className:"author",children:t})]})}):(0,i.jsx)(i.Fragment,{}),g=r?(0,i.jsx)("span",{className:"reading-time",children:r}):null,h=i.Fragment;return h=o?(0,i.jsx)("span",{className:"date_time",children:(0,s.tK)(o)}):null,(0,i.jsx)("div",{className:"author-body",children:(0,i.jsx)("div",{style:{fontSize:"13px"},children:(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[u,g,h]})})})}},54327:function(e,t){t.tK=function(e){var t=new Date,a=new Date(e),r=t-a,n=Math.ceil(r/36e5);if(n<24)return"".concat(n," hour").concat(1!==n?"s":""," ago");if(n>=24&&n<192)return"".concat(Math.floor(n/24)," day ago");return a.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})},t.c7=function(e){for(var t=["a","an","the","and","but","or","nor","for","so","yet","in","on","by","with","without","as","at","is","it"],a=e.split(" "),r=0;r<a.length;r++){var n=a[r];0!==r&&t.includes(n)||(a[r]=n.charAt(0).toUpperCase()+n.slice(1))}return a.join(" ")}},6473:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/web-stories",function(){return a(19955)}])}},function(e){e.O(0,[445,827,717,675,674,924,774,888,179],(function(){return t=6473,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
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.