{"version":3,"file":"/Users/anthonygubler/development/dojo-org/parade/src/Header.tsx","sourceRoot":"","sources":["Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,UAAU,EAI/B,CAAC;AAEL,eAAe,OAAO,CAAC,SAAS,MAAM,CAAC,EAAE,UAAU,EAAE;IACpD,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IACpD,OAAO,CACN,aAAK,OAAO,EAAC,6FAA6F;QACzG,aAAK,OAAO,EAAC,8CAA8C;YAC1D,aAAK,OAAO,EAAC,yBAAyB;gBACrC,aAAK,OAAO,EAAC,qCAAqC;oBACjD,YAAI,OAAO,EAAC,YAAY,IAAE,MAAM,CAAC,IAAI,IAAI,QAAQ,CAAM,CAClD;gBACN,aAAK,KAAK,EAAC,kCAAkC;oBAC5C,aAAK,KAAK,EAAC,kCAAkC;wBAC5C,aAAK,KAAK,EAAC,UAAU,GAAO,CACvB;oBAEN,gBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACb,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC,EACD,KAAK,EAAE,GACN,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBACnB,wFAAwF;wBAExF,aACC,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW;4BAEnB,cAAM,CAAC,EAAC,6CAA6C,GAAQ,CACxD,CACE;oBAET,gBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACb,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC,EACD,KAAK,EAAE,GACN,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAC7B,wFAAwF;wBAExF,aACC,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW;4BAEnB,cAAM,CAAC,EAAC,mJAAmJ,GAAQ,CAC9J,CACE;oBAET,aAAK,KAAK,EAAC,iEAAiE;wBAC3E,aAAK,KAAK,EAAC,eAAe,GAAO,CAC5B,CACD,CACD,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["import { create, tsx } from '@dojo/framework/core/vdom';\n\nconst factory = create().properties<{\n\tconfig: any;\n\topen: boolean;\n\tonMenuToggle: (open: boolean) => void;\n}>();\n\nexport default factory(function Header({ properties }) {\n\tconst { config, onMenuToggle, open } = properties();\n\treturn (\n\t\t<div classes=\"flex header bg-white border-b border-gray-200 fixed top-0 inset-x-0 z-100 h-16 items-center\">\n\t\t\t<div classes=\"w-full max-w-screen-xl relative mx-auto px-6\">\n\t\t\t\t<div classes=\"flex items-center -mx-6\">\n\t\t\t\t\t<div classes=\"lg:w-1/4 xl:w-1/5 pl-6 pr-6 lg:pr-8\">\n\t\t\t\t\t\t<h1 classes=\"h text-4xl\">{config.name || 'Parade'}</h1>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"flex flex-grow lg:w-3/4 xl:w-4/5\">\n\t\t\t\t\t\t<div class=\"w-full lg:px-6 xl:w-3/4 xl:px-12\">\n\t\t\t\t\t\t\t<div class=\"relative\"></div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonclick={() => {\n\t\t\t\t\t\t\t\tonMenuToggle(!open);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\t\topen ? 'hidden' : 'responsiveButton'\n\t\t\t\t\t\t\t} flex px-6 items-center lg:hidden text-gray-500 focus:outline-none focus:text-gray-700`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\"fill-current w-4 h-4\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z\"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonclick={() => {\n\t\t\t\t\t\t\t\tonMenuToggle(!open);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\t\topen ? 'responsiveButton' : 'hidden'\n\t\t\t\t\t\t\t} flex px-6 items-center lg:hidden text-gray-500 focus:outline-none focus:text-gray-700`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\"fill-current w-4 h-4\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z\"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t<div class=\"hidden lg:flex lg:items-center lg:justify-between xl:w-1/4 px-6\">\n\t\t\t\t\t\t\t<div class=\"relative mr-4\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n"]}