https://www.hartfamilyorthodontics.com/_nuxt/BM9D7mqy.js

1import{Y as d,o as s,g as r,m as o,G as l,E as g,B as c,C as m,D as p,w as f,h as u,H as k,_ as v,p as x,Z as w}from"./dUbbnCVm.js";import B from"./BleUpmV_.js";import"./11_fAWqd.js";const C={class:"block-masonary-grid"},T={class:"block-masonary-grid__content"},H=["innerHTML"],L=["innerHTML"],M=["innerHTML"],E=["innerHTML"];function I(i,a,t,z,N,h){const y=d("BlockButton"),_=d("BaseImage"),b=v;return s(),r("section",C,[o("div",{class:l(["block-masonary-grid__container",{"block-masonary-grid__container--reverse":t.props.reverse_row}])},[o("div",{class:l(["block-masonary-grid__col-left",{"block-masonary-grid__col-left--small":t.props.items.length>4}])},[o("div",T,[t.props.title?(s(),r("h2",{key:0,class:"block-masonary-grid__title",innerHTML:t.props.title,ref:"theTitle"},null,8,H)):g("",!0),(s(!0),r(c,null,m(t.props.paragraphs,(e,n)=>(s(),r("p",{class:"block-masonary-grid__paragraph",key:`masonary-grid-text-${n}`,innerHTML:e.text,ref_for:!0,ref:"paragraphs"},null,8,L))),128)),t.props.button.label?(s(),p(y,{key:1,class:"block-masonary-grid__cta",props:t.props.button,onClick:h.handleCtaClick},null,8,["props","onClick"])):g("",!0)])],2),o("div",{class:l(["block-masonary-grid__col-right",{"block-masonary-grid__col-right--large":t.props.items.length>4}])},[t.props.links?(s(),r("div",{key:0,class:l(["block-masonary-grid__grid",`block-masonary-grid__grid--${t.props.items.length}`])},[(s(!0),r(c,null,m(t.props.items,(e,n)=>(s(),p(b,{class:"block-masonary-grid__item",key:`masonary-grid-item-link-${n}`,to:e.path+(e.hash?e.hash:""),"aria-label":e.title},{default:f(()=>[a[0]||(a[0]=o("div",{class:"block-masonary-grid__overlay"},null,-1)),a[1]||(a[1]=o("div",{class:"block-masonary-grid__overlay--hover"},null,-1)),u(_,k({class:"block-masonary-grid__image"},{ref_for:!0},e.image,{imageBackground:"",sizes:"(max-width: 767px) 100vw, (max-width: 1199px) 50vw, 33vw"}),null,16),o("h3",{class:"block-masonary-grid__grid-title",innerHTML:e.title},null,8,M)]),_:2},1032,["to","aria-label"]))),128))],2)):(s(),r("div",{key:1,class:l(["block-masonary-grid__grid",`block-masonary-grid__grid--${t.props.items.length}`])},[(s(!0),r(c,null,m(t.props.items,(e,n)=>(s(),r("div",{class:"block-masonary-grid__item",key:`masonary-grid-item-${n}`},[a[2]||(a[2]=o("div",{class:"block-masonary-grid__overlay"},null,-1)),u(_,k({class:"block-masonary-grid__image"},{ref_for:!0},e.image,{imageBackground:"",sizes:"(max-width: 767px) 100vw, (max-width: 1199px) 50vw, 33vw"}),null,16),o("h3",{class:"block-masonary-grid__grid-title",innerHTML:e.title},null,8,E)]))),128))],2))],2)],2)])}const O={components:{BlockButton:B},mixins:[w],props:{props:{type:Object,default:()=>({})}},mounted(){this.props.title&&this.titleAnimation(),this.$refs.paragraphs.forEach((i,a)=>{this.$_fadeUpIn(i,48,"center+48")}),this.props.has_button&&this.$_fadeUpIn(".block-masonary-grid__cta",32,"bottom")},methods:{handleCtaClick(){},titleAnimation(){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;this.$CustomEase._lookup.customEaseOut||this.$CustomEase.create("customEaseOut","0.23, 1, 0.32, 1");const i=this.$refs.theTitle,a=this.$gsap.timeline({scrollTrigger:{trigger:i,start:"bottom bottom"}}),t=new this.$SplitText(i,{type:"lines"});a.from(t.lines,{y:"32",opacity:0,duration:1,stagger:.115,ease:"customEaseOut"})}}},A=x(O,[["render",I]]);export{A as default};