@owp/core 2.5.26 → 2.5.27

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.
Files changed (39) hide show
  1. package/dist/_virtual/index10.js +2 -2
  2. package/dist/_virtual/index12.js +2 -2
  3. package/dist/_virtual/index13.js +2 -2
  4. package/dist/_virtual/index14.js +2 -2
  5. package/dist/components/OwpExportExcelButton/OwpExportExcelButton.js +19 -19
  6. package/dist/components/OwpExportExcelButton/OwpExportExcelButton.js.map +1 -1
  7. package/dist/components/OwpPicker/OwpDatePicker.js +251 -243
  8. package/dist/components/OwpPicker/OwpDatePicker.js.map +1 -1
  9. package/dist/components/OwpPicker/internal/useOwpPickerPopperTransition.js +13 -12
  10. package/dist/components/OwpPicker/internal/useOwpPickerPopperTransition.js.map +1 -1
  11. package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +420 -267
  12. package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js.map +1 -1
  13. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +289 -176
  14. package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -1
  15. package/dist/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js +10 -10
  16. package/dist/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js.map +1 -1
  17. package/dist/layout/components/logo/Logo.js +40 -53
  18. package/dist/layout/components/logo/Logo.js.map +1 -1
  19. package/dist/layout/components/navbar/style/NavbarStyle.js +27 -37
  20. package/dist/layout/components/navbar/style/NavbarStyle.js.map +1 -1
  21. package/dist/layout/components/navbar/style/NavbarStyleContent.js +67 -42
  22. package/dist/layout/components/navbar/style/NavbarStyleContent.js.map +1 -1
  23. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
  24. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/index.js +1 -1
  25. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE39/index.js +1 -1
  26. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/index.js +1 -1
  27. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/constants.js +1 -1
  28. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/index.js +1 -1
  29. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/GenericBarcode/index.js +1 -1
  30. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js +1 -1
  31. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/index.js +1 -1
  32. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/MSI/index.js +1 -1
  33. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/codabar/index.js +1 -1
  34. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/pharmacode/index.js +1 -1
  35. package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js +1 -1
  36. package/dist/owp-app.css +1 -1
  37. package/dist/types/components/OwpPicker/internal/useOwpPickerPopperTransition.d.ts +1 -0
  38. package/dist/types/components/OwpTreeGrid/internal/treeGridTheme.d.ts +4 -0
  39. package/package.json +1 -1
@@ -1,24 +1,24 @@
1
1
  var w = Object.defineProperty;
2
- var o = (t, i) => w(t, "name", { value: i, configurable: !0 });
2
+ var e = (t, i) => w(t, "name", { value: i, configurable: !0 });
3
3
  import { jsxs as y, jsx as n } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
4
- import { useGetCurrentLayoutConfig as x } from "../../../../hooks/useOwpSettings.js";
5
- import { useGetNavbar as v, useNavbarActions as S } from "../../../../hooks/internal/useNavbar.js";
4
+ import { useGetCurrentLayoutConfig as v } from "../../../../hooks/useOwpSettings.js";
5
+ import { useGetNavbar as x, useNavbarActions as S } from "../../../../hooks/internal/useNavbar.js";
6
6
  import { OwpHidden as f } from "../../../../components/OwpHidden/OwpHidden.js";
7
7
  import { styled as s } from "@mui/material/styles";
8
8
  import N from "@mui/material/SwipeableDrawer";
9
9
  import { useEffect as W } from "react";
