https://www.grid-type.com/_next/static/chunks/4702.4800ff7c484c4266.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4702],{1402:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{default:function(){return b},handleClientScriptLoad:function(){return y},initScriptLoader:function(){return g}});let r=n(8140),i=n(9417),l=n(5155),a=r._(n(7650)),o=i._(n(2115)),s=n(2073),d=n(4681),u=n(4853),f=n(9001),c=new Map,p=new Set,m=e=>{let{src:t,id:n,onLoad:r=()=>{},onReady:i=null,dangerouslySetInnerHTML:l,children:o="",strategy:s="afterInteractive",onError:u,stylesheets:f}=e,m=n||t;if(m&&p.has(m))return;if(c.has(t)){p.add(m),c.get(t).then(r,u);return}let y=()=>{i&&i(),p.add(m)},g=document.createElement("script"),h=new Promise((e,t)=>{g.addEventListener("load",function(t){e(),r&&r.call(this,t),y()}),g.addEventListener("error",function(e){t(e)})}).catch(function(e){u&&u(e)});l?(g.innerHTML=l.__html||"",y()):o?(g.textContent="string"==typeof o?o:Array.isArray(o)?o.join(""):"",y()):t&&(g.src=t,c.set(t,h)),(0,d.setAttributesFromProps)(g,e),"worker"===s&&g.setAttribute("type","text/partytown"),g.setAttribute("data-nscript",s),f&&(e=>{if(a.default.preinit)return e.forEach(e=>{a.default.preinit(e,{as:"style"})});{let t=document.head;e.forEach(e=>{let n=document.createElement("link");n.type="text/css",n.rel="stylesheet",n.href=e,t.appendChild(n)})}})(f),document.body.appendChild(g)};function y(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,u.requestIdleCallback)(()=>m(e))}):m(e)}function g(e){e.forEach(y),[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')].forEach(e=>{let t=e.id||e.getAttribute("src");p.add(t)})}function h(e){let{id:t,src:n="",onLoad:r=()=>{},onReady:i=null,strategy:d="afterInteractive",onError:c,stylesheets:y,...g}=e,{updateScripts:h,scripts:b,getIsSsr:w,appDir:T,nonce:x}=(0,o.useContext)(s.HeadManagerContext);x=g.nonce||x;let v=(0,o.useRef)(!1);(0,o.useEffect)(()=>{let e=t||n;v.current||(i&&e&&p.has(e)&&i(),v.current=!0)},[i,t,n]);let S=(0,o.useRef)(!1);if((0,o.useEffect)(()=>{if(!S.current){if("afterInteractive"===d)m(e);else"lazyOnload"===d&&("complete"===document.readyState?(0,u.requestIdleCallback)(()=>m(e)):window.addEventListener("load",()=>{(0,u.requestIdleCallback)(()=>m(e))}));S.current=!0}},[e,d]),("beforeInteractive"===d||"worker"===d)&&(h?(b[d]=(b[d]||[]).concat([{id:t,src:n,onLoad:r,onReady:i,onError:c,...g,nonce:x}]),h(b)):w&&w()?p.add(t||n):w&&!w()&&m({...e,nonce:x}

