https://www.caringbridge.org/_next/static/chunks/pages/components/marketingContent-737eb23084e591e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[610],{19389:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/marketingContent",function(){return n(97472)}])},10966:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var a=n(85893),r=n(23918),i=n(45697),o=n.n(i);function s(e){let{title:t,hasStandardLayout:n=!0,topContent:i=()=>null,breadcrumb:o=()=>null,children:s}=e;return(0,a.jsxs)(r.Z,{title:t,children:[(0,a.jsxs)("div",{className:"standardLayout marginBottom--36",children:[(0,a.jsx)(o,{}),(0,a.jsx)(i,{})]}),(0,a.jsx)("div",{className:n?"standardLayout":"",children:(0,a.jsx)("div",{children:s})})]})}s.propTypes={title:o().string.isRequired,hasStandardLayout:o().bool,children:o().node.isRequired,topContent:o().func,breadcrumb:o().func}},14104:function(e,t,n){"use strict";n.d(t,{b:function(){return _},j:function(){return j}});var a=n(85893),r=n(40645),i=n.n(r),o=n(67294),s=n(41664),d=n.n(s),c=n(45697),l=n.n(c),u=n(94184),m=n.n(u),p=n(4162),h=n(26475),f=n(7605);function b(e){let{activeIndex:t,menuItems:n,width:r,className:s}=e,[c,l]=(0,o.useState)(!1),u=(0,o.useId)(),b=(0,o.useRef)(null),x=(0,o.useRef)(null),v=()=>l(e=>!e);(0,h.K)(c,[b,x],v),(0,f.u)(c,v);let y=m()("marginTop--24",{open:c,closed:!c,[s]:!!s});return(0,a.jsxs)("nav",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" "+(y||""),children:[(0,a.jsxs)("button",{onClick:v,ref:b,"aria-expanded":c,"aria-controls":u,className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" button--isClear navBtn ddmCenterIcon",children:[(0,a.jsx)("span",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" btnText",children:n[t].text}),c?(0,a.jsx)("i",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" fa-chevron-up fa-light"}):(0,a.jsx)("i",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" fa-chevron-down fa-light"})]}),(0,a.jsx)("ul",{id:u,className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" plainList",children:n.map((e,n)=>{let{pathname:o,Icon:s,text:c,queryParams:l={}}=e;return(0,a.jsxs)("li",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]]),children:[n===t&&(0,a.jsx)("span",{ref:x,className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" active",children:(0,a.jsxs)("span",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])+" ddmCenterIcon",children:[(0,a.jsx)(s,{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])})," ",(0,a.jsx)("span",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]]),children:c})]})}),n!==t&&(0,a.jsxs)(d(),{href:(0,p.G3)(o,l),className:"a--isClear ddmCenterIcon ddmAnchor",children:[(0,a.jsx)(s,{className:i().dynamic([["5ddae995a4f2f0eb",[r]]])})," ",(0,a.jsx)("span",{className:i().dynamic([["5ddae995a4f2f0eb",[r]]]),children:c})]})]},o)})}),(0,a.jsx)(i(),{id:"5ddae995a4f2f0eb",dynamic:[r],children:"nav.__jsx-style-dynamic-selector{position:relative;width:".concat(r,"}.navBtn.__jsx-style-dynamic-selector{background-color:white;border:thin solid var(--component-border);-webkit-border-radius:var(--radius-tight);-moz-border-radius:var(--radius-tight);border-radius:var(--radius-tight);height:57px;padding:16px 20px;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.open.__jsx-style-dynamic-selector>.navBtn.__jsx-style-dynamic-selector{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.closed.__jsx-style-dynamic-selector>ul.__jsx-style-dynamic-selector{display:none}ul.__jsx-style-dynamic-selector{position:absolute;width:100%;top:56px;left:0;margin:0;border:thin solid var(--component-border);-webkit-border-radius:var(--radius-tight);-moz-border-radius:var(--radius-tight);border-radius:var(--radius-tight);-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0;z-index:var(--zindex-drop-down-menu);background-color:white}li.__jsx-style-dynamic-selector{height:57px}.ddmAnchor,li.__jsx-style-dynamic-selector>span.__jsx-style-dynamic-selector{height:100%;padding:16px 20px;background-color:white;-webkit-border-radius:var(--radius-tight);-moz-border-radius:var(--radius-tight);border-radius:var(--radius-tight);-webkit-transition:all linear var(--speed-on-hover);-moz-transition:all linear var(--speed-on-hover);-o-transition:all linear var(--speed-on-hover);transition:all linear var(--speed-on-hover);display:block}.active.__jsx-style-dynamic-selector{color:var(--brave-blue-900);

