https://www.matboardandmore.com/index.module-MBULTJST.js

1import{d as Z}from"./chunk-XALUPYID.js";import"./chunk-R5EBAXT6.js";import{Aa as A,Ba as F,Bd as H,Da as T,Ea as _,Ed as $,Fa as M,G as f,Ga as r,Ha as o,Ia as s,Ie as W,Ja as c,Je as X,Ke as Y,Lf as et,M as g,N as p,Qa as b,Sa as u,Se as J,T as P,Ua as d,Ve as K,Ya as S,Ye as tt,Za as j,Zb as V,_a as z,_b as w,aa as I,ca as v,cb as B,da as D,db as y,fb as L,fe as G,ga as i,ge as U,ma as h,pa as C,qa as x,sb as R,ue as q,ve as Q,wd as E,x as O,xa as k,zd as N}from"./chunk-CIBUGQLF.js";var rt=["heroImage"],ot=e=>({"fade-in":e}),ct=(e,m)=>m.tagLine;function dt(e,m){if(e&1&&(o(0,"div")(1,"button",18),y(2),s()()),e&2){let t=d().$implicit;i(),r("routerLink",t.actionButton.url),i(),L(" ",t.actionButton.text," ")}}function st(e,m){if(e&1){let t=b();o(0,"a",19),u("click",function(){let a=g(t).$index,l=d(2);return p(l.setActiveIndex(a))}),c(1,"mat-icon",20),s()}if(e&2){let t=m.$index,n=d(2);i(),r("svgIcon",n.activeContentIndex===t?"circle":"circle-outline")}}function mt(e,m){if(e&1){let t=b();o(0,"section",5),u("swipeleft",function(){g(t);let a=d();return p(a.changeActiveIndexBy(-1))})("swiperight",function(){g(t);let a=d();return p(a.changeActiveIndexBy(1))}),o(1,"div",6)(2,"picture"),c(3,"source",7)(4,"source",8)(5,"img",9),s()(),o(6,"div",10),c(7,"h1",11)(8,"p",11),A(9,dt,3,2,"div"),c(10,"div",12),o(11,"div",13)(12,"a",14),u("click",function(){g(t);let a=d();return p(a.changeActiveIndexBy(-1))}),c(13,"mat-icon",15),s(),_(14,st,2,1,"a",16,T),o(16,"a",14),u("click",function(){g(t);let a=d();return p(a.changeActiveIndexBy(1))}),c(17,"mat-icon",17),s()()()()}if(e&2){let t=m.$implicit,n=m.$index,a=d();B(R(10,ot,!a.firstLoad)),r("hidden",a.activeContentIndex!==n),i(3),r("srcset",t.background.xs),i(),r("srcset",t.background["gt-xs"]),i(),r("src",t.background["gt-xs"],D)("alt",t.alt),i(2),r("innerHTML",t.tagLine,v),i(),r("innerHTML",t.paragraph,v),i(),F(t.actionButton?9:-1),i(5),M(a.heroContent)}}var at=(()=>{class e{seoService;platformId;applicationRef;ngZone;constructor(t,n,a,l){this.seoService=t,this.platformId=n,this.applicationRef=a,this.ngZone=l}heroImage;activeContentIndex=0;firstLoad=!0;timer;subRef;heroContent=[{tagLine:"Custom Matboard &amp;<br />Picture Framing",paragraph:"Any <b>size</b>, <b>color</b> and <b>quantity</b>. Unlimited choice, it's easier than you think.",alt:"Custom - Any size, color and quantity. Unlimited choice, it's easier than you think.",actionButton:{text:"START FRAMING",url:"/buy/8x10-mat"},background:{xs:"/assets/images/homepage/custom-picture-framing-sm.jpg","gt-xs":"/assets/images/homepage/custom-picture-framing.jpg"}},{tagLine:"Fast and Free<br />Shipping",paragraph:"Everything is cut, assembled and shipped from Marietta, GA.",alt:"Fast and Free Shipping. Everything is cut, assembled and shipped from Marietta, GA.",actionButton:{text:"BUY NOW",url:"/buy/8x10-mat"},background:{xs:"/assets/images/homepage/fast-shipping-sm.jpg","gt-xs":"/assets/images/homepage/fast-shipping.jpg"}},{tagLine:"Volume Discounts on<br >Bulk Orders",paragraph:"The more you order, the more you save with <b>no minimums</b> and up to <b>80% off</b>!",alt:"Volume discounts - save with no minimums up to 80% off",actionButton:{text:"BUY IN BULK",url:"/buy/8x10-mat"},background:{xs:"/assets/images/homepage/volume-discounts-sm.jpg","gt-xs":"/assets/images/homepage/volume-discounts.jpg"}}];ngOnInit(){this.seoService.setMetaData({og:{image:Y.baseUrls().site+"/assets/images/logo.png"}}),w(this.platformId)&&(this.subRef=this.applicationRef.isStable.pipe(O(t=>t)).subscribe(()=>{this.resetInterval()}))}resetInterval(){w(this.platformId)&&(clearInterval(this.timer),this.timer=setInterval(()=>{this.ngZone.run(()=>{this.changeActiveIndexBy(1)})},1e4))}setActiveIndex(t){this.activeContentIndex=t,this.activeContentIndex>=this.heroContent.length&&(this.activeContentIndex=0),this.activeContentIndex<0&&(this.activeContentIndex=this.heroContent.length-1),this.firstLoad=!1,this.resetInterval()}changeActiveIndexBy(t){this.setActiveIndex(this.activeContentIndex+t)}ngOnDestroy(){this.subRef&&!this.subRef.closed&&this.subRef.unsubscribe()}static \u0275fac=function(n){return new(n||e)(h(J),h(I),h(k),h(P))};static \u0275cmp=C({type:e,selectors:[["mbnm-index"]],viewQuery:function(n,a){if(n&1&&S(rt,5),n&2){let l;j(l=z())&&(a.heroImage=l.first)}},standalone:!1,decls:8,vars:2,consts:[[1,"hero",3,"class","hidden"],[1,"sub-text"],["slug","shop",3,"maxTiles","highlightPrimary"],[1,"reviews"],["title",""],[1,"hero",3,"swipeleft","swiperight","hidden"],[1,"image-wrapper"],["media","(max-width:600px)",3,"srcset"],["media","(min-width:601px)",3,"srcset"],[3,"src","alt"],[1,"tag-line","fx-layout-column","fx-align--x-center"],[3,"innerHTML"],[1,"fx-flex-grow"],[1,"hero-nav","fx-layout-row","fx-gap--8px","fx-align--center-x"],["mat-icon-button","",3,"click"],["svgIcon","chevron-left"],["mat-icon-button","","color","accent"],["svgIcon","chevron-right"],["mat-flat-button","","color","primary",3,"routerLink"],["mat-icon-button","","color","accent",3,"click"],[1,"circle",3,"svgIcon"]],template:function(n,a){n&1&&(_(0,mt,18,12,"section",0,ct),o(2,"section",1)(3,"div"),y(4," We sell pre cut mats and custom picture frames in any size, color and quantity. We also sell custom matting, backing boards, clear bags, show kits, matboard value packs and custom plexiglass. "),s()(),c(5,"mbnm-shop",2),o(6,"section",3),c(7,"mbnm-reviews",4),s()),n&2&&(M(a.heroContent),i(5),r("maxTiles",3)("highlightPrimary",!1))},dependencies:[W,K,tt,H,N,G],styles:[`[_nghost-%COMP%]{display:block}[_nghost-%COMP%]:before{content:"";display:block;position:fixed;inset:0;z-index:-1}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]{margin:0;display:flex;align-items:center;width:100%;position:relative;padding:0;box-sizing:border-box}@media screen and (max-width:599px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]{height:450px}}@media screen and (min-width:600px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]{height:400px}}[_nghost-%COMP%]   .hero.fade-in[_ngcontent-%COMP%]{animation-name:_ngcontent-%COMP%_fade-in;animation-duration:.75s}@keyframes _ngcontent-%COMP%_fade-in{0%{opacity:0}

1to{opacity:1}}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .image-wrapper[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#00000040 0% 40%,#0000 60%)}@media screen and (max-width:599px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .image-wrapper[_ngcontent-%COMP%]{background:linear-gradient(to bottom,#00000040,#0006,#0009,#0000 60%)}}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .image-wrapper[_ngcontent-%COMP%]   picture[_ngcontent-%COMP%]{z-index:-1;width:100%;height:100%;position:absolute}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .image-wrapper[_ngcontent-%COMP%]   picture[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]{position:relative;width:50%;max-width:450px;height:100%;padding:50px 0 20px 50px;box-sizing:border-box}@media screen and (max-width:599px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]{padding:40px 20px 20px;width:100%;max-width:unset}}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{color:#fff;margin:0 auto;padding:0;line-height:1.2;font-size:min(4vw,36px);white-space:nowrap;max-font-size:16pt;font-weight:600;text-shadow:.25px 0 #606060,0 .25px #606060,-.25px 0 #606060,0 -.25px #606060}@media screen and (max-width:599px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:min(8vw,36px);line-height:1.1}}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{min-width:240px;font-size:medium;padding:0 32px;white-space:nowrap}@media screen and (max-width:599px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin-top:0;margin-bottom:10px}}@media screen and (max-width:1279px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{width:auto;padding:0 16px}}@media screen and (min-width:1280px){[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{min-width:50%}}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .tag-line[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:14pt;color:#fff;text-align:center;font-weight:400;line-height:1.5}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .hero-nav[_ngcontent-%COMP%]{margin-top:16px;line-height:initial}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .hero-nav[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#fff}[_nghost-%COMP%]   .hero[_ngcontent-%COMP%]   .hero-nav[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   .circle.mat-icon[_ngcontent-%COMP%]{transform:scale(.5)}[_nghost-%COMP%]   .reviews[_ngcontent-%COMP%]{background:#fdfdff;padding:20px 40px}@media screen and (max-width:599px){[_nghost-%COMP%]   .reviews[_ngcontent-%COMP%]{padding:10px 20px}}[_nghost-%COMP%]   .sub-text[_ngcontent-%COMP%]{background-color:#fafaf8;padding:40px 80px;line-height:2;color:#4b4b4b;font-size:x-large;font-family:Jost,serif;text-align:center;-webkit-box-shadow:0px 2px 5px 0px #cdcdcd;-moz-box-shadow:0px 2px 5px 0px #cdcdcd;box-shadow:0 2px 5px #cdcdcd}@media screen and (min-width:1920px){[_nghost-%COMP%]   .sub-text[_ngcontent-%COMP%]{font-size:xx-large}}@media screen and (max-width:599px){[_nghost-%COMP%]   .sub-text[_ngcontent-%COMP%]{margin:0;padding:30px;font-size:large;line-height:1.8;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}[_nghost-%COMP%]   .shop[_ngcontent-%COMP%]{margin-top:5px}[_nghost-%COMP%]   h2[_ngcontent-%COMP%]{text-align:center}
2/*# sourceMappingURL=index.component-VW2DTGZI.css.map */`]})}return e})();var it=(()=>{class e{static \u0275fac=function(n){return new(n||e)};static \u0275mod=x({type:e});static \u0275inj=f({imports:[E]})}return e})();var lt=[{path:"**",component:at}],$t=(()=>{class e{static \u0275fac=function(n){return new(n||e)};static \u0275mod=x({type:e});static \u0275inj=f({imports:[V,X.forChild(lt),et.forRoot(),it,$,U,Z,Q,q]})}return e})();export{$t as IndexModule};
3//# sourceMappingURL=index.module-MBULTJST.js.map