{"version":3,"sources":["webpack://typescriptlang-org/./src/templates/pages/cheatsheets.tsx","webpack://typescriptlang-org/./static/images/cheatsheets/TypeScript Classes.png","webpack://typescriptlang-org/./static/images/cheatsheets/TypeScript Control Flow Analysis.png","webpack://typescriptlang-org/./static/images/cheatsheets/TypeScript Interfaces.png","webpack://typescriptlang-org/./static/images/cheatsheets/TypeScript Types.png"],"names":["Index","props","i","createInternational","useIntl","title","description","lang","pageContext","className","style","padding","href","fontSize","textAlign","require","src","alt","FluidButton","subtitle","onClick","event","link","icon","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","locale","name","options","window","appInsights","trackEvent"],"mappings":"yLAcMA,EAAyB,SAACC,GAC9B,IAAMC,GAAIC,QAAsCC,UAEhD,OAAO,gBAAC,IAAD,CAAQC,MAAOH,EAAE,oBAAqBI,YAAaJ,EAAE,mBAAoBK,KAAMN,EAAMO,YAAYD,MACpG,uBAAKE,UAAU,cACb,sBAAIA,UAAU,OACZ,sBAAIA,UAAU,mBAAkB,4BAAOP,EAAE,sBACzC,sBAAIO,UAAU,YACZ,qBAAGC,MAAO,CAACC,QAAS,uBAAwBC,KAAK,sCAAsCP,MAAM,yBAAyBH,EAAE,oBAIhI,uBAAKO,UAAU,yCACd,sBAAIC,MAAO,CAAEG,SAAU,SAAUC,UAAW,WAAa,cAAgBZ,EAAE,qBAC3E,uBAAKO,UAAU,OACZ,yBAAKP,EAAE,gBACP,yBAAKA,EAAE,iBAGV,uBAAKO,UAAU,mBACZ,qBAAGA,UAAU,aAAaG,KAAMG,UAA4FV,MAAOH,EAAE,WAAa,IAAMA,EAAE,qBACtJ,uBAAKc,IAAKD,UAA4FE,IAAI,sCAC1G,uBAAKR,UAAU,eAAeP,EAAE,aAEpC,qBAAGO,UAAU,aAAaG,KAAMG,UAAiFV,MAAOH,EAAE,kBAAoB,IAAMA,EAAE,qBAClJ,uBAAKc,IAAKD,UAAiFE,IAAI,2BAC/F,uBAAKR,UAAU,eAAeP,EAAE,oBAGpC,qBAAGO,UAAU,aAAaG,KAAMG,UAA4EV,MAAOH,EAAE,aAAe,IAAMA,EAAE,qBACxI,uBAAKc,IAAKD,UAA4EE,IAAI,sBAC1F,uBAAKR,UAAU,eAAeP,EAAE,eAEpC,qBAAGO,UAAU,aAAaG,KAAMG,UAA8EV,MAAOH,EAAE,eAAiB,IAAMA,EAAE,qBAC5I,uBAAKc,IAAKD,UAA8EE,IAAI,wBAC5F,uBAAKR,UAAU,eAAeP,EAAE,kBAKpC,gBAACgB,EAAD,CACIb,MAAOH,EAAE,gBACTiB,SAAUjB,EAAE,mBACZU,KAAK,sCACLQ,QAAS,kBAAMC,EAAM,6BAA8B,CAAEC,KAAM,cAC3DC,KACE,uBAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChE,wBAAMC,EAAE,uCAAuCC,OAAO,QAAQC,YAAY,QAC1E,wBAAMF,EAAE,eAAeC,OAAO,QAAQC,YAAY,YAQlE,mBAAgB9B,GAAD,OAAkB,gBAAC,IAAD,CAAM+B,OAAQ/B,EAAMO,YAAYD,MAAM,gBAACP,EAAUC,KAElF,IAAMoB,EAAQ,SAACY,EAAcC,GAEzBC,OAAOC,aAELD,OAAOC,YAAYC,WAAW,CAAEJ,QAAQC,IAGxChB,EAAc,SAACjB,GAAD,OAChB,qBAAGQ,UAAW,gBAAkBR,EAAMQ,WAAa,EAAIG,KAAMX,EAAMW,KAAMQ,QAASnB,EAAMmB,SACtF,2BACE,uBAAKX,UAAU,sBAAsBR,EAAMI,OAC3C,uBAAKI,UAAU,yBAAyBR,EAAMkB,WAEhD,uBAAKV,UAAU,qBACZR,EAAMsB,S,kCCtFf,IAAe,IAA0B,kE,kCCAzC,IAAe,IAA0B,gF,kCCAzC,IAAe,IAA0B,qE,kCCAzC,IAAe,IAA0B","file":"component---src-templates-pages-cheatsheets-tsx-d685670bdc739b0b8cff.js","sourcesContent":["import * as React from \"react\"\nimport { Layout } from \"../../components/layout\"\nimport { Intl } from \"../../components/Intl\"\nimport { useIntl } from \"react-intl\";\n\nimport { cheatCopy } from \"../../copy/en/cheatsheets\"\nimport { createInternational } from \"../../lib/createInternational\";\n\nimport \"./css/cheatsheets.scss\"\n\ntype Props = {\n  pageContext: any\n}\n\nconst Index: React.FC<Props> = (props) => {\n  const i = createInternational<typeof cheatCopy>(useIntl())\n\n  return <Layout title={i(\"cht_layout_title\")} description={i(\"cht_dl_subtitle\")} lang={props.pageContext.lang}>\n      <nav className=\"navbar-sub\">\n        <ul className=\"nav\">\n          <li className=\"name hide-small\"><span>{i(\"cht_layout_title\")}</span></li>\n          <li className=\"nav-item\">\n            <a style={{padding: \"0.95rem 0.5em 0.7em\"}} href=\"/assets/typescript-cheat-sheets.zip\" title=\"Download the zip file\">{i(\"cht_download\")}</a>\n          </li>\n          </ul>\n      </nav>\n    <div className=\"raised main-content-block cheatsheets\">\n     <h2 style={{ fontSize: \"2.5rem\", textAlign: \"center\" }}>{\"TypeScript \" + i(\"cht_layout_title\")}</h2>\n     <div className=\"row\">\n        <p >{i(\"cht_blurb_1\")}</p>\n        <p >{i(\"cht_blurb_2\")}</p>\n     </div>\n\n     <div className=\"sheet-container\">\n        <a className=\"sheet cs-1\" href={require(\"../../../static/images/cheatsheets/TypeScript Control Flow Analysis.png\").default} title={i(\"cht_cfa\") + \" \" + i(\"cht_layout_title\")}>\n            <img src={require(\"../../../static/images/cheatsheets/TypeScript Control Flow Analysis.png\").default} alt=\"Control Flow Analysis Cheat Sheet\" />\n            <div className=\"description\">{i(\"cht_cfa\")}</div>\n        </a>\n        <a className=\"sheet cs-2\" href={require(\"../../../static/images/cheatsheets/TypeScript Interfaces.png\").default} title={i(\"cht_interfaces\") + \" \" + i(\"cht_layout_title\")}>\n            <img src={require(\"../../../static/images/cheatsheets/TypeScript Interfaces.png\").default} alt=\"Interfaces Cheat Sheet\" />\n            <div className=\"description\">{i(\"cht_interfaces\")}</div>\n\n        </a>\n        <a className=\"sheet cs-3\" href={require(\"../../../static/images/cheatsheets/TypeScript Types.png\").default} title={i(\"cht_types\") + \" \" + i(\"cht_layout_title\")}>\n            <img src={require(\"../../../static/images/cheatsheets/TypeScript Types.png\").default} alt=\"Types Cheat Sheet\" />\n            <div className=\"description\">{i(\"cht_types\")}</div>\n        </a>\n        <a className=\"sheet cs-4\" href={require(\"../../../static/images/cheatsheets/TypeScript Classes.png\").default} title={i(\"cht_classes\") + \" \" + i(\"cht_layout_title\")}>\n            <img src={require(\"../../../static/images/cheatsheets/TypeScript Classes.png\").default} alt=\"Classes Cheat Sheet\" />\n            <div className=\"description\">{i(\"cht_classes\")}</div>\n        </a>\n\n     </div>\n\n        <FluidButton\n            title={i(\"cht_dl_title\")}\n            subtitle={i(\"cht_dl_subtitle\")}\n            href=\"/assets/typescript-cheat-sheets.zip\"\n            onClick={() => event(\"Downloaded Cheat Sheet Zip\", { link: \"download\" })}\n            icon={\n              <svg width=\"15\" height=\"27\" viewBox=\"0 0 15 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M7.5 0.5V19M7.5 19L1 13M7.5 19L13 13\" stroke=\"black\" strokeWidth=\"1.5\" />\n                <path d=\"M0.5 25H14.5\" stroke=\"black\" strokeWidth=\"4\" />\n              </svg>\n            } />\n    </div>\n  </Layout>\n  }\n\n\nexport default (props: Props) => <Intl locale={props.pageContext.lang}><Index {...props} /></Intl>\n\nconst event = (name: string, options?: any) => {\n    // @ts-ignore\n    window.appInsights &&\n      // @ts-ignore\n      window.appInsights.trackEvent({ name }, options)\n  }\n\nconst FluidButton = (props: { href?: string, onClick?: any, title: string, subtitle?: string, icon: JSX.Element, className?: string }) => (\n    <a className={\"fluid-button \" + props.className || \"\"} href={props.href} onClick={props.onClick}>\n      <div>\n        <div className=\"fluid-button-title\">{props.title}</div>\n        <div className=\"fluid-button-subtitle\">{props.subtitle}</div>\n      </div>\n      <div className=\"fluid-button-icon\">\n        {props.icon}\n      </div>\n    </a>\n  )\n  ","export default __webpack_public_path__ + \"static/TypeScript Classes-83cc6f8e42ba2002d5e2c04221fa78f9.png\";","export default __webpack_public_path__ + \"static/TypeScript Control Flow Analysis-8a549253ad8470850b77c4c5c351d457.png\";","export default __webpack_public_path__ + \"static/TypeScript Interfaces-34f1ad12132fb463bd1dfe5b85c5b2e6.png\";","export default __webpack_public_path__ + \"static/TypeScript Types-ae199d69aeecf7d4a2704a528d0fd3f9.png\";"],"sourceRoot":""}