1cursor:default}.ddmAnchor:hover,.ddmAnchor:focus{color:var(--navy);background-color:var(--gray-50);-webkit-transition:all linear var(--speed-on-hover);-moz-transition:all linear var(--speed-on-hover);-o-transition:all linear var(--speed-on-hover);transition:all linear var(--speed-on-hover)}.ddmCenterIcon{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}")})]})}b.propTypes={activeIndex:l().number.isRequired,menuItems:l().arrayOf(l().object).isRequired,width:l().string.isRequired,className:l().string};var x=n(78744),v=n(11163);let y=(0,x.Z)("fa-chevron-right fa-light"),g=[{pathname:p.Z6.DEMO_CARDS,text:"Cards",Icon:y},{pathname:p.Z6.DEMO_ICONS,text:"Icons",Icon:y},{pathname:p.Z6.DEMO_COLORS,text:"Colors",Icon:y},{pathname:p.Z6.DEMO_MODAL,text:"Modal",Icon:y},{pathname:p.Z6.DEMO_TYPOGRAPHY,text:"Typography",Icon:y},{pathname:p.Z6.DEMO_SPACERS,text:"Spacers",Icon:y},{pathname:p.Z6.DEMO_BUTTONS,text:"Buttons",Icon:y},{pathname:p.Z6.DEMO_EDITOR_KENDO,text:"Kendo Editor",Icon:y},{pathname:p.Z6.DEMO_FORMS,text:"Forms",Icon:y},{pathname:p.Z6.DEMO_LOGO,text:"Logo",Icon:y},{pathname:p.Z6.DEMO_IMAGES,text:"Images",Icon:y},{pathname:p.Z6.DEMO_MARKETING,text:"Marketing Widgets",Icon:y},{pathname:p.Z6.DEMO_MISC,text:"Miscellaneous",Icon:y},{pathname:p.Z6.DEMO_CALCULATOR,text:"CSS Calculator",Icon:y}];function _(){let{pathname:e}=(0,v.useRouter)(),t=g.findIndex(t=>e===t.pathname);return(0,a.jsx)(b,{activeIndex:t,menuItems:g.map(e=>({...e})),width:"285px"})}function j(e,t,n,a){let r=(a-t)/(n-e);return"clamp(".concat(Math.min(t,a),"px, (100vw * ").concat(Math.round(1e3*r)/1e3," + ").concat(Math.round(10*(t-r*e))/10,"px), ").concat(Math.max(t,a),"px)")}},97472:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return l},default:function(){return u}});var a=n(85893),r=n(14104),i=n(45697),o=n.n(i),s=n(10966),d=n(73775),c=n(26052),l=!0;function u(e){var t,n;let{page:i}=e;return(0,a.jsx)(d.fc,{value:{page:i},children:(0,a.jsxs)(s.Z,{title:"Components Demo - Spacers",topContent:r.b,hasStandardLayout:!1,children:[(0,a.jsx)("h1",{id:"spacers",className:"marginTop--0",children:"Contentful Components for Marketing Pages"}),(0,a.jsx)("p",{children:"This demo page shows the various components that can be used on Marketing pages that are defined in our CMS."}),null==i?void 0:null===(n=i.sectionsCollection)||void 0===n?void 0:null===(t=n.items)||void 0===t?void 0:t.map(e=>{var t;return(null==e?void 0:null===(t=e.sys)||void 0===t?void 0:t.id)?(0,a.jsx)(c.Z,{section:e},e.sys.id):null})]})})}u.propTypes={page:o().object.isRequired}},78744:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var a=n(85893);function r(e){return()=>(0,a.jsx)("i",{className:e})}n(67294)},26475:function(e,t,n){"use strict";n.d(t,{K:function(){return r}});var a=n(67294);function r(e,t,n){(0,a.useEffect)(()=>{function a(e){let a;a=!0,Array.isArray(t)&&t.length&&(a=!t.some(t=>{var n;return!!t&&!!t.current&&!!e&&(null==e?void 0:e.composedPath())&&(null==e?void 0:null===(n=e.composedPath())||void 0===n?void 0:n.indexOf(t.current))>-1})),a&&n()}if(e)return window.addEventListener("click",a),()=>{window.removeEventListener("click",a)}},[e,t,n])}},7605:function(e,t,n){"use strict";n.d(t,{u:function(){return i}});var a=n(67294),r=n(86566);function i(e,t){let n=!(arguments.length>2)||void 0===arguments[2]||arguments[2],i=(0,a.useCallback)(()=>{n&&e&&t(!1)},[e,n,t]);(0,r.Z)("Escape",i)}}},function(e){e.O(0,[5680,7536,8764,3953,2424,1265,1445,4389,9357,5017,2780,3263,4472,3918,5977,6052,2888,9774,179],function(){return e(e.s=19389)}),_N_E=e.O()}]);