dinocollab-shared 1.1.5 → 1.1.7
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-header.js +1 -1
- package/dist/layout-global/app-header.js.map +1 -1
- package/dist/layout-global/app-logo.js +1 -1
- package/dist/layout-global/app-logo.js.map +1 -1
- package/dist/layout-global/sub-menu.js +1 -1
- package/dist/layout-global/sub-menu.js.map +1 -1
- package/dist/layout-global/sub-menu.styled.js +1 -1
- package/dist/layout-global/sub-menu.styled.js.map +1 -1
- package/dist/types/layout-global/app-footer.d.ts +2 -0
- package/dist/types/layout-global/app-footer.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.d.ts +1 -0
- package/dist/types/layout-global/app-header.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as e,objectSpread2 as n,classCallCheck as i,callSuper as
|
|
1
|
+
import{inherits as r,createClass as e,objectSpread2 as n,classCallCheck as i,callSuper as o,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Component as s}from"react";import{CssBaseline as c,Container as p,Grid as m,Typography as d,Divider as h,Box as u,IconButton as v}from"@mui/material";import{AppLogo as f}from"./app-logo.js";import{TextLineBreak as g}from"./ui.units.js";import{AppThemeProvider as k}from"./app-theme-provider.js";import{FooterStyled as N,appFooterClasses as x,AppFooterNav as b}from"./app-footer.styled.js";import{getFooterNavConfigs as C,bgFooterUrl as j,appLogoUrl as y,footerDescription as F,appSocialConfigs as I,copyrightText as L}from"./configs.js";var U=function(){function U(){var r;i(this,U);for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];return r=o(this,U,[].concat(n)),t(r,"handleNavItemClick",function(e,n){r.props.onNavItemClick&&n&&r.props.onNavItemClick(e,n)}),r}return r(U,s),e(U,[{key:"render",value:function(){var r,e,i,o=this,t=C(this.props.baseUrl);return a(k,n(n({},null===(r=this.props.slots)||void 0===r?void 0:r.themeProps),{},{children:[l(c,{}),a(N,{className:x.root,children:[l("img",{src:null!==(e=this.props.backgroundUrl)&&void 0!==e?e:j,alt:"Footer Background",className:x.background,loading:"lazy"}),a(p,{maxWidth:!1,className:x.content,children:[a(m,{container:!0,children:[a(m,{item:!0,xs:12,lg:7,children:[l(f,{src:null!==(i=this.props.logoUrl)&&void 0!==i?i:y,href:this.props.baseUrl.home,className:x.appLogo}),l(d,{variant:"subtitle1",className:x.description,children:l(g,{children:F})})]}),l(m,{item:!0,xs:12,lg:5,children:l(b,{children:l(m,{container:!0,children:t.map(function(r,e){return l(m,{item:!0,xs:12,md:6,children:l("ul",{children:r.map(function(r,e){var n,i,t;return l("li",{className:x.navItem,children:l(d,{variant:"h5",className:x.navItemText,component:"a",href:null!==(n=null===(i=r.navLink)||void 0===i?void 0:i.href)&&void 0!==n?n:"/",target:null===(t=r.navLink)||void 0===t?void 0:t.target,onClick:function(e){return o.handleNavItemClick(e,r.navLink)},children:l("span",{children:r.title})})},e)})})},e)})})})})]}),a("div",{className:x.copyright,children:[l(h,{sx:{borderColor:"#1E1E1E",mt:{xs:"20px",md:"80px"}}}),l("ul",{className:x.socialList,children:I.map(function(r,e){var i=n({"--social-color-hover":r.color||"#FFFFFF"},r.sx);return l(u,{component:"li",sx:i,children:l(v,{component:"a",href:r.link,target:"_blank",rel:"noopener noreferrer",children:r.icon})},e)})}),l("div",{className:x.copyrightText,children:l(d,{variant:"subtitle1",noWrap:!0,children:L})})]})]})]})]}))}}])}(),E=function(r){var e=function(e){return l(U,n(n({},r),e))};return e.displayName="AppFooter",e};export{U as AppFooter,E as createAppFooter,U 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, CssBaseline, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs, appSocialConfigs, copyrightText, footerDescription, bgFooterUrl, appLogoUrl } from './configs'\r\nimport type { INavLink, NavItemClickFunction } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport interface IAppFooterSlots {\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppFooterProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppFooterSlots\r\n}\r\n\r\nexport class AppFooter extends Component<IAppFooterProps> {\r\n render() {\r\n // const bgFooterUrl = useMemo(() => getBgFooterUrl(props.baseUrl), [props.baseUrl])\r\n const footerNavConfigs = getFooterNavConfigs(this.props.baseUrl)\r\n\r\n return (\r\n <AppThemeProvider {...this.props.slots?.themeProps}>\r\n {/* The AppThemeProvider provides a consistent theme across the application */}\r\n {/* It uses the light theme with Roboto and Oswald fonts */}\r\n {/* The primary font is Roboto and the secondary font is Oswald */}\r\n {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n <CssBaseline />\r\n <FooterStyled className={appFooterClasses.root}>\r\n <img src={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 <AppLogo src={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 </Grid>\r\n <Grid item xs={12} lg={5}>\r\n <AppFooterNav>\r\n <Grid container>\r\n {footerNavConfigs.map((navs, index) => (\r\n <Grid key={index} item xs={12} md={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 className={appFooterClasses.socialList}>\r\n {appSocialConfigs.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' noWrap>\r\n {copyrightText}\r\n </Typography>\r\n </div>\r\n </div>\r\n </Container>\r\n </FooterStyled>\r\n </AppThemeProvider>\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","_this2","footerNavConfigs","getFooterNavConfigs","baseUrl","_jsxs","AppThemeProvider","_objectSpread","slots","themeProps","children","_jsx","CssBaseline","FooterStyled","className","appFooterClasses","root","src","bgFooterUrl","alt","background","loading","Container","maxWidth","content","Grid","container","xs","lg","AppLogo","appLogoUrl","href","home","appLogo","Typography","variant","description","TextLineBreak","footerDescription","AppFooterNav","map","navs","index","md","nav","navIndex","_nav$navLink$href","_nav$navLink","_nav$navLink2","navItem","navItemText","component","navLink","target","onClick","handleNavItemClick","title","copyright","Divider","sx","borderColor","mt","socialList","appSocialConfigs","social","sxProps","color","Box","IconButton","link","rel","icon","copyrightText","noWrap","createAppFooter","params","_AppFooter","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-footer.js","sources":["../../src/layout-global/app-footer.tsx"],"sourcesContent":["import { Component, FC } from 'react'\r\nimport { Box, Container, CssBaseline, Divider, Grid, IconButton, Typography } from '@mui/material'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport { AppLogo } from './app-logo'\r\nimport { TextLineBreak } from './ui.units'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appFooterClasses, AppFooterNav, FooterStyled } from './app-footer.styled'\r\nimport { getFooterNavConfigs, appSocialConfigs, copyrightText, footerDescription, bgFooterUrl, appLogoUrl } from './configs'\r\nimport type { INavLink, NavItemClickFunction } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport interface IAppFooterSlots {\r\n themeProps?: Partial<IAppThemeProviderProps>\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 slots?: IAppFooterSlots\r\n}\r\n\r\nexport class AppFooter extends Component<IAppFooterProps> {\r\n render() {\r\n // const bgFooterUrl = useMemo(() => getBgFooterUrl(props.baseUrl), [props.baseUrl])\r\n const footerNavConfigs = getFooterNavConfigs(this.props.baseUrl)\r\n\r\n return (\r\n <AppThemeProvider {...this.props.slots?.themeProps}>\r\n {/* The AppThemeProvider provides a consistent theme across the application */}\r\n {/* It uses the light theme with Roboto and Oswald fonts */}\r\n {/* The primary font is Roboto and the secondary font is Oswald */}\r\n {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n <CssBaseline />\r\n <FooterStyled className={appFooterClasses.root}>\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 <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 </Grid>\r\n <Grid item xs={12} lg={5}>\r\n <AppFooterNav>\r\n <Grid container>\r\n {footerNavConfigs.map((navs, index) => (\r\n <Grid key={index} item xs={12} md={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 className={appFooterClasses.socialList}>\r\n {appSocialConfigs.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' noWrap>\r\n {copyrightText}\r\n </Typography>\r\n </div>\r\n </div>\r\n </Container>\r\n </FooterStyled>\r\n </AppThemeProvider>\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$logoUrl","_this2","footerNavConfigs","getFooterNavConfigs","baseUrl","_jsxs","AppThemeProvider","_objectSpread","slots","themeProps","children","_jsx","CssBaseline","FooterStyled","className","appFooterClasses","root","src","backgroundUrl","bgFooterUrl","alt","background","loading","Container","maxWidth","content","Grid","container","xs","lg","AppLogo","logoUrl","appLogoUrl","href","home","appLogo","Typography","variant","description","TextLineBreak","footerDescription","AppFooterNav","map","navs","index","md","nav","navIndex","_nav$navLink$href","_nav$navLink","_nav$navLink2","navItem","navItemText","component","navLink","target","onClick","handleNavItemClick","title","copyright","Divider","sx","borderColor","mt","socialList","appSocialConfigs","social","sxProps","color","Box","IconButton","link","rel","icon","copyrightText","noWrap","createAppFooter","params","_AppFooter","displayName"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as s,objectSpread2 as e,classCallCheck as o,callSuper as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Component as
|
|
1
|
+
import{inherits as r,createClass as s,objectSpread2 as e,classCallCheck as o,callSuper as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{CssBaseline as n,Container as p,Stack as m}from"@mui/material";import{AppLogo as c}from"./app-logo.js";import{AppThemeProvider as d}from"./app-theme-provider.js";import{appLogoUrl as h,getHeaderNavConfigs as f}from"./configs.js";import{HeaderStyled as u,appHeaderClasses as v}from"./app-header.styled.js";import g from"./mobile-menu.js";import x from"./app-header.nav.js";var j=function(){function j(r){var s;return o(this,j),(s=t(this,j,[r])).configs=f(r.baseUrl),s}return r(j,l),s(j,[{key:"render",value:function(){var r,s,o;return i(d,e(e({},null===(r=this.props.slots)||void 0===r?void 0:r.themeProps),{},{children:[a(n,{}),a(u,{className:v.root,children:a("div",{className:v.rootFixed,children:i(p,{maxWidth:!1,className:v.content,sx:{height:"100%"},children:[a(c,{src:null!==(s=this.props.logoUrl)&&void 0!==s?s:h,href:this.props.baseUrl.home,sx:{mb:"-12px"}}),i(m,{direction:"row",alignItems:"center",spacing:2,children:[a(x,{onNavItemClick:this.props.onNavItemClick,configs:this.configs,sx:{display:{xs:"none",md:"flex"}},slots:null===(o=this.props.slots)||void 0===o?void 0:o.navItem}),i(m,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,a(g,{baseUrl:this.props.baseUrl})]})]})]})})})]}))}}])}(),b=function(r){var s=function(s){return a(j,e({},e(e(e({},r),s),{},{slots:e(e({},r.slots),s.slots)})))};return s.displayName="AppHeader",s};export{j as AppHeader,b as createAppHeader,j 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, CssBaseline, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\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 actions?: ReactNode\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: IAppNav[]\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = getHeaderNavConfigs(props.baseUrl)\r\n }\r\n\r\n render() {\r\n return (\r\n <AppThemeProvider {...this.props.slots?.themeProps}>\r\n {/* The AppThemeProvider provides a consistent theme across the application */}\r\n {/* It uses the light theme with Roboto and Oswald fonts */}\r\n {/* The primary font is Roboto and the secondary font is Oswald */}\r\n {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n <CssBaseline />\r\n <HeaderStyled className={appHeaderClasses.root}>\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={appLogoUrl} href={this.props.baseUrl.home} sx={{ mb: '-12px' }} />\r\n <Stack direction='row' alignItems='center' spacing={2}>\r\n <AppHeaderNav\r\n onNavItemClick={this.props.onNavItemClick}\r\n configs={this.configs}\r\n sx={{ display: { xs: 'none', md: '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} />\r\n </Stack>\r\n </Stack>\r\n </Container>\r\n </div>\r\n </HeaderStyled>\r\n </AppThemeProvider>\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","getHeaderNavConfigs","baseUrl","_inherits","Component","_createClass","key","value","_this$props$slots","_this$props$slots2","_jsxs","AppThemeProvider","_objectSpread","this","slots","themeProps","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, CssBaseline, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { AppThemeProvider, IAppThemeProviderProps } from './app-theme-provider'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { appLogoUrl, getHeaderNavConfigs } from './configs'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\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 slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: IAppNav[]\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = getHeaderNavConfigs(props.baseUrl)\r\n }\r\n\r\n render() {\r\n return (\r\n <AppThemeProvider {...this.props.slots?.themeProps}>\r\n {/* The AppThemeProvider provides a consistent theme across the application */}\r\n {/* It uses the light theme with Roboto and Oswald fonts */}\r\n {/* The primary font is Roboto and the secondary font is Oswald */}\r\n {/* The theme is applied globally using MUI's ThemeProvider and CssBaseline */}\r\n <CssBaseline />\r\n <HeaderStyled className={appHeaderClasses.root}>\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} sx={{ mb: '-12px' }} />\r\n <Stack direction='row' alignItems='center' spacing={2}>\r\n <AppHeaderNav\r\n onNavItemClick={this.props.onNavItemClick}\r\n configs={this.configs}\r\n sx={{ display: { xs: 'none', md: '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} />\r\n </Stack>\r\n </Stack>\r\n </Container>\r\n </div>\r\n </HeaderStyled>\r\n </AppThemeProvider>\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","getHeaderNavConfigs","baseUrl","_inherits","Component","_createClass","key","value","_this$props$slots","_this$props$logoUrl","_this$props$slots2","_jsxs","AppThemeProvider","_objectSpread","this","slots","themeProps","children","_jsx","CssBaseline","HeaderStyled","className","appHeaderClasses","root","rootFixed","Container","maxWidth","content","sx","height","AppLogo","src","logoUrl","appLogoUrl","href","home","mb","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","xs","md","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","displayName"],"mappings":"0lBA0BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAEiB,OAFjBC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAUC,EAAoBL,EAAMM,SAAQL,CACnD,CAAC,OAAAM,EAAAR,EAL4BS,GAK5BC,EAAAV,EAAA,CAAA,CAAAW,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EAAAC,EACJ,OACEC,EAACC,EAAgBC,EAAAA,KAAqB,QAArBL,EAAKM,KAAKlB,MAAMmB,aAAXP,IAAgBA,OAAhBA,EAAAA,EAAkBQ,YAAU,GAAA,CAKhDC,SAAA,CAAAC,EAACC,EAAc,CAAA,GACfD,EAACE,EAAY,CAACC,UAAWC,EAAiBC,KAAIN,SAC5CC,SAAKG,UAAWC,EAAiBE,mBAC/Bb,EAACc,GAAUC,UAAU,EAAOL,UAAWC,EAAiBK,QAASC,GAAI,CAAEC,OAAQ,kBAE7EX,EAACY,GAAQC,IAAuBtB,QAApBA,EAAEK,KAAKlB,MAAMoC,eAAOvB,IAAAA,EAAAA,EAAIwB,EAAYC,KAAMpB,KAAKlB,MAAMM,QAAQiC,KAAMP,GAAI,CAAEQ,GAAI,WACzFzB,EAAC0B,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAClDvB,SAAA,CAAAC,EAACuB,EACC,CAAAC,eAAgB5B,KAAKlB,MAAM8C,eAC3B1C,QAASc,KAAKd,QACd4B,GAAI,CAAEe,QAAS,CAAEC,GAAI,OAAQC,GAAI,SACjC9B,MAAuBL,QAAlBA,EAAEI,KAAKlB,MAAMmB,aAAXL,IAAgBA,OAAhBA,EAAAA,EAAkBoC,UAE3BnC,EAAC0B,EAAK,CAACC,UAAU,MAAMS,IAAK,EAAGnB,GAAI,CAAEoB,eAAgB,WAAYT,WAAY,UAC1EtB,SAAA,CAAAH,KAAKlB,MAAMqD,QAGZ/B,EAACgC,EAAW,CAAAhD,QAASY,KAAKlB,MAAMM,0BAQhD,IAAC,IAIUiD,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAACzD,GAChD,OAAOsB,EAACvB,EAASkB,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUuC,CAAAA,EAAAA,GAAWxD,GAAK,CAAA,EAAA,CAAEmB,MAAKF,EAAAA,EAAA,CAAA,EAAOuC,EAAOrC,OAAUnB,EAAMmB,UACjF,EAED,OADAsC,EAAWC,YAAc,YAClBD,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectWithoutProperties as r,objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{styled as i,Box as a}from"@mui/material";var n=["src","href"],p=["href"],
|
|
1
|
+
import{objectWithoutProperties as r,objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{styled as i,Box as a}from"@mui/material";var n=["src","href"],p=["href"],s=function(t){var i=t.src,a=t.href,p=r(t,n);return o(c,e(e({href:a||"/",className:"AppLogo"},p),{},{children:o("img",{src:i,alt:"App Logo"})}))},c=i(function(t){var i=t.href,n=r(t,p);return o(a,e({component:"a",href:i},n))})(function(r){var e=r.theme;return t({cursor:"pointer",display:"flex",width:"160px",flex:"0 0 auto",aspectRatio:"16/9","& > img":{width:"100%",height:"100%",objectFit:"contain"}},e.breakpoints.down("xl"),{width:"120px"})});export{s as AppLogo,s as default};
|
|
2
2
|
//# sourceMappingURL=app-logo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-logo.js","sources":["../../src/layout-global/app-logo.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { BoxProps, Theme } from '@mui/material'\r\n\r\nexport interface IAppLogoProps extends BoxProps {\r\n src: string\r\n href?: string // Optional href to make the logo clickable\r\n}\r\n\r\nexport const AppLogo: FC<IAppLogoProps> = (props) => {\r\n const { src, href, ...boxProps } = props\r\n return (\r\n <WrapLogo href={href || '/'} className='AppLogo' {...boxProps}>\r\n <img src={src} alt='App Logo' />\r\n </WrapLogo>\r\n )\r\n}\r\nexport default AppLogo\r\n\r\nconst WrapLogo = styled(({ href, ...props }: BoxProps & { href: string }) => {\r\n return <Box component='a' href={href} {...props} />\r\n})(({ theme }: { theme: Theme }) => ({\r\n cursor: 'pointer',\r\n display: '
|
|
1
|
+
{"version":3,"file":"app-logo.js","sources":["../../src/layout-global/app-logo.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { BoxProps, Theme } from '@mui/material'\r\n\r\nexport interface IAppLogoProps extends BoxProps {\r\n src: string\r\n href?: string // Optional href to make the logo clickable\r\n}\r\n\r\nexport const AppLogo: FC<IAppLogoProps> = (props) => {\r\n const { src, href, ...boxProps } = props\r\n return (\r\n <WrapLogo href={href || '/'} className='AppLogo' {...boxProps}>\r\n <img src={src} alt='App Logo' />\r\n </WrapLogo>\r\n )\r\n}\r\nexport default AppLogo\r\n\r\nconst WrapLogo = styled(({ href, ...props }: BoxProps & { href: string }) => {\r\n return <Box component='a' href={href} {...props} />\r\n})(({ theme }: { theme: Theme }) => ({\r\n cursor: 'pointer',\r\n display: 'flex',\r\n width: '160px',\r\n flex: '0 0 auto',\r\n aspectRatio: '16/9', // 480:270 ratio\r\n '& > img': {\r\n width: '100%',\r\n height: '100%',\r\n objectFit: 'contain'\r\n },\r\n [theme.breakpoints.down('xl')]: {\r\n width: '120px'\r\n }\r\n}))\r\n"],"names":["AppLogo","props","src","href","boxProps","_objectWithoutProperties","_excluded","_jsx","WrapLogo","_objectSpread","className","children","alt","styled","_ref","_excluded2","Box","component","_ref2","theme","_defineProperty","cursor","display","width","flex","aspectRatio","height","objectFit","breakpoints","down"],"mappings":"kPASaA,EAA6B,SAACC,GACzC,IAAQC,EAA2BD,EAA3BC,IAAKC,EAAsBF,EAAtBE,KAASC,EAAQC,EAAKJ,EAAKK,GACxC,OACEC,EAACC,EAAQC,EAAAA,EAAA,CAACN,KAAMA,GAAQ,IAAKO,UAAU,WAAcN,GAAQ,GAAA,CAC3DO,SAAAJ,EAAA,MAAA,CAAKL,IAAKA,EAAKU,IAAI,eAGzB,EAGMJ,EAAWK,EAAO,SAAAC,GAAoD,IAAjDX,EAAIW,EAAJX,KAASF,EAAKI,EAAAS,EAAAC,GACvC,OAAOR,EAACS,EAAGP,EAAA,CAACQ,UAAU,IAAId,KAAMA,GAAUF,GAC5C,EAFiBY,CAEd,SAAAK,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAA,CACTC,OAAQ,UACRC,QAAS,OACTC,MAAO,QACPC,KAAM,WACNC,YAAa,OACb,UAAW,CACTF,MAAO,OACPG,OAAQ,OACRC,UAAW,YAEZR,EAAMS,YAAYC,KAAK,MAAQ,CAC9BN,MAAO,SACR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as n,createClass as e,classCallCheck as r,callSuper as t,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Divider as s,alpha as m,colors as u,Stack as d,Typography as p,MenuItem as
|
|
1
|
+
import{inherits as n,createClass as e,classCallCheck as r,callSuper as t,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Divider as s,alpha as m,colors as u,Stack as d,Typography as p,MenuItem as h}from"@mui/material";import v from"@mui/icons-material/Facebook";import{toArray as f}from"./helpers.js";import{MenuStyled as g,subMenuClasses as C}from"./sub-menu.styled.js";var N=function(){function N(){var n;r(this,N);for(var e=arguments.length,l=new Array(e),s=0;s<e;s++)l[s]=arguments[s];return n=t(this,N,[].concat(l)),i(n,"renderItem",function(e,r){var t;return o(c,{className:C.group,children:[a(p,{variant:"h6",className:C.title,children:e.title}),null===(t=e.items)||void 0===t?void 0:t.map(function(e,r){var t,i;return a(h,{component:"div",className:C.item,children:o(c,{className:C.itemContent,component:"a",href:null!==(t=null===(i=e.navLink)||void 0===i?void 0:i.href)&&void 0!==t?t:"/",onClick:function(r){return n.handleNavItemClick(r,e.navLink)},children:[e.icon&&a("span",{className:C.itemIcon,children:n.renderIcon(e.icon)}),a(p,{component:"div",variant:"body2",className:C.itemText,children:a("span",{children:e.title})})]})},r)})]},r)}),i(n,"renderIcon",function(n){if(!n)return null;var e=n;return"string"==typeof n&&(e=a(c,{component:"span",className:"icon-img",sx:{"--mask-url":"url(".concat(n,")")}})),a("span",{className:"icon-static",children:e})}),i(n,"getMenuData",function(){var e=n.props.navSelected;return f(null==e?void 0:e.menu).filter(function(n){var e;return n.items&&(null===(e=n.items)||void 0===e?void 0:e.length)>0})}),i(n,"handleNavItemClick",function(e,r){n.props.onNavItemClick&&r&&n.props.onNavItemClick(e,r)}),n}return n(N,l),e(N,[{key:"render",value:function(){var n=this.props,e=n.anchorEl,r=n.onClose,t=n.navSelected,i=this.getMenuData();return null===e||0===i.length?null:o(g,{anchorEl:e,open:Boolean(t),onClose:r,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},disableScrollLock:!0,MenuListProps:{component:"div"},children:[a(c,{className:C.root,children:i.map(this.renderItem)}),a(s,{variant:"middle",sx:{borderColor:m(u.common.white,.1)}}),o(d,{direction:"row",spacing:1,justifyContent:"flex-end",alignItems:"center",padding:1,children:[a(p,{variant:"body2",children:"Follow us on social media for updates and news!"}),a(v,{})]})]})}}])}();export{N as default};
|
|
2
2
|
//# sourceMappingURL=sub-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { MenuStyled, subMenuClasses } from './sub-menu.styled'\r\nimport type { IAppMenu, IAppNav, INavLink, NavItemClickFunction } from './types'\r\n\r\ninterface ISubMenuProps {\r\n anchorEl: HTMLElement | null\r\n onClose: () => void\r\n navSelected: IAppNav | null\r\n onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n render() {\r\n const { anchorEl, onClose, navSelected } = this.props\r\n const menu = this.getMenuData()\r\n\r\n if (anchorEl === null || menu.length === 0) return null\r\n // Render sub-items only if anchorEl is set and subItems are available\r\n // This prevents rendering when there are no sub-items or the menu is not open\r\n return (\r\n <MenuStyled\r\n anchorEl={anchorEl}\r\n open={Boolean(navSelected)}\r\n onClose={onClose}\r\n anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n disableScrollLock\r\n MenuListProps={{ component: 'div' }}\r\n >\r\n {/* Render sub-menu items */}\r\n <Box className={subMenuClasses.root}>{menu.map(this.renderItem)}</Box>\r\n\r\n {/* Optional footer or additional content */}\r\n <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n {/* Add social media links or icons here if needed */}\r\n <FacebookIcon />\r\n </Stack>\r\n </MenuStyled>\r\n )\r\n }\r\n\r\n renderItem = (item: IAppMenu, index: number) => (\r\n <Box key={index} className={subMenuClasses.group}>\r\n <Typography variant='
|
|
1
|
+
{"version":3,"file":"sub-menu.js","sources":["../../src/layout-global/sub-menu.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, colors, Divider, MenuItem, Stack, Typography } from '@mui/material'\r\nimport type { ReactNode } from 'react'\r\nimport FacebookIcon from '@mui/icons-material/Facebook'\r\nimport { toArray } from './helpers'\r\nimport { MenuStyled, subMenuClasses } from './sub-menu.styled'\r\nimport type { IAppMenu, IAppNav, INavLink, NavItemClickFunction } from './types'\r\n\r\ninterface ISubMenuProps {\r\n anchorEl: HTMLElement | null\r\n onClose: () => void\r\n navSelected: IAppNav | null\r\n onNavItemClick?: NavItemClickFunction\r\n}\r\n\r\nclass SubMenu extends Component<ISubMenuProps> {\r\n render() {\r\n const { anchorEl, onClose, navSelected } = this.props\r\n const menu = this.getMenuData()\r\n\r\n if (anchorEl === null || menu.length === 0) return null\r\n // Render sub-items only if anchorEl is set and subItems are available\r\n // This prevents rendering when there are no sub-items or the menu is not open\r\n return (\r\n <MenuStyled\r\n anchorEl={anchorEl}\r\n open={Boolean(navSelected)}\r\n onClose={onClose}\r\n anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n disableScrollLock\r\n MenuListProps={{ component: 'div' }}\r\n >\r\n {/* Render sub-menu items */}\r\n <Box className={subMenuClasses.root}>{menu.map(this.renderItem)}</Box>\r\n\r\n {/* Optional footer or additional content */}\r\n <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n <Stack direction='row' spacing={1} justifyContent='flex-end' alignItems='center' padding={1}>\r\n <Typography variant='body2'>Follow us on social media for updates and news!</Typography>\r\n {/* Add social media links or icons here if needed */}\r\n <FacebookIcon />\r\n </Stack>\r\n </MenuStyled>\r\n )\r\n }\r\n\r\n renderItem = (item: IAppMenu, index: number) => (\r\n <Box key={index} className={subMenuClasses.group}>\r\n <Typography variant='h6' className={subMenuClasses.title}>\r\n {item.title}\r\n </Typography>\r\n {/* <Divider sx={{ borderColor: alpha(colors.common.white, 0.1), my: 1 }} /> */}\r\n {item.items?.map((item, j) => (\r\n <MenuItem key={j} component='div' className={subMenuClasses.item}>\r\n <Box\r\n className={subMenuClasses.itemContent}\r\n component='a'\r\n href={item.navLink?.href ?? '/'}\r\n onClick={(e) => this.handleNavItemClick(e, item.navLink)}\r\n >\r\n {item.icon && <span className={subMenuClasses.itemIcon}>{this.renderIcon(item.icon)}</span>}\r\n <Typography component='div' variant='body2' className={subMenuClasses.itemText}>\r\n <span>{item.title}</span>\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n ))}\r\n </Box>\r\n )\r\n\r\n renderIcon = (value: ReactNode) => {\r\n if (!value) return null\r\n let finalIcon = value\r\n if (typeof value === 'string') {\r\n finalIcon = <Box component='span' className='icon-img' sx={{ '--mask-url': `url(${value})` }} />\r\n }\r\n return <span className='icon-static'>{finalIcon}</span>\r\n }\r\n\r\n getMenuData = () => {\r\n const { navSelected } = this.props\r\n const list = toArray<IAppMenu>(navSelected?.menu)\r\n return list.filter((item) => item.items && item.items?.length > 0)\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 SubMenu\r\n"],"names":["SubMenu","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_item$items","_jsxs","Box","className","subMenuClasses","group","children","_jsx","Typography","variant","title","items","map","j","_item$navLink$href","_item$navLink","MenuItem","component","itemContent","href","navLink","onClick","e","handleNavItemClick","icon","itemIcon","renderIcon","itemText","value","finalIcon","sx","navSelected","props","toArray","menu","filter","_item$items2","event","onNavItemClick","_inherits","Component","_createClass","key","_this$props","anchorEl","onClose","getMenuData","MenuStyled","open","Boolean","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","MenuListProps","root","renderItem","Divider","borderColor","alpha","colors","common","white","Stack","direction","spacing","justifyContent","alignItems","padding","FacebookIcon"],"mappings":"0eAeMA,IAAAA,aAAQ,SAAAA,IAAA,IAAAC,EAAAC,OAAAF,GAAA,IAAA,IAAAG,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA0EX,OA1EWP,EAAAQ,EAAAC,KAAAV,EAAAW,GAAAA,OAAAL,IAAAM,EAAAX,EAAA,aAgCC,SAACY,EAAgBC,GAAa,IAAAC,EAAA,OACzCC,EAACC,EAAgB,CAAAC,UAAWC,EAAeC,MAAKC,SAAA,CAC9CC,EAACC,GAAWC,QAAQ,KAAKN,UAAWC,EAAeM,eAChDZ,EAAKY,QAGG,QAFEV,EAEZF,EAAKa,aAAK,IAAAX,OAAA,EAAVA,EAAYY,IAAI,SAACd,EAAMe,GAAC,IAAAC,EAAAC,EAAA,OACvBR,EAACS,EAAQ,CAASC,UAAU,MAAMd,UAAWC,EAAeN,KAAIQ,SAC9DL,EAACC,GACCC,UAAWC,EAAec,YAC1BD,UAAU,IACVE,KAAwB,QAApBL,EAAc,QAAdC,EAAEjB,EAAKsB,eAALL,IAAYA,OAAZA,EAAAA,EAAcI,YAAIL,IAAAA,EAAAA,EAAI,IAC5BO,QAAS,SAACC,GAAC,OAAKpC,EAAKqC,mBAAmBD,EAAGxB,EAAKsB,QAAQ,EAAAd,SAAA,CAEvDR,EAAK0B,MAAQjB,EAAA,OAAA,CAAMJ,UAAWC,EAAeqB,SAAWnB,SAAApB,EAAKwC,WAAW5B,EAAK0B,QAC9EjB,EAACC,EAAW,CAAAS,UAAU,MAAMR,QAAQ,QAAQN,UAAWC,EAAeuB,kBACpEpB,EAAO,OAAA,CAAAD,SAAAR,EAAKY,cATHG,EAYJ,KAlBLd,KAqBXF,EAAAX,EAEY,aAAA,SAAC0C,GACZ,IAAKA,EAAO,OAAO,KACnB,IAAIC,EAAYD,EAIhB,MAHqB,iBAAVA,IACTC,EAAYtB,EAACL,EAAG,CAACe,UAAU,OAAOd,UAAU,WAAW2B,GAAI,CAAE,aAAY,OAAAlC,OAASgC,EAAK,SAElFrB,UAAMJ,UAAU,cAAeG,SAAAuB,MACvChC,EAAAX,EAAA,cAEa,WACZ,IAAQ6C,EAAgB7C,EAAK8C,MAArBD,YAER,OADaE,EAAkBF,aAAAA,EAAAA,EAAaG,MAChCC,OAAO,SAACrC,GAAI,IAAAsC,EAAA,OAAKtC,EAAKa,gBAASyB,EAAAtC,EAAKa,aAAK,IAAAyB,OAAA,EAAVA,EAAY9C,QAAS,MACjEO,EAAAX,EAAA,qBAEoB,SAACmD,EAAwDvC,GACvEZ,EAAK8C,MAAMM,gBAAmBxC,GACnCZ,EAAK8C,MAAMM,eAAeD,EAAOvC,KAClCZ,CAAA,CAAA,OAAAqD,EAAAtD,EA1EmBuD,GA0EnBC,EAAAxD,EAAA,CAAA,CAAAyD,IAAA,SAAAd,MAzED,WACE,IAAAe,EAA2ChD,KAAKqC,MAAxCY,EAAQD,EAARC,SAAUC,EAAOF,EAAPE,QAASd,EAAWY,EAAXZ,YACrBG,EAAOvC,KAAKmD,cAElB,OAAiB,OAAbF,GAAqC,IAAhBV,EAAK5C,OAAqB,KAIjDW,EAAC8C,EAAU,CACTH,SAAUA,EACVI,KAAMC,QAAQlB,GACdc,QAASA,EACTK,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,mBACA,EAAAC,cAAe,CAAEtC,UAAW,OAAOX,SAAA,CAGnCC,EAACL,GAAIC,UAAWC,EAAeoD,KAAIlD,SAAG4B,EAAKtB,IAAIjB,KAAK8D,cAGpDlD,EAACmD,EAAO,CAACjD,QAAQ,SAASqB,GAAI,CAAE6B,YAAaC,EAAMC,EAAOC,OAAOC,MAAO,OACxE9D,EAAC+D,EAAM,CAAAC,UAAU,MAAMC,QAAS,EAAGC,eAAe,WAAWC,WAAW,SAASC,QAAS,EAAC/D,SAAA,CACzFC,EAACC,EAAW,CAAAC,QAAQ,QAAOH,SAAA,oDAE3BC,EAAC+D,EAAY,SAIrB,IAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Menu as i,alpha as o}from"@mui/material";var n={root:"SubMenu-root",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText"},r=function(t,e){return"".concat("",".").concat(n[t]).concat("")},a=e(i)(function(e){var i=e.theme;return t(t(t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","--size-icon":"24px",marginTop:"45px",".MuiPaper-root":{overflow:"visible",backgroundColor:"#323234",borderRadius:i.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px",color:i.palette.common.white,"@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:i.spacing(1.5),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0}},r("root"),t(t({display:"flex",padding:i.spacing(1,0)},i.breakpoints.down("md"),{flexDirection:"column",padding:i.spacing(1,0)}),"&:hover",{"--color-text-sub-menu":i.palette.grey[500],"--filter-icon":"invert(1) brightness(0.6) opacity(0.7)"})),r("group"),t({borderRight:"1px solid ".concat(o(i.palette.common.white,.1)),padding:i.spacing(0,1),"&:last-of-type":{borderRight:"none"}},i.breakpoints.down("md"),{borderRight:"none",padding:i.spacing(0,0,0,1)})),r("title"),{padding:i.spacing(.5,1.25),color:"var(--color-
|
|
1
|
+
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Menu as i,alpha as o}from"@mui/material";var n={root:"SubMenu-root",group:"SubMenu-group",title:"SubMenu-title",item:"SubMenu-item",itemContent:"SubMenu-itemContent",itemIcon:"SubMenu-itemIcon",itemText:"SubMenu-itemText",socialText:"SubMenu-socialText"},r=function(t,e){return"".concat("",".").concat(n[t]).concat("")},a=e(i)(function(e){var i=e.theme;return t(t(t(t({"--bg-divider":"linear-gradient(45deg, rgb(211, 47, 47) 0%, rgb(249, 169, 37) 70%, rgb(211, 47, 47) 100%) 0% 0% / 200%","--size-icon":"24px",marginTop:"45px",".MuiPaper-root":{overflow:"visible",backgroundColor:"#323234",borderRadius:i.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px",color:i.palette.common.white,"@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"#323234",width:"10px",height:"10px",top:"-4px",right:i.spacing(1.5),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0}},r("root"),t(t({display:"flex",padding:i.spacing(1,0)},i.breakpoints.down("md"),{flexDirection:"column",padding:i.spacing(1,0)}),"&:hover",{"--color-text-sub-menu":i.palette.grey[500],"--filter-icon":"invert(1) brightness(0.6) opacity(0.7)"})),r("group"),t({borderRight:"1px solid ".concat(o(i.palette.common.white,.1)),padding:i.spacing(0,1),"&:last-of-type":{borderRight:"none"}},i.breakpoints.down("md"),{borderRight:"none",padding:i.spacing(0,0,0,1)})),r("title"),{padding:i.spacing(.5,1.25),color:"var(--color-title-sub-menu, #ffffff)",fontWeight:500,marginBottom:i.spacing(1.25)}),r("item"),t(t(t(t(t(t({position:"relative",transition:"all 0.35s ease",padding:i.spacing(1.5,3.5,1.5,1.5),backgroundColor:"var(--bg-nav-item, transparent)",borderRadius:i.shape.borderRadius},r("itemContent"),{display:"flex",alignItems:"center"}),r("itemText"),{color:"var(--color-text-sub-menu, ".concat(i.palette.grey[100],")"),textDecoration:"none",display:"block",width:"100%",transition:"all 0.3s ease",span:{display:"inline-block"}}),r("itemIcon"),{display:"flex",alignItems:"center",flexShrink:0,transition:"transform var(--timing-medium) var(--easing-bounce)",transformOrigin:"left bottom",position:"relative",marginRight:i.spacing(1),"img, svg, .icon-img":{width:"var(--size-icon)",height:"var(--size-icon)"},".icon-img":{backgroundImage:"var(--mask-url)",backgroundSize:"cover",backgroundPosition:"center",display:"block",borderRadius:4,transition:"filter 0.3s",position:"relative",zIndex:1,filter:"var(--filter-icon, invert(1) brightness(0.9) opacity(1))"}}),r("socialText"),{color:"var(--color-text-secondary, #9da1a5)"}),"&::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-sub-menu":i.palette.common.white,"--filter-icon":"invert(1) brightness(1) opacity(1)",padding:i.spacing(1.5,1.5,1.5,3.5),backgroundColor:"var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))","&::before":{width:i.spacing(1.125),marginRight:i.spacing(1)}}))});a.displayName="MenuStyled";export{a as MenuStyled,n as subMenuClasses};
|
|
2
2
|
//# sourceMappingURL=sub-menu.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps, Theme } from '@mui/material'\r\n\r\nexport const subMenuClasses = {\r\n root: 'SubMenu-root',\r\n group: 'SubMenu-group',\r\n title: 'SubMenu-title',\r\n item: 'SubMenu-item',\r\n itemContent: 'SubMenu-itemContent',\r\n itemIcon: 'SubMenu-itemIcon',\r\n itemText: 'SubMenu-itemText',\r\n socialText: 'SubMenu-socialText'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }: { theme: Theme }) => ({\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 '--size-icon': '24px',\r\n marginTop: '45px',\r\n '.MuiPaper-root': {\r\n overflow: 'visible',\r\n backgroundColor: '#323234',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n animation: 'fadeInDown 0.3s ease-out',\r\n marginTop: '8px',\r\n color: theme.palette.common.white,\r\n\r\n '@keyframes fadeInDown': {\r\n '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n '100%': { opacity: 1, transform: 'translateY(0)' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n backgroundColor: '#323234',\r\n width: '10px',\r\n height: '10px',\r\n top: '-4px',\r\n right: theme.spacing(1.5),\r\n transform: 'translateX(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n },\r\n '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n '.MuiList-root': { padding: 0 },\r\n\r\n [getClasses('root')]: {\r\n display: 'flex',\r\n padding: theme.spacing(1, 0),\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n padding: theme.spacing(1, 0)\r\n },\r\n '&:hover': {\r\n '--color-text-sub-menu': theme.palette.grey[500],\r\n '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n }\r\n },\r\n\r\n [getClasses('group')]: {\r\n borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n padding: theme.spacing(0, 1),\r\n '&:last-of-type': {\r\n borderRight: 'none'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n borderRight: 'none',\r\n padding: theme.spacing(0, 0, 0, 1)\r\n }\r\n },\r\n\r\n [getClasses('title')]: {\r\n padding: theme.spacing(0.5, 1.25),\r\n color: 'var(--color-
|
|
1
|
+
{"version":3,"file":"sub-menu.styled.js","sources":["../../src/layout-global/sub-menu.styled.ts"],"sourcesContent":["import { alpha, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps, Theme } from '@mui/material'\r\n\r\nexport const subMenuClasses = {\r\n root: 'SubMenu-root',\r\n group: 'SubMenu-group',\r\n title: 'SubMenu-title',\r\n item: 'SubMenu-item',\r\n itemContent: 'SubMenu-itemContent',\r\n itemIcon: 'SubMenu-itemIcon',\r\n itemText: 'SubMenu-itemText',\r\n socialText: 'SubMenu-socialText'\r\n}\r\n\r\nconst getClasses = (key: keyof typeof subMenuClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${subMenuClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }: { theme: Theme }) => ({\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 '--size-icon': '24px',\r\n marginTop: '45px',\r\n '.MuiPaper-root': {\r\n overflow: 'visible',\r\n backgroundColor: '#323234',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n animation: 'fadeInDown 0.3s ease-out',\r\n marginTop: '8px',\r\n color: theme.palette.common.white,\r\n\r\n '@keyframes fadeInDown': {\r\n '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n '100%': { opacity: 1, transform: 'translateY(0)' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n backgroundColor: '#323234',\r\n width: '10px',\r\n height: '10px',\r\n top: '-4px',\r\n right: theme.spacing(1.5),\r\n transform: 'translateX(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n },\r\n '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n '.MuiList-root': { padding: 0 },\r\n\r\n [getClasses('root')]: {\r\n display: 'flex',\r\n padding: theme.spacing(1, 0),\r\n [theme.breakpoints.down('md')]: {\r\n flexDirection: 'column',\r\n padding: theme.spacing(1, 0)\r\n },\r\n '&:hover': {\r\n '--color-text-sub-menu': theme.palette.grey[500],\r\n '--filter-icon': 'invert(1) brightness(0.6) opacity(0.7)'\r\n }\r\n },\r\n\r\n [getClasses('group')]: {\r\n borderRight: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n padding: theme.spacing(0, 1),\r\n '&:last-of-type': {\r\n borderRight: 'none'\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n borderRight: 'none',\r\n padding: theme.spacing(0, 0, 0, 1)\r\n }\r\n },\r\n\r\n [getClasses('title')]: {\r\n padding: theme.spacing(0.5, 1.25),\r\n color: 'var(--color-title-sub-menu, #ffffff)',\r\n fontWeight: 500,\r\n marginBottom: theme.spacing(1.25)\r\n },\r\n\r\n [getClasses('item')]: {\r\n position: 'relative',\r\n transition: 'all 0.35s ease',\r\n padding: theme.spacing(1.5, 3.5, 1.5, 1.5),\r\n backgroundColor: 'var(--bg-nav-item, transparent)',\r\n borderRadius: theme.shape.borderRadius,\r\n\r\n [getClasses('itemContent')]: {\r\n display: 'flex',\r\n alignItems: 'center'\r\n },\r\n\r\n [getClasses('itemText')]: {\r\n color: `var(--color-text-sub-menu, ${theme.palette.grey[100]})`,\r\n textDecoration: 'none',\r\n display: 'block',\r\n width: '100%',\r\n transition: 'all 0.3s ease',\r\n span: {\r\n display: 'inline-block'\r\n }\r\n },\r\n\r\n [getClasses('itemIcon')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexShrink: 0,\r\n transition: 'transform var(--timing-medium) var(--easing-bounce)',\r\n transformOrigin: 'left bottom',\r\n position: 'relative',\r\n marginRight: theme.spacing(1),\r\n 'img, svg, .icon-img': { width: 'var(--size-icon)', height: 'var(--size-icon)' },\r\n '.icon-img': {\r\n backgroundImage: `var(--mask-url)`,\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center',\r\n display: 'block',\r\n borderRadius: 4,\r\n transition: 'filter 0.3s',\r\n position: 'relative',\r\n zIndex: 1,\r\n filter: 'var(--filter-icon, invert(1) brightness(0.9) opacity(1))'\r\n }\r\n },\r\n\r\n [getClasses('socialText')]: {\r\n color: 'var(--color-text-secondary, #9da1a5)'\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-sub-menu': theme.palette.common.white,\r\n '--filter-icon': 'invert(1) brightness(1) opacity(1)',\r\n padding: theme.spacing(1.5, 1.5, 1.5, 3.5),\r\n backgroundColor: 'var(--bg-nav-item-hover, rgba(249, 169, 37, 0.1))',\r\n '&::before': {\r\n width: theme.spacing(1.125),\r\n marginRight: theme.spacing(1)\r\n }\r\n }\r\n }\r\n}))\r\nMenuStyled.displayName = 'MenuStyled'\r\n"],"names":["subMenuClasses","root","group","title","item","itemContent","itemIcon","itemText","socialText","getClasses","key","options","concat","MenuStyled","styled","Menu","_ref","theme","_defineProperty","marginTop","overflow","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","palette","common","white","opacity","transform","content","position","width","height","top","right","spacing","zIndex","padding","display","breakpoints","down","flexDirection","grey","borderRight","alpha","fontWeight","marginBottom","transition","alignItems","textDecoration","span","flexShrink","transformOrigin","marginRight","backgroundImage","backgroundSize","backgroundPosition","filter","left","background","displayName"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-footer.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKrC,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,eAAe,CAAA;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM;IA0EN,kBAAkB,UAAW,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,SAAS,QAAQ,UAG5F;CACF;AACD,eAAe,SAAS,CAAA;AAExB,eAAO,MAAM,eAAe,WAAY,eAAe,KAAG,GAAG,QAAQ,eAAe,CAAC,CAIpF,CAAA"}
|
|
1
|
+
{"version":3,"file":"app-footer.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKrC,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,eAAe,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM;IA0EN,kBAAkB,UAAW,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,SAAS,QAAQ,UAG5F;CACF;AACD,eAAe,SAAS,CAAA;AAExB,eAAO,MAAM,eAAe,WAAY,eAAe,KAAG,GAAG,QAAQ,eAAe,CAAC,CAIpF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAW,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,eAAe,CAAA;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,eAAe,CAAC;IACvD,OAAO,CAAC,OAAO,CAAW;gBACd,KAAK,EAAE,eAAe;IAKlC,MAAM;CAiCP;AACD,eAAe,SAAS,CAAA;AAExB,eAAO,MAAM,eAAe,WAAY,eAAe,KAAG,cAAc,QAAQ,eAAe,CAAC,CAM/F,CAAA"}
|
|
1
|
+
{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/layout-global/app-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAM,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAW,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,eAAe,CAAA;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,eAAe,CAAC;IACvD,OAAO,CAAC,OAAO,CAAW;gBACd,KAAK,EAAE,eAAe;IAKlC,MAAM;CAiCP;AACD,eAAe,SAAS,CAAA;AAExB,eAAO,MAAM,eAAe,WAAY,eAAe,KAAG,cAAc,QAAQ,eAAe,CAAC,CAM/F,CAAA"}
|