dinocollab-shared 1.2.35 → 1.2.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/layout-global/app-footer.js +1 -1
- package/dist/layout-global/app-footer.js.map +1 -1
- package/dist/layout-global/app-footer.styled.js +1 -1
- package/dist/layout-global/app-footer.styled.js.map +1 -1
- package/dist/layout-global/app-header.js +1 -1
- package/dist/layout-global/app-header.js.map +1 -1
- package/dist/layout-global/app-header.styled.js +1 -1
- package/dist/layout-global/app-header.styled.js.map +1 -1
- package/dist/layout-global/mobile-menu.js +1 -1
- package/dist/layout-global/mobile-menu.js.map +1 -1
- package/dist/layout-global/mobile-menu.styled.js +1 -1
- package/dist/layout-global/mobile-menu.styled.js.map +1 -1
- package/dist/types/layout-global/app-footer.styled.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.styled.d.ts +1 -0
- package/dist/types/layout-global/app-header.styled.d.ts.map +1 -1
- package/dist/types/layout-global/mobile-menu.styled.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as o,objectSpread2 as
|
|
1
|
+
import{inherits as r,createClass as o,objectSpread2 as e,classCallCheck as i,callSuper as l,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as a}from"react/jsx-runtime";import{Component as s}from"react";import{Container as c,Grid as p,Typography as d,Divider as m,Box as h,IconButton as u}from"@mui/material";import{AppLogo as v}from"./app-logo.js";import{TextLineBreak as f}from"./ui.units.js";import{FooterStyled as g,appFooterClasses as N,AppFooterNav as k}from"./app-footer.styled.js";import{getFooterNavConfigs as x,bgFooterUrl as b,appLogoUrl as C,footerDescription as y,getCopyrightText as F}from"./configs.js";var j=function(){function j(){var r;i(this,j);for(var o=arguments.length,e=new Array(o),t=0;t<o;t++)e[t]=arguments[t];return r=l(this,j,[].concat(e)),n(r,"handleNavItemClick",function(o,e){r.props.onNavItemClick&&e&&r.props.onNavItemClick(o,e)}),r}return r(j,s),o(j,[{key:"render",value:function(){var r,o,i,l,n,s,j,I=this,L=x(this.props.baseUrl);return t(g,e(e({className:N.root},null===(r=this.props.slots)||void 0===r?void 0:r.footerElementProps),{},{children:[a("img",{src:null!==(o=this.props.backgroundUrl)&&void 0!==o?o:b,alt:"Footer Background",className:N.background,loading:"lazy"}),t(c,{maxWidth:!1,className:N.content,children:[t(p,{container:!0,children:[t(p,{item:!0,xs:12,lg:7,children:[null===(i=this.props.slots)||void 0===i||null===(i=i.left)||void 0===i?void 0:i.top,a(v,{src:null!==(l=this.props.logoUrl)&&void 0!==l?l:C,href:this.props.baseUrl.home,className:N.appLogo}),a(d,{variant:"subtitle1",className:N.description,children:a(f,{children:y})}),null===(n=this.props.slots)||void 0===n||null===(n=n.left)||void 0===n?void 0:n.bottom]}),a(p,{item:!0,xs:12,lg:5,children:a(k,{className:N.navs,children:a(p,{container:!0,children:L.map(function(r,o){return a(p,{item:!0,xs:6,children:a("ul",{children:r.map(function(r,o){var e,i,l;return a("li",{className:N.navItem,children:a(d,{variant:"h5",className:N.navItemText,component:"a",href:null!==(e=null===(i=r.navLink)||void 0===i?void 0:i.href)&&void 0!==e?e:"/",target:null===(l=r.navLink)||void 0===l?void 0:l.target,onClick:function(o){return I.handleNavItemClick(o,r.navLink)},children:a("span",{children:r.title})})},o)})})},o)})})})})]}),t("div",{className:N.copyright,children:[a(m,{sx:{borderColor:"#1E1E1E",mt:{xs:"20px",md:"80px"}}}),a("ul",{hidden:!(null!==(s=this.props.appSocial)&&void 0!==s&&s.length),className:N.socialList,children:null===(j=this.props.appSocial)||void 0===j?void 0:j.map(function(r,o){var i=e({"--social-color-hover":r.color||"#FFFFFF"},r.sx);return a(h,{component:"li",sx:i,children:a(u,{component:"a",href:r.link,target:"_blank",rel:"noopener noreferrer",children:r.icon})},o)})}),a("div",{className:N.copyrightText,children:a(d,{variant:"subtitle1",children:F()})})]})]})]}))}}])}(),I=function(r){var o=function(o){return a(j,e(e({},r),o))};return o.displayName="AppFooter",o};export{j as AppFooter,I as createAppFooter,j as default};
|
|
2
2
|
//# sourceMappingURL=app-footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-footer.js","sources":["../../src/layout-global/app-footer.tsx"],"sourcesContent":["import { Component, FC } from 'react'\r\nimport { Box, Container, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { BoxProps, SxProps, Theme } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs,
|
|
1
|
+
{"version":3,"file":"app-footer.js","sources":["../../src/layout-global/app-footer.tsx"],"sourcesContent":["import { Component, FC } from 'react'\r\nimport { Box, Container, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { BoxProps, SxProps, Theme } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs, footerDescription, bgFooterUrl, appLogoUrl, getCopyrightText } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppSocial, INavLink, NavItemClickFunction } from './types'\r\n\r\nexport interface IAppFooterSlots {\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n footerElementProps?: Partial<BoxProps>\r\n left?: {\r\n top?: React.ReactNode\r\n bottom?: React.ReactNode\r\n }\r\n}\r\n\r\nexport interface IAppFooterProps {\r\n baseUrl: IAppSiteBaseUrl\r\n logoUrl?: string\r\n backgroundUrl?: string\r\n onNavItemClick?: NavItemClickFunction\r\n appSocial?: IAppSocial[]\r\n slots?: IAppFooterSlots\r\n}\r\n\r\nexport class AppFooter extends Component<IAppFooterProps> {\r\n render() {\r\n const footerNavConfigs = getFooterNavConfigs(this.props.baseUrl)\r\n return (\r\n <FooterStyled className={appFooterClasses.root} {...this.props.slots?.footerElementProps}>\r\n <img src={this.props.backgroundUrl ?? bgFooterUrl} alt='Footer Background' className={appFooterClasses.background} loading='lazy' />\r\n <Container maxWidth={false} className={appFooterClasses.content}>\r\n <Grid container>\r\n <Grid item xs={12} lg={7}>\r\n {this.props.slots?.left?.top}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} className={appFooterClasses.appLogo} />\r\n <Typography variant='subtitle1' className={appFooterClasses.description}>\r\n <TextLineBreak>{footerDescription}</TextLineBreak>\r\n </Typography>\r\n {this.props.slots?.left?.bottom}\r\n </Grid>\r\n <Grid item xs={12} lg={5}>\r\n <AppFooterNav className={appFooterClasses.navs}>\r\n <Grid container>\r\n {footerNavConfigs.map((navs, index) => (\r\n <Grid key={index} item xs={6}>\r\n <ul>\r\n {navs.map((nav, navIndex) => (\r\n <li key={navIndex} className={appFooterClasses.navItem}>\r\n <Typography\r\n variant='h5'\r\n className={appFooterClasses.navItemText}\r\n component='a'\r\n href={nav.navLink?.href ?? '/'}\r\n target={nav.navLink?.target}\r\n onClick={(event) => this.handleNavItemClick(event, nav.navLink)}\r\n >\r\n <span>{nav.title}</span>\r\n </Typography>\r\n </li>\r\n ))}\r\n </ul>\r\n </Grid>\r\n ))}\r\n </Grid>\r\n </AppFooterNav>\r\n </Grid>\r\n </Grid>\r\n <div className={appFooterClasses.copyright}>\r\n <Divider sx={{ borderColor: '#1E1E1E', mt: { xs: '20px', md: '80px' } }} />\r\n <ul hidden={!this.props.appSocial?.length} className={appFooterClasses.socialList}>\r\n {this.props.appSocial?.map((social, index) => {\r\n const sxProps: SxProps<Theme> = { '--social-color-hover': social.color || '#FFFFFF', ...social.sx }\r\n return (\r\n <Box component='li' key={index} sx={sxProps}>\r\n <IconButton component='a' href={social.link} target='_blank' rel='noopener noreferrer'>\r\n {social.icon}\r\n </IconButton>\r\n </Box>\r\n )\r\n })}\r\n </ul>\r\n <div className={appFooterClasses.copyrightText}>\r\n <Typography variant='subtitle1'>{getCopyrightText()}</Typography>\r\n </div>\r\n </div>\r\n </Container>\r\n </FooterStyled>\r\n )\r\n }\r\n\r\n handleNavItemClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, item?: INavLink) => {\r\n if (!this.props.onNavItemClick || !item) return\r\n this.props.onNavItemClick(event, item)\r\n }\r\n}\r\nexport default AppFooter\r\n\r\nexport const createAppFooter = (params: IAppFooterProps): FC<Partial<IAppFooterProps>> => {\r\n const _AppFooter: FC<Partial<IAppFooterProps>> = (props) => <AppFooter {...params} {...props} />\r\n _AppFooter.displayName = 'AppFooter'\r\n return _AppFooter\r\n}\r\n"],"names":["AppFooter","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","event","item","props","onNavItemClick","_inherits","Component","_createClass","key","value","_this$props$slots","_this$props$backgroun","_this$props$slots2","_this$props$logoUrl","_this$props$slots3","_this$props$appSocial","_this$props$appSocial2","_this2","footerNavConfigs","getFooterNavConfigs","baseUrl","_jsxs","FooterStyled","_objectSpread","className","appFooterClasses","root","slots","footerElementProps","_jsx","src","backgroundUrl","bgFooterUrl","alt","background","loading","Container","maxWidth","content","children","Grid","container","xs","lg","left","top","AppLogo","logoUrl","appLogoUrl","href","home","appLogo","Typography","variant","description","TextLineBreak","footerDescription","bottom","AppFooterNav","navs","map","index","nav","navIndex","_nav$navLink$href","_nav$navLink","_nav$navLink2","navItem","navItemText","component","navLink","target","onClick","handleNavItemClick","title","copyright","Divider","sx","borderColor","mt","md","hidden","appSocial","socialList","social","sxProps","color","Box","IconButton","link","rel","icon","copyrightText","getCopyrightText","createAppFooter","params","_AppFooter","displayName"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as o,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{styled as e,Box as
|
|
1
|
+
import{objectSpread2 as o,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{styled as e,Box as i,colors as n}from"@mui/material";var a={root:"AppFooter-root",content:"AppFooter-content",background:"AppFooter-background",description:"AppFooter-description",copyright:"AppFooter-copyright",copyrightText:"AppFooter-copyrightText",socialList:"AppFooter-socialList",appLogo:"AppFooter-appLogo",navs:"AppFooter-navs",navItem:"AppFooter-navItem",navItemText:"AppFooter-navItemText"},p=function(o,t){return"".concat((null==t?void 0:t.prefix)||"",".").concat(a[o]).concat((null==t?void 0:t.suffix)||"")},c=e(function(t){return r(i,o({component:"footer"},t))})(function(o){var r=o.theme;return t(t(t(t(t(t(t({backgroundColor:"var(--color-bg-footer, #141414)",color:"var(--color-text-footer, #ffffff)",position:"relative",paddingTop:r.spacing(7),width:"100%","ul, ol":{margin:0,padding:0,listStyle:"none"}},p("content"),{maxWidth:"var(--max-width, 1688px)",position:"relative",zIndex:1}),p("background"),{objectFit:"cover",width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:0}),p("description"),t({marginTop:r.spacing(2),color:"var(--color-text-footer, ".concat(n.grey[400],")"),lineHeight:1.5,textAlign:"left",maxWidth:"500px",marginBottom:r.spacing(4)},r.breakpoints.down("md"),{fontSize:"14px",br:{display:"none"}})),p("copyright"),t({position:"relative"},p("socialList"),t({position:"absolute",top:"50%",left:0,transform:"translateY(-50%)"},r.breakpoints.down("md"),{position:"unset",transform:"none",paddingTop:r.spacing(2.5)}))),p("copyrightText"),{paddingTop:r.spacing(4),paddingBottom:r.spacing(4),width:"100%",".MuiTypography-root":{lineHeight:1,textAlign:"center",color:"var(--color-text-footer, ".concat(n.grey[300],")")}}),p("appLogo"),{"> img":{width:"auto"}}),p("socialList"),{display:"flex",justifyContent:"center",listStyle:"none","&:hover":{"--social-color":n.grey[600]},li:{margin:r.spacing(0,1),a:{backgroundColor:"rgb(27, 27, 27)",textDecoration:"none",width:"var(--social-icon-size, 40px)",height:"var(--social-icon-size, 40px)",borderRadius:"50%",transition:"all 0.3s ease",color:"var(--social-color, #f0f0f0)","&:hover":{color:"var(--social-color-hover, #ffffff)",transform:"translateY(-3px) scale(1.05)"}}}})}),s=e(function(t){return r(i,o({component:"nav"},t))})(function(o){var r=o.theme;return t(t({},p("navs",{prefix:"&"}),{"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%",margin:r.spacing(0,-1),"&:hover":{"--color-text-footer":n.grey[600]}}),p("navItem"),t(t(t({position:"relative",backgroundColor:"var(--bg-nav-item, transparent)",transition:"all 0.35s",borderRadius:r.shape.borderRadius},p("navItemText"),t({padding:"var(--padding-nav-item-text, ".concat(r.spacing(1,4,1,1.5),")"),color:"var(--color-text-footer, ".concat(n.grey[300],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}},r.breakpoints.down("md"),{fontSize:"20px"})),"&::before",{content:'""',position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",width:0,transition:"all 0.4s",background:"var(--bg-divider)",height:"2px"}),"&:hover",{"--color-text-footer":n.common.white,"--padding-nav-item-text":r.spacing(1,1.5,1,4),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:r.spacing(1.5),marginRight:r.spacing(1)}}))});export{s as AppFooterNav,c as FooterStyled,a as appFooterClasses,p as getAppFooterClasses};
|
|
2
2
|
//# sourceMappingURL=app-footer.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-footer.styled.js","sources":["../../src/layout-global/app-footer.styled.tsx"],"sourcesContent":["import { Box, colors, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\nexport const appFooterClasses = {\r\n root: 'AppFooter-root',\r\n content: 'AppFooter-content',\r\n background: 'AppFooter-background',\r\n description: 'AppFooter-description',\r\n copyright: 'AppFooter-copyright',\r\n copyrightText: 'AppFooter-copyrightText',\r\n socialList: 'AppFooter-socialList',\r\n appLogo: 'AppFooter-appLogo',\r\n navs: 'AppFooter-navs',\r\n navItem: 'AppFooter-navItem',\r\n navItemText: 'AppFooter-navItemText'\r\n}\r\n\r\nexport const getAppFooterClasses = (key: keyof typeof appFooterClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appFooterClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const FooterStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='footer' {...p} />)(({ theme }) => ({\r\n backgroundColor: 'var(--color-bg-footer, #141414)',\r\n color: 'var(--color-text-footer, #ffffff)',\r\n position: 'relative',\r\n paddingTop:
|
|
1
|
+
{"version":3,"file":"app-footer.styled.js","sources":["../../src/layout-global/app-footer.styled.tsx"],"sourcesContent":["import { Box, colors, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps } from '@mui/material'\r\n\r\nexport const appFooterClasses = {\r\n root: 'AppFooter-root',\r\n content: 'AppFooter-content',\r\n background: 'AppFooter-background',\r\n description: 'AppFooter-description',\r\n copyright: 'AppFooter-copyright',\r\n copyrightText: 'AppFooter-copyrightText',\r\n socialList: 'AppFooter-socialList',\r\n appLogo: 'AppFooter-appLogo',\r\n navs: 'AppFooter-navs',\r\n navItem: 'AppFooter-navItem',\r\n navItemText: 'AppFooter-navItemText'\r\n}\r\n\r\nexport const getAppFooterClasses = (key: keyof typeof appFooterClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appFooterClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const FooterStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='footer' {...p} />)(({ theme }) => ({\r\n backgroundColor: 'var(--color-bg-footer, #141414)',\r\n color: 'var(--color-text-footer, #ffffff)',\r\n position: 'relative',\r\n paddingTop: theme.spacing(7),\r\n width: '100%',\r\n\r\n 'ul, ol': { margin: 0, padding: 0, listStyle: 'none' },\r\n\r\n [getAppFooterClasses('content')]: {\r\n maxWidth: 'var(--max-width, 1688px)',\r\n position: 'relative',\r\n zIndex: 1\r\n },\r\n\r\n [getAppFooterClasses('background')]: {\r\n objectFit: 'cover',\r\n width: '100%',\r\n height: '100%',\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 0\r\n },\r\n\r\n [getAppFooterClasses('description')]: {\r\n marginTop: theme.spacing(2),\r\n color: `var(--color-text-footer, ${colors.grey[400]})`,\r\n lineHeight: 1.5,\r\n textAlign: 'left',\r\n maxWidth: '500px',\r\n marginBottom: theme.spacing(4),\r\n [theme.breakpoints.down('md')]: { fontSize: '14px', br: { display: 'none' } }\r\n },\r\n\r\n [getAppFooterClasses('copyright')]: {\r\n position: 'relative',\r\n [getAppFooterClasses('socialList')]: {\r\n position: 'absolute',\r\n top: '50%',\r\n left: 0,\r\n transform: 'translateY(-50%)',\r\n [theme.breakpoints.down('md')]: {\r\n position: 'unset',\r\n transform: 'none',\r\n paddingTop: theme.spacing(2.5)\r\n }\r\n }\r\n },\r\n\r\n [getAppFooterClasses('copyrightText')]: {\r\n paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(4),\r\n width: '100%',\r\n '.MuiTypography-root': {\r\n lineHeight: 1,\r\n textAlign: 'center',\r\n color: `var(--color-text-footer, ${colors.grey[300]})`\r\n }\r\n },\r\n\r\n [getAppFooterClasses('appLogo')]: { '> img': { width: 'auto' } },\r\n\r\n [getAppFooterClasses('socialList')]: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n listStyle: 'none',\r\n '&:hover': { '--social-color': colors.grey[600] },\r\n li: {\r\n margin: theme.spacing(0, 1),\r\n a: {\r\n backgroundColor: 'rgb(27, 27, 27)',\r\n textDecoration: 'none',\r\n width: 'var(--social-icon-size, 40px)',\r\n height: 'var(--social-icon-size, 40px)',\r\n borderRadius: '50%',\r\n transition: 'all 0.3s ease',\r\n color: 'var(--social-color, #f0f0f0)',\r\n '&:hover': {\r\n color: 'var(--social-color-hover, #ffffff)',\r\n transform: 'translateY(-3px) scale(1.05)'\r\n }\r\n }\r\n }\r\n }\r\n}))\r\n\r\nexport const AppFooterNav: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n [getAppFooterClasses('navs', { prefix: '&' })]: {\r\n '--bg-divider': 'linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%',\r\n margin: theme.spacing(0, -1),\r\n '&:hover': { '--color-text-footer': colors.grey[600] }\r\n },\r\n [getAppFooterClasses('navItem')]: {\r\n position: 'relative',\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n transition: 'all 0.35s',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n [getAppFooterClasses('navItemText')]: {\r\n padding: `var(--padding-nav-item-text, ${theme.spacing(1, 4, 1, 1.5)})`,\r\n color: `var(--color-text-footer, ${colors.grey[300]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: { display: 'inline-block' },\r\n [theme.breakpoints.down('md')]: { fontSize: '20px' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n left: '14px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n width: 0,\r\n transition: 'all 0.4s',\r\n background: 'var(--bg-divider)',\r\n height: '2px'\r\n },\r\n\r\n '&:hover': {\r\n '--color-text-footer': colors.common.white,\r\n '--padding-nav-item-text': theme.spacing(1, 1.5, 1, 4),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': { width: theme.spacing(1.5), marginRight: theme.spacing(1) }\r\n }\r\n }\r\n // [theme.breakpoints.down('md')]: {\r\n // [getAppFooterClasses('navItem')]: { textAlign: 'center' }\r\n // }\r\n}))\r\n"],"names":["appFooterClasses","root","content","background","description","copyright","copyrightText","socialList","appLogo","navs","navItem","navItemText","getAppFooterClasses","key","options","concat","prefix","suffix","FooterStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","backgroundColor","color","position","paddingTop","spacing","width","margin","padding","listStyle","maxWidth","zIndex","objectFit","height","top","left","marginTop","colors","grey","lineHeight","textAlign","marginBottom","breakpoints","down","fontSize","br","display","transform","paddingBottom","justifyContent","li","a","textDecoration","borderRadius","transition","AppFooterNav","_ref3","shape","span","common","white","marginRight"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as s,createClass as r,classCallCheck as e,callSuper as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Component as l}from"react";import{Container as n,Stack as p}from"@mui/material";import{AppLogo as m}from"./app-logo.js";import{appHeaderClasses as c,HeaderStyled as
|
|
1
|
+
import{inherits as s,createClass as r,classCallCheck as e,callSuper as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Component as l}from"react";import{Container as n,Stack as p}from"@mui/material";import{AppLogo as m}from"./app-logo.js";import{appHeaderClasses as c,HeaderStyled as h}from"./app-header.styled.js";import{appLogoUrl as d,getHeaderMenuConfigs as f,getHeaderNavConfigs as u}from"./configs.js";import g from"./mobile-menu.js";import v from"./app-header.nav.js";var x=function(){function i(s){var r;return e(this,i),(r=o(this,i,[s])).configs={navs:u(s.baseUrl),menu:f(s.baseUrl)},r}return s(i,l),r(i,[{key:"render",value:function(){var s,r,e=this.props.isFixed,o=[c.root];return!1!==e&&o.push(c.fixed),t(h,{className:o.join(" "),children:t("div",{className:c.rootFixed,children:a(n,{maxWidth:!1,className:c.content,sx:{height:"100%"},children:[t(m,{src:null!==(s=this.props.logoUrl)&&void 0!==s?s:d,href:this.props.baseUrl.home,className:c.appLogo}),a(p,{direction:"row",alignItems:"center",spacing:2,children:[t(v,{configs:this.configs,onNavItemClick:this.props.onNavItemClick,sx:{display:{xs:"none",lg:"flex"}},slots:null===(r=this.props.slots)||void 0===r?void 0:r.navItem}),a(p,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,t(g,{baseUrl:this.props.baseUrl,logoUrl:this.props.logoUrl})]})]})]})})})}}])}(),j=function(s){var r=function(r){return t(x,i({},i(i(i({},s),r),{},{slots:i(i({},s.slots),r.slots)})))};return r.displayName="AppHeader",r};export{x as AppHeader,j as createAppHeader,x as default};
|
|
2
2
|
//# sourceMappingURL=app-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport { appLogoUrl, getHeaderMenuConfigs, getHeaderNavConfigs } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n navItem?: IAppHeaderNavSlots\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n logoUrl?: string\r\n actions?: ReactNode\r\n isFixed?: boolean\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: Record<'navs' | 'menu', IAppNav[]>\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = {\r\n navs: getHeaderNavConfigs(props.baseUrl),\r\n menu: getHeaderMenuConfigs(props.baseUrl)\r\n }\r\n }\r\n\r\n render() {\r\n const { isFixed } = this.props\r\n const rootClasses = [appHeaderClasses.root]\r\n if (isFixed !== false) rootClasses.push(appHeaderClasses.fixed)\r\n return (\r\n <HeaderStyled className={rootClasses.join(' ')}>\r\n <div className={appHeaderClasses.rootFixed}>\r\n <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n {/* The AppLogo component displays the application logo */}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home}
|
|
1
|
+
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport { appLogoUrl, getHeaderMenuConfigs, getHeaderNavConfigs } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n navItem?: IAppHeaderNavSlots\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n logoUrl?: string\r\n actions?: ReactNode\r\n isFixed?: boolean\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: Record<'navs' | 'menu', IAppNav[]>\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = {\r\n navs: getHeaderNavConfigs(props.baseUrl),\r\n menu: getHeaderMenuConfigs(props.baseUrl)\r\n }\r\n }\r\n\r\n render() {\r\n const { isFixed } = this.props\r\n const rootClasses = [appHeaderClasses.root]\r\n if (isFixed !== false) rootClasses.push(appHeaderClasses.fixed)\r\n return (\r\n <HeaderStyled className={rootClasses.join(' ')}>\r\n <div className={appHeaderClasses.rootFixed}>\r\n <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n {/* The AppLogo component displays the application logo */}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} className={appHeaderClasses.appLogo} />\r\n <Stack direction='row' alignItems='center' spacing={2}>\r\n <AppHeaderNav\r\n configs={this.configs}\r\n onNavItemClick={this.props.onNavItemClick}\r\n sx={{ display: { xs: 'none', lg: 'flex' } }}\r\n slots={this.props.slots?.navItem}\r\n />\r\n <Stack direction='row' gap={1} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n {this.props.actions}\r\n {/* MobileMenu is a responsive menu for smaller screens */}\r\n {/* It provides a hamburger menu icon that toggles the navigation items */}\r\n <MobileMenu baseUrl={this.props.baseUrl} logoUrl={this.props.logoUrl} />\r\n </Stack>\r\n </Stack>\r\n </Container>\r\n </div>\r\n </HeaderStyled>\r\n )\r\n }\r\n}\r\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => {\r\n return <AppHeader {...{ ...params, ...props, slots: { ...params.slots, ...props.slots } }} />\r\n }\r\n _AppHeader.displayName = 'AppHeader'\r\n return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","_this","_classCallCheck","_callSuper","configs","navs","getHeaderNavConfigs","baseUrl","menu","getHeaderMenuConfigs","_inherits","Component","_createClass","key","value","_this$props$logoUrl","_this$props$slots","isFixed","this","rootClasses","appHeaderClasses","root","push","fixed","_jsx","HeaderStyled","className","join","rootFixed","children","_jsxs","Container","maxWidth","content","sx","height","AppLogo","src","logoUrl","appLogoUrl","href","home","appLogo","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","lg","slots","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","_objectSpread","displayName"],"mappings":"wiBA2BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAK/B,OAL+BC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAU,CACbC,KAAMC,EAAoBN,EAAMO,SAChCC,KAAMC,EAAqBT,EAAMO,UAClCN,CACH,CAAC,OAAAS,EAAAX,EAR4BY,GAQ5BC,EAAAb,EAAA,CAAA,CAAAc,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EACIC,EAAYC,KAAKlB,MAAjBiB,QACFE,EAAc,CAACC,EAAiBC,MAEtC,OADgB,IAAZJ,GAAmBE,EAAYG,KAAKF,EAAiBG,OAEvDC,EAACC,GAAaC,UAAWP,EAAYQ,KAAK,cACxCH,EAAK,MAAA,CAAAE,UAAWN,EAAiBQ,UAC/BC,SAAAC,EAACC,EAAU,CAAAC,UAAU,EAAON,UAAWN,EAAiBa,QAASC,GAAI,CAAEC,OAAQ,QAE7EN,SAAA,CAAAL,EAACY,EAAQ,CAAAC,IAAuBtB,QAApBA,EAAEG,KAAKlB,MAAMsC,eAAOvB,IAAAA,EAAAA,EAAIwB,EAAYC,KAAMtB,KAAKlB,MAAMO,QAAQkC,KAAMf,UAAWN,EAAiBsB,UAC3GZ,EAACa,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAACjB,SAAA,CACnDL,EAACuB,EAAY,CACX3C,QAASc,KAAKd,QACd4C,eAAgB9B,KAAKlB,MAAMgD,eAC3Bd,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjCC,MAAuBpC,QAAlBA,EAAEE,KAAKlB,MAAMoD,aAAXpC,IAAgBA,OAAhBA,EAAAA,EAAkBqC,UAE3BvB,EAACa,EAAK,CAACC,UAAU,MAAMU,IAAK,EAAGpB,GAAI,CAAEqB,eAAgB,WAAYV,WAAY,UAAUhB,SAAA,CACpFX,KAAKlB,MAAMwD,QAGZhC,EAACiC,EAAU,CAAClD,QAASW,KAAKlB,MAAMO,QAAS+B,QAASpB,KAAKlB,MAAMsC,sBAO3E,IAAC,IAIUoB,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAAC5D,GAChD,OAAOwB,EAACzB,EAAS8D,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUF,CAAAA,EAAAA,GAAW3D,GAAK,CAAA,EAAA,CAAEoD,MAAKS,EAAAA,EAAA,CAAA,EAAOF,EAAOP,OAAUpD,EAAMoD,UACjF,EAED,OADAQ,EAAWE,YAAc,YAClBF,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as
|
|
1
|
+
import{objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a}from"react/jsx-runtime";import{styled as n,Box as o}from"@mui/material";var r={root:"AppHeader-root",rootFixed:"AppHeader-rootFixed",fixed:"AppHeader-fixed",content:"AppHeader-content",appLogo:"AppHeader-appLogo",navItem:"AppHeader-navItem",navItems:"AppHeader-navItems",navItemIcon:"AppHeader-navItemIcon",subMenu:"AppHeader-subMenu",subMenuItem:"AppHeader-subMenuItem",subMenuTitle:"AppHeader-subMenuTitle",subNavItem:"AppHeader-subNavItem",subNavItemIcon:"AppHeader-subNavItemIcon",subNavItemText:"AppHeader-subNavItemContent"},i=function(e,t){return"".concat((null==t?void 0:t.prefix)||"",".").concat(r[e]).concat((null==t?void 0:t.suffix)||"")},p=n(function(t){return a(o,e({component:"header"},t))})(function(e){var a=e.theme;return t(t(t(t(t({},i("rootFixed",{prefix:"& > "}),{position:"relative",zIndex:1110,height:"var(--height-header, 114px)",backgroundColor:"var(--color-header, #1b1b1b)",color:a.palette.common.white}),i("content"),{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",maxWidth:"var(--max-width, 1688px)"}),i("fixed",{prefix:"&"}),t(t({},i("rootFixed"),{position:"fixed",left:0,top:0,width:"100vw"}),"&::before",{content:'""',display:"block",height:"var(--height-header, 114px)",width:"100%"})),i("appLogo"),t({margin:a.spacing(0,0,-1.5,0)},a.breakpoints.down("md"),{margin:a.spacing(-2,0,-2,-1.5)})),a.breakpoints.down("sm"),{"--height-header-mobile":"78px","--height-header":"var(--height-header-mobile)"})});p.displayName="HeaderStyled";var d=n(function(t){return a(o,e({component:"nav"},t))})(function(e){var a=e.theme;return t(t(t({display:"flex",alignItems:"center"},i("navItems"),{listStyle:"none",display:"flex",margin:0,padding:0}),i("navItemIcon"),{transition:"transform 0.3s ease"}),i("navItem"),{textDecoration:"none",marginRight:a.spacing(.5),flex:"0 0 auto","&:last-of-type":{marginRight:0},"& > button.MuiButtonBase-root .MuiButton-icon":{marginLeft:0},"&:hover":t({},i("navItemIcon"),{transform:"rotate(0deg) scale(1.2)"})})});d.displayName="NavStyled";export{p as HeaderStyled,d as NavStyled,r as appHeaderClasses};
|
|
2
2
|
//# sourceMappingURL=app-header.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.styled.js","sources":["../../src/layout-global/app-header.styled.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\n\r\nexport const appHeaderClasses = {\r\n root: 'AppHeader-root',\r\n rootFixed: 'AppHeader-rootFixed',\r\n fixed: 'AppHeader-fixed',\r\n content: 'AppHeader-content',\r\n navItem: 'AppHeader-navItem',\r\n navItems: 'AppHeader-navItems',\r\n navItemIcon: 'AppHeader-navItemIcon',\r\n subMenu: 'AppHeader-subMenu',\r\n subMenuItem: 'AppHeader-subMenuItem',\r\n subMenuTitle: 'AppHeader-subMenuTitle',\r\n subNavItem: 'AppHeader-subNavItem',\r\n subNavItemIcon: 'AppHeader-subNavItemIcon',\r\n subNavItemText: 'AppHeader-subNavItemContent'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof appHeaderClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appHeaderClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const HeaderStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='header' {...p} />)(({ theme }) => ({\r\n // '*': { margin: 0, padding: 0, boxSizing: 'border-box' },\r\n [getClasses('rootFixed', { prefix: '& > ' })]: {\r\n position: 'relative',\r\n zIndex: 1110, // theme.zIndex.appBar,\r\n height: 'var(--height-header, 114px)',\r\n backgroundColor: 'var(--color-header, #1b1b1b)',\r\n color: theme.palette.common.white\r\n },\r\n [getClasses('content')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n height: '100%',\r\n maxWidth: 'var(--max-width, 1688px)'\r\n },\r\n [getClasses('fixed', { prefix: '&' })]: {\r\n [getClasses('rootFixed')]: { position: 'fixed', left: 0, top: 0, width: '100vw' },\r\n '&::before': {\r\n content: '\"\"',\r\n display: 'block',\r\n height: 'var(--height-header, 114px)',\r\n width: '100%'\r\n }\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n '--height-header-mobile': '78px',\r\n '--height-header': 'var(--height-header-mobile)'\r\n }\r\n}))\r\nexport type HeaderStyledType = typeof HeaderStyled\r\nHeaderStyled.displayName = 'HeaderStyled'\r\n\r\nexport const NavStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n [getClasses('navItems')]: {\r\n listStyle: 'none',\r\n display: 'flex',\r\n margin: 0,\r\n padding: 0\r\n },\r\n [getClasses('navItemIcon')]: { transition: 'transform 0.3s ease' },\r\n [getClasses('navItem')]: {\r\n textDecoration: 'none',\r\n marginRight: theme.spacing(0.5),\r\n flex: '0 0 auto',\r\n '&:last-of-type': { marginRight: 0 },\r\n '& > button.MuiButtonBase-root .MuiButton-icon': { marginLeft: 0 },\r\n '&:hover': { [getClasses('navItemIcon')]: { transform: 'rotate(0deg) scale(1.2)' } }\r\n }\r\n}))\r\nNavStyled.displayName = 'NavStyled'\r\n"],"names":["appHeaderClasses","root","rootFixed","fixed","content","navItem","navItems","navItemIcon","subMenu","subMenuItem","subMenuTitle","subNavItem","subNavItemIcon","subNavItemText","getClasses","key","options","concat","prefix","suffix","HeaderStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","position","zIndex","height","backgroundColor","color","palette","common","white","display","alignItems","justifyContent","maxWidth","left","top","width","breakpoints","down","displayName","NavStyled","_ref3","listStyle","
|
|
1
|
+
{"version":3,"file":"app-header.styled.js","sources":["../../src/layout-global/app-header.styled.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\n\r\nexport const appHeaderClasses = {\r\n root: 'AppHeader-root',\r\n rootFixed: 'AppHeader-rootFixed',\r\n fixed: 'AppHeader-fixed',\r\n content: 'AppHeader-content',\r\n appLogo: 'AppHeader-appLogo',\r\n navItem: 'AppHeader-navItem',\r\n navItems: 'AppHeader-navItems',\r\n navItemIcon: 'AppHeader-navItemIcon',\r\n subMenu: 'AppHeader-subMenu',\r\n subMenuItem: 'AppHeader-subMenuItem',\r\n subMenuTitle: 'AppHeader-subMenuTitle',\r\n subNavItem: 'AppHeader-subNavItem',\r\n subNavItemIcon: 'AppHeader-subNavItemIcon',\r\n subNavItemText: 'AppHeader-subNavItemContent'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof appHeaderClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${appHeaderClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const HeaderStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='header' {...p} />)(({ theme }) => ({\r\n // '*': { margin: 0, padding: 0, boxSizing: 'border-box' },\r\n [getClasses('rootFixed', { prefix: '& > ' })]: {\r\n position: 'relative',\r\n zIndex: 1110, // theme.zIndex.appBar,\r\n height: 'var(--height-header, 114px)',\r\n backgroundColor: 'var(--color-header, #1b1b1b)',\r\n color: theme.palette.common.white\r\n },\r\n [getClasses('content')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n height: '100%',\r\n maxWidth: 'var(--max-width, 1688px)'\r\n },\r\n [getClasses('fixed', { prefix: '&' })]: {\r\n [getClasses('rootFixed')]: { position: 'fixed', left: 0, top: 0, width: '100vw' },\r\n '&::before': {\r\n content: '\"\"',\r\n display: 'block',\r\n height: 'var(--height-header, 114px)',\r\n width: '100%'\r\n }\r\n },\r\n [getClasses('appLogo')]: {\r\n margin: theme.spacing(0, 0, -1.5, 0),\r\n [theme.breakpoints.down('md')]: { margin: theme.spacing(-2, 0, -2, -1.5) }\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n '--height-header-mobile': '78px',\r\n '--height-header': 'var(--height-header-mobile)'\r\n }\r\n}))\r\nexport type HeaderStyledType = typeof HeaderStyled\r\nHeaderStyled.displayName = 'HeaderStyled'\r\n\r\nexport const NavStyled: ComponentType<BoxProps> = styled((p: BoxProps) => <Box component='nav' {...p} />)(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n [getClasses('navItems')]: {\r\n listStyle: 'none',\r\n display: 'flex',\r\n margin: 0,\r\n padding: 0\r\n },\r\n [getClasses('navItemIcon')]: { transition: 'transform 0.3s ease' },\r\n [getClasses('navItem')]: {\r\n textDecoration: 'none',\r\n marginRight: theme.spacing(0.5),\r\n flex: '0 0 auto',\r\n '&:last-of-type': { marginRight: 0 },\r\n '& > button.MuiButtonBase-root .MuiButton-icon': { marginLeft: 0 },\r\n '&:hover': { [getClasses('navItemIcon')]: { transform: 'rotate(0deg) scale(1.2)' } }\r\n }\r\n}))\r\nNavStyled.displayName = 'NavStyled'\r\n"],"names":["appHeaderClasses","root","rootFixed","fixed","content","appLogo","navItem","navItems","navItemIcon","subMenu","subMenuItem","subMenuTitle","subNavItem","subNavItemIcon","subNavItemText","getClasses","key","options","concat","prefix","suffix","HeaderStyled","styled","p","_jsx","Box","_objectSpread","component","_ref","theme","_defineProperty","position","zIndex","height","backgroundColor","color","palette","common","white","display","alignItems","justifyContent","maxWidth","left","top","width","margin","spacing","breakpoints","down","displayName","NavStyled","_ref3","listStyle","padding","transition","textDecoration","marginRight","flex","marginLeft","transform"],"mappings":"qLAGO,IAAMA,EAAmB,CAC9BC,KAAM,iBACNC,UAAW,sBACXC,MAAO,kBACPC,QAAS,oBACTC,QAAS,oBACTC,QAAS,oBACTC,SAAU,qBACVC,YAAa,wBACbC,QAAS,oBACTC,YAAa,wBACbC,aAAc,yBACdC,WAAY,uBACZC,eAAgB,2BAChBC,eAAgB,+BAGZC,EAAa,SAACC,EAAoCC,GACtD,MAAA,GAAAC,QAAUD,aAAAA,EAAAA,EAASE,SAAU,QAAED,OAAIlB,EAAiBgB,IAAIE,QAAGD,aAAAA,EAAAA,EAASG,SAAU,GAChF,EAEaC,EAAwCC,EAAO,SAACC,GAAW,OAAKC,EAACC,EAAGC,EAAA,CAACC,UAAU,UAAaJ,GAAK,EAAzDD,CAA2D,SAAAM,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAErHf,EAAW,YAAa,CAAEI,OAAQ,SAAY,CAC7CY,SAAU,WACVC,OAAQ,KACRC,OAAQ,8BACRC,gBAAiB,+BACjBC,MAAON,EAAMO,QAAQC,OAAOC,QAE7BvB,EAAW,WAAa,CACvBwB,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBR,OAAQ,OACRS,SAAU,6BAEX3B,EAAW,QAAS,CAAEI,OAAQ,MAAMW,EAAAA,KAClCf,EAAW,aAAe,CAAEgB,SAAU,QAASY,KAAM,EAAGC,IAAK,EAAGC,MAAO,UACxE,YAAa,CACXzC,QAAS,KACTmC,QAAS,QACTN,OAAQ,8BACRY,MAAO,UAGV9B,EAAW,WAAUe,EAAA,CACpBgB,OAAQjB,EAAMkB,QAAQ,EAAG,GAAO,IAAE,IACjClB,EAAMmB,YAAYC,KAAK,MAAQ,CAAEH,OAAQjB,EAAMkB,SAAU,EAAE,GAAK,GAAM,QAExElB,EAAMmB,YAAYC,KAAK,MAAQ,CAC9B,yBAA0B,OAC1B,kBAAmB,+BACpB,GAGH5B,EAAa6B,YAAc,mBAEdC,EAAqC7B,EAAO,SAACC,GAAW,OAAKC,EAACC,EAAGC,EAAA,CAACC,UAAU,OAAUJ,GAAK,EAAtDD,CAAwD,SAAA8B,GAAA,IAAGvB,EAAKuB,EAALvB,MAAK,OAAAC,EAAAA,EAAAA,EAAA,CAChHS,QAAS,OACTC,WAAY,UACXzB,EAAW,YAAc,CACxBsC,UAAW,OACXd,QAAS,OACTO,OAAQ,EACRQ,QAAS,IAEVvC,EAAW,eAAiB,CAAEwC,WAAY,wBAC1CxC,EAAW,WAAa,CACvByC,eAAgB,OAChBC,YAAa5B,EAAMkB,QAAQ,IAC3BW,KAAM,WACN,iBAAkB,CAAED,YAAa,GACjC,gDAAiD,CAAEE,WAAY,GAC/D,UAAS7B,EAAA,CAAA,EAAKf,EAAW,eAAiB,CAAE6C,UAAW,6BACxD,GAEHT,EAAUD,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as a}from"react";import{Stack as t,Typography as l,Divider as c,Box as s,IconButton as m}from"@mui/material";import{AppLogo as d}from"./app-logo.js";import{ButtonAnimation as p}from"./animated-tabs.units.js";import{getFooterNavTabConfigs as f,getMenuNavConfigs as
|
|
1
|
+
import{slicedToArray as e,objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as a}from"react";import{Stack as t,Typography as l,Divider as c,Box as s,IconButton as m}from"@mui/material";import{AppLogo as d}from"./app-logo.js";import{ButtonAnimation as p}from"./animated-tabs.units.js";import{getFooterNavTabConfigs as f,getMenuNavConfigs as u,appLogoUrl as h,appSocialConfigs as v}from"./configs.js";import{IconButtonStyled as g,DrawerStyled as N,mobileMenuClasses as b}from"./mobile-menu.styled.js";var j=function(j){var k=a(!1),F=e(k,2),L=F[0],x=F[1],y=f(j.baseUrl),U=u(j.baseUrl),_=function(e){return function(){x(e)}};return n(o,{children:[i(g,{onClick:_(!0)}),n(N,{open:L,onClose:_(!1),className:b.root,children:[i(t,{alignItems:"center",className:b.logoArea,children:i(d,{src:j.logoUrl||h})}),i(l,{component:"h6",variant:"h6",className:b.title,children:"Media We Support"}),i(t,{direction:"row",spacing:1,className:b.tab,children:y.map(function(e,n){return i(p,r(r(r({forceTheme:"dark"},e.navLink?{component:"a",href:e.navLink.href}:{}),e.options),{},{children:e.title}),n)})}),i(c,{variant:"middle",className:b.divider}),i("nav",{className:b.nav,children:i("ul",{children:U.map(function(e,r){var n,o;return i("li",{className:b.navItem,children:i(l,{component:"a",variant:"body2",href:null===(n=e.navLink)||void 0===n?void 0:n.href,target:(null===(o=e.navLink)||void 0===o?void 0:o.target)||"_self",children:e.title})},r)})})}),i(c,{variant:"middle",className:b.divider}),i(l,{component:"h6",variant:"h6",className:b.title,children:"Follow Us"}),i(t,{direction:"row",justifyContent:"center",component:"ul",className:b.socialList,children:v.map(function(e,n){var o=r({"--color-social":e.color||"#FFFFFF"},e.sx);return i(s,{component:"li",sx:o,children:i(m,{component:"a",href:e.link,target:"_blank",rel:"noopener noreferrer",children:e.icon})},n)})})]})]})};export{j as default};
|
|
2
2
|
//# sourceMappingURL=mobile-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-menu.js","sources":["../../src/layout-global/mobile-menu.tsx"],"sourcesContent":["import { FC, useState } from 'react'\r\nimport { Box, Divider, IconButton, Stack, SxProps, Theme, Typography } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { ButtonAnimation } from './animated-tabs.units'\r\nimport { getFooterNavTabConfigs, getMenuNavConfigs, appSocialConfigs, appLogoUrl } from './configs'\r\nimport { DrawerStyled, IconButtonStyled, mobileMenuClasses } from './mobile-menu.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\ninterface IMobileMenuProps {\r\n baseUrl: IAppSiteBaseUrl\r\n logoUrl?: string\r\n}\r\n\r\nconst MobileMenu: FC<IMobileMenuProps> = (props) => {\r\n const [isOpen, setIsOpen] = useState(false)\r\n\r\n const footerNavTabConfigs = getFooterNavTabConfigs(props.baseUrl)\r\n\r\n const menuNavConfigs = getMenuNavConfigs(props.baseUrl)\r\n\r\n const toggleDrawer = (x: boolean) => () => {\r\n setIsOpen(x)\r\n }\r\n\r\n return (\r\n <>\r\n <IconButtonStyled onClick={toggleDrawer(true)} />\r\n <DrawerStyled open={isOpen} onClose={toggleDrawer(false)} className={mobileMenuClasses.root}>\r\n <Stack alignItems='center' className={mobileMenuClasses.logoArea}>\r\n <AppLogo src={props.logoUrl || appLogoUrl} />\r\n </Stack>\r\n <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n Media We Support\r\n </Typography>\r\n <Stack direction='row' spacing={1} className={mobileMenuClasses.tab}>\r\n {footerNavTabConfigs.map((nav, index) => (\r\n <ButtonAnimation forceTheme='dark' key={index} {...(nav.navLink ? { component: 'a', href: nav.navLink.href } : {})} {...nav.options}>\r\n {nav.title}\r\n </ButtonAnimation>\r\n ))}\r\n </Stack>\r\n <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n <nav className={mobileMenuClasses.nav}>\r\n <ul>\r\n {menuNavConfigs.map((nav, index) => (\r\n <li key={index} className={mobileMenuClasses.navItem}>\r\n <Typography component='a' variant='
|
|
1
|
+
{"version":3,"file":"mobile-menu.js","sources":["../../src/layout-global/mobile-menu.tsx"],"sourcesContent":["import { FC, useState } from 'react'\r\nimport { Box, Divider, IconButton, Stack, SxProps, Theme, Typography } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { ButtonAnimation } from './animated-tabs.units'\r\nimport { getFooterNavTabConfigs, getMenuNavConfigs, appSocialConfigs, appLogoUrl } from './configs'\r\nimport { DrawerStyled, IconButtonStyled, mobileMenuClasses } from './mobile-menu.styled'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\ninterface IMobileMenuProps {\r\n baseUrl: IAppSiteBaseUrl\r\n logoUrl?: string\r\n}\r\n\r\nconst MobileMenu: FC<IMobileMenuProps> = (props) => {\r\n const [isOpen, setIsOpen] = useState(false)\r\n\r\n const footerNavTabConfigs = getFooterNavTabConfigs(props.baseUrl)\r\n\r\n const menuNavConfigs = getMenuNavConfigs(props.baseUrl)\r\n\r\n const toggleDrawer = (x: boolean) => () => {\r\n setIsOpen(x)\r\n }\r\n\r\n return (\r\n <>\r\n <IconButtonStyled onClick={toggleDrawer(true)} />\r\n <DrawerStyled open={isOpen} onClose={toggleDrawer(false)} className={mobileMenuClasses.root}>\r\n <Stack alignItems='center' className={mobileMenuClasses.logoArea}>\r\n <AppLogo src={props.logoUrl || appLogoUrl} />\r\n </Stack>\r\n <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n Media We Support\r\n </Typography>\r\n <Stack direction='row' spacing={1} className={mobileMenuClasses.tab}>\r\n {footerNavTabConfigs.map((nav, index) => (\r\n <ButtonAnimation forceTheme='dark' key={index} {...(nav.navLink ? { component: 'a', href: nav.navLink.href } : {})} {...nav.options}>\r\n {nav.title}\r\n </ButtonAnimation>\r\n ))}\r\n </Stack>\r\n <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n <nav className={mobileMenuClasses.nav}>\r\n <ul>\r\n {menuNavConfigs.map((nav, index) => (\r\n <li key={index} className={mobileMenuClasses.navItem}>\r\n <Typography component='a' variant='body2' href={nav.navLink?.href} target={nav.navLink?.target || '_self'}>\r\n {nav.title}\r\n </Typography>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n <Divider variant='middle' className={mobileMenuClasses.divider} />\r\n <Typography component='h6' variant='h6' className={mobileMenuClasses.title}>\r\n Follow Us\r\n </Typography>\r\n <Stack direction='row' justifyContent='center' component='ul' className={mobileMenuClasses.socialList}>\r\n {appSocialConfigs.map((social, index) => {\r\n const sxProps: SxProps<Theme> = { '--color-social': social.color || '#FFFFFF', ...social.sx }\r\n return (\r\n <Box component='li' key={index} sx={sxProps}>\r\n <IconButton component='a' href={social.link} target='_blank' rel='noopener noreferrer'>\r\n {social.icon}\r\n </IconButton>\r\n </Box>\r\n )\r\n })}\r\n </Stack>\r\n </DrawerStyled>\r\n </>\r\n )\r\n}\r\nexport default MobileMenu\r\n"],"names":["MobileMenu","props","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","footerNavTabConfigs","getFooterNavTabConfigs","baseUrl","menuNavConfigs","getMenuNavConfigs","toggleDrawer","x","_jsxs","_Fragment","children","_jsx","IconButtonStyled","onClick","DrawerStyled","open","onClose","className","mobileMenuClasses","root","Stack","alignItems","logoArea","AppLogo","src","logoUrl","appLogoUrl","Typography","component","variant","title","direction","spacing","tab","map","nav","index","ButtonAnimation","_objectSpread","forceTheme","navLink","href","options","Divider","divider","_nav$navLink","_nav$navLink2","navItem","target","justifyContent","socialList","appSocialConfigs","social","sxProps","color","sx","Box","IconButton","link","rel","icon"],"mappings":"mlBAaA,IAAMA,EAAmC,SAACC,GACxC,IAAAC,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAsBC,EAAuBR,EAAMS,SAEnDC,EAAiBC,EAAkBX,EAAMS,SAEzCG,EAAe,SAACC,GAAU,OAAK,WACnCP,EAAUO,EACX,CAAA,EAED,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,GAAiBC,QAASP,GAAa,KACxCE,EAACM,EAAY,CAACC,KAAMhB,EAAQiB,QAASV,GAAa,GAAQW,UAAWC,EAAkBC,eACrFR,EAACS,EAAM,CAAAC,WAAW,SAASJ,UAAWC,EAAkBI,SAAQZ,SAC9DC,EAACY,EAAO,CAACC,IAAK9B,EAAM+B,SAAWC,MAEjCf,EAACgB,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKZ,UAAWC,EAAkBY,MAExDpB,SAAA,qBACbC,EAACS,GAAMW,UAAU,MAAMC,QAAS,EAAGf,UAAWC,EAAkBe,IAC7DvB,SAAAT,EAAoBiC,IAAI,SAACC,EAAKC,GAAK,OAClCzB,EAAC0B,EAAeC,EAAAA,EAAAA,EAAA,CAACC,WAAW,QAAwBJ,EAAIK,QAAU,CAAEZ,UAAW,IAAKa,KAAMN,EAAIK,QAAQC,MAAS,CAAE,GAAON,EAAIO,SAAO,CAAA,EAAA,CAAAhC,SAChIyB,EAAIL,QADiCM,EAGzC,KAEHzB,EAACgC,EAAQ,CAAAd,QAAQ,SAASZ,UAAWC,EAAkB0B,UACvDjC,EAAA,MAAA,CAAKM,UAAWC,EAAkBiB,IAChCzB,SAAAC,EAAA,KAAA,CAAAD,SACGN,EAAe8B,IAAI,SAACC,EAAKC,GAAK,IAAAS,EAAAC,EAAA,OAC7BnC,EAAgB,KAAA,CAAAM,UAAWC,EAAkB6B,QAAOrC,SAClDC,EAACgB,GAAWC,UAAU,IAAIC,QAAQ,QAAQY,KAAiB,QAAbI,EAAEV,EAAIK,eAAO,IAAAK,OAAA,EAAXA,EAAaJ,KAAMO,QAAmBF,QAAXA,EAAAX,EAAIK,eAAJM,IAAWA,OAAXA,EAAAA,EAAaE,SAAU,QAAOtC,SACtGyB,EAAIL,SAFAM,EAKV,OAGLzB,EAACgC,EAAQ,CAAAd,QAAQ,SAASZ,UAAWC,EAAkB0B,UACvDjC,EAACgB,EAAW,CAAAC,UAAU,KAAKC,QAAQ,KAAKZ,UAAWC,EAAkBY,MAExDpB,SAAA,cACbC,EAACS,EAAK,CAACW,UAAU,MAAMkB,eAAe,SAASrB,UAAU,KAAKX,UAAWC,EAAkBgC,WACxFxC,SAAAyC,EAAiBjB,IAAI,SAACkB,EAAQhB,GAC7B,IAAMiB,EAAOf,EAAA,CAAqB,iBAAkBc,EAAOE,OAAS,WAAcF,EAAOG,IACzF,OACE5C,EAAC6C,GAAI5B,UAAU,KAAiB2B,GAAIF,WAClC1C,EAAC8C,GAAW7B,UAAU,IAAIa,KAAMW,EAAOM,KAAMV,OAAO,SAASW,IAAI,sBAC9DjD,SAAA0C,EAAOQ,QAFaxB,EAM5B,UAKX"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectWithoutProperties as e,objectSpread2 as
|
|
1
|
+
import{objectWithoutProperties as e,objectSpread2 as t,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{styled as n,Drawer as a,paperClasses as i,typographyClasses as l}from"@mui/material";import c from"@mui/icons-material/Menu";import{IconButtonDark as m}from"../components/buttons.js";var p=["children"],s={root:"MobileMenu-root",logoArea:"MobileMenu-logoArea",tab:"MobileMenu-tab",title:"MobileMenu-tabTitle",nav:"MobileMenu-nav",navItem:"MobileMenu-navItem",divider:"MobileMenu-divider",socialList:"MobileMenu-socialList"},g=function(e,t){return"".concat("",".").concat(s[e]).concat("")},u=n(function(o){o.children;var n=e(o,p);return r(m,t(t({size:"small"},n),{},{children:r(c,{fontSize:"small"})}))})(function(e){var t=e.theme;return o({flex:0},t.breakpoints.up("lg"),{display:"none"})});u.displayName="IconButtonStyled";var d=n(a)(function(e){var t=e.theme;return o(o(o(o(o(o(o(o({"*":{margin:0,padding:0,boxSizing:"border-box"}},"& .".concat(i.root),{width:"calc(100vw - 90px)",backgroundColor:"#1b1b1b",color:"var(--color-text-mobile-menu, ".concat(t.palette.grey[200],")"),padding:0,textAlign:"center"}),g("logoArea"),{minHeight:"var(--header-height, 114px)",alignItems:"center",justifyContent:"center"}),g("tab"),o({justifyContent:"center"},"& .".concat(l.root),{color:"var(--color-text-mobile-menu, ".concat(t.palette.grey[200],")"),textTransform:"uppercase",textDecoration:"none","&:hover":{color:t.palette.primary.main}})),g("title"),{fontWeight:600,color:"var(--color-text-mobile-menu, ".concat(t.palette.grey[50],")"),marginBottom:t.spacing(2)}),g("navItem"),o({fontWeight:600,color:"var(--color-text-mobile-menu, ".concat(t.palette.grey[200],")"),lineHeight:1.5,textTransform:"uppercase",padding:"8px 0"},"& .".concat(l.root),{color:"var(--color-text-mobile-menu, ".concat(t.palette.grey[200],")"),textDecoration:"none",fontWeight:600,fontFamily:"var(--dino-font-secondary, Arial, sans-serif)","&:hover":{color:t.palette.primary.main}})),g("nav"),{paddingBottom:t.spacing(2)}),g("divider"),{borderBottom:"1px solid rgba(255, 255, 255, 0.3)",marginTop:t.spacing(2),marginBottom:t.spacing(2)}),g("socialList"),{justifyContent:"center",paddingBottom:t.spacing(4),listStyle:"none","& li":{margin:t.spacing(0,1),"& a":{color:"var(--color-social, ".concat(t.palette.grey[200],")"),"&:hover":{color:t.palette.primary.main}}}})});d.displayName="DrawerStyled";export{d as DrawerStyled,u as IconButtonStyled,s as mobileMenuClasses};
|
|
2
2
|
//# sourceMappingURL=mobile-menu.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-menu.styled.js","sources":["../../src/layout-global/mobile-menu.styled.tsx"],"sourcesContent":["import { Drawer, paperClasses, styled, typographyClasses } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { DrawerProps, IconButtonProps, Theme } from '@mui/material'\r\nimport MenuIcon from '@mui/icons-material/Menu'\r\nimport { IconButtonDark } from '../components/buttons'\r\n\r\nexport const mobileMenuClasses = {\r\n root: 'MobileMenu-root',\r\n logoArea: 'MobileMenu-logoArea',\r\n tab: 'MobileMenu-tab',\r\n title: 'MobileMenu-tabTitle',\r\n nav: 'MobileMenu-nav',\r\n navItem: 'MobileMenu-navItem',\r\n divider: 'MobileMenu-divider',\r\n socialList: 'MobileMenu-socialList'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof mobileMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${mobileMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const IconButtonStyled: ComponentType<IconButtonProps> = styled(({ children, ...props }: IconButtonProps) => (\r\n <IconButtonDark size='small' {...props}>\r\n <MenuIcon />\r\n </IconButtonDark>\r\n))(({ theme }: { theme: Theme }) => ({
|
|
1
|
+
{"version":3,"file":"mobile-menu.styled.js","sources":["../../src/layout-global/mobile-menu.styled.tsx"],"sourcesContent":["import { Drawer, paperClasses, styled, typographyClasses } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { DrawerProps, IconButtonProps, Theme } from '@mui/material'\r\nimport MenuIcon from '@mui/icons-material/Menu'\r\nimport { IconButtonDark } from '../components/buttons'\r\n\r\nexport const mobileMenuClasses = {\r\n root: 'MobileMenu-root',\r\n logoArea: 'MobileMenu-logoArea',\r\n tab: 'MobileMenu-tab',\r\n title: 'MobileMenu-tabTitle',\r\n nav: 'MobileMenu-nav',\r\n navItem: 'MobileMenu-navItem',\r\n divider: 'MobileMenu-divider',\r\n socialList: 'MobileMenu-socialList'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof mobileMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${mobileMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const IconButtonStyled: ComponentType<IconButtonProps> = styled(({ children, ...props }: IconButtonProps) => (\r\n <IconButtonDark size='small' {...props}>\r\n <MenuIcon fontSize='small' />\r\n </IconButtonDark>\r\n))(({ theme }: { theme: Theme }) => ({ flex: 0, [theme.breakpoints.up('lg')]: { display: 'none' } }))\r\nIconButtonStyled.displayName = 'IconButtonStyled'\r\n\r\nexport const DrawerStyled: ComponentType<DrawerProps> = styled(Drawer)(({ theme }: { theme: Theme }) => ({\r\n '*': { margin: 0, padding: 0, boxSizing: 'border-box' },\r\n [`& .${paperClasses.root}`]: {\r\n width: 'calc(100vw - 90px)',\r\n backgroundColor: '#1b1b1b',\r\n color: `var(--color-text-mobile-menu, ${theme.palette.grey[200]})`,\r\n padding: 0,\r\n textAlign: 'center'\r\n },\r\n [getClasses('logoArea')]: {\r\n minHeight: 'var(--header-height, 114px)',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n [getClasses('tab')]: {\r\n justifyContent: 'center',\r\n [`& .${typographyClasses.root}`]: {\r\n color: `var(--color-text-mobile-menu, ${theme.palette.grey[200]})`,\r\n textTransform: 'uppercase',\r\n textDecoration: 'none',\r\n '&:hover': { color: theme.palette.primary.main }\r\n }\r\n },\r\n [getClasses('title')]: {\r\n fontWeight: 600,\r\n color: `var(--color-text-mobile-menu, ${theme.palette.grey[50]})`,\r\n marginBottom: theme.spacing(2)\r\n },\r\n [getClasses('navItem')]: {\r\n fontWeight: 600,\r\n color: `var(--color-text-mobile-menu, ${theme.palette.grey[200]})`,\r\n lineHeight: 1.5,\r\n textTransform: 'uppercase',\r\n padding: '8px 0',\r\n [`& .${typographyClasses.root}`]: {\r\n color: `var(--color-text-mobile-menu, ${theme.palette.grey[200]})`,\r\n textDecoration: 'none',\r\n fontWeight: 600,\r\n fontFamily: 'var(--dino-font-secondary, Arial, sans-serif)',\r\n '&:hover': { color: theme.palette.primary.main }\r\n }\r\n },\r\n [getClasses('nav')]: { paddingBottom: theme.spacing(2) },\r\n [getClasses('divider')]: {\r\n borderBottom: '1px solid rgba(255, 255, 255, 0.3)',\r\n marginTop: theme.spacing(2),\r\n marginBottom: theme.spacing(2)\r\n },\r\n [getClasses('socialList')]: {\r\n justifyContent: 'center',\r\n paddingBottom: theme.spacing(4),\r\n listStyle: 'none',\r\n '& li': {\r\n margin: theme.spacing(0, 1),\r\n '& a': {\r\n color: `var(--color-social, ${theme.palette.grey[200]})`,\r\n '&:hover': { color: theme.palette.primary.main }\r\n }\r\n }\r\n }\r\n}))\r\nDrawerStyled.displayName = 'DrawerStyled'\r\n"],"names":["mobileMenuClasses","root","logoArea","tab","title","nav","navItem","divider","socialList","getClasses","key","options","concat","IconButtonStyled","styled","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","IconButtonDark","_objectSpread","size","MenuIcon","fontSize","_ref2","theme","_defineProperty","flex","breakpoints","up","display","displayName","DrawerStyled","Drawer","_ref4","margin","padding","boxSizing","paperClasses","width","backgroundColor","color","palette","grey","textAlign","minHeight","alignItems","justifyContent","typographyClasses","textTransform","textDecoration","primary","main","fontWeight","marginBottom","spacing","lineHeight","fontFamily","paddingBottom","borderBottom","marginTop","listStyle"],"mappings":"mXAMaA,EAAoB,CAC/BC,KAAM,kBACNC,SAAU,sBACVC,IAAK,iBACLC,MAAO,sBACPC,IAAK,iBACLC,QAAS,qBACTC,QAAS,qBACTC,WAAY,yBAGRC,EAAa,SAACC,EAAqCC,GACvD,MAAA,GAAAC,OAA6B,QAAEA,OAAIZ,EAAkBU,IAAIE,OAAsB,GACjF,EAEaC,EAAmDC,EAAO,SAAAC,GAAWA,EAARC,SAAaC,IAAAA,EAAKC,EAAAH,EAAAI,GAAA,OAC1FC,EAACC,EAAcC,EAAAA,EAAA,CAACC,KAAK,SAAYN,GAAK,GAAA,CACpCD,SAAAI,EAACI,EAAQ,CAACC,SAAS,YACJ,EAH6CX,CAI7D,SAAAY,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAA,CAA4BC,KAAM,GAAIF,EAAMG,YAAYC,GAAG,MAAQ,CAAEC,QAAS,QAAQ,GACjGnB,EAAiBoB,YAAc,mBAExB,IAAMC,EAA2CpB,EAAOqB,EAAPrB,CAAe,SAAAsB,GAAA,IAAGT,EAAKS,EAALT,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAC7E,IAAK,CAAES,OAAQ,EAAGC,QAAS,EAAGC,UAAW,eAAc,MAAA3B,OAChD4B,EAAavC,MAAS,CAC3BwC,MAAO,qBACPC,gBAAiB,UACjBC,MAAK,iCAAA/B,OAAmCe,EAAMiB,QAAQC,KAAK,KAAO,KAClEP,QAAS,EACTQ,UAAW,WAEZrC,EAAW,YAAc,CACxBsC,UAAW,8BACXC,WAAY,SACZC,eAAgB,WAEjBxC,EAAW,OAAMmB,EAAA,CAChBqB,eAAgB,UAAQ,MAAArC,OACjBsC,EAAkBjD,MAAS,CAChC0C,MAAK,iCAAA/B,OAAmCe,EAAMiB,QAAQC,KAAK,KAAO,KAClEM,cAAe,YACfC,eAAgB,OAChB,UAAW,CAAET,MAAOhB,EAAMiB,QAAQS,QAAQC,SAG7C7C,EAAW,SAAW,CACrB8C,WAAY,IACZZ,MAAK,iCAAA/B,OAAmCe,EAAMiB,QAAQC,KAAK,IAAM,KACjEW,aAAc7B,EAAM8B,QAAQ,KAE7BhD,EAAW,WAAUmB,EAAA,CACpB2B,WAAY,IACZZ,MAAK,iCAAA/B,OAAmCe,EAAMiB,QAAQC,KAAK,KAAO,KAClEa,WAAY,IACZP,cAAe,YACfb,QAAS,SAAO,MAAA1B,OACTsC,EAAkBjD,MAAS,CAChC0C,MAAK,iCAAA/B,OAAmCe,EAAMiB,QAAQC,KAAK,KAAO,KAClEO,eAAgB,OAChBG,WAAY,IACZI,WAAY,gDACZ,UAAW,CAAEhB,MAAOhB,EAAMiB,QAAQS,QAAQC,SAG7C7C,EAAW,OAAS,CAAEmD,cAAejC,EAAM8B,QAAQ,KACnDhD,EAAW,WAAa,CACvBoD,aAAc,qCACdC,UAAWnC,EAAM8B,QAAQ,GACzBD,aAAc7B,EAAM8B,QAAQ,KAE7BhD,EAAW,cAAgB,CAC1BwC,eAAgB,SAChBW,cAAejC,EAAM8B,QAAQ,GAC7BM,UAAW,OACX,OAAQ,CACN1B,OAAQV,EAAM8B,QAAQ,EAAG,GACzB,MAAO,CACLd,MAAK,uBAAA/B,OAAyBe,EAAMiB,QAAQC,KAAK,KAAO,KACxD,UAAW,CAAEF,MAAOhB,EAAMiB,QAAQS,QAAQC,SAG/C,GAEHpB,EAAaD,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-footer.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,uBAAuB,YAAY;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,WAErH,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"app-footer.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAS,MAAM,uBAAuB,YAAY;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,WAErH,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CAqF9C,CAAA;AAEH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CA6C9C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAU,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"app-header.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAU,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAe5B,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,QAAQ,CAiC9C,CAAA;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAGlD,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,CAkB3C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-menu.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/mobile-menu.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAIxE,eAAO,MAAM,iBAAiB;;;;;;;;;CAS7B,CAAA;AAMD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"mobile-menu.styled.d.ts","sourceRoot":"","sources":["../../../src/layout-global/mobile-menu.styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAIxE,eAAO,MAAM,iBAAiB;;;;;;;;;CAS7B,CAAA;AAMD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAIyC,CAAA;AAGrG,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,WAAW,CA4DjD,CAAA"}
|