{"version":3,"file":"/Users/anthonygubler/development/dojo-org/parade/src/MainMenu.tsx","sourceRoot":"","sources":["MainMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,UAAU,EAK/B,CAAC;AAEL,SAAS,gBAAgB,CAAC,MAAc;IACvC,OAAO,MAAM;SACX,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;SACzD,IAAI,CAAC,GAAG,CAAC,CAAC;AACb,CAAC;AAED,eAAe,OAAO,CAAC,SAAS,QAAQ,CAAC,EAAE,UAAU,EAAE;IACtD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAE1E,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IACnD,OAAO,CACN,aACC,OAAO,EAAE,GACR,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QACjB,mNAAmN;QAEnN,aAAK,OAAO,EAAC,sHAAsH;YAClI,aAAK,OAAO,EAAC,iGAAiG;gBAC7G,aAAK,OAAO,EAAC,OAAO;oBACnB,IAAC,UAAU,IACV,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,iFAAiF,EACzF,aAAa,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,WAGpB;oBACb,YAAI,OAAO,EAAC,oCAAoC,GAAG;oBAClD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACvB,OAAO,CACN,IAAC,UAAU,IACV,EAAE,EAAC,UAAU,EACb,OAAO,EAAC,iFAAiF,EACzF,MAAM,EAAE,EAAE,MAAM,EAAE,EAClB,WAAW,EAAE,EAAE,MAAM,EAAE,EACvB,aAAa,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,IAE/B,gBAAgB,CAAC,MAAM,CAAC,CACb,CACb,CAAC;oBACH,CAAC,CAAC;oBACF,aAAK,OAAO,EAAC,uBAAuB;wBACnC,YAAI,OAAO,EAAC,0CAA0C,GAAG;wBACzD,IAAC,MAAM,IAAC,EAAE,EAAC,WAAW,IACpB,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAC5B,IAAC,QAAQ,IACR,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,aAAa,GAC3B,CACF,CACO,CACJ,CACD,CACD,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["import { create, tsx } from '@dojo/framework/core/vdom';\nimport ActiveLink from './ActiveLink';\nimport SideMenu from './SideMenu';\nimport Outlet from '@dojo/framework/routing/Outlet';\n\nconst factory = create().properties<{\n\tconfig: any;\n\tshowMenu: boolean;\n\tonThemeChange: (themeName: string) => void;\n\tonMenuItemClick: () => void;\n}>();\n\nfunction formatWidgetName(widget: string) {\n\treturn widget\n\t\t.split('-')\n\t\t.map((item) => `${item[0].toUpperCase()}${item.slice(1)}`)\n\t\t.join(' ');\n}\n\nexport default factory(function MainMenu({ properties }) {\n\tconst { config, showMenu, onMenuItemClick, onThemeChange } = properties();\n\n\tconst widgets = Object.keys(config.widgets).sort();\n\treturn (\n\t\t<div\n\t\t\tclasses={`${\n\t\t\t\tshowMenu ? '' : 'hidden'\n\t\t\t} fixed inset-0 pt-16 h-full border-l-0 border-r-0 border-t-0 bg-white z-90 w-full border-b -mb-16 lg:-mb-0 lg:static lg:h-auto lg:overflow-y-visible lg:border-b-0 lg:pt-0 lg:w-1/4 lg:block lg:border-0 xl:w-1/5`}\n\t\t>\n\t\t\t<div classes=\"h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:top-16 bg-white lg:bg-transparent\">\n\t\t\t\t<nav classes=\"px-6 pt-6 overflow-y-auto text-base lg:text-sm lg:py-12 lg:pl-6 lg:pr-8 sticky?lg:h-(screen-16)\">\n\t\t\t\t\t<div classes=\"mb-10\">\n\t\t\t\t\t\t<ActiveLink\n\t\t\t\t\t\t\tto=\"landing\"\n\t\t\t\t\t\t\tclasses=\"flex items-center px-2 -mx-2 py-1 hover:text-gray-900 font-medium text-gray-600\"\n\t\t\t\t\t\t\tactiveClasses={['font-bold']}\n\t\t\t\t\t\t\tonClick={() => onMenuItemClick()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tHome\n\t\t\t\t\t\t</ActiveLink>\n\t\t\t\t\t\t<hr classes=\"hr my-1 border-b-2 border-gray-200\" />\n\t\t\t\t\t\t{widgets.map((widget) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ActiveLink\n\t\t\t\t\t\t\t\t\tto=\"overview\"\n\t\t\t\t\t\t\t\t\tclasses=\"flex items-center px-2 -mx-2 py-1 hover:text-gray-900 font-medium text-gray-600\"\n\t\t\t\t\t\t\t\t\tparams={{ widget }}\n\t\t\t\t\t\t\t\t\tmatchParams={{ widget }}\n\t\t\t\t\t\t\t\t\tactiveClasses={['font-bold']}\n\t\t\t\t\t\t\t\t\tonClick={() => onMenuItemClick()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{formatWidgetName(widget)}\n\t\t\t\t\t\t\t\t</ActiveLink>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t<div classes=\"xl:hidden block w-2/3\">\n\t\t\t\t\t\t\t<hr classes=\"hr mt-10 my-1 border-b-2 border-gray-200\" />\n\t\t\t\t\t\t\t<Outlet id=\"side-menu\">\n\t\t\t\t\t\t\t\t{({ params: { widget } }) => (\n\t\t\t\t\t\t\t\t\t<SideMenu\n\t\t\t\t\t\t\t\t\t\tconfig={config}\n\t\t\t\t\t\t\t\t\t\twidgetName={widget}\n\t\t\t\t\t\t\t\t\t\tonThemeChange={onThemeChange}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Outlet>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</nav>\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n"]}