https://www.berrycast.com/assets/BlogIndex.48f08297.js

1import{C as p,V as E,n as _,h,y as M,P as x,U as y,b8 as C,k as D,g as O,b4 as R,ag as F,b9 as H}from"./index.8c7e38b2.js";import{I as q}from"./InfiniteScroller.bedd6de6.js";import{W as n}from"./WordpressService.c09a1438.js";import{_ as z}from"./default_thumbnail.6f7d6858.js";import{_ as N}from"./ico-arrow-right.7f6f88bb.js";var U=Object.defineProperty,V=Object.getOwnPropertyDescriptor,W=(e,s,t,a)=>{for(var r=a>1?void 0:a?V(s,t):s,o=e.length-1,l;o>=0;o--)(l=e[o])&&(r=(a?l(s,t,r):l(r))||r);return a&&r&&U(s,t,r),r};let f=class extends E{};f=W([p],f);var Z=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("svg",{attrs:{width:"104",height:"104",viewBox:"0 0 104 104",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[t("path",{attrs:{d:"M52.0331 104C62.3115 103.978 72.3531 100.912 80.8911 95.1891C89.429 89.4663 96.0808 81.343 100.007 71.8441C103.934 62.3451 104.959 51.8961 102.953 41.8152C100.948 31.7342 96.002 22.473 88.7391 15.2C82.6876 9.15852 75.2396 4.70262 67.0548 2.22698C58.87 -0.248671 50.2009 -0.667666 41.8155 1.0071C33.4301 2.68187 25.5871 6.39871 18.9812 11.8284C12.3752 17.2581 7.21027 24.2331 3.94372 32.1357C0.677168 40.0382 -0.590144 48.6243 0.25403 57.1335C1.0982 65.6428 4.02781 73.8126 8.78337 80.9192C13.5389 88.0259 19.9737 93.8501 27.5177 97.8761C35.0616 101.902 43.4821 104.005 52.0331 104ZM21.7741 21.774C27.7588 15.7894 35.3838 11.7138 43.6848 10.0627C51.9858 8.41158 60.59 9.25907 68.4094 12.498C76.2287 15.7369 82.912 21.2218 87.6142 28.2591C92.3163 35.2963 94.826 43.5699 94.826 52.0335C94.826 60.4971 92.3163 68.7707 87.6142 75.8079C82.912 82.8452 76.2287 88.3301 68.4094 91.569C60.59 94.8079 51.9858 95.6554 43.6848 94.0043C35.3838 92.3532 27.7588 88.2776 21.7741 82.293C13.7616 74.2608 9.26193 63.3787 9.26193 52.0335C9.26193 40.6882 13.7616 29.8061 21.7741 21.774Z"}}),t("path",{attrs:{d:"M35.5881 77.688C36.8716 77.6615 38.0961 77.1436 39.0091 76.241L56.1091 57.691C56.8999 56.8326 57.3246 55.6997 57.2931 54.533V29.663C57.2931 28.4418 56.808 27.2706 55.9445 26.4071C55.0809 25.5436 53.9098 25.0585 52.6886 25.0585C51.4674 25.0585 50.2962 25.5436 49.4327 26.4071C48.5692 27.2706 48.0841 28.4418 48.0841 29.663V52.823L32.1651 69.923C31.3469 70.8137 30.9152 71.9924 30.9645 73.2008C31.0138 74.4093 31.5401 75.5489 32.4281 76.37C32.8356 76.7955 33.3266 77.1323 33.8704 77.3591C34.4142 77.5859 34.999 77.6979 35.5881 77.688Z"}})])},X=[];const B={};var K=_(f,Z,X,!1,G,null,null,null);function G(e){for(let s in B)this[s]=B[s]}var A=function(){return K.exports}(),J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,Y=(e,s,t,a)=>{for(var r=a>1?void 0:a?Q(s,t):s,o=e.length-1,l;o>=0;o--)(l=e[o])&&(r=(a?l(s,t,r):l(r))||r);return a&&r&&J(s,t,r),r};let g=class extends h(x){constructor(){super(...arguments),this.currentPageIndex=+this.$route.query.page||1,this.totalPages=1,this.categories=[],this.selectedCategory=null,this.posts=[],this.stickies=[],this.perPageLimit=8}async mountedAndInitializedData(){const e=this.$t("page.Blog.metatags");M.setMetaTags([...e])}async initializeData(){const e=await n.fetch("/wp/v2/categories?hide_empty=1"),s=await n.fetch("/wp/v2/posts?sticky=true");this.stickies=s.data,this.categories=e.data}async loadMore(){if(this.currentPageIndex>this.totalPages)return[];if(this.$route.params.category&&!this.selectedCategory){const s=await n.fetch(`/wp/v2/categories?slug=${this.$route.params.category}`),[t]=s.data;this.selectedCategory=t}const e=await n.fetch(`/wp/v2/posts?page=${this.currentPageIndex}&per_page=${this.perPageLimit}&sticky=false${this.selectedCategory?`&categories=${this.selectedCategory.id}`:""}`);return this.totalPages=Math.max(1,e.headers["x-wp-totalpages"]-1),++this.currentPageIndex,e.data}};g=Y([p({components:{IconClock:A,InfiniteScroller:q,UiButton:y,Title:C,UiAvatar:D}})],g);var ee=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",{staticClass:"flex flex-col gap-8"},[e.stickies?t("div",[t("div",{staticClass:"max-w-screen-xl mx-auto lg:px-14 flex flex-col gap-12"},e._l(e.stickies,function(a){return t("article",{key:a.id,staticClass:"flex relative flex-col-reverse sm:gap-20 sm:flex-row hover:bg-white/80 rounded-3xl transition-all duration-150 bg-slate-100"}

1,[t("div",{staticClass:"self-center sm:w-1/2 p-8"},[t("Title",{attrs:{size:"4"}},[t("router-link",{staticClass:"no-underline text-black after:content-[''] after:block after:absolute after:w-full after:h-full after:top-0 after:left-0",attrs:{to:{name:"Blog",params:{slug:a.slug}}},domProps:{innerHTML:e._s(a.title.rendered)}})],1),t("div",{staticClass:"flex gap-2 mt-5 text-sm"},[t("UiAvatar",{attrs:{image:a.author_data.avatar}}),t("div",[t("div",[t("strong",[e._v(e._s(a.author_data.name))])]),t("div",{staticClass:"flex gap-2 text-xs"},[t("span",{staticClass:"font-medium"},[e._v(" "+e._s(a.formatted_date))]),t("span",[e._v(e._s(a.reading_time)+" read")])])])],1)],1),t("figure",{staticClass:"rounded-3xl overflow-hidden sm:w-1/2 shadow-xl"},[a.featured_image_data?t("img",{staticClass:"w-full h-full object-cover ",attrs:{src:a.featured_image_data.src}}):e._e()])])}),0)]):t("header",[t("div",{staticClass:"max-w-screen-xl mx-auto lg:px-14"},[e._t("header")],2)]),e.categories.length>0?t("div",{staticClass:"max-w-screen-xl mx-auto lg:px-14 my-6"},[t("div",{staticClass:"flex flex-wrap gap-2"},[t("div",[t("router-link",{attrs:{to:{name:"Blog"},exact:""},scopedSlots:e._u([{key:"default",fn:function(a){var r=a.isActive,o=a.href,l=a.navigate;return[t("a",{staticClass:"p-2 px-3 rounded-lg no-underline text-sm block  hover:bg-layout-secondary-400 hover:text-white",class:{"bg-layout-secondary-400 text-white":r,"bg-layout-primary/5":!r},attrs:{href:o},on:{click:l}},[e._v("All")])]}}],null,!1,3498543398)})],1),e._l(e.categories,function(a){return t("div",{key:a.id},[t("router-link",{attrs:{to:{name:"BlogCategory",params:{category:a.slug}}},scopedSlots:e._u([{key:"default",fn:function(r){var o=r.isActive,l=r.href,i=r.navigate;return[t("a",{staticClass:"p-2 px-3 rounded-lg no-underline text-sm block hover:bg-layout-secondary-400 hover:text-white",class:{"bg-layout-secondary-400 text-white":o,"bg-layout-primary/5":!o},attrs:{href:l},on:{click:i}},[e._v(e._s(a.name))])]}}],null,!0)})],1)})],2)]):e._e(),t("InfiniteScroller",{directives:[{name:"show",rawName:"v-show",value:e.pageReady,expression:"pageReady"}],staticClass:"max-w-screen-xl mx-auto lg:px-14 flex flex-wrap items-start w-full",attrs:{list:e.posts,loadMore:e.loadMore,limit:e.perPageLimit}},e._l(e.posts,function(a){return t("article",{key:a.id,staticClass:"w-full sm:w-1/2 md:w-1/3 p-3 relative "},[t("div",{staticClass:"rounded-3xl overflow-hidden h-full flex flex-col shadow-none transition-all bg-slate-100 duration-150 hover:bg-white/80"},[t("figure",{staticClass:"rounded-3xl overflow-hidden  aspect-[1332/905]"},[a.featured_image_data?t("img",{staticClass:"w-full h-full object-cover ",attrs:{src:a.featured_image_data.src}}):t("img",{staticClass:"w-full h-full object-cover ",attrs:{src:z}})]),t("div",{staticClass:"p-3 flex flex-col h-full"},[e._l(a.categories,function(r){return e.$route.meta.name==="Blog"?t("div",[t("router-link",{staticClass:"c-link -xs -primary",attrs:{to:{name:"BlogCategory",params:{category:r.slug}}}},[e._v(e._s(r.name))])],1):e._e()}),t("Title",{attrs:{size:"6"}},[t("router-link",{staticClass:"no-underline text-black after:content-[''] after:block after:absolute after:w-full after:h-full after:top-0 after:left-0 line-clamp-3",attrs:{to:{name:"Blog",params:{slug:a.slug}}},domProps:{innerHTML:e._s(a.title.rendered)}})],1),t("div",{staticClass:"flex gap-2 mt-5 text-sm"},[t("UiAvatar",{attrs:{image:a.author_data.avatar}}),t("div",[t("div",[t("strong",[e._v(e._s(a.author_data.name))])]),t("div",{staticClass:"flex gap-2 text-xs"},[t("span",{staticClass:"font-medium"},[e._v(" "+e._s(a.formatted_date))]),t("span",[e._v(e._s(a.reading_time)+" read")])])])],1)],2)])])}),0)],1)},te=[];const S={};var ae=_(g,ee,te,!1,se,"55f0b574",null,null);function se(e){for(let s in S)this[s]=S[s]}var re=function(){return ae.exports}(),oe=Object.defineProperty,le=Object.getOwnPropertyDescriptor,L=(e,s,t,a)=>{for(var r=a>1?void 0:a?le(s,t):s,o=e.length-1,l;o>=0;o--)(l=e[o])&&(r=(a?l(s,t,r):l(r))||r);return a&&r&&oe(s,t,r),r};let u=class extends h(x){constructor(){super(...arguments),this.post=null}scrollToHash(e){var s;(s=document.querySelector(`${e}`))==null||s.scrollIntoView({behavior:"smooth"})}async initializeData(){if(this.$route.params.slug){const e=await n.fetch(`/wp/v2/

1posts?slug=${this.$route.params.slug}`);this.post=e.data[0]}}async mountedAndInitializedData(){var a,r,o,l,i,c,d,b,w,$,P;this.title=(a=this.post)==null?void 0:a.title.rendered;const e=[{name:"description",content:(r=this.post)==null?void 0:r.yoast_head_json.description},{property:"og:title",content:(o=this.post)==null?void 0:o.yoast_head_json.og_title},{property:"og:description",content:(l=this.post)==null?void 0:l.yoast_head_json.og_description}];(i=this.post)!=null&&i.yoast_head_json.og_image&&(e.push({property:"og:image:width",content:(d=(c=this.post)==null?void 0:c.yoast_head_json.og_image[0])==null?void 0:d.width}),e.push({property:"og:image:height",content:(w=(b=this.post)==null?void 0:b.yoast_head_json.og_image[0])==null?void 0:w.height}),e.push({property:"og:image",content:(P=($=this.post)==null?void 0:$.yoast_head_json.og_image[0])==null?void 0:P.url})),M.setMetaTags(e);const s=this.postContainer.querySelectorAll('a[href^="#"]'),t=this.$route.hash;t&&this.scrollToHash(t),s.forEach(I=>{I.addEventListener("click",m=>{if(m.preventDefault(),m.target instanceof HTMLAnchorElement){const k=m.target.getAttribute("href")||"";this.scrollToHash(k)}})}),this.handleForm()}handleForm(){const e=this.postContainer.querySelectorAll("form");for(const s of e)s.addEventListener("submit",this.onSubmitForm)}async onSubmitForm(e){var o,l;e.preventDefault();const s=e.target,t=s.elements,a=new FormData;for(const i of t)(i.tagName==="INPUT"&&i.type!=="submit"||i.tagName==="SELECT"||i.tagName==="TEXTAREA")&&a.append(i.name,i.value);let r=`Hi,
2
3We received a new message from one of the form(s) on our website.
4
5`;r+=`Here is the content of the form:
6
7`,r+=`URL: ${location.href}
8
9`,r+=`Submission Date: ${new Date().toISOString()}
10
11`;for(const[i,c]of a.entries())["_acf_screen","_acf_post_id","_acf_validation","_acf_nonce","_acf_changed"].some(d=>i.includes(d))||(r+=`${i}: ${c}
12`);r+=`
13
14This email was sent automatically. Do not reply.
15
16`,await O.post({url:"/contact-form",data:{name:"Berrycast",email:"[email protected]",subject:"New form submission from our website",message:r}}),(l=(o=s.closest(".magnet"))==null?void 0:o.querySelector(".messages"))==null||l.classList.add("is-success"),this.$AnalyticsTracker.track({eventName:"Magnet Lead Form Submission",properties:{url:location.href},onlyIntegrations:[R.MIXPANEL]})}};L([F()],u.prototype,"postContainer",2);u=L([p({components:{UiAvatar:D,IconBack:H,IconClock:A,UiButton:y,Title:C}})],u);var ie=function(){var e=this,s=e.$createElement,t=e._self._c||s;return e.pageReady?t("div",[e.post?t("article",{staticClass:"max-w-screen-xl mx-auto lg:px-14"},[t("header",[t("div",{staticClass:"max-w-4xl mx-auto mb-8"},[t("router-link",{staticClass:"text-sm no-underline text-layout-primary flex gap-1 items-center mb-2",attrs:{to:{name:"Blog"}}},[t("inline-svg",{staticClass:"text-layout-shade mr-1 h-auto w-4 rotate-180",attrs:{src:N}}),e._v("Back to Blog")],1),t("Title",{domProps:{innerHTML:e._s(e.post.title.rendered)}}),t("div",{staticClass:"flex gap-2 mt-5 text-sm"},[t("UiAvatar",{attrs:{image:e.post.author_data.avatar}}),t("div",{staticClass:"flex gap-8 items-center"},[t("strong",[e._v("by "+e._s(e.post.author_data.name))]),t("div",{staticClass:"flex gap-2 text-xs"},[t("span",[e._v(e._s(e.post.reading_time)+" read")])])])],1),t("ul",{staticClass:"flex items-center leading-none gap-3 mt-4"})],1)]),t("section",{ref:"postContainer"},[t("div",{staticClass:"mx-auto max-w-5xl flex flex-col gap-12"},[e.post.featured_image_data?t("figure",{staticClass:"w-full overflow-hidden bg-slate-50 rounded-3xl aspect-[1332/905]"},[t("img",{staticClass:"w-full w-full h-full object-cover object-center",attrs:{src:e.post.featured_image_data.src}})]):e._e(),e.post.acf["acf-display-toc"]&&e.post.toc.length>0?t("div",{staticClass:"w-full mx-auto max-w-3xl border border-layout-primary/10 rounded-3xl p-6 text-base"},[t("span",{staticClass:"font-heading font-bold block mb-2"},[e._v("Table of Contents")]),t("ul",{staticClass:"list-disc pl-5 space-y-1.5 marker:text-layout-secondary-400"},e._l(e.post.toc,function(a,r){return t("li",{key:r,style:{"margin-left":(a.level-2)*20+"px"}},[t("a",{staticClass:"text-black",attrs:{href:"#"+a.title.sanitized}},[e._v(e._s(a.title.rendered))])])}

16),0)]):e._e(),e.post.content?t("div",{staticClass:"prose marker:prose-ul:text-layout-secondary-400 prose-headings:font-heading lg:prose-xl mx-auto max-w-3xl prose-slate prose-blockquote:text-layout-primary prose-a:bg-layout-secondary-400/5 prose-a:no-underline prose-a:border-b-2 prose-a:text-layout-primary prose-a:border-b-layout-secondary-400 hover:prose-a:bg-layout-secondary-400 hover:prose-a:text-white prose-table:overflow-auto prose-hr:border-white prose-hr:border-2 prose-hr:rounded-full prose-blockquote:border-layout-primary/30 prose:thead:border-b prose-thead:bg-layout-secondary-400/20 prose-thead:border-b-layout-primary/30 prose-td:border-b-layout-primary prose-table:bg-white/90  prose-td:p-3 prose-th:p-3 prose-table:border-b-4 prose-table:border-b-layout-secondary-400/20 prose-thead:text-white",domProps:{innerHTML:e._s(e.post.content.rendered)}}):e._e()]),t("div",{staticClass:"text-center mt-20"},[t("ui-button",{attrs:{to:{name:"Blog"},variant:"secondary",size:"lg"}},[t("icon-back",{staticClass:"fill-current w-5 h-auto mr-2"}),e._v(" Back to blog home")],1)],1)])]):e._e()]):e._e()},ne=[];const T={};var ce=_(u,ie,ne,!1,de,"341b6450",null,null);function de(e){for(let s in T)this[s]=T[s]}var ue=function(){return ce.exports}(),pe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,me=(e,s,t,a)=>{for(var r=a>1?void 0:a?_e(s,t):s,o=e.length-1,l;o>=0;o--)(l=e[o])&&(r=(a?l(s,t,r):l(r))||r);return a&&r&&pe(s,t,r),r};let v=class extends h(x){get layout(){return this.$route.params.slug?"BlogSinglePost":"BlogListing"}};v=me([p({components:{UiButton:y,BlogSinglePost:ue,BlogListing:re,Title:C}})],v);var fe=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",{staticClass:"c-page-wrapper"},[t("div",{staticClass:"o-container -center pt-32"},[t("div",{staticClass:"blog mb-48"},[t(e.layout,{tag:"component",attrs:{pageErrorCode:e.errorCode,pageTitle:e.title},on:{"update:pageErrorCode":function(a){e.errorCode=a},"update:page-error-code":function(a){e.errorCode=a},"update:pageTitle":function(a){e.title=a},"update:page-title":function(a){e.title=a}}},[t("template",{slot:"header"},[t("Title",[e._v("We love a good article on the latest communication trends.")]),t("p",{staticClass:"text-xl mt-5"},[e._v("Sure, we love videos. But that doesn\u2019t mean we don\u2019t appreciate a good ol\u2019 article once in a while. Read the latest on communication trends here.")])],1)],2)],1)])])},ge=[];const j={};var ve=_(v,fe,ge,!1,he,"0d407f72",null,null);function he(e){for(let s in j)this[s]=j[s]}var $e=function(){return ve.exports}();export{$e as default};