{"version":3,"sources":["webpack:///./src/pages/news/product/index.js","webpack:///./src/components/TwoColumnLeftNav/NewsLeftNav.js"],"names":["NewsProducts","allMdx","data","products","useTranslations","className","edges","map","post","node","to","parent","relativeDirectory","key","frontmatter","title","fields","locale","date","NewsLeftNav","ActiveStyle","color","news","events","campaign","exhibition","allNews","newProducts","notice","id","name","type","htmlFor","activeStyle"],"mappings":"6FAAA,gFAoCeA,UA7BM,SAAC,GAAsB,IAAdC,EAAa,EAApBC,KAAOD,OAGnBE,EAAYC,cAAZD,SACP,OACI,oCACI,6BAASE,UAAU,iCACf,kBAAC,IAAD,MACA,6BAASA,UAAU,gBACf,yBAAKA,UAAU,qBACX,wBAAIA,UAAW,cAAeF,GAC9B,wBAAIE,UAAU,+BACTJ,EAAOK,MAAMC,KAAI,gBAAQC,EAAR,EAAEC,KAAF,OACd,kBAAC,IAAD,CAAeJ,UAAS,YAAeK,GAAE,IAAMF,EAAKG,OAAOC,mBACvD,wBAAIC,IAAQL,EAAKM,YAAYC,MAAtB,IAA+BP,EAAKQ,OAAOC,QAC9C,uBAAGZ,UAAU,QAAQG,EAAKM,YAAYI,MACtC,uBAAGb,UAAU,cAAcG,EAAKM,YAAYC,gBAQxE,kBAAC,IAAD,S,kCC/BZ,iDAuEeI,IAnEK,WAChB,IAAMC,EAAc,CAChBC,MAAO,WAFW,EAI+DjB,cAA9EkB,EAJe,EAIfA,KAAMC,EAJS,EAITA,OAAQC,EAJC,EAIDA,SAAUC,EAJT,EAISA,WAAYC,EAJrB,EAIqBA,QAASC,EAJ9B,EAI8BA,YAAaxB,EAJ3C,EAI2CA,SAAUyB,EAJrD,EAIqDA,OAC3E,OACI,oCACI,yBAAKvB,UAAU,wBACX,yBAAKA,UAAU,uBACX,2BAAOA,UAAU,WAAWwB,GAAG,eAAeC,KAAK,YAAYC,KAAK,aACpE,2BAAO1B,UAAU,wBAAwB2B,QAAQ,gBAAe,8BAAOV,IACvE,6BAASjB,UAAS,WACd,4BACI,wBAAIA,UAAU,sBACV,kBAAC,IAAD,CAAe4B,YAAab,EAAaV,GAAE,oBAAwBiB,IAEvE,wBAAItB,UAAU,sBACV,kBAAC,IAAD,CAAe4B,YAAab,EAAaV,GAAE,iBAAqBP,IAEpE,wBAAIE,UAAU,sBACV,kBAAC,IAAD,CAAgB4B,YAAab,EAAaV,GAAE,kBAAsBc,IAEtE,wBAAInB,UAAU,sBACV,kBAAC,IAAD,CAAgB4B,YAAab,EAAaV,GAAE,eAAmBa,IAEnE,wBAAIlB,UAAU,sBACV,kBAAC,IAAD,CAAgB4B,YAAab,EAAaV,GAAE,gBAAoBkB,IAEpE,wBAAIvB,UAAU,sBACV,kBAAC,IAAD,CAAgB4B,YAAab,EAAaV,GAAE,SAAagB,MAIrE,wBAAIrB,UAAU,gBACV,kBAAC,IAAD,CAAgB4B,YAAab,EAAaV,GAAE,oBAAwBe,KAK5E,yBAAKpB,UAAS,SACV,2BAAOA,UAAU,WAAWwB,GAAG,YAAYC,KAAK,YAAYC,KAAK,aACjE,2BAAO1B,UAAU,WAAW2B,QAAQ,aAAaV,GACjD,6BAASjB,UAAS,4BACd,wBAAIA,UAAU,iBACV,wBAAIA,UAAU,gBACV,kBAAC,IAAD,CAAgBK,GAAE,SAAagB,IAEnC,wBAAIrB,UAAU,gBACV,kBAAC,IAAD,CAAeK,GAAE,oBAAwBiB,IAE7C,wBAAItB,UAAU,gBACV,kBAAC,IAAD,CAAgBK,GAAE,kBAAsBc,IAE5C,wBAAInB,UAAU,gBACV,kBAAC,IAAD,CAAgBK,GAAE,eAAmBa,MAIjD,wBAAIlB,UAAU,gBACV,kBAAC,IAAD,CAAgBK,GAAE,oBAAwBe","file":"component---src-pages-news-product-index-js-47cec4667d20b0c1fb27.js","sourcesContent":["import React from \"react\";\nimport useTranslations from \"../../../components/useTranslations\";\nimport Footer from \"../../../components/Footer/Footer\";\nimport InformationLeftNav from \"../../../components/TwoColumnLeftNav/NewsLeftNav\";\nimport {graphql} from \"gatsby\";\nimport LocalizedLink from \"../../../components/localizedLink\";\n\nconst NewsProducts = ({data: {allMdx}}) => {\n    // useTranslations is aware of the global context (and therefore also \"locale\")\n    // so it'll automatically give back the right translations\n    const {products} = useTranslations()\n    return (\n        <>\n            <article className=\"news-page two-column-left-nav\">\n                <InformationLeftNav/>\n                <section className=\"main-content\">\n                    <div className=\"content-container\">\n                        <h2 className={'large bold'}>{products}</h2>\n                        <ul className=\"post-list flex between wrap\">\n                            {allMdx.edges.map(({node: post}) => (\n                                <LocalizedLink className={`news-link`} to={`/${post.parent.relativeDirectory}`}>\n                                    <li key={`${post.frontmatter.title}-${post.fields.locale}`}>\n                                        <p className=\"date\">{post.frontmatter.date}</p>\n                                        <p className=\"post-title\">{post.frontmatter.title}</p>\n                                    </li>\n                                </LocalizedLink>\n                            ))}\n                        </ul>\n                    </div>\n                </section>\n            </article>\n            <Footer/>\n        </>\n    );\n};\n\nexport default NewsProducts;\n\nexport const query = graphql`\n  query newsProducts($locale: String!, $dateFormat: String!) {\n    allMdx(\n      filter: {fileAbsolutePath: {regex: \"/(blog)/.*\\\\\\\\.mdx$/\"}, frontmatter: {tag: {regex: \"/(product)/\"}}, fields: { locale: { eq: $locale } } }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      edges {\n        node {\n          frontmatter {\n            title\n            date(formatString: $dateFormat)\n            featuredImage\n            tag\n          }\n          fields {\n            locale\n          }\n          parent {\n            ... on File {\n              relativeDirectory\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport LocalizedLink from \"../localizedLink\"\nimport useTranslations from \"../useTranslations\"\n\nconst NewsLeftNav = () => {\n    const ActiveStyle = {\n        color: '#0428a0'\n    }\n    const {news, events, campaign, exhibition, allNews, newProducts, products, notice} = useTranslations()\n    return (\n        <>\n            <div className=\"leftnav news-leftnav\">\n                <div className=\"ac pc leftnav-links\">\n                    <input className=\"ac-input\" id=\"news-info-pc\" name=\"news-info\" type=\"checkbox\"/>\n                    <label className=\"ac-label leftnav-link\" htmlFor=\"news-info-pc\"><span>{news}</span></label>\n                    <section className={`ac-text`}>\n                        <ul >\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink activeStyle={ActiveStyle} to={`/news/newProduct`} >{newProducts}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink activeStyle={ActiveStyle} to={`/news/product`} >{products}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/campaign`} >{campaign}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/event`} >{events}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news/notice`} >{notice}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link-child\">\n                                <LocalizedLink  activeStyle={ActiveStyle} to={`/news`} >{allNews}</LocalizedLink>\n                            </li>\n                        </ul>\n                    </section>\n                    <li className=\"leftnav-link\">\n                        <LocalizedLink  activeStyle={ActiveStyle} to={`/news/exhibition`} >{exhibition}</LocalizedLink>\n                    </li>\n                </div>\n\n\n                <div className={`ac sp`}>\n                    <input className=\"ac-input\" id=\"news-info\" name=\"news-info\" type=\"checkbox\"/>\n                    <label className=\"ac-label\" htmlFor=\"news-info\">{news}</label>\n                    <section className={` ac-text ac-text-footer `}>\n                        <ul className=\"leftnav-links\">\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news`} >{allNews}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink to={`/news/newProduct`} >{newProducts}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news/campaign`} >{campaign}</LocalizedLink>\n                            </li>\n                            <li className=\"leftnav-link\">\n                                <LocalizedLink  to={`/news/event`} >{events}</LocalizedLink>\n                            </li>\n                        </ul>\n                    </section>\n                    <li className=\"leftnav-link\">\n                        <LocalizedLink  to={`/news/exhibition`} >{exhibition}</LocalizedLink>\n                    </li>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default NewsLeftNav\n\n"],"sourceRoot":""}