10
- import g from "./NavbarStyleContent.js";
11
- const e = 280, k = s("div")(({ theme: t }) => ({
10
+ import m from "./NavbarStyleContent.js";
11
+ const o = 280, k = s("div")(({ theme: t }) => ({
12
12
  display: "flex",
13
13
  flexDirection: "column",
14
14
  zIndex: 4,
15
15
  [t.breakpoints.up("lg")]: {
16
- width: e,
17
- minWidth: e
16
+ width: o,
17
+ minWidth: o
18
18
  },
19
19
  variants: [
20
20
  {
21
- props: /* @__PURE__ */ o(({ folded: i }) => i, "props"),
21
+ props: /* @__PURE__ */ e(({ folded: i }) => i, "props"),
22
22
  style: {
23
23
  [t.breakpoints.up("lg")]: {
24
24
  width: 76,
@@ -28,9 +28,9 @@ const e = 280, k = s("div")(({ theme: t }) => ({
28
28
  }
29
29
  ]
30
30
  })), C = s("div")(({ theme: t }) => ({
31
- minWidth: e,
32
- width: e,
33
- maxWidth: e,
31
+ minWidth: o,
32
+ width: o,
33
+ maxWidth: o,
34
34
  maxHeight: "100%",
35
35
  backgroundColor: t.palette.background.default,
36
36
  boxShadow: "none",
@@ -58,7 +58,7 @@ const e = 280, k = s("div")(({ theme: t }) => ({
58
58
  }
59
59
  },
60
60
  {
61
- props: /* @__PURE__ */ o(({ folded: i }) => i, "props"),
61
+ props: /* @__PURE__ */ e(({ folded: i }) => i, "props"),
62
62
  style: {
63
63
  position: "absolute",
64
64
  width: 76,
@@ -68,14 +68,14 @@ const e = 280, k = s("div")(({ theme: t }) => ({
68
68
  }
69
69
  },
70
70
  {
71
- props: /* @__PURE__ */ o(({ foldedandopened: i }) => i, "props"),
71
+ props: /* @__PURE__ */ e(({ foldedandopened: i }) => i, "props"),
72
72
  style: {
73
- width: e,
74
- minWidth: e
73
+ width: o,
74
+ minWidth: o
75
75
  }
76
76
  },
77
77
  {
78
- props: /* @__PURE__ */ o(({ foldedandclosed: i }) => i, "props"),
78
+ props: /* @__PURE__ */ e(({ foldedandclosed: i }) => i, "props"),
79
79
  style: {
80
80
  "& .NavbarStyle-content": {
81
81
  "& .NavbarStyleContent-logo": {
@@ -86,16 +86,6 @@ const e = 280, k = s("div")(({ theme: t }) => ({
86
86
  "& .NavbarStyleContent-logo .MuiIconButton-root": {
87
87
  transform: "translateX(1px)"
88
88
  },
89
- "& .logo-icon": {
90
- width: 44,
91
- height: 44
92
- },
93
- "& .logo-text": {
94
- opacity: 0
95
- },
96
- "& .react-badge": {
97
- opacity: 0
98
- },
99
89
  "& .navigation.px-12": {
100
90
  paddingLeft: 10,
101
91
  paddingRight: 10
@@ -194,9 +184,9 @@ const e = 280, k = s("div")(({ theme: t }) => ({
194
184
  ]
195
185
  })), L = s(N)(({ theme: t }) => ({
196
186
  "& > .MuiDrawer-paper": {
197
- minWidth: e,
198
- width: e,
199
- maxWidth: e,
187
+ minWidth: o,
188
+ width: o,
189
+ maxWidth: o,
200
190
  maxHeight: "100%",
201
191
  backgroundColor: t.palette.background.default,
202
192
  boxShadow: "none",
@@ -208,7 +198,7 @@ const e = 280, k = s("div")(({ theme: t }) => ({
208
198
  }));
209
199
  function G() {
210
200
  var p, h, c;
211
- const t = x(), i = v(), { closeFolded: m, closeMobile: u, openFolded: b, reset: l } = S(), a = !((p = t.navbar) != null && p.folded), d = a && !i.foldedOpen, r = a && i.foldedOpen;
201
+ const t = v(), i = x(), { closeFolded: u, closeMobile: g, openFolded: b, reset: l } = S(), a = !((p = t.navbar) != null && p.folded), d = a && !i.foldedOpen, r = a && i.foldedOpen;
212
202
  return W(() => () => {
213
203
  l();
214
204
  }, [l]), /* @__PURE__ */ y(
@@ -227,9 +217,9 @@ function G() {
227
217
  folded: a ? 1 : 0,
228
218
  foldedandopened: r ? 1 : 0,
229
219
  foldedandclosed: d ? 1 : 0,
230
- onMouseEnter: /* @__PURE__ */ o(() => d && b(), "onMouseEnter"),
231
- onMouseLeave: /* @__PURE__ */ o(() => r && m(), "onMouseLeave"),
232
- children: /* @__PURE__ */ n(g, { className: "NavbarStyle-content" })
220
+ onMouseEnter: /* @__PURE__ */ e(() => d && b(), "onMouseEnter"),
221
+ onMouseLeave: /* @__PURE__ */ e(() => r && u(), "onMouseLeave"),
222
+ children: /* @__PURE__ */ n(m, { className: "NavbarStyle-content" })
233
223
  }
234
224
  ) }),
235
225
  /* @__PURE__ */ n(f, { lgUp: !0, children: /* @__PURE__ */ n(
@@ -244,21 +234,21 @@ function G() {
244
234
  anchor: (c = t == null ? void 0 : t.navbar) == null ? void 0 : c.position,
245
235
  variant: "temporary",
246
236
  open: i.mobileOpen,
247
- onClose: /* @__PURE__ */ o(() => u(), "onClose"),
248
- onOpen: /* @__PURE__ */ o(() => {
237
+ onClose: /* @__PURE__ */ e(() => g(), "onClose"),
238
+ onOpen: /* @__PURE__ */ e(() => {
249
239
  }, "onOpen"),
250
240
  disableSwipeToOpen: !0,
251
241
  ModalProps: {
252
242
  keepMounted: !0
253
243
  },
254
- children: /* @__PURE__ */ n(g, { className: "NavbarStyle-content" })
244
+ children: /* @__PURE__ */ n(m, { className: "NavbarStyle-content" })
255
245
  }
256
246
  ) })
257
247
  ]
258
248
  }
259
249
  );
260
250
  }
261
- o(G, "NavbarStyle");
251
+ e(G, "NavbarStyle");
262
252
  export {
263
253
  G as default
264
254
  };
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n theme?: Theme;\n folded: number;\n open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n zIndex: 4,\n [theme.breakpoints.up('lg')]: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n variants: [\n {\n props: ({ folded }) => folded,\n style: {\n [theme.breakpoints.up('lg')]: {\n width: 76,\n minWidth: 76,\n },\n },\n },\n ],\n}));\n\ntype StyledNavBarProps = {\n theme?: Theme;\n open?: boolean;\n folded: number;\n foldedandopened: number;\n foldedandclosed: number;\n position?: string;\n anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n variants: [\n {\n props: {\n position: 'left',\n },\n style: {\n borderRight: `1px solid ${theme.palette.divider}`,\n left: 0,\n },\n },\n {\n props: {\n position: 'right',\n },\n style: {\n borderLeft: `1px solid ${theme.palette.divider}`,\n right: 0,\n },\n },\n {\n props: ({ folded }) => folded,\n style: {\n position: 'absolute',\n width: 76,\n minWidth: 76,\n top: 0,\n bottom: 0,\n },\n },\n {\n props: ({ foldedandopened }) => foldedandopened,\n style: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n },\n {\n props: ({ foldedandclosed }) => foldedandclosed,\n style: {\n '& .NavbarStyle-content': {\n '& .NavbarStyleContent-logo': {\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n },\n '& .NavbarStyleContent-logo .MuiIconButton-root': {\n transform: 'translateX(1px)',\n },\n '& .logo-icon': {\n width: 44,\n height: 44,\n },\n '& .logo-text': {\n opacity: 0,\n },\n '& .react-badge': {\n opacity: 0,\n },\n '& .navigation.px-12': {\n paddingLeft: 10,\n paddingRight: 10,\n },\n '& .owp-list-item': {\n width: 55,\n minWidth: 55,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: 0,\n paddingRight: 0,\n justifyContent: 'center',\n },\n '& .owp-list-item > .owp-list-item-icon': {\n width: 22,\n height: 22,\n minWidth: 22,\n minHeight: 22,\n fontSize: 22,\n marginRight: 0,\n },\n '& .owp-list-item > .owp-list-item-text': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n opacity: 0,\n },\n '& .owp-list-subheader .owp-list-subheader-text': {\n opacity: 0,\n },\n '& .owp-list-subheader:before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n minWidth: 16,\n borderTop: '2px solid',\n opacity: 0.2,\n },\n '& .collapse-children': {\n display: 'none',\n },\n '& .NavbarStyleContent-userMenu': {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n },\n '& .user-menu': {\n minWidth: 56,\n width: 56,\n boxSizing: 'border-box',\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n '& > :not(style) ~ :not(style)': {\n marginLeft: 0,\n marginRight: 0,\n },\n '& > :not(.avatar)': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n padding: 0,\n margin: 0,\n overflow: 'hidden',\n },\n '& .avatar': {\n width: 36,\n height: 36,\n minWidth: 36,\n minHeight: 36,\n margin: 0,\n fontSize: '18px',\n lineHeight: '18px',\n flexShrink: 0,\n },\n '& .title': {\n opacity: 0,\n },\n '& .subtitle': {\n opacity: 0,\n },\n '& .info-icon': {\n opacity: 0,\n },\n '& .arrow': {\n opacity: 0,\n },\n },\n },\n },\n },\n ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n '& > .MuiDrawer-paper': {\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n const folded = !config.navbar?.folded;\n const foldedandclosed = folded && !navbar.foldedOpen;\n const foldedandopened = folded && navbar.foldedOpen;\n\n useEffect(() => {\n return () => {\n reset();\n };\n }, [reset]);\n\n return (\n <Root\n folded={folded ? 1 : 0}\n open={navbar.open}\n id=\"owp-navbar\"\n className=\"sticky top-0 z-20 h-screen shrink-0\"\n >\n <OwpHidden lgDown>\n <StyledNavbar\n className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden\"\n position={config?.navbar?.position}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n onMouseEnter={() => foldedandclosed && openFolded()}\n onMouseLeave={() => foldedandopened && closeFolded()}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbar>\n </OwpHidden>\n\n <OwpHidden lgUp>\n <StyledNavbarMobile\n classes={{\n paper: 'flex-col flex-auto h-full',\n }}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n variant=\"temporary\"\n open={navbar.mobileOpen}\n onClose={() => closeMobile()}\n onOpen={() => {}}\n disableSwipeToOpen\n ModalProps={{\n keepMounted: true, \n }}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbarMobile>\n </OwpHidden>\n </Root>\n );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}
1
+ {"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n theme?: Theme;\n folded: number;\n open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n display: 'flex',\n flexDirection: 'column',\n zIndex: 4,\n [theme.breakpoints.up('lg')]: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n variants: [\n {\n props: ({ folded }) => folded,\n style: {\n [theme.breakpoints.up('lg')]: {\n width: 76,\n minWidth: 76,\n },\n },\n },\n ],\n}));\n\ntype StyledNavBarProps = {\n theme?: Theme;\n open?: boolean;\n folded: number;\n foldedandopened: number;\n foldedandclosed: number;\n position?: string;\n anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n variants: [\n {\n props: {\n position: 'left',\n },\n style: {\n borderRight: `1px solid ${theme.palette.divider}`,\n left: 0,\n },\n },\n {\n props: {\n position: 'right',\n },\n style: {\n borderLeft: `1px solid ${theme.palette.divider}`,\n right: 0,\n },\n },\n {\n props: ({ folded }) => folded,\n style: {\n position: 'absolute',\n width: 76,\n minWidth: 76,\n top: 0,\n bottom: 0,\n },\n },\n {\n props: ({ foldedandopened }) => foldedandopened,\n style: {\n width: navbarWidth,\n minWidth: navbarWidth,\n },\n },\n {\n props: ({ foldedandclosed }) => foldedandclosed,\n style: {\n '& .NavbarStyle-content': {\n '& .NavbarStyleContent-logo': {\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n },\n '& .NavbarStyleContent-logo .MuiIconButton-root': {\n transform: 'translateX(1px)',\n },\n '& .navigation.px-12': {\n paddingLeft: 10,\n paddingRight: 10,\n },\n '& .owp-list-item': {\n width: 55,\n minWidth: 55,\n marginLeft: 'auto',\n marginRight: 'auto',\n paddingLeft: 0,\n paddingRight: 0,\n justifyContent: 'center',\n },\n '& .owp-list-item > .owp-list-item-icon': {\n width: 22,\n height: 22,\n minWidth: 22,\n minHeight: 22,\n fontSize: 22,\n marginRight: 0,\n },\n '& .owp-list-item > .owp-list-item-text': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n overflow: 'hidden',\n },\n '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n opacity: 0,\n },\n '& .owp-list-subheader .owp-list-subheader-text': {\n opacity: 0,\n },\n '& .owp-list-subheader:before': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n minWidth: 16,\n borderTop: '2px solid',\n opacity: 0.2,\n },\n '& .collapse-children': {\n display: 'none',\n },\n '& .NavbarStyleContent-userMenu': {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n },\n '& .user-menu': {\n minWidth: 56,\n width: 56,\n boxSizing: 'border-box',\n justifyContent: 'center',\n paddingLeft: 0,\n paddingRight: 0,\n '& > :not(style) ~ :not(style)': {\n marginLeft: 0,\n marginRight: 0,\n },\n '& > :not(.avatar)': {\n width: 0,\n minWidth: 0,\n flex: '0 0 0',\n padding: 0,\n margin: 0,\n overflow: 'hidden',\n },\n '& .avatar': {\n width: 36,\n height: 36,\n minWidth: 36,\n minHeight: 36,\n margin: 0,\n fontSize: '18px',\n lineHeight: '18px',\n flexShrink: 0,\n },\n '& .title': {\n opacity: 0,\n },\n '& .subtitle': {\n opacity: 0,\n },\n '& .info-icon': {\n opacity: 0,\n },\n '& .arrow': {\n opacity: 0,\n },\n },\n },\n },\n },\n ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n '& > .MuiDrawer-paper': {\n minWidth: navbarWidth,\n width: navbarWidth,\n maxWidth: navbarWidth,\n maxHeight: '100%',\n backgroundColor: theme.palette.background.default,\n boxShadow: 'none',\n transition: theme.transitions.create(['width', 'min-width'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.shorter,\n }),\n },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n const folded = !config.navbar?.folded;\n const foldedandclosed = folded && !navbar.foldedOpen;\n const foldedandopened = folded && navbar.foldedOpen;\n\n useEffect(() => {\n return () => {\n reset();\n };\n }, [reset]);\n\n return (\n <Root\n folded={folded ? 1 : 0}\n open={navbar.open}\n id=\"owp-navbar\"\n className=\"sticky top-0 z-20 h-screen shrink-0\"\n >\n <OwpHidden lgDown>\n <StyledNavbar\n className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden\"\n position={config?.navbar?.position}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n onMouseEnter={() => foldedandclosed && openFolded()}\n onMouseLeave={() => foldedandopened && closeFolded()}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbar>\n </OwpHidden>\n\n <OwpHidden lgUp>\n <StyledNavbarMobile\n classes={{\n paper: 'flex-col flex-auto h-full',\n }}\n folded={folded ? 1 : 0}\n foldedandopened={foldedandopened ? 1 : 0}\n foldedandclosed={foldedandclosed ? 1 : 0}\n anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n variant=\"temporary\"\n open={navbar.mobileOpen}\n onClose={() => closeMobile()}\n onOpen={() => {}}\n disableSwipeToOpen\n ModalProps={{\n keepMounted: true,\n }}\n >\n <NavbarStyleContent className=\"NavbarStyle-content\" />\n </StyledNavbarMobile>\n </OwpHidden>\n </Root>\n );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}
@@ -1,19 +1,19 @@
1
- var p = Object.defineProperty;
2
- var s = (o, a) => p(o, "name", { value: a, configurable: !0 });
3
- import { jsxs as d, jsx as t } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
4
- import { OwpHidden as c } from "../../../../components/OwpHidden/OwpHidden.js";
1
+ var m = Object.defineProperty;
2
+ var r = (o, n) => m(o, "name", { value: n, configurable: !0 });
3
+ import { jsxs as i, jsx as t } from "../../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
4
+ import { OwpHidden as s } from "../../../../components/OwpHidden/OwpHidden.js";
5
5
  import b from "../../logo/Logo.js";
6
- import f from "../../menus/UserMenu.js";
7
- import g from "../NavbarPinToggleButton.js";
8
- import u from "../NavbarToggleButton.js";
9
- import h from "../../navigation/Navigation.js";
10
- import { useGetCurrentLayoutConfig as v } from "../../../../hooks/useOwpSettings.js";
11
- import { useGetNavbar as x } from "../../../../hooks/internal/useNavbar.js";
12
- import { styled as m } from "@mui/material/styles";
13
- import { clsx as l } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
14
- import { memo as N, useMemo as y } from "react";
15
- import { OwpScrollbars as S } from "../../../../components/OwpScrollbars/OwpScrollbars.js";
16
- const w = m("div")(({ theme: o }) => ({
6
+ import g from "../../menus/UserMenu.js";
7
+ import v from "../NavbarPinToggleButton.js";
8
+ import f from "../NavbarToggleButton.js";
9
+ import u from "../../navigation/Navigation.js";
10
+ import { useGetCurrentLayoutConfig as h } from "../../../../hooks/useOwpSettings.js";
11
+ import { useGetNavbar as N } from "../../../../hooks/internal/useNavbar.js";
12
+ import { styled as c } from "@mui/material/styles";
13
+ import { clsx as d } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
14
+ import { memo as y, useMemo as S } from "react";
15
+ import { OwpScrollbars as x } from "../../../../components/OwpScrollbars/OwpScrollbars.js";
16
+ const C = c("div")(({ theme: o }) => ({
17
17
  backgroundColor: o.palette.background.default,
18
18
  color: o.palette.text.primary,
19
19
  "& ::-webkit-scrollbar-thumb": {
@@ -39,6 +39,40 @@ const w = m("div")(({ theme: o }) => ({
39
39
  borderBottom: `1px solid ${o.palette.divider}`
40
40
  }
41
41
  },
42
+ "& .NavbarStyleContent-logo--open": {
43
+ justifyContent: "flex-end"
44
+ },
45
+ "& .NavbarStyleContent-logo--closed": {
46
+ justifyContent: "center"
47
+ },
48
+ "& .NavbarStyleContent-logoPanel": {
49
+ position: "absolute",
50
+ top: 0,
51
+ bottom: 0,
52
+ left: "2rem",
53
+ display: "flex",
54
+ alignItems: "center",
55
+ width: "20.4rem",
56
+ minWidth: 0,
57
+ overflow: "hidden"
58
+ },
59
+ "& .NavbarStyleContent-logoPanel > .NavbarStyleContent-logoMark": {
60
+ transition: o.transitions.create("transform", {
61
+ duration: o.transitions.duration.shorter,
62
+ easing: o.transitions.easing.easeInOut
63
+ }),
64
+ willChange: "transform"
65
+ },
66
+ "& .NavbarStyleContent-logo--closed .NavbarStyleContent-logoPanel": {
67
+ pointerEvents: "none"
68
+ },
69
+ "& .NavbarStyleContent-logo--closed .NavbarStyleContent-logoMark": {
70
+ transform: "translateX(-100%)"
71
+ },
72
+ "& .NavbarStyleContent-logo .MuiIconButton-root": {
73
+ position: "relative",
74
+ zIndex: 1
75
+ },
42
76
  "& .NavbarStyleContent-logoMark": {
43
77
  display: "flex",
44
78
  alignItems: "center",
@@ -64,7 +98,7 @@ const w = m("div")(({ theme: o }) => ({
64
98
  paddingTop: 8,
65
99
  paddingBottom: 8
66
100
  }
67
- })), C = m(S)(() => ({
101
+ })), w = c(x)(() => ({
68
102
  overscrollBehavior: "contain",
69
103
  overflowX: "hidden",
70
104
  overflowY: "auto",
@@ -74,48 +108,39 @@ const w = m("div")(({ theme: o }) => ({
74
108
  backgroundAttachment: "local, scroll"
75
109
  }));
76
110
  function k(o) {
77
- const { className: a = "" } = o, e = v(), r = x(), n = y(() => {
78
- var i;
79
- return ((i = e == null ? void 0 : e.navbar) == null ? void 0 : i.folded) || (r == null ? void 0 : r.foldedOpen);
80
- }, [e, r]);
81
- return /* @__PURE__ */ d(w, { className: l("flex h-full flex-auto flex-col overflow-hidden", a), children: [
82
- /* @__PURE__ */ d(
111
+ const { className: n = "" } = o, e = h(), a = N(), p = S(() => {
112
+ var l;
113
+ return ((l = e == null ? void 0 : e.navbar) == null ? void 0 : l.folded) || (a == null ? void 0 : a.foldedOpen);
114
+ }, [e, a]);
115
+ return /* @__PURE__ */ i(C, { className: d("flex h-full flex-auto flex-col overflow-hidden", n), children: [
116
+ /* @__PURE__ */ i(
83
117
  "div",
84
118
  {
85
- className: l(
119
+ className: d(
86
120
  "NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64",
87
- !n && "justify-center"
121
+ p ? "NavbarStyleContent-logo--open" : "NavbarStyleContent-logo--closed"
88
122
  ),
89
123
  children: [
90
- /* @__PURE__ */ t(
91
- "div",
92
- {
93
- className: l(
94
- "mr-4 ml-16 flex flex-1 items-center",
95
- !n && "hidden"
96
- ),
97
- children: /* @__PURE__ */ t("div", { className: "NavbarStyleContent-logoMark", children: /* @__PURE__ */ t(b, {}) })
98
- }
99
- ),
100
- /* @__PURE__ */ t(c, { lgDown: !0, children: /* @__PURE__ */ t(g, { surfaceTone: "light", className: "h-32 w-32 p-0" }) }),
101
- /* @__PURE__ */ t(c, { lgUp: !0, children: /* @__PURE__ */ t(u, { surfaceTone: "light", className: "h-32 w-32 p-0" }) })
124
+ /* @__PURE__ */ t("div", { className: "NavbarStyleContent-logoPanel", children: /* @__PURE__ */ t("div", { className: "NavbarStyleContent-logoMark", children: /* @__PURE__ */ t(b, {}) }) }),
125
+ /* @__PURE__ */ t(s, { lgDown: !0, children: /* @__PURE__ */ t(v, { surfaceTone: "light", className: "h-32 w-32 p-0" }) }),
126
+ /* @__PURE__ */ t(s, { lgUp: !0, children: /* @__PURE__ */ t(f, { surfaceTone: "light", className: "h-32 w-32 p-0" }) })
102
127
  ]
103
128
  }
104
129
  ),
105
130
  /* @__PURE__ */ t(
106
- C,
131
+ w,
107
132
  {
108
133
  className: "flex min-h-0 flex-1 flex-col",
109
134
  option: { suppressScrollX: !0, wheelPropagation: !1 },
110
- children: /* @__PURE__ */ t(h, { className: "NavbarStyleContent-navigation", layout: "vertical" })
135
+ children: /* @__PURE__ */ t(u, { className: "NavbarStyleContent-navigation", layout: "vertical" })
111
136
  }
112
137
  ),
113
- /* @__PURE__ */ t("div", { className: "NavbarStyleContent-userMenu w-full p-4 md:p-10", children: /* @__PURE__ */ t(f, { className: "w-full" }) })
138
+ /* @__PURE__ */ t("div", { className: "NavbarStyleContent-userMenu w-full p-4 md:p-10", children: /* @__PURE__ */ t(g, { className: "w-full" }) })
114
139
  ] });
115
140
  }
116
- s(k, "NavbarStyleContent");
117
- const z = N(k);
141
+ r(k, "NavbarStyleContent");
142
+ const R = y(k);
118
143
  export {
119
- z as default
144
+ R as default
120
145
  };
121
146
  //# sourceMappingURL=NavbarStyleContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar } from '@/hooks/internal/useNavbar';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.background.default,\n color: theme.palette.text.primary,\n '& ::-webkit-scrollbar-thumb': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n }),\n },\n '& ::-webkit-scrollbar-thumb:active': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n }),\n },\n '& .NavbarStyleContent-logo': {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: 0,\n bottom: -1,\n left: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n '& .NavbarStyleContent-logoMark': {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '25.6rem',\n height: '4.4rem',\n minWidth: 0,\n [theme.breakpoints.up('md')]: {\n maxWidth: '27.2rem',\n height: '4.8rem',\n },\n },\n '& .NavbarStyleContent-logoMark .logo-icon': {\n display: 'block',\n maxWidth: '100%',\n maxHeight: '100%',\n objectFit: 'contain',\n },\n '& .NavbarStyleContent-userMenu': {\n borderTop: `1px solid ${theme.palette.divider}`,\n },\n '& .NavbarStyleContent-navigation': {\n paddingTop: 8,\n paddingBottom: 8,\n },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n overscrollBehavior: 'contain',\n overflowX: 'hidden',\n overflowY: 'auto',\n WebkitOverflowScrolling: 'touch',\n backgroundRepeat: 'no-repeat',\n backgroundSize: '100% 40px, 100% 10px',\n backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n const { className = '' } = props;\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n\n const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n return (\n <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n <div\n className={clsx(\n 'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n !showLogo && 'justify-center',\n )}\n >\n <div\n className={clsx(\n 'mr-4 ml-16 flex flex-1 items-center',\n !showLogo && 'hidden',\n )}\n >\n <div className=\"NavbarStyleContent-logoMark\">\n <Logo />\n </div>\n </div>\n <OwpHidden lgDown>\n <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n <OwpHidden lgUp>\n <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n </div>\n\n <StyledContent\n className=\"flex min-h-0 flex-1 flex-col\"\n option={{ suppressScrollX: true, wheelPropagation: false }}\n >\n <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n </StyledContent>\n\n <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n <UserMenu className=\"w-full\" />\n </div>\n </Root>\n );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":"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"}
1
+ {"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar } from '@/hooks/internal/useNavbar';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.background.default,\n color: theme.palette.text.primary,\n '& ::-webkit-scrollbar-thumb': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n }),\n },\n '& ::-webkit-scrollbar-thumb:active': {\n boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n ...theme.applyStyles('light', {\n boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n }),\n },\n '& .NavbarStyleContent-logo': {\n position: 'relative',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: 0,\n bottom: -1,\n left: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n '& .NavbarStyleContent-logo--open': {\n justifyContent: 'flex-end',\n },\n '& .NavbarStyleContent-logo--closed': {\n justifyContent: 'center',\n },\n '& .NavbarStyleContent-logoPanel': {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: '2rem',\n display: 'flex',\n alignItems: 'center',\n width: '20.4rem',\n minWidth: 0,\n overflow: 'hidden',\n },\n '& .NavbarStyleContent-logoPanel > .NavbarStyleContent-logoMark': {\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeInOut,\n }),\n willChange: 'transform',\n },\n '& .NavbarStyleContent-logo--closed .NavbarStyleContent-logoPanel': {\n pointerEvents: 'none',\n },\n '& .NavbarStyleContent-logo--closed .NavbarStyleContent-logoMark': {\n transform: 'translateX(-100%)',\n },\n '& .NavbarStyleContent-logo .MuiIconButton-root': {\n position: 'relative',\n zIndex: 1,\n },\n '& .NavbarStyleContent-logoMark': {\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '25.6rem',\n height: '4.4rem',\n minWidth: 0,\n [theme.breakpoints.up('md')]: {\n maxWidth: '27.2rem',\n height: '4.8rem',\n },\n },\n '& .NavbarStyleContent-logoMark .logo-icon': {\n display: 'block',\n maxWidth: '100%',\n maxHeight: '100%',\n objectFit: 'contain',\n },\n '& .NavbarStyleContent-userMenu': {\n borderTop: `1px solid ${theme.palette.divider}`,\n },\n '& .NavbarStyleContent-navigation': {\n paddingTop: 8,\n paddingBottom: 8,\n },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n overscrollBehavior: 'contain',\n overflowX: 'hidden',\n overflowY: 'auto',\n WebkitOverflowScrolling: 'touch',\n backgroundRepeat: 'no-repeat',\n backgroundSize: '100% 40px, 100% 10px',\n backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n const { className = '' } = props;\n\n const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n const navbar = useGetNavbar();\n\n const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n return (\n <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n <div\n className={clsx(\n 'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n showLogo ? 'NavbarStyleContent-logo--open' : 'NavbarStyleContent-logo--closed',\n )}\n >\n <div className=\"NavbarStyleContent-logoPanel\">\n <div className=\"NavbarStyleContent-logoMark\">\n <Logo />\n </div>\n </div>\n <OwpHidden lgDown>\n <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n <OwpHidden lgUp>\n <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n </OwpHidden>\n </div>\n\n <StyledContent\n className=\"flex min-h-0 flex-1 flex-col\"\n option={{ suppressScrollX: true, wheelPropagation: false }}\n >\n <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n </StyledContent>\n\n <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n <UserMenu className=\"w-full\" />\n </div>\n </Root>\n );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  var f = Object.defineProperty;
2
2
  var t = (e, _) => f(e, "name", { value: _, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../../_virtual/constants.js";
3
+ import { __exports as r } from "../../../../../../../../_virtual/constants2.js";
4
4
  var i;
5
5
  function E() {
6
6
  if (i) return r;
@@ -1,6 +1,6 @@
1
1
  var q = Object.defineProperty;
2
2
  var O = (C, _) => q(C, "name", { value: _, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../../_virtual/index6.js";
3
+ import { __exports as r } from "../../../../../../../../_virtual/index7.js";
4
4
  import { __require as d } from "./CODE128_AUTO.js";
5
5
  import { __require as n } from "./CODE128A.js";
6
6
  import { __require as m } from "./CODE128B.js";
@@ -1,6 +1,6 @@
1
1
  var w = Object.defineProperty;
2
2
  var n = (f, a) => w(f, "name", { value: a, configurable: !0 });
3
- import { __exports as i } from "../../../../../../../../_virtual/index5.js";
3
+ import { __exports as i } from "../../../../../../../../_virtual/index6.js";
4
4
  import { __require as k } from "../Barcode.js";
5
5
  var _;
6
6
  function P() {
@@ -1,6 +1,6 @@
1
1
  var D = Object.defineProperty;
2
2
  var C = (u, t) => D(u, "name", { value: t, configurable: !0 });
3
- import { __exports as e } from "../../../../../../../../_virtual/index12.js";
3
+ import { __exports as e } from "../../../../../../../../_virtual/index13.js";
4
4
  import { __require as O } from "./CODE93.js";
5
5
  import { __require as E } from "./CODE93FullASCII.js";
6
6
  var l;
@@ -1,6 +1,6 @@
1
1
  var n = Object.defineProperty;
2
2
  var G = (r, t) => n(r, "name", { value: t, configurable: !0 });
3
- import { __exports as L } from "../../../../../../../../_virtual/constants3.js";
3
+ import { __exports as L } from "../../../../../../../../_virtual/constants.js";
4
4
  var e;
5
5
  function o() {
6
6
  return e ? L : (e = 1, Object.defineProperty(L, "__esModule", {
@@ -1,6 +1,6 @@
1
1
  var C = Object.defineProperty;
2
2
  var i = (u, a) => C(u, "name", { value: a, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../../_virtual/index7.js";
3
+ import { __exports as r } from "../../../../../../../../_virtual/index8.js";
4
4
  import { __require as U } from "./EAN13.js";
5
5
  import { __require as s } from "./EAN8.js";
6
6
  import { __require as l } from "./EAN5.js";
@@ -1,6 +1,6 @@
1
1
  var b = Object.defineProperty;
2
2
  var r = (a, f) => b(a, "name", { value: f, configurable: !0 });
3
- import { __exports as u } from "../../../../../../../../_virtual/index13.js";
3
+ import { __exports as u } from "../../../../../../../../_virtual/index14.js";
4
4
  import { __require as p } from "../Barcode.js";
5
5
  var c;
6
6
  function w() {
@@ -1,6 +1,6 @@
1
1
  var o = Object.defineProperty;
2
2
  var r = (n, s) => o(n, "name", { value: s, configurable: !0 });
3
- import { __exports as e } from "../../../../../../../../_virtual/constants2.js";
3
+ import { __exports as e } from "../../../../../../../../_virtual/constants3.js";
4
4
  var t;
5
5
  function _() {
6
6
  return t ? e : (t = 1, Object.defineProperty(e, "__esModule", {
@@ -1,6 +1,6 @@
1
1
  var T = Object.defineProperty;
2
2
  var i = (u, t) => T(u, "name", { value: t, configurable: !0 });
3
- import { __exports as e } from "../../../../../../../../_virtual/index8.js";
3
+ import { __exports as e } from "../../../../../../../../_virtual/index9.js";
4
4
  import { __require as f } from "./ITF.js";
5
5
  import { __require as n } from "./ITF14.js";
6
6
  var a;
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var I = (M, _) => v(M, "name", { value: _, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../../_virtual/index9.js";
3
+ import { __exports as r } from "../../../../../../../../_virtual/index10.js";
4
4
  import { __require as n } from "./MSI.js";
5
5
  import { __require as s } from "./MSI10.js";
6
6
  import { __require as l } from "./MSI11.js";
@@ -1,6 +1,6 @@
1
1
  var p = Object.defineProperty;
2
2
  var a = (f, c) => p(f, "name", { value: c, configurable: !0 });
3
- import { __exports as i } from "../../../../../../../../_virtual/index11.js";
3
+ import { __exports as i } from "../../../../../../../../_virtual/index12.js";
4
4
  import { __require as g } from "../Barcode.js";
5
5
  var h;
6
6
  function w() {
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var i = (u, f) => v(u, "name", { value: f, configurable: !0 });
3
- import { __exports as a } from "../../../../../../../../_virtual/index10.js";
3
+ import { __exports as a } from "../../../../../../../../_virtual/index11.js";
4
4
  import { __require as y } from "../Barcode.js";
5
5
  var c;
6
6
  function q() {
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var _ = (a, t) => v(a, "name", { value: t, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../_virtual/index14.js";
3
+ import { __exports as r } from "../../../../../../../_virtual/index5.js";
4
4
  import { __require as f } from "./canvas.js";
5
5
  import { __require as q } from "./svg.js";
6
6
  import { __require as c } from "./object.js";