https://f37.com/_next/static/chunks/pages/fonts-in-use/[slug]-369dd0b6cf43b5dd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2606],{26209:function(t,n,e){"use strict";e.r(n);var o=e(16835),i=e(83516),a=e(235),r=e(85893);n.default=function(){var t,n=(0,i.yPj)({variables:{slug:"fonts-in-use"}}),e=(0,o.Z)(n,1)[0];return e.fetching||null===(t=e.data)||void 0===t||!t.page?null:(0,r.jsx)(a.L,{page:e.data.page})}},40819:function(t,n,e){"use strict";e.d(n,{o:function(){return a}});var o=e(87571),i=e(87379),a=i.ZP.div.withConfig({displayName:"PageMargin",componentId:"sc-1kz9pme-0"})([""," ","{","}"],(function(t){return t.leftMargin&&(0,i.iv)(["margin-left:",";margin-right:",";"],o.mt.left.desktop,o.mt.right.desktop)}),o.RS,(function(t){return t.leftMargin&&(0,i.iv)(["margin-left:",";margin-right:",";"],o.mt.left.mobile,o.mt.right.mobile)}))},46656:function(t,n,e){"use strict";e.d(n,{V:function(){return u}});var o=e(16835),i=e(83516),a=e(9008),r=e.n(a),l=e(85548),s=e(69898),d=e(85893),u=function(t){var n,e,a=t.seoMetaTags,u=t.subs,c="/"===(0,s.useRouter)().asPath,f=(0,i.Oq3)({variables:{page:""},pause:!c}),p=(0,o.Z)(f,1)[0];if(u&&(a=a.map((function(t){var n=t;return u.forEach((function(t){n.content&&(n.content=n.content.replace(t[0],t[1])),n.attributes&&n.attributes.content&&(n.attributes.content=n.attributes.content.replace(t[0],t[1]))})),n}))),c){if(!p.data)return null;(e=p.data.pageSeo._seoMetaTags).find((function(t){return"title"===t.tag})).content="F37\xae Foundry"}return(0,d.jsx)(r(),{children:(0,l.y)(c?null!==(n=e)&&void 0!==n?n:[]:a)})}},235:function(t,n,e){"use strict";e.d(n,{L:function(){return P}});var o=e(16835),i=e(40819),a=e(46656),r=e(40330),l=e(55148),s=e(27812),d=e(94130),u=e(87571),c=e(83516),f=e(22353),p=e(87379),g=e(85893),m=p.ZP.div.withConfig({displayName:"FontsInUseFilter__Container",componentId:"sc-w0aald-0"})(["height:58px;border-bottom:1px solid ",";display:flex;position:sticky;top:80px;background-color:white;z-index:1;","{top:51px;height:50px;}"],u.DM.grey1,u.RS),v=p.ZP.div.withConfig({displayName:"FontsInUseFilter__DropdownContainer",componentId:"sc-w0aald-1"})(["padding-right:20px;","{display:flex;align-items:center;}"],u.RS),h=(0,p.ZP)(v).withConfig({displayName:"FontsInUseFilter__RightDropdown",componentId:"sc-w0aald-2"})(["","{border-left:1px solid #ddd;}"],u.RS),x=function(t){var n=(0,c.B_l)(),e=(0,o.Z)(n,1)[0],i=(0,c.$u0)(),a=(0,o.Z)(i,1)[0];if(!e.data||!a.data)return null;var r=[{id:void 0,name:"All Fonts"}].concat((0,s.Z)(e.data.allFontsInUses.reduce((function(t,n){return n.fonts.forEach((function(n){t.find((function(t){return t.id===n.id}))||t.push({id:n.id,name:(0,f.nj)((0,f.Yw)(n))})})),t}),[])));r.sort((function(t,n){return t.name.localeCompare(n.name)}));var l=[{id:void 0,name:"All Categories"}].concat((0,s.Z)(a.data.allFontsInUseCategories));return(0,g.jsxs)(m,{children:[(0,g.jsx)(v,{children:(0,g.jsx)(d.L,{options:r,onOptionSelected:function(n){var o,i=null===(o=e.data)||void 0===o?void 0:o.allFontsInUses.find((function(t){return t.fonts.some((function(t){return t.id===n}))})),a=null===i||void 0===i?void 0:i.fonts.find((function(t){return t.id===n}));t.onFontSelected(null===a||void 0===a?void 0:a.slug)},selectedOptionId:t.selectedFontId,leftAlign:!0})}),(0,g.jsx)(h,{children:(0,g.jsx)(d.L,{label:"Filter by use:",mobileLabel:"Use:",options:l,onOptionSelected:t.onCategorySelected,selectedOptionId:t.selectedCategoryId,leftAlign:!0})})]})},y=e(86943),b=e(25935),w=e(29323),_=e(69898),C=e(67294),I=p.ZP.div.withConfig({displayName:"ContentPage__Header",componentId:"sc-8y5k87-0"})(["padding:0 "," 0 ",";","{padding:30px "," 0 ",";}"],u.mt.right.desktop,u.mt.left.desktop,u.RS,u.mt.right.mobile,u.mt.left.mobile),F=p.ZP.h1.withConfig({displayName:"ContentPage__Title",componentId:"sc-8y5k87-1"})(["padding-top:100px;font:normal normal normal 200px/170px F37 Blanka;letter-spacing:-2px;margin-bottom:35px;","{padding-top:0;font:normal normal normal 57px/64px F37 Blanka;margin-bottom:10px;}"],u.RS),j=(0,p.ZP)(l.z).withConfig({displayName:"ContentPage__Intro",componentId:"sc-8y5k87-2"})(["font:",";width:975px;","{width:auto;font:normal normal 300 22px/28px F37 Blanka;margin-bottom:40px;}"],u.g5.body,u.RS),P=(0,w.Pi)((function(t){var n,e,l=t.page,s=(0,_.useRouter)(),d=(0,c.WR9)({variables:{slug:s.query.slug}}),u=(0,o.Z)(d,1)[0],f=(0,y.m)().uiStore,p=(0,C.useState)(void 0),m=p[0],v=p[1],h=(0,C.useState)(void 0),w=h[0],P=h[1];return(0,C.useEffect)((function(){f.setPageTitle(l.title)}),[]),(0,C.useEffect)((function(){var t,n,e,o,i,a;s.query.slug&&null!==(t=u.data)&&void 0!==t&&null!==(n=t.font)&&void 0!==n&&n.id&&m!==(null===(e=u.data)||void 0===e||null===(o=e.font)||void 0===o?void 0:o.id)&&v(null===(i=u.data)||void 0===i||null===(a=i.font)||void 0===a?void 0:a.id)}),[null===(n=u.data)||void 0===n||null===(e=n.font)||void 0===e?void 0:e.id,s.query.slug]),(0,C.useEffect)((function(){if(window.location.hash){var t=document.getElementById(window.location.hash.slice(1));if(t){var n=t.getBoundingClientRect().top-100;scrollTo({top:n})}}}),[]),(0,g.jsxs)(i.o,{id:"body",children:[(0,g.jsx)(a.V,{seoMetaTags:l._seoMetaTags}),"fonts-in-use"===l.slug&&!f.menuVisible&&(0,g.jsx)(x,{selectedFontId:m,selectedCategoryId:w,onFontSelected:function(t){s.push("/fonts-in-use".concat(t?"/".concat(t):""),void 0,{shallow:!1})},onCategorySelected:function(t){P(t),scrollTo({top:0})}}),(0,g.jsxs)(I,{children:[l.title&&(0,g.jsx)(F,{children:l.title}),l.introText&&(0,g.jsx)(j,{children:(0,b.ZP)(l.introText)})]}),(0,g.jsx)(r.V,{slug:l.slug,content:l.content,filterFontId:m,filterCategoryId:w})]})}))},17866:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/fonts-in-use/[slug]",function(){return e(26209)}])},85548:function(t,n,e){"use strict";e.d(n,{y:function(){return a}});var o=e(67294),i=function(){return i=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var i in n=arguments[e])Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i]);return t},i.apply(this,arguments)},a=function(t){return t.map((function(t){var n=t.tag,e=t.attributes,a=t.content,r=[n];e&&"property"in e&&r.push(e.property),e&&"name"in e&&r.push(e.name),e&&"rel"in e&&r.push(e.rel),e&&"sizes"in e&&r.push(e.sizes);var l=n;return o.createElement(l,i({key:r.join("-")},e),a)}))}}},function(t){t.O(0,[3662,6027,9359,8764,5935,5041,2750,3078,4985,5325,330,9774,2888,179],(function(){return n=17866,t(t.s=n);var n}));var n=t.O();_N_E=n}]);