@orbe-agro/client-core 5.6.145 → 5.6.147

package/dist/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import CollapsibleSide from "./CollapsibleSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/CollapsibleSide",
+  component: CollapsibleSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(CollapsibleSide, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=CollapsibleSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport CollapsibleSide from './CollapsibleSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/CollapsibleSide',\n    component: CollapsibleSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof CollapsibleSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <CollapsibleSide {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </CollapsibleSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,iBAAA,EAAiB,GAAG,MACjB,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import ContentOverlay from "./ContentOverlay.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/ContentOverlay",
+  component: ContentOverlay,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  render: () => /* @__PURE__ */ jsx(ContentOverlay, { children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 bg-white p-4 dark:bg-gray-900", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=ContentOverlay.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentOverlay.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport ContentOverlay from './ContentOverlay'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/ContentOverlay',\n    component: ContentOverlay,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof ContentOverlay>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    render: () => (\n        <ContentOverlay>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 bg-white p-4 dark:bg-gray-900\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </ContentOverlay>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,QAAQ,MACJ,oBAAC,gBAAA,EACG,8BAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,sBAE9E,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import FrameLessSide from "./FrameLessSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/FrameLessSide",
+  component: FrameLessSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  render: () => /* @__PURE__ */ jsx(FrameLessSide, { children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 bg-white p-4 dark:bg-gray-900", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=FrameLessSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameLessSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport FrameLessSide from './FrameLessSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/FrameLessSide',\n    component: FrameLessSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof FrameLessSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    render: () => (\n        <FrameLessSide>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 bg-white p-4 dark:bg-gray-900\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </FrameLessSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,QAAQ,MACJ,oBAAC,eAAA,EACG,8BAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,gEAA+D,UAAA,sBAE9E,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import StackedSide from "./StackedSide.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/StackedSide",
+  component: StackedSide,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(StackedSide, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=StackedSide.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedSide.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport StackedSide from './StackedSide'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/StackedSide',\n    component: StackedSide,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof StackedSide>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <StackedSide {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </StackedSide>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,aAAA,EAAa,GAAG,MACb,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import TopBarClassic from "./TopBarClassic.js";
+const meta = {
+  title: "@ecme/Layouts/PostLogin/TopBarClassic",
+  component: TopBarClassic,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Story, {}) })
+  ]
+};
+const Default = {
+  args: {
+    pageTitle: "Dashboard"
+  },
+  render: (args) => /* @__PURE__ */ jsx(TopBarClassic, { ...args, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded border border-gray-200 p-4", children: "Conteudo da pagina" }) }) })
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=TopBarClassic.stories.js.map

package/dist/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBarClassic.stories.js","sources":["../../../../../../lib/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\nimport TopBarClassic from './TopBarClassic'\n\nconst meta = {\n    title: '@ecme/Layouts/PostLogin/TopBarClassic',\n    component: TopBarClassic,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <Story />\n            </BrowserRouter>\n        ),\n    ],\n} satisfies Meta<typeof TopBarClassic>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        pageTitle: 'Dashboard',\n    },\n    render: (args) => (\n        <TopBarClassic {...args}>\n            <div className=\"p-4\">\n                <div className=\"rounded border border-gray-200 p-4\">\n                    Conteudo da pagina\n                </div>\n            </div>\n        </TopBarClassic>\n    ),\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,UAAA,oBAAC,SAAM,EAAA,CACX;AAAA,EAAA;AAGZ;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAAA,EAEf,QAAQ,CAAC,SACL,oBAAC,eAAA,EAAe,GAAG,MACf,UAAA,oBAAC,OAAA,EAAI,WAAU,OACX,UAAA,oBAAC,OAAA,EAAI,WAAU,sCAAqC,UAAA,sBAEpD,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/template/Footer.js

@@ -3,7 +3,7 @@ import Container from "../shared/Container.js";
 import classNames from "../../utils/classNames.js";
 import { APP_NAME } from "../../constants/app.constant.js";
 import { PAGE_CONTAINER_GUTTER_X } from "../../constants/theme.constant.js";
-const version = true ? "5.6.145" : "0.0.0";
+const version = true ? "5.6.147" : "0.0.0";
 const FooterContent = () => {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-auto items-center justify-between", children: [
     /* @__PURE__ */ jsxs("span", { children: [

package/dist/@ecme/components/template/Header.stories.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import Header from "./Header.js";
+const meta = {
+  title: "@ecme/Template/Header",
+  component: Header,
+  parameters: {
+    layout: "fullscreen"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    container: {
+      control: "boolean"
+    },
+    className: {
+      control: "text"
+    },
+    wrapperClass: {
+      control: "text"
+    }
+  }
+};
+const Default = {
+  args: {
+    container: false,
+    className: "",
+    wrapperClass: ""
+  },
+  render: (args) => /* @__PURE__ */ jsx(
+    Header,
+    {
+      ...args,
+      headerStart: /* @__PURE__ */ jsx("div", { className: "px-4 text-sm font-semibold", children: "Minha Marca" }),
+      headerMiddle: /* @__PURE__ */ jsx("div", { className: "text-sm", children: "Área central" }),
+      headerEnd: /* @__PURE__ */ jsx("div", { className: "px-4 text-sm text-gray-600", children: "Usuário" })
+    }
+  )
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=Header.stories.js.map

package/dist/@ecme/components/template/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sources":["../../../../lib/@ecme/components/template/Header.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport Header from './Header'\n\nconst meta = {\n    title: '@ecme/Template/Header',\n    component: Header,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n    argTypes: {\n        container: {\n            control: 'boolean',\n        },\n        className: {\n            control: 'text',\n        },\n        wrapperClass: {\n            control: 'text',\n        },\n    },\n} satisfies Meta<typeof Header>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        container: false,\n        className: '',\n        wrapperClass: '',\n    },\n    render: (args) => (\n        <Header\n            {...args}\n            headerStart={\n                <div className=\"px-4 text-sm font-semibold\">Minha Marca</div>\n            }\n            headerMiddle={<div className=\"text-sm\">Área central</div>}\n            headerEnd={\n                <div className=\"px-4 text-sm text-gray-600\">Usuário</div>\n            }\n        />\n    ),\n}\n"],"names":[],"mappings":";;AAGA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACN,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEb,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEb,cAAc;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAAA,EAElB,QAAQ,CAAC,SACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,aACI,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,eAAW;AAAA,MAE3D,cAAc,oBAAC,OAAA,EAAI,WAAU,WAAU,UAAA,gBAAY;AAAA,MACnD,WACI,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,UAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAInE;"}

package/dist/@ecme/components/template/Search.js

@@ -4,6 +4,7 @@ import "../ui/Dialog/index.js";
 import "../ui/ScrollBar/index.js";
 import navigationConfig from "../../configs/navigation.config/index.js";
 import { NAV_ITEM_TYPE_ITEM } from "../../constants/navigation.constant.js";
+import { useSessionUser } from "../../store/authStore.js";
 import classNames from "../../utils/classNames.js";
 import withHeaderItem from "../../utils/hoc/withHeaderItem.js";
 import debounce from "lodash/debounce";
@@ -18,6 +19,30 @@ import Dialog from "../ui/Dialog/Dialog.js";
 import Button from "../ui/Button/Button.js";
 import Spinner from "../ui/Spinner/Spinner.js";
 import ScrollBar from "../ui/ScrollBar/ScrollBar.js";
+const filterNavigationByAuthority = (navTree, userAuthority) => {
+  return navTree.reduce((acc, nav) => {
+    if (nav.excludeWhenHasPaths && nav.excludeWhenHasPaths.length > 0) {
+      const shouldExclude = nav.excludeWhenHasPaths.some(
+        (path) => userAuthority.includes(path)
+      );
+      if (shouldExclude) {
+        return acc;
+      }
+    }
+    if (nav.subMenu && nav.subMenu.length > 0) {
+      const filteredSubMenu = filterNavigationByAuthority(
+        nav.subMenu,
+        userAuthority
+      );
+      if (filteredSubMenu.length > 0) {
+        acc.push({ ...nav, subMenu: filteredSubMenu });
+      }
+    } else if (nav.path && userAuthority.includes(nav.path) || !nav.path) {
+      acc.push(nav);
+    }
+    return acc;
+  }, []);
+};
 const ListItem = (props) => {
   const { icon, label, url = "", keyWord, onNavigate, breadcrumbs } = props;
   const makeBreadcrumbs = (breadcrumbs2) => {
@@ -53,6 +78,7 @@ const _Search = ({ className }) => {
   const [searchDialogOpen, setSearchDialogOpen] = useState(false);
   const [searchResult, setSearchResult] = useState([]);
   const [noResult, setNoResult] = useState(false);
+  const userAuthority = useSessionUser((state) => state.user.authority);
   const inputRef = useRef(null);
   const handleReset = () => {
     setNoResult(false);
@@ -69,6 +95,10 @@ const _Search = ({ className }) => {
   const { t } = useTranslation();
   const flatNavTree = useMemo(() => {
     const arr = [];
+    const filteredNavigationTree = filterNavigationByAuthority(
+      navigationConfig,
+      userAuthority || []
+    );
     const makeflat = (item, parents) => {
       if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {
         item.subMenu.forEach(
@@ -77,11 +107,11 @@ const _Search = ({ className }) => {
       }
       arr.push({ ...item, parents });
     };
-    navigationConfig.forEach(function f(item) {
+    filteredNavigationTree.forEach(function f(item) {
       makeflat(item, [t(item.translateKey)]);
     });
     return arr;
-  }, [navigationConfig, t]);
+  }, [userAuthority, t]);
   const filterNavigationTreeFlat = (text, tree) => {
     const results = tree.filter(
       (item) => item.type === NAV_ITEM_TYPE_ITEM && item.parents.join().toUpperCase().includes(text.toUpperCase())

package/dist/@ecme/components/template/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationIcon from '@/configs/navigation-icon.config'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport {\n    GUIDE_PREFIX_PATH,\n    UI_COMPONENTS_PREFIX_PATH,\n} from '@/constants/route.constant'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport {\n    filterDeep,\n    findDeep,\n    findPathDeep,\n    findValueDeep,\n} from 'deepdash-es/standalone'\nimport { flatten, flattenDeep } from 'lodash'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        navigationConfig.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n        return arr\n    }, [navigationConfig, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["breadcrumbs","item"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../lib/@ecme/components/template/Search.tsx"],"sourcesContent":["import { NavigationTree } from '@/@types/navigation'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport navigationConfig from '@/configs/navigation.config'\nimport { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'\nimport { useSessionUser } from '@/store/authStore'\nimport classNames from '@/utils/classNames'\nimport withHeaderItem from '@/utils/hoc/withHeaderItem'\nimport debounce from 'lodash/debounce'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport Highlighter from 'react-highlight-words'\nimport { useTranslation } from 'react-i18next'\nimport { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'\nimport { PiMagnifyingGlassDuotone } from 'react-icons/pi'\nimport { Link } from 'react-router-dom'\nimport { Spinner } from '../ui'\n\ntype SearchData = {\n    key: string\n    path: string\n    title: string\n    icon: string\n    category: string\n    categoryTitle: string\n    breadcrumbs: string[]\n}\n\ntype SearchResult = {\n    title: string\n    data: SearchData[]\n}\n\nconst filterNavigationByAuthority = (\n    navTree: NavigationTree[],\n    userAuthority: string[],\n): NavigationTree[] => {\n    return navTree.reduce((acc: NavigationTree[], nav) => {\n        if (nav.excludeWhenHasPaths && nav.excludeWhenHasPaths.length > 0) {\n            const shouldExclude = nav.excludeWhenHasPaths.some((path) =>\n                userAuthority.includes(path),\n            )\n\n            if (shouldExclude) {\n                return acc\n            }\n        }\n\n        if (nav.subMenu && nav.subMenu.length > 0) {\n            const filteredSubMenu = filterNavigationByAuthority(\n                nav.subMenu,\n                userAuthority,\n            )\n\n            if (filteredSubMenu.length > 0) {\n                acc.push({ ...nav, subMenu: filteredSubMenu })\n            }\n        } else if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {\n            acc.push(nav)\n        }\n\n        return acc\n    }, [])\n}\n\nconst ListItem = (props: {\n    icon: string\n    label: string\n    url: string\n    isLast?: boolean\n    keyWord: string\n    breadcrumbs: string[]\n    onNavigate: () => void\n}) => {\n    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props\n\n    const makeBreadcrumbs = (breadcrumbs: string[]) => {\n        return breadcrumbs.join(' / ')\n    }\n\n    return (\n        <Link to={url} onClick={onNavigate}>\n            <div\n                className={classNames(\n                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',\n                    'hover:bg-gray-100 dark:hover:bg-gray-700',\n                )}\n            >\n                <div className=\"flex items-center gap-2\">\n                    {/* <div\n                        className={classNames(\n                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',\n                        )}\n                    >\n                        {icon && navigationIcon[icon]}\n                    </div> */}\n                    <div className=\"text-gray-900 dark:text-gray-300\">\n                        <Highlighter\n                            autoEscape\n                            highlightClassName={classNames(\n                                'text-primary',\n                                'underline bg-transparent font-semibold dark:text-white',\n                            )}\n                            searchWords={[keyWord]}\n                            textToHighlight={makeBreadcrumbs(breadcrumbs)}\n                        />\n                    </div>\n                </div>\n                <HiChevronRight className=\"text-lg\" />\n            </div>\n        </Link>\n    )\n}\n\ntype NavigationTreeFlat = NavigationTree & { parents: string[] }\n\nconst _Search = ({ className }: { className?: string }) => {\n    const [loading, setLoading] = useState(false)\n    const [searchDialogOpen, setSearchDialogOpen] = useState(false)\n    const [searchResult, setSearchResult] = useState<SearchResult[]>([])\n    const [noResult, setNoResult] = useState(false)\n    const userAuthority = useSessionUser((state) => state.user.authority)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const handleReset = () => {\n        setNoResult(false)\n        setSearchResult([])\n    }\n\n    const handleSearchOpen = () => {\n        setSearchDialogOpen(true)\n    }\n\n    const handleSearchClose = () => {\n        setSearchDialogOpen(false)\n        handleReset()\n    }\n\n    const debounceFn = debounce(handleDebounceFn, 750)\n\n    const { t } = useTranslation()\n\n    const flatNavTree = useMemo(() => {\n        const arr: NavigationTreeFlat[] = []\n        const filteredNavigationTree = filterNavigationByAuthority(\n            navigationConfig,\n            userAuthority || [],\n        )\n\n        const makeflat = (item: NavigationTree, parents: string[]) => {\n            if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {\n                item.subMenu.forEach((item) =>\n                    makeflat(item, [...parents, t(item.translateKey)]),\n                )\n            }\n            arr.push({ ...item, parents })\n        }\n\n        filteredNavigationTree.forEach(function f(item) {\n            makeflat(item, [t(item.translateKey)])\n        })\n\n        return arr\n    }, [userAuthority, t])\n\n    const filterNavigationTreeFlat = (\n        text: string,\n        tree: NavigationTreeFlat[],\n    ): NavigationTreeFlat[] => {\n        const results = tree.filter(\n            (item) =>\n                item.type === NAV_ITEM_TYPE_ITEM &&\n                item.parents.join().toUpperCase().includes(text.toUpperCase()),\n        )\n\n        return results\n    }\n\n    function navTreeFlatToSearchResult(\n        tree: NavigationTreeFlat[],\n    ): SearchResult[] {\n        const navTreeSearchResult: SearchResult = {\n            title: t('base.layout.search.results.navTree'),\n            data: [],\n        }\n        tree.forEach((item) => {\n            navTreeSearchResult.data.push({\n                category: item.path,\n                categoryTitle: item.title,\n                icon: item.icon,\n                key: item.key,\n                path: item.path,\n                title: t(item.translateKey, item.title),\n                breadcrumbs: item.parents,\n            })\n        })\n        return [navTreeSearchResult]\n    }\n\n    async function handleDebounceFn(query: string) {\n        if (!query) {\n            setLoading(false)\n            setSearchResult([])\n            return\n        }\n\n        if (noResult) {\n            setNoResult(false)\n        }\n\n        const res = await filterNavigationTreeFlat(query, flatNavTree)\n\n        if (res) {\n            if (res.length === 0) {\n                setNoResult(true)\n                setSearchResult([])\n            } else {\n                setSearchResult(navTreeFlatToSearchResult(res))\n            }\n        }\n\n        setLoading(false)\n    }\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setLoading(true)\n        debounceFn(e.target.value)\n    }\n\n    useEffect(() => {\n        if (searchDialogOpen) {\n            const timeout = setTimeout(() => inputRef.current?.focus(), 100)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n    }, [searchDialogOpen])\n\n    const handleNavigate = () => {\n        handleSearchClose()\n    }\n\n    return (\n        <>\n            <div\n                className={classNames(className, 'text-2xl')}\n                onClick={handleSearchOpen}\n            >\n                <PiMagnifyingGlassDuotone />\n            </div>\n            <Dialog\n                contentClassName=\"p-0\"\n                isOpen={searchDialogOpen}\n                closable={false}\n                onRequestClose={handleSearchClose}\n            >\n                <div>\n                    <div className=\"flex items-center justify-between border-b border-gray-200 px-4 dark:border-gray-600\">\n                        <div className=\"flex items-center\">\n                            <HiOutlineSearch className=\"text-xl\" />\n                            <input\n                                ref={inputRef}\n                                className=\"block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100\"\n                                placeholder={t('common.input.placeholder.search')}\n                                onChange={handleSearch}\n                            />\n                        </div>\n                        <Button size=\"xs\" onClick={handleSearchClose}>\n                            Esc\n                        </Button>\n                    </div>\n                    <div className=\"px-5 py-6\">\n                        {loading ? (\n                            <div\n                                className={classNames(\n                                    'flex items-center justify-center',\n                                )}\n                            >\n                                <Spinner size={40} />\n                            </div>\n                        ) : (\n                            <>\n                                <ScrollBar className=\"max-h-[350px] overflow-y-auto\">\n                                    {searchResult.map((result) => (\n                                        <div\n                                            key={result.title}\n                                            className=\"mb-4\"\n                                        >\n                                            <h6 className=\"mb-3\">\n                                                {result.title}\n                                            </h6>\n                                            {result.data.map((data, index) => (\n                                                <ListItem\n                                                    key={data.title + index}\n                                                    icon={data.icon}\n                                                    breadcrumbs={\n                                                        data.breadcrumbs\n                                                    }\n                                                    label={data.title}\n                                                    url={data.path}\n                                                    keyWord={\n                                                        inputRef.current\n                                                            ?.value || ''\n                                                    }\n                                                    onNavigate={handleNavigate}\n                                                />\n                                            ))}\n                                        </div>\n                                    ))}\n                                    {searchResult.length === 0 && noResult && (\n                                        <div className=\"my-10 text-center text-lg\">\n                                            <span className=\"pr-1\">\n                                                {t(\n                                                    'common.status.noResultsFor',\n                                                )}\n                                            </span>\n                                            <span className=\"heading-text\">\n                                                {`'`}\n                                                {inputRef.current?.value}\n                                                {`'`}\n                                            </span>\n                                        </div>\n                                    )}\n                                </ScrollBar>\n                            </>\n                        )}\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nconst Search = withHeaderItem(_Search)\n\nexport default Search\n"],"names":["breadcrumbs","item"],"mappings":"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"}

package/dist/@ecme/components/template/Search.stories.js

@@ -0,0 +1,61 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { BrowserRouter } from "react-router-dom";
+import navigationConfig from "../../configs/navigation.config/index.js";
+import { useSessionUser } from "../../store/authStore.js";
+import Search from "./Search.js";
+const collectAuthorityPaths = (navTree) => {
+  return navTree.reduce((acc, node) => {
+    if (node.path) {
+      acc.push(node.path);
+    }
+    if (node.subMenu?.length) {
+      acc.push(...collectAuthorityPaths(node.subMenu));
+    }
+    return acc;
+  }, []);
+};
+const allAuthority = Array.from(new Set(collectAuthorityPaths(navigationConfig)));
+const WithSimulatedAuthorities = ({
+  children
+}) => {
+  useEffect(() => {
+    const previousUser = useSessionUser.getState().user;
+    useSessionUser.setState({
+      user: {
+        ...previousUser,
+        authority: allAuthority
+      }
+    });
+    return () => {
+      useSessionUser.setState({ user: previousUser });
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const meta = {
+  title: "@ecme/Template/Search",
+  component: Search,
+  parameters: {
+    layout: "padded"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(WithSimulatedAuthorities, { children: /* @__PURE__ */ jsx(Story, {}) }) })
+  ],
+  argTypes: {
+    className: {
+      control: "text"
+    }
+  }
+};
+const Default = {
+  args: {
+    className: ""
+  }
+};
+export {
+  Default,
+  meta as default
+};
+//# sourceMappingURL=Search.stories.js.map

package/dist/@ecme/components/template/Search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.stories.js","sources":["../../../../lib/@ecme/components/template/Search.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { useEffect } from 'react'\nimport { BrowserRouter } from 'react-router-dom'\nimport navigationConfig from '@/configs/navigation.config'\nimport type { NavigationTree } from '@/@types/navigation'\nimport { useSessionUser } from '@/store/authStore'\nimport Search from './Search'\n\nconst collectAuthorityPaths = (navTree: NavigationTree[]): string[] => {\n    return navTree.reduce((acc: string[], node) => {\n        if (node.path) {\n            acc.push(node.path)\n        }\n\n        if (node.subMenu?.length) {\n            acc.push(...collectAuthorityPaths(node.subMenu))\n        }\n\n        return acc\n    }, [])\n}\n\nconst allAuthority = Array.from(new Set(collectAuthorityPaths(navigationConfig)))\n\nconst WithSimulatedAuthorities = ({\n    children,\n}: {\n    children: React.ReactNode\n}) => {\n    useEffect(() => {\n        const previousUser = useSessionUser.getState().user\n\n        useSessionUser.setState({\n            user: {\n                ...previousUser,\n                authority: allAuthority,\n            },\n        })\n\n        return () => {\n            useSessionUser.setState({ user: previousUser })\n        }\n    }, [])\n\n    return <>{children}</>\n}\n\nconst meta = {\n    title: '@ecme/Template/Search',\n    component: Search,\n    parameters: {\n        layout: 'padded',\n    },\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <BrowserRouter>\n                <WithSimulatedAuthorities>\n                    <Story />\n                </WithSimulatedAuthorities>\n            </BrowserRouter>\n        ),\n    ],\n    argTypes: {\n        className: {\n            control: 'text',\n        },\n    },\n} satisfies Meta<typeof Search>\n\nexport default meta\n\ntype TStory = StoryObj<typeof meta>\n\nexport const Default: TStory = {\n    args: {\n        className: '',\n    },\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,wBAAwB,CAAC,YAAwC;AACnE,SAAO,QAAQ,OAAO,CAAC,KAAe,SAAS;AAC3C,QAAI,KAAK,MAAM;AACX,UAAI,KAAK,KAAK,IAAI;AAAA,IACtB;AAEA,QAAI,KAAK,SAAS,QAAQ;AACtB,UAAI,KAAK,GAAG,sBAAsB,KAAK,OAAO,CAAC;AAAA,IACnD;AAEA,WAAO;AAAA,EACX,GAAG,CAAA,CAAE;AACT;AAEA,MAAM,eAAe,MAAM,KAAK,IAAI,IAAI,sBAAsB,gBAAgB,CAAC,CAAC;AAEhF,MAAM,2BAA2B,CAAC;AAAA,EAC9B;AACJ,MAEM;AACF,YAAU,MAAM;AACZ,UAAM,eAAe,eAAe,SAAA,EAAW;AAE/C,mBAAe,SAAS;AAAA,MACpB,MAAM;AAAA,QACF,GAAG;AAAA,QACH,WAAW;AAAA,MAAA;AAAA,IACf,CACH;AAED,WAAO,MAAM;AACT,qBAAe,SAAS,EAAE,MAAM,aAAA,CAAc;AAAA,IAClD;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,yCAAU,UAAS;AACvB;AAEA,MAAM,OAAO;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACR,QAAQ;AAAA,EAAA;AAAA,EAEZ,MAAM,CAAC,UAAU;AAAA,EACjB,YAAY;AAAA,IACR,CAAC,UACG,oBAAC,eAAA,EACG,8BAAC,0BAAA,EACG,UAAA,oBAAC,OAAA,CAAA,CAAM,EAAA,CACX,EAAA,CACJ;AAAA,EAAA;AAAA,EAGR,UAAU;AAAA,IACN,WAAW;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAMO,MAAM,UAAkB;AAAA,EAC3B,MAAM;AAAA,IACF,WAAW;AAAA,EAAA;AAEnB;"}

package/dist/@ecme/index.js

@@ -164,6 +164,7 @@ import { countryList } from "./constants/countries.constant.js";
 import { dashboardsPlaceholder } from "./views/dashboards/index.js";
 import { dateLocales } from "./locales/locales.js";
 import { docsStyles } from "./assets/styles/docs/index.js";
+import { ensureAppLocaleResourcesLoaded, initAllAppLocaleResources } from "./locales/initAll.js";
 import { default as default108 } from "./utils/fileSizeUnit.js";
 import { default as default109 } from "./configs/firebase.config.js";
 import { guidePlaceholder } from "./views/guide/index.js";
@@ -437,10 +438,12 @@ export {
   dashboardsPlaceholder,
   dateLocales,
   docsStyles,
+  ensureAppLocaleResourcesLoaded,
   default108 as fileSizeUnit,
   default109 as firebaseConfig,
   guidePlaceholder,
   default110 as hooks,
+  initAllAppLocaleResources,
   default111 as isLastChild,
   default112 as navigationIconConfig,
   othersPlaceholder,

package/dist/@ecme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/@ecme/locales/index.js

@@ -1,8 +1,11 @@
 import { dateLocales } from "./locales.js";
+import { ensureAppLocaleResourcesLoaded, initAllAppLocaleResources } from "./initAll.js";
 import i18n from "i18next";
 import { default as default2 } from "i18next";
 export {
   dateLocales,
-  default2 as default
+  default2 as default,
+  ensureAppLocaleResourcesLoaded,
+  initAllAppLocaleResources
 };
 //# sourceMappingURL=index.js.map

package/dist/@ecme/locales/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/@ecme/locales/initAll.js

@@ -0,0 +1,26 @@
+import "./locales.js";
+import { addBaseLocaleResources } from "../../base/locales/index.js";
+import { addPageLocaleResources } from "../views/auth/lang/index.js";
+import i18n from "i18next";
+function initAllAppLocaleResources() {
+  addBaseLocaleResources();
+  addPageLocaleResources();
+}
+async function ensureAppLocaleResourcesLoaded() {
+  initAllAppLocaleResources();
+  if (i18n.isInitialized) {
+    return;
+  }
+  await new Promise((resolve) => {
+    const handleInitialized = () => {
+      i18n.off("initialized", handleInitialized);
+      resolve();
+    };
+    i18n.on("initialized", handleInitialized);
+  });
+}
+export {
+  ensureAppLocaleResourcesLoaded,
+  initAllAppLocaleResources
+};
+//# sourceMappingURL=initAll.js.map

package/dist/@ecme/locales/initAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initAll.js","sources":["../../../lib/@ecme/locales/initAll.ts"],"sourcesContent":["import i18n from './locales'\nimport { addBaseLocaleResources } from '@base/locales'\nimport { addPageLocaleResources } from '@/views/auth/lang'\n\nexport function initAllAppLocaleResources() {\n    addBaseLocaleResources()\n    addPageLocaleResources()\n}\n\nexport async function ensureAppLocaleResourcesLoaded() {\n    initAllAppLocaleResources()\n\n    if (i18n.isInitialized) {\n        return\n    }\n\n    await new Promise<void>((resolve) => {\n        const handleInitialized = () => {\n            i18n.off('initialized', handleInitialized)\n            resolve()\n        }\n\n        i18n.on('initialized', handleInitialized)\n    })\n}"],"names":[],"mappings":";;;;AAIO,SAAS,4BAA4B;AACxC,yBAAA;AACA,yBAAA;AACJ;AAEA,eAAsB,iCAAiC;AACnD,4BAAA;AAEA,MAAI,KAAK,eAAe;AACpB;AAAA,EACJ;AAEA,QAAM,IAAI,QAAc,CAAC,YAAY;AACjC,UAAM,oBAAoB,MAAM;AAC5B,WAAK,IAAI,eAAe,iBAAiB;AACzC,cAAA;AAAA,IACJ;AAEA,SAAK,GAAG,eAAe,iBAAiB;AAAA,EAC5C,CAAC;AACL;"}

package/dist/@ecme/locales/lang/en/common.js

@@ -87,6 +87,49 @@ const common = {
       of: "of",
       all: "All"
     },
+    layout: {
+      search: {
+        results: {
+          navTree: "Navigation"
+        }
+      },
+      profile: {
+        dropdown: {
+          options: {
+            profile: "Profile",
+            settings: "Settings",
+            activity: "Activity",
+            signOut: "Sign Out"
+          }
+        }
+      },
+      themeConfig: {
+        title: "Theme Configuration",
+        options: {
+          darkMode: "Dark mode",
+          darkModeDesc: "Toggle between light and dark theme",
+          direction: "Direction",
+          directionDesc: "User interface direction",
+          theme: "Theme",
+          layout: "Layout",
+          layoutCollapsible: "Collapsible",
+          layoutStacked: "Stacked",
+          layoutTopbar: "Topbar",
+          layoutFrameless: "Frameless",
+          layoutOverlay: "Overlay",
+          layoutBlank: "Blank"
+        },
+        buttons: {
+          copyConfig: "Copy config"
+        }
+      },
+      notifications: {
+        title: "Notifications",
+        actions: {
+          readAll: "Mark all as read"
+        }
+      }
+    },
     ...EnModulesCommon
   }
 };

package/dist/@ecme/locales/lang/en/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../../../../lib/@ecme/locales/lang/en/common.ts"],"sourcesContent":["import EnModulesCommon from '@base/locales/lang/en/modules/modules.common'\n\nexport default {\n    common: {\n        actions: {\n            save: 'Save',\n            cancel: 'Cancel',\n            new: 'New',\n            delete: 'Delete',\n            edit: 'Edit',\n            filter: 'Filter',\n            search: 'Search',\n            back: 'Back',\n            continue: 'Continue',\n            reset: 'Reset',\n            clear: 'Clear',\n            close: 'Close',\n            confirm: 'Confirm',\n            signIn: 'Sign In',\n            signOut: 'Sign Out',\n            signUp: 'Sign Up',\n            recover: 'Recover',\n            send: 'Send',\n            done: 'Done',\n            add: 'Add',\n            remove: 'Remove',\n            yes: 'Yes',\n            no: 'No',\n            accept: 'Accept',\n            reject: 'Reject',\n            approve: 'Approve',\n            rejectAll: 'Reject All',\n            approveAll: 'Approve All',\n            rejectSelected: 'Reject Selected',\n            approveSelected: 'Approve Selected',\n            rejectAllSelected: 'Reject All Selected',\n            approveAllSelected: 'Approve All Selected',\n            selectAll: 'Select All',\n            deselectAll: 'Deselect All',\n            select: 'Select',\n            deselect: 'Deselect',\n            download: 'Download',\n            upload: 'Upload',\n            finish: 'Finish'\n        },\n        validation: {\n            required: 'This field is required',\n            invalidEmail: 'Invalid email',\n            invalidPassword: 'Invalid password',\n            invalidDate: 'Invalid date',\n            invalidTime: 'Invalid time',\n            invalidDateTime: 'Invalid date time',\n            invalidPhone: 'Invalid phone',\n            invalidCPF: 'Invalid CPF',\n            invalidCNPJ: 'Invalid CNPJ',\n            invalidFormat: 'Invalid format',\n            invalidLength: 'Invalid length',\n            invalidURL: 'Invalid URL',\n            invalidNumber: 'Invalid number',\n            atLeastOne: 'Select at least one',\n            minLength: 'Minimum length is {{min}}',\n            maxLength: 'Maximum length is {{max}}',\n        },\n        status: {\n            submitting: 'Submitting...',\n            loading: 'Loading...',\n            noResultsFor: 'No results for',\n        },\n        input: {\n            placeholder: {\n                search: 'Search...',\n                searchBy: 'Search by...',\n                select: 'Select...',\n            },\n        },\n        button: {\n            actions: 'Actions',\n        },\n        table: {\n            noData: 'No data',\n            noResults: 'No results',\n            noResultsFound: 'No results found',\n            noDataFound: 'No data found',\n            loading: 'Loading...',\n            rowsPerPage: 'Rows per page',\n            page: 'page',\n            pageAbbr: 'pg.',\n            of: 'of',\n            all: 'All',\n        },\n        ...EnModulesCommon,\n    },\n}\n"],"names":[],"mappings":";AAEA,MAAA,SAAe;AAAA,EACX,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,IAEZ,YAAY;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,IAElB,OAAO;AAAA,MACH,aAAa;AAAA,QACT,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,IAEJ,QAAQ;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEb,OAAO;AAAA,MACH,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA;AAAA,IAET,GAAG;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"common.js","sources":["../../../../../lib/@ecme/locales/lang/en/common.ts"],"sourcesContent":["import EnModulesCommon from '@base/locales/lang/en/modules/modules.common'\n\nexport default {\n    common: {\n        actions: {\n            save: 'Save',\n            cancel: 'Cancel',\n            new: 'New',\n            delete: 'Delete',\n            edit: 'Edit',\n            filter: 'Filter',\n            search: 'Search',\n            back: 'Back',\n            continue: 'Continue',\n            reset: 'Reset',\n            clear: 'Clear',\n            close: 'Close',\n            confirm: 'Confirm',\n            signIn: 'Sign In',\n            signOut: 'Sign Out',\n            signUp: 'Sign Up',\n            recover: 'Recover',\n            send: 'Send',\n            done: 'Done',\n            add: 'Add',\n            remove: 'Remove',\n            yes: 'Yes',\n            no: 'No',\n            accept: 'Accept',\n            reject: 'Reject',\n            approve: 'Approve',\n            rejectAll: 'Reject All',\n            approveAll: 'Approve All',\n            rejectSelected: 'Reject Selected',\n            approveSelected: 'Approve Selected',\n            rejectAllSelected: 'Reject All Selected',\n            approveAllSelected: 'Approve All Selected',\n            selectAll: 'Select All',\n            deselectAll: 'Deselect All',\n            select: 'Select',\n            deselect: 'Deselect',\n            download: 'Download',\n            upload: 'Upload',\n            finish: 'Finish'\n        },\n        validation: {\n            required: 'This field is required',\n            invalidEmail: 'Invalid email',\n            invalidPassword: 'Invalid password',\n            invalidDate: 'Invalid date',\n            invalidTime: 'Invalid time',\n            invalidDateTime: 'Invalid date time',\n            invalidPhone: 'Invalid phone',\n            invalidCPF: 'Invalid CPF',\n            invalidCNPJ: 'Invalid CNPJ',\n            invalidFormat: 'Invalid format',\n            invalidLength: 'Invalid length',\n            invalidURL: 'Invalid URL',\n            invalidNumber: 'Invalid number',\n            atLeastOne: 'Select at least one',\n            minLength: 'Minimum length is {{min}}',\n            maxLength: 'Maximum length is {{max}}',\n        },\n        status: {\n            submitting: 'Submitting...',\n            loading: 'Loading...',\n            noResultsFor: 'No results for',\n        },\n        input: {\n            placeholder: {\n                search: 'Search...',\n                searchBy: 'Search by...',\n                select: 'Select...',\n            },\n        },\n        button: {\n            actions: 'Actions',\n        },\n        table: {\n            noData: 'No data',\n            noResults: 'No results',\n            noResultsFound: 'No results found',\n            noDataFound: 'No data found',\n            loading: 'Loading...',\n            rowsPerPage: 'Rows per page',\n            page: 'page',\n            pageAbbr: 'pg.',\n            of: 'of',\n            all: 'All',\n        },\n        layout: {\n            search: {\n                results: {\n                    navTree: 'Navigation',\n                },\n            },\n            profile: {\n                dropdown: {\n                    options: {\n                        profile: 'Profile',\n                        settings: 'Settings',\n                        activity: 'Activity',\n                        signOut: 'Sign Out',\n                    },\n                },\n            },\n            themeConfig: {\n                title: 'Theme Configuration',\n                options: {\n                    darkMode: 'Dark mode',\n                    darkModeDesc: 'Toggle between light and dark theme',\n                    direction: 'Direction',\n                    directionDesc: 'User interface direction',\n                    theme: 'Theme',\n                    layout: 'Layout',\n                    layoutCollapsible: 'Collapsible',\n                    layoutStacked: 'Stacked',\n                    layoutTopbar: 'Topbar',\n                    layoutFrameless: 'Frameless',\n                    layoutOverlay: 'Overlay',\n                    layoutBlank: 'Blank',\n                },\n                buttons: {\n                    copyConfig: 'Copy config',\n                },\n            },\n            notifications: {\n                title: 'Notifications',\n                actions: {\n                    readAll: 'Mark all as read',\n                },\n            },\n        },\n        ...EnModulesCommon,\n    },\n}\n"],"names":[],"mappings":";AAEA,MAAA,SAAe;AAAA,EACX,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,IAEZ,YAAY;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,IAElB,OAAO;AAAA,MACH,aAAa;AAAA,QACT,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,IAEJ,QAAQ;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEb,OAAO;AAAA,MACH,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACJ,QAAQ;AAAA,QACJ,SAAS;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,MAEJ,SAAS;AAAA,QACL,UAAU;AAAA,UACN,SAAS;AAAA,YACL,SAAS;AAAA,YACT,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,aAAa;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,UACL,UAAU;AAAA,UACV,cAAc;AAAA,UACd,WAAW;AAAA,UACX,eAAe;AAAA,UACf,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,mBAAmB;AAAA,UACnB,eAAe;AAAA,UACf,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,eAAe;AAAA,UACf,aAAa;AAAA,QAAA;AAAA,QAEjB,SAAS;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,eAAe;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,IACJ;AAAA,IAEJ,GAAG;AAAA,EAAA;AAEX;"}

package/dist/@ecme/locales/lang/en/index.js

@@ -1,10 +1,12 @@
 import common from "./common.js";
 import nav from "./nav.js";
 import pages from "./pages.js";
+import en$1 from "../../../../base/locales/lang/en/index.js";
 const en = {
   ...nav,
   ...common,
-  ...pages
+  ...pages,
+  ...en$1
 };
 export {
   en as default

package/dist/@ecme/locales/lang/en/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/locales/lang/en/index.ts"],"sourcesContent":["import common from './common'\nimport nav from './nav'\nimport pages from './pages'\n\nexport default {\n    ...nav,\n    ...common,\n    ...pages,\n}\n"],"names":[],"mappings":";;;AAIA,MAAA,KAAe;AAAA,EACX,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACP;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/locales/lang/en/index.ts"],"sourcesContent":["import common from './common'\nimport nav from './nav'\nimport pages from './pages'\nimport base from '@base/locales/lang/en'\n\nexport default {\n    ...nav,\n    ...common,\n    ...pages,\n    ...base,\n}\n"],"names":["base"],"mappings":";;;;AAKA,MAAA,KAAe;AAAA,EACX,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAGA;AACP;"}