1)),T){if(y&&y.forEach(e=>{a.default.preinit(e,{as:"style"})}),"beforeInteractive"===d)if(!n)return g.dangerouslySetInnerHTML&&(g.children=g.dangerouslySetInnerHTML.__html,delete g.dangerouslySetInnerHTML),(0,l.jsx)("script",{nonce:x,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+(0,f.htmlEscapeJsonString)(JSON.stringify([0,{...g,id:t}]))+")"}});else return a.default.preload(n,g.integrity?{as:"script",integrity:g.integrity,nonce:x,crossOrigin:g.crossOrigin}:{as:"script",nonce:x,crossOrigin:g.crossOrigin}),(0,l.jsx)("script",{nonce:x,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+(0,f.htmlEscapeJsonString)(JSON.stringify([n,{...g,id:t}]))+")"}});"afterInteractive"===d&&n&&a.default.preload(n,g.integrity?{as:"script",integrity:g.integrity,nonce:x,crossOrigin:g.crossOrigin}:{as:"script",nonce:x,crossOrigin:g.crossOrigin})}return null}Object.defineProperty(h,"__nextScript",{value:!0});let b=h;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},4702:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(5155),i=n(9171),l=n(7401),a=n(2619),o=n.n(a),s=n(8321),d=n(2115);let u=[...new Map([{initialText:"PIXYEL BY JULIE SORENSEN",name:"Pixel by Julie Werenskjold S\xf8rensen",files:["/fonts/GridTypeVol1-Pixel-JulieWerenskjoldSorensen.woff"],download:"/fonts/GridTypeVol1-Pixel-JulieWerenskjoldSorensen.otf"},{initialText:"Dot by Anna Cairns",name:"Dot by Anna Cairns",files:["/fonts/GridTypeVol1-Dot-AnnaCairns.woff"],download:"/fonts/GridTypeVol1-Dot-AnnaCairns.otf"},{initialText:"Dot by Miquel & Cesar",name:"Dot by Miquel Herv\xe1s G\xf3mez & C\xe9sar Rogers (fanfare)",files:["/fonts/GridTypeVol1-Dot-fanfare.woff"],download:"/fonts/GridTypeVol1-Dot-fanfare.otf"},{initialText:"RECTANGLE BY HANNA BOSLAU",name:"Rectangle by Hanna Boslau",files:["/fonts/GridTypeVol1-Rectangle-HannaBoslau.woff"],download:"/fonts/GridTypeVol1-Rectangle-HannaBoslau.otf"},{initialText:"Triangle by Studio HanLi",name:"Triangle by Studio HanLi",files:["/fonts/GridTypeVol1-Triangle-StudioHanLi.woff"],download:"/fonts/GridTypeVol1-Triangle-StudioHanLi.otf"},{initialText:"๐๑๒๓๔๕๖๗๘๙",name:"Crouwel by Boom Promphan Suksumek & Anna Srikitkul [THAI]",files:["/fonts/GridTypeVol1-Crouwel-BoomPromphanSuksumek_AnnaSrikitkul.woff"],download:"/fonts/GridTypeVol1-Crouwel-BoomPromphanSuksumek_AnnaSrikitkul.otf",github:"https://github.com/boomwooq/GridType_Public",language:{init:"th",label:"Language"}},{initialText:"Segment by Ozgur Koldas",name:"Segment by \xd6zg\xfcr Deniz Koldaş",files:["/fonts/GridTypeVol1-Segment-OzgurDenizKoldas.woff"],download:"/fonts/GridTypeVol1-Segment-OzgurDenizKoldas.otf"},{initialText:"Dot by Svatopluk Rucka",name:"Dot by Svatopluk Ručka",files:["/fonts/GridTypeVol1-Dot-SvatoplukRucka.woff"],download:"/fonts/GridTypeVol1-Dot-SvatoplukRucka.otf"},{initialText:"RECTANGLE BY TRANG HA",name:"Rectangle by Trang H\xe0",files:["/fonts/GridTypeVol1-Rectangle-TrangHa.woff"],download:"/fonts/GridTypeVol1-Rectangle-TrangHa.otf"},{initialText:"PDU BY CHARLOTTE ROHDE",name:"PDU by Charlotte Rohde",files:["/fonts/GridTypeVol1-PDU-CharlotteRohde.woff"],download:"/fonts/GridTypeVol1-PDU-CharlotteRohde.otf"}].map(e=>[e.name,e])).values()],f=()=>{let e=(0,d.useRef)([]),t=(0,d.useRef)([]),[n,a]=(0,d.useState)(!1),[f,c]=(0,d.useState)(!1),[p,m]=(0,d.useState)(8);(0,d.useEffect)(()=>{let e=()=>{m(window.innerWidth<600?16:8)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let y=(0,d.useMemo)(()=>({order:[["fontsize","letterspacing"],"tester"],config:{fontsize:{unit:"vw",init:p,min:p/10,max:2*p,step:1},letterspacing:{label:"Spacing",unit:"px",init:0,min:-50,max:50,step:2}}}),[p]),g=(0,d.useCallback)(()=>{window.Fontsampler&&n&&f&&u.forEach((n,r)=>{let i=e.current[r];if(!i)return;if(t.current[r]){var l,a;null==(l=(a=t.current[r]).destroy)||l.call(a),t.current[r]=null}i.replaceChildren();let o=document.createElement("div");o.textContent=n.initialText||"GRID TYPE",i.appendChild(o);let s=new window.Fontsampler(o,[n],y);window.FontsamplerSkin&&window.FontsamplerSkin(s),s.init(),t.current[r]=s})},[n,f,y]);return(0,d.useEffect)(()=>(g(),()=>{u.forEach((e,n)=>{var r,i;null==(i=t.current[n])||null==(r=i.destroy)||r.call(i),t.current[n]=null})}),[n,f,p,g]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("link",{rel:"stylesheet",href:"/assets/fontsampler-js/fontsampler-skin.css"}),(0,r.jsx)(s.default,{id:"fontsampler-js",src:"/assets/fontsampler-js/fontsampler.js",strategy:"afterInteractive",onReady:()=>a(!0),onError:e=>{console.error("Failed to load fontsampler.js",e)}}),n&&(0,r.jsx)(s.default,{id:"fontsampler-skin-js",src:"/assets/fontsampler-js/fontsampler-skin.js",strategy:"afterInteractive",onReady:()=>c(!0),onError:e=>{console.error("Failed to load fontsampler-skin.js",e)}}),(0,r.jsx)("div",{children:u.map((t,n)=>{var a;return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-5 [&_.fsjs-label-value]:hidden [&_.fsjs-label-unit]:

1hidden",children:[(0,r.jsxs)("div",{className:"px-2 flex gap-2 justify-between uppercase",children:[(0,r.jsx)("div",{children:t.name}),(0,r.jsx)(o(),{href:t.download,download:!0,children:(0,r.jsx)(i.A,{isHighlighted:!0,children:"DOWNLOAD"})}),(null==t?void 0:t.github)&&(0,r.jsx)(o(),{href:null==t?void 0:t.github,children:(0,r.jsx)(i.A,{isHighlighted:!0,children:"GITHUB"})})]}),(null==t||null==(a=t.language)?void 0:a.init)=="th"&&(null==t?void 0:t.github)&&(0,r.jsxs)("p",{className:"px-2 italic",children:["Check out the ",(0,r.jsx)(o(),{href:null==t?void 0:t.github,children:"Github"})," for more info on this Thai GridType typeface."]}),(0,r.jsx)("div",{ref:t=>{e.current[n]=t},children:t.initialText||"GRID TYPE"})]}),(0,r.jsx)(l.A,{})]},t.name)})})]})}},4853:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{cancelIdleCallback:function(){return r},requestIdleCallback:function(){return n}});let n="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(window)||function(e){let t=Date.now();return self.setTimeout(function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})},1)},r="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(window)||function(e){return clearTimeout(e)};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},8321:(e,t,n)=>{n.d(t,{default:()=>i.a});var r=n(1402),i=n.n(r)},9001:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{ESCAPE_REGEX:function(){return r},htmlEscapeAttributeString:function(){return o},htmlEscapeJsonString:function(){return a}});let n={"&":"\\u0026",">":"\\u003e","<":"\\u003c","\u2028":"\\u2028","\u2029":"\\u2029"},r=/[&><\u2028\u2029]/g,i={"&":"&amp;",'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;"},l=/[&"'<>]/g;function a(e){return e.replace(r,e=>n[e])}function o(e){return e.replace(l,e=>i[e])}}}]);