npm - @orbe-agro/client-core - Versions diffs - 3.4.12 → 3.4.13 - Mend

@orbe-agro/client-core 3.4.12 → 3.4.13

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 (1447) hide show

package/dist/lib/@ecme/views/guide/Documentations/components/Routing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Routing.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Routing.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport DemoComponentApi from '@/components/docs/DemoComponentApi'\n\nconst RouteAndNav = () => {\n return (\n <>\n <p>\n Ecme uses{' '}\n <a\n href=\"https://reactrouter.com/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n React Router\n </a>{' '}\n as its core routing system. In this guide, you'll learn how to\n create new routes and understand how existing routes work.\n </p>\n <div className=\"mt-6\" id=\"overview\">\n <h5>Overview</h5>\n <p className=\"my-1\">\n The router configuration for the template can be found in{' '}\n <code>src/configs/routes.config/index.ts</code>. There are\n two main groups of routes:\n </p>\n <SyntaxHighlighter language=\"js\">{`export const publicRoutes = [\n ...\n]\n\nexport const protectedRoutes = [\n ...\n]`}</SyntaxHighlighter>\n <ul>\n <li>\n <strong>publicRoutes:</strong>\n <p className=\"mt-1\">\n This group includes all routes that are accessible\n to all users.\n </p>\n </li>\n <li>\n <strong>protectedRoutes:</strong>\n <p className=\"mt-1\">\n This group contains routes that require\n authentication to access.\n </p>\n </li>\n </ul>\n </div>\n <div className=\"mt-10\" id=\"addingNewRoute\">\n <h5>Adding a New Route</h5>\n <p className=\"mt-1\">\n To add a new route, simply include the following code in the\n appropriate route group, depending on the access level you\n want to assign:\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n key: 'a-unique-id-for-this-view',\n path: 'my-new-view-path',\n component: lazy(() => import('@/views/MyNewComponent')),\n authority: [],\n meta: {\n pageContainerType: 'gutterless'\n }\n },\t\t\t\n]`}</SyntaxHighlighter>\n </div>\n <div className=\"mt-10\" id=\"authority\">\n <h5>Authority</h5>\n <p className=\"mt-1\">\n Ecme routes support simple role-based access control. You\n can specify the roles that have access to a route by using\n the <code>authority</code> field. For example, the following\n route is only accessible to users with the{' '}\n <code>'admin'</code> or <code>'user'</code> roles. If the{' '}\n <code>authority</code> field is left as an empty array, the\n route will be open to all roles.\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n ...\n authority: ['admin', 'user'],\n },\t\t\t\n]`}</SyntaxHighlighter>\n <p>\n The default <code>AuthorityGuard</code> checks the current\n user's role from the Zustand state (\n <code>auth.user.authority</code>). You can use this as a\n base to extend or customize your access control.\n </p>\n </div>\n <div className=\"mt-10\" id=\"meta\">\n <h5>Meta</h5>\n <p className=\"mt-1\">\n The <code>meta</code> field allows you to pass additional\n information to the <code>PageContainer</code> or the view\n component associated with the route.\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n ...\n meta: {\n pageContainerType: 'gutter',\n header: {\n title: 'My tittle',\n description: 'Some description'\n contained: false,\n extraHeader: lazy(() => import('/SomeComponent')),\n },\n footer: false,\n layout: 'blank',\n }\n },\t\t\t\n]`}</SyntaxHighlighter>\n <p>\n The view component will be able to access all the{' '}\n <code>meta</code> data specified.\n </p>\n <DemoComponentApi\n hideApiTitle\n keyText=\"properties\"\n api={[\n {\n api: [\n {\n propName: 'pageContainerType',\n type: `<code>'default'</code> \| <code>'gutterless'</code> \| <code>'contained'</code>`,\n default: `<code>'default'</code>`,\n desc: 'Defines the type of the view container',\n },\n {\n propName: 'pageBackgroundType',\n type: `<code>'default'</code> \| <code>'plain'</code>`,\n default: '-',\n desc: 'Define the type of the page background',\n },\n {\n propName: 'header',\n type: `<code>{\n title?: string \| ReactNode \| LazyExoticComponent<() => JSX.Element>\n description?: string \| ReactNode\n contained?: boolean\n extraHeader?: string \| ReactNode \| LazyExoticComponent<() => JSX.Element>\n }</code>`,\n default: '-',\n desc: 'Specifies the page header & further configuration',\n },\n {\n propName: 'footer',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Determines whether to display the footer',\n },\n {\n propName: 'layout',\n type: `<code>'blank'</code> \| <code>'collapsibleSide'</code> \| <code>'stackedSide'</code> \| <code>'topBarClassic'</code> \| <code>'framelessSide'</code> \| <code>'contentOverlay'</code>`,\n default: `-`,\n desc: 'Overrides the current layout for this page',\n },\n ],\n },\n ]}\n />\n </div>\n </>\n )\n}\n\nexport default RouteAndNav\n"],"names":["RouteAndNav","jsxs","Fragment","jsx","SyntaxHighlighter","DemoComponentApi"],"mappings":"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"}
1	+ {"version":3,"file":"Routing.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Routing.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport DemoComponentApi from '@/components/docs/DemoComponentApi'\n\nconst RouteAndNav = () => {\n return (\n <>\n <p>\n Ecme uses{' '}\n <a\n href=\"https://reactrouter.com/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n React Router\n </a>{' '}\n as its core routing system. In this guide, you'll learn how to\n create new routes and understand how existing routes work.\n </p>\n <div className=\"mt-6\" id=\"overview\">\n <h5>Overview</h5>\n <p className=\"my-1\">\n The router configuration for the template can be found in{' '}\n <code>src/configs/routes.config/index.ts</code>. There are\n two main groups of routes:\n </p>\n <SyntaxHighlighter language=\"js\">{`export const publicRoutes = [\n ...\n]\n\nexport const protectedRoutes = [\n ...\n]`}</SyntaxHighlighter>\n <ul>\n <li>\n <strong>publicRoutes:</strong>\n <p className=\"mt-1\">\n This group includes all routes that are accessible\n to all users.\n </p>\n </li>\n <li>\n <strong>protectedRoutes:</strong>\n <p className=\"mt-1\">\n This group contains routes that require\n authentication to access.\n </p>\n </li>\n </ul>\n </div>\n <div className=\"mt-10\" id=\"addingNewRoute\">\n <h5>Adding a New Route</h5>\n <p className=\"mt-1\">\n To add a new route, simply include the following code in the\n appropriate route group, depending on the access level you\n want to assign:\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n key: 'a-unique-id-for-this-view',\n path: 'my-new-view-path',\n component: lazy(() => import('@/views/MyNewComponent')),\n authority: [],\n meta: {\n pageContainerType: 'gutterless'\n }\n },\t\t\t\n]`}</SyntaxHighlighter>\n </div>\n <div className=\"mt-10\" id=\"authority\">\n <h5>Authority</h5>\n <p className=\"mt-1\">\n Ecme routes support simple role-based access control. You\n can specify the roles that have access to a route by using\n the <code>authority</code> field. For example, the following\n route is only accessible to users with the{' '}\n <code>'admin'</code> or <code>'user'</code> roles. If the{' '}\n <code>authority</code> field is left as an empty array, the\n route will be open to all roles.\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n ...\n authority: ['admin', 'user'],\n },\t\t\t\n]`}</SyntaxHighlighter>\n <p>\n The default <code>AuthorityGuard</code> checks the current\n user's role from the Zustand state (\n <code>auth.user.authority</code>). You can use this as a\n base to extend or customize your access control.\n </p>\n </div>\n <div className=\"mt-10\" id=\"meta\">\n <h5>Meta</h5>\n <p className=\"mt-1\">\n The <code>meta</code> field allows you to pass additional\n information to the <code>PageContainer</code> or the view\n component associated with the route.\n </p>\n <SyntaxHighlighter language=\"js\">{`export const protectedRoutes = [\n {\n ...\n meta: {\n pageContainerType: 'gutter',\n header: {\n title: 'My tittle',\n description: 'Some description'\n contained: false,\n extraHeader: lazy(() => import('/SomeComponent')),\n },\n footer: false,\n layout: 'blank',\n }\n },\t\t\t\n]`}</SyntaxHighlighter>\n <p>\n The view component will be able to access all the{' '}\n <code>meta</code> data specified.\n </p>\n <DemoComponentApi\n hideApiTitle\n keyText=\"properties\"\n api={[\n {\n api: [\n {\n propName: 'pageContainerType',\n type: `<code>'default'</code> \| <code>'gutterless'</code> \| <code>'contained'</code>`,\n default: `<code>'default'</code>`,\n desc: 'Defines the type of the view container',\n },\n {\n propName: 'pageBackgroundType',\n type: `<code>'default'</code> \| <code>'plain'</code>`,\n default: '-',\n desc: 'Define the type of the page background',\n },\n {\n propName: 'header',\n type: `<code>{\n title?: string \| ReactNode \| LazyExoticComponent<() => JSX.Element>\n description?: string \| ReactNode\n contained?: boolean\n extraHeader?: string \| ReactNode \| LazyExoticComponent<() => JSX.Element>\n }</code>`,\n default: '-',\n desc: 'Specifies the page header & further configuration',\n },\n {\n propName: 'footer',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Determines whether to display the footer',\n },\n {\n propName: 'layout',\n type: `<code>'blank'</code> \| <code>'collapsibleSide'</code> \| <code>'stackedSide'</code> \| <code>'topBarClassic'</code> \| <code>'framelessSide'</code> \| <code>'contentOverlay'</code>`,\n default: `-`,\n desc: 'Overrides the current layout for this page',\n },\n ],\n },\n ]}\n />\n </div>\n </>\n )\n}\n\nexport default RouteAndNav\n"],"names":["RouteAndNav","jsxs","Fragment","jsx","SyntaxHighlighter","DemoComponentApi"],"mappings":"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"}

package/dist/lib/@ecme/views/guide/Documentations/components/Starter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Starter.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Starter.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport { NavLink } from 'react-router-dom'\n\nconst Starter = () => {\n return (\n <>\n <p>\n As mentioned in the{' '}\n <NavLink to=\"/docs/documentation/installation\">\n Installation\n </NavLink>{' '}\n section, we've provided a starter version with the essential\n core components and basic functionality setup. We highly\n recommend that developers use this version as the foundation for\n building their apps.\n </p>\n <p>\n When you open the starter pack in your local environment, you'll\n be directed to the login page. You can sign in using the\n credentials <i>user: admin \| password: 123Qwe</i>.\n </p>\n <i>\n Note: The starter version has the mock API enabled by default.\n All API calls will point to the mock server. If you want to\n disable this feature or learn more about the mock API, check out\n the{' '}\n <NavLink to=\"/docs/documentation/mock-api\">Mock API</NavLink>{' '}\n documentation.\n </i>\n <div className=\"mt-10\" id=\"defaultConfig\">\n <h5>Default Configurations</h5>\n <p>\n Below are some of the default configurations for the starter\n version. You can modify these settings to suit your needs.\n </p>\n <p className=\"mb-2\">\n <strong>AppConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/app\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const appConfig: AppConfig = {\n apiPrefix: '/api',\n authenticatedEntryPath: '/home',\n unAuthenticatedEntryPath: '/sign-in',\n locale: 'en',\n accessTokenPersistStrategy: 'cookies',\n enableMock: true,\n activeNavTranslation: false\n}\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>ThemeConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/overall-theme-config\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`export const themeConfig: ThemeConfig = {\n schema: 'default',\n direction: THEME_ENUM.DIR_LTR,\n mode: THEME_ENUM.MODE_LIGHT,\n panelExpand: false,\n controlSize: 'md',\n layout: {\n type: THEME_ENUM.LAYOUT_COLLAPSIBLE_SIDE,\n sideNavCollapse: false,\n },\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>RoutesConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/routing\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const publicRoutes = [\n {\n key: 'signIn',\n path: '/sign-in',\n component: lazy(() => import('@/views/auth/SignIn')),\n authority: [],\n },\n {\n key: 'signUp',\n path: '/sign-up',\n component: lazy(() => import('@/views/auth/SignUp')),\n authority: [],\n },\n {\n key: 'forgotPassword',\n path: '/forgot-password:id',\n component: lazy(() => import('@/views/auth/ForgotPassword')),\n authority: [],\n },\n {\n key: 'resetPassword',\n path: '/reset-password',\n component: lazy(() => import('@/views/auth/ResetPassword')),\n authority: [],\n },\n]\n\nexport const protectedRoutes = [\n {\n key: 'home',\n path: '/home',\n component: lazy(() => import('@/views/Home')),\n authority: [],\n },\n]\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>NavConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/routing\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const navigationConfig = [\n {\n key: 'home',\n path: '/home',\n title: 'Home',\n translateKey: 'nav.home',\n icon: 'home',\n type: NAV_ITEM_TYPE_ITEM,\n authority: [],\n subMenu: []\n }\n]\n`}</SyntaxHighlighter>\n </div>\n </>\n )\n}\n\nexport default Starter\n"],"names":["Starter","jsxs","Fragment","jsx","NavLink","SyntaxHighlighter"],"mappings":";;;AAIA,MAAMA,IAAU,~~MAGJ~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAD,EAAC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IACqB;AAAA,~~IACnB~~,gBAAAE,~~EAAAC~~,GAAA,EAAQ,IAAG,oCAAmC,~~UAE~~/C~~,gBAAA~~;AAAA,IAAW;AAAA,IAAI;AAAA,EAAA,GAKnB;AAAA,oBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAGa,gBAAAD,EAAC,OAAE,~~UAA8B~~,iCAAA,~~CAAA~~;AAAA,IAAI;AAAA,EAAA,GACrD;AAAA,oBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAIK;AAAA,~~IACH~~,gBAAAA,~~EAAAC~~,GAAA,EAAQ,IAAG,gCAA+B,~~UAAQ~~,~~YAAA~~;AAAA,IAAW;AAAA,IAAI;AAAA,EAAA,GAEtE;AAAA,~~EACC~~,gBAAAH,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,iBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAAsB~~,yBAAA,~~CAAA~~;AAAA,IAC1B,gBAAAA,EAAC,OAAE,~~UAGH~~,0HAAA,~~CAAA~~;AAAA,IACA,gBAAAF,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,~~UAAS~~,YAAA,~~CAAA~~;AAAA,MAAS;AAAA,MAAG;AAAA,~~MAC5B~~,gBAAAA,~~EAAAC~~,GAAA,EAAQ,IAAG,2BAA0B,~~UAEtC~~,gBAAA,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,~~GAAkB~~,~~EAAA~~,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShD;AAAA,IACc,gBAAAJ,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,~~UAAW~~,cAAA,~~CAAA~~;AAAA,MAAS;AAAA,MAAG;AAAA,~~MAC9B~~,gBAAAA,~~EAAAC~~,GAAA,EAAQ,IAAG,4CAA2C,~~UAEvD~~,gBAAA,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,~~GAAkB~~,~~EAAA~~,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhD;AAAA,IACc,gBAAAJ,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,~~UAAY~~,eAAA,~~CAAA~~;AAAA,MAAS;AAAA,MAAG;AAAA,~~MAC/B~~,gBAAAA,~~EAAAC~~,GAAA,EAAQ,IAAG,+BAA8B,~~UAE1C~~,gBAAA,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,~~GAAkB~~,~~EAAA~~,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmChD;AAAA,IACc,gBAAAJ,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,~~UAAS~~,YAAA,~~CAAA~~;AAAA,MAAS;AAAA,MAAG;AAAA,~~MAC5B~~,gBAAAA,~~EAAAC~~,GAAA,EAAQ,IAAG,+BAA8B,~~UAE1C~~,gBAAA,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,~~GAAkB~~,~~EAAA~~,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAYhD~~,~~CAAA~~;AAAA,EAAA,~~EACU~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Starter.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Starter.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\nimport { NavLink } from 'react-router-dom'\n\nconst Starter = () => {\n return (\n <>\n <p>\n As mentioned in the{' '}\n <NavLink to=\"/docs/documentation/installation\">\n Installation\n </NavLink>{' '}\n section, we've provided a starter version with the essential\n core components and basic functionality setup. We highly\n recommend that developers use this version as the foundation for\n building their apps.\n </p>\n <p>\n When you open the starter pack in your local environment, you'll\n be directed to the login page. You can sign in using the\n credentials <i>user: admin \| password: 123Qwe</i>.\n </p>\n <i>\n Note: The starter version has the mock API enabled by default.\n All API calls will point to the mock server. If you want to\n disable this feature or learn more about the mock API, check out\n the{' '}\n <NavLink to=\"/docs/documentation/mock-api\">Mock API</NavLink>{' '}\n documentation.\n </i>\n <div className=\"mt-10\" id=\"defaultConfig\">\n <h5>Default Configurations</h5>\n <p>\n Below are some of the default configurations for the starter\n version. You can modify these settings to suit your needs.\n </p>\n <p className=\"mb-2\">\n <strong>AppConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/app\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const appConfig: AppConfig = {\n apiPrefix: '/api',\n authenticatedEntryPath: '/home',\n unAuthenticatedEntryPath: '/sign-in',\n locale: 'en',\n accessTokenPersistStrategy: 'cookies',\n enableMock: true,\n activeNavTranslation: false\n}\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>ThemeConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/overall-theme-config\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`export const themeConfig: ThemeConfig = {\n schema: 'default',\n direction: THEME_ENUM.DIR_LTR,\n mode: THEME_ENUM.MODE_LIGHT,\n panelExpand: false,\n controlSize: 'md',\n layout: {\n type: THEME_ENUM.LAYOUT_COLLAPSIBLE_SIDE,\n sideNavCollapse: false,\n },\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>RoutesConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/routing\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const publicRoutes = [\n {\n key: 'signIn',\n path: '/sign-in',\n component: lazy(() => import('@/views/auth/SignIn')),\n authority: [],\n },\n {\n key: 'signUp',\n path: '/sign-up',\n component: lazy(() => import('@/views/auth/SignUp')),\n authority: [],\n },\n {\n key: 'forgotPassword',\n path: '/forgot-password:id',\n component: lazy(() => import('@/views/auth/ForgotPassword')),\n authority: [],\n },\n {\n key: 'resetPassword',\n path: '/reset-password',\n component: lazy(() => import('@/views/auth/ResetPassword')),\n authority: [],\n },\n]\n\nexport const protectedRoutes = [\n {\n key: 'home',\n path: '/home',\n component: lazy(() => import('@/views/Home')),\n authority: [],\n },\n]\n`}</SyntaxHighlighter>\n <p className=\"mb-2\">\n <strong>NavConfig</strong> -{' '}\n <NavLink to=\"/docs/documentation/routing\">\n Documentation\n </NavLink>\n </p>\n <SyntaxHighlighter language=\"js\">{`const navigationConfig = [\n {\n key: 'home',\n path: '/home',\n title: 'Home',\n translateKey: 'nav.home',\n icon: 'home',\n type: NAV_ITEM_TYPE_ITEM,\n authority: [],\n subMenu: []\n }\n]\n`}</SyntaxHighlighter>\n </div>\n </>\n )\n}\n\nexport default Starter\n"],"names":["Starter","jsxs","Fragment","jsx","NavLink","SyntaxHighlighter"],"mappings":";;;AAIA,MAAMA,IAAU,MAER,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAD,EAAC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IACqB;AAAA,IACpB,gBAAAE,EAACC,GAAA,EAAQ,IAAG,oCAAmC,UAAA,gBAE/C;AAAA,IAAW;AAAA,IAAI;AAAA,EAAA,GAKnB;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAGa,gBAAAD,EAAC,OAAE,UAAA,iCAAA,CAA8B;AAAA,IAAI;AAAA,EAAA,GACrD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAIK;AAAA,IACJ,gBAAAA,EAACC,GAAA,EAAQ,IAAG,gCAA+B,UAAA,YAAQ;AAAA,IAAW;AAAA,IAAI;AAAA,EAAA,GAEtE;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,iBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,yBAAA,CAAsB;AAAA,IAC1B,gBAAAA,EAAC,OAAE,UAAA,0HAAA,CAGH;AAAA,IACA,gBAAAF,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,UAAA,YAAA,CAAS;AAAA,MAAS;AAAA,MAAG;AAAA,MAC7B,gBAAAA,EAACC,GAAA,EAAQ,IAAG,2BAA0B,UAAA,gBAAA,CAEtC;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAShD;AAAA,IACc,gBAAAJ,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,UAAA,cAAA,CAAW;AAAA,MAAS;AAAA,MAAG;AAAA,MAC/B,gBAAAA,EAACC,GAAA,EAAQ,IAAG,4CAA2C,UAAA,gBAAA,CAEvD;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhD;AAAA,IACc,gBAAAJ,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,UAAA,eAAA,CAAY;AAAA,MAAS;AAAA,MAAG;AAAA,MAChC,gBAAAA,EAACC,GAAA,EAAQ,IAAG,+BAA8B,UAAA,gBAAA,CAE1C;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmChD;AAAA,IACc,gBAAAJ,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,MAAA,gBAAAE,EAAC,YAAO,UAAA,YAAA,CAAS;AAAA,MAAS;AAAA,MAAG;AAAA,MAC7B,gBAAAA,EAACC,GAAA,EAAQ,IAAG,+BAA8B,UAAA,gBAAA,CAE1C;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAD,EAACE,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAYhD;AAAA,EAAA,EAAA,CACU;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/components/StateManagement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StateManagement.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/StateManagement.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst StateManagement = () => {\n return (\n <>\n <p>\n In this template, we've integrated Zustand for state management.\n Zustand is a small, fast, and scalable state management solution\n that allows you to manage state outside of the React component\n tree, providing a more efficient way to handle global state\n across your application.\n </p>\n <p>\n We use Zustand to manage some of the core states in the\n template, but it's entirely optional for you to continue using\n it in your projects. If you prefer a different state management\n library or even the built-in React state, you can easily switch\n to what best suits your needs.\n </p>\n <div className=\"mt-10\" id=\"creating-zustand-state\">\n <h5>Creating a Zustand State</h5>\n <p>\n Creating a Zustand store is straightforward. Below is an\n example of how you can create a global state to manage a\n simple counter:\n </p>\n <SyntaxHighlighter language=\"typescript\">\n {`import create from 'zustand'\n\ntype CouterState = {\n count: number\n}\n\ntype CouterAction = {\n increaseCount: () => void\n decreaseCount: () => void\n}\n\n// Define the store\nconst useCounterStore = create<CouterState & CouterAction>((set) => ({\n count: 0,\n increaseCount: () => set((state) => ({ count: state.count + 1 })),\n decreaseCount: () => set((state) => ({ count: state.count - 1 })),\n}))\n\nexport default useCounterStore`}\n </SyntaxHighlighter>\n <p>\n In this example, we've created a store with a{' '}\n <code>count</code> state and two actions:{' '}\n <code>increaseCount</code> and <code>decreaseCount</code>.\n These actions update the state by increasing or decreasing\n the <code>count</code>.\n </p>\n </div>\n <div className=\"mt-10\" id=\"using-zustand-state\">\n <h5>Using Zustand State in a Component</h5>\n <p>\n Once you've created the store, using it in a component is\n simple. Here's how you can integrate the{' '}\n <code>useCounterStore</code> into a React component:\n </p>\n <SyntaxHighlighter language=\"tsx\">\n {`import useCounterStore from './path/to/store'\n\nconst Counter = () => {\n const { count, increaseCount, decreaseCount } = useCounterStore()\n\n return (\n <div>\n <h1>Counter: {count}</h1>\n <button onClick={increaseCount}>Increase</button>\n <button onClick={decreaseCount}>Decrease</button>\n </div>\n )\n}\n\nexport default Counter`}\n </SyntaxHighlighter>\n <p>\n In this component, we use the <code>useCounterStore</code>{' '}\n hook to access the <code>count</code> state and the two\n actions. The UI updates automatically whenever the state\n changes, and the buttons allow the user to interact with the\n state.\n </p>\n </div>\n <p>\n This is just a basic example to get you started. Zustand is\n flexible and can be used for more complex state management\n scenarios as your application grows. If you want to explore more\n advanced usage, we recommend checking out the official{' '}\n <a\n href=\"https://zustand.docs.pmnd.rs/getting-started/introduction\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n Zustand documentation\n </a>\n .\n </p>\n </>\n )\n}\n\nexport default StateManagement\n"],"names":["StateManagement","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAkB,~~MAGZ~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,~~UAMH~~,wRAAA,~~CAAA~~;AAAA,EACA,gBAAAA,EAAC,OAAE,~~UAMH~~,wRAAA,~~CAAA~~;AAAA,~~EACC~~,gBAAAF,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,0BACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAAwB~~,2BAAA,~~CAAA~~;AAAA,IAC5B,gBAAAA,EAAC,OAAE,~~UAIH~~,oIAAA,~~CAAA~~;AAAA,IACA,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,cACvB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAmBL;AAAA,sBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MAC+C;AAAA,MAC9C,gBAAAD,EAAC,UAAK,~~UAAK~~,QAAA,~~CAAA~~;AAAA,MAAO;AAAA,MAAwB;AAAA,MAC1C,gBAAAA,EAAC,UAAK,~~UAAa~~,gBAAA,~~CAAA~~;AAAA,MAAO;AAAA,MAAK,gBAAAA,EAAC,UAAK,~~UAAa~~,gBAAA,~~CAAA~~;AAAA,MAAO;AAAA,MAErD,gBAAAA,EAAC,UAAK,~~UAAK~~,QAAA,~~CAAA~~;AAAA,MAAO;AAAA,IAAA,~~EAC1B~~,~~CAAA~~;AAAA,EAAA,GACJ;AAAA,~~EACC~~,gBAAAF,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,uBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAAkC~~,qCAAA,~~CAAA~~;AAAA,sBACrC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MAE0C;AAAA,MACzC,gBAAAA,EAAC,UAAK,~~UAAe~~,kBAAA,~~CAAA~~;AAAA,MAAO;AAAA,IAAA,GAChC;AAAA,IACA,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,OACvB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAeL;AAAA,sBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MAC+B,gBAAAD,EAAC,UAAK,~~UAAe~~,kBAAA,~~CAAA~~;AAAA,MAAQ;AAAA,MAAI;AAAA,MAC5C,gBAAAA,EAAC,UAAK,~~UAAK~~,QAAA,~~CAAA~~;AAAA,MAAO;AAAA,IAAA,~~EAIzC~~,~~CAAA~~;AAAA,EAAA,GACJ;AAAA,oBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAIwD;AAAA,IACvD,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,~~IAED~~;AAAA,~~IAAI~~;AAAA,EAAA,~~EAER~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"StateManagement.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/StateManagement.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst StateManagement = () => {\n return (\n <>\n <p>\n In this template, we've integrated Zustand for state management.\n Zustand is a small, fast, and scalable state management solution\n that allows you to manage state outside of the React component\n tree, providing a more efficient way to handle global state\n across your application.\n </p>\n <p>\n We use Zustand to manage some of the core states in the\n template, but it's entirely optional for you to continue using\n it in your projects. If you prefer a different state management\n library or even the built-in React state, you can easily switch\n to what best suits your needs.\n </p>\n <div className=\"mt-10\" id=\"creating-zustand-state\">\n <h5>Creating a Zustand State</h5>\n <p>\n Creating a Zustand store is straightforward. Below is an\n example of how you can create a global state to manage a\n simple counter:\n </p>\n <SyntaxHighlighter language=\"typescript\">\n {`import create from 'zustand'\n\ntype CouterState = {\n count: number\n}\n\ntype CouterAction = {\n increaseCount: () => void\n decreaseCount: () => void\n}\n\n// Define the store\nconst useCounterStore = create<CouterState & CouterAction>((set) => ({\n count: 0,\n increaseCount: () => set((state) => ({ count: state.count + 1 })),\n decreaseCount: () => set((state) => ({ count: state.count - 1 })),\n}))\n\nexport default useCounterStore`}\n </SyntaxHighlighter>\n <p>\n In this example, we've created a store with a{' '}\n <code>count</code> state and two actions:{' '}\n <code>increaseCount</code> and <code>decreaseCount</code>.\n These actions update the state by increasing or decreasing\n the <code>count</code>.\n </p>\n </div>\n <div className=\"mt-10\" id=\"using-zustand-state\">\n <h5>Using Zustand State in a Component</h5>\n <p>\n Once you've created the store, using it in a component is\n simple. Here's how you can integrate the{' '}\n <code>useCounterStore</code> into a React component:\n </p>\n <SyntaxHighlighter language=\"tsx\">\n {`import useCounterStore from './path/to/store'\n\nconst Counter = () => {\n const { count, increaseCount, decreaseCount } = useCounterStore()\n\n return (\n <div>\n <h1>Counter: {count}</h1>\n <button onClick={increaseCount}>Increase</button>\n <button onClick={decreaseCount}>Decrease</button>\n </div>\n )\n}\n\nexport default Counter`}\n </SyntaxHighlighter>\n <p>\n In this component, we use the <code>useCounterStore</code>{' '}\n hook to access the <code>count</code> state and the two\n actions. The UI updates automatically whenever the state\n changes, and the buttons allow the user to interact with the\n state.\n </p>\n </div>\n <p>\n This is just a basic example to get you started. Zustand is\n flexible and can be used for more complex state management\n scenarios as your application grows. If you want to explore more\n advanced usage, we recommend checking out the official{' '}\n <a\n href=\"https://zustand.docs.pmnd.rs/getting-started/introduction\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n Zustand documentation\n </a>\n .\n </p>\n </>\n )\n}\n\nexport default StateManagement\n"],"names":["StateManagement","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAkB,MAEhB,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,UAAA,wRAAA,CAMH;AAAA,EACA,gBAAAA,EAAC,OAAE,UAAA,wRAAA,CAMH;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,0BACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,2BAAA,CAAwB;AAAA,IAC5B,gBAAAA,EAAC,OAAE,UAAA,oIAAA,CAIH;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAkB,UAAS,cACvB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAmBL;AAAA,sBACC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAC+C;AAAA,MAC9C,gBAAAD,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,MAAO;AAAA,MAAwB;AAAA,MAC1C,gBAAAA,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAO;AAAA,MAAK,gBAAAA,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAO;AAAA,MAErD,gBAAAA,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,MAAO;AAAA,IAAA,EAAA,CAC1B;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,uBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,qCAAA,CAAkC;AAAA,sBACrC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAE0C;AAAA,MACzC,gBAAAA,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MAAO;AAAA,IAAA,GAChC;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAkB,UAAS,OACvB,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAeL;AAAA,sBACC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAC+B,gBAAAD,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MAAQ;AAAA,MAAI;AAAA,MAC5C,gBAAAA,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,MAAO;AAAA,IAAA,EAAA,CAIzC;AAAA,EAAA,GACJ;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAIwD;AAAA,IACvD,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEG;AAAA,EAAA,EAAA,CAER;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/components/TailwindCss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TailwindCss.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/TailwindCss.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst TailwindCss = () => {\n return (\n <>\n <p>\n Tailwind CSS is a utility-first CSS framework that provides\n predefined classes for building and designing UI directly within\n JSX. Ecme utilizes Tailwind as its core CSS framework, with most\n UI elements built entirely using its features. You can easily\n update the theme and base styles by modifying the{' '}\n <code>tailwind.config.cjs</code> file located in the root\n directory.\n </p>\n <div className=\"mt-10\" id=\"tooling\">\n <h5>Tooling</h5>\n <p className=\"mt-1\">\n If you use VS Code as your IDE, we recommend installing the{' '}\n <a\n href=\"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss\"\n rel=\"noreferrer\"\n target=\"_blank\"\n >\n Tailwind CSS IntelliSense\n </a>{' '}\n plugin. This plugin provides autocomplete, syntax\n highlighting, and linting based on your Tailwind\n configuration, which can significantly speed up your\n development process.\n </p>\n </div>\n <div className=\"mt-10\" id=\"note\">\n <Alert showIcon type=\"info\" title=\"Note\">\n Some of our UI components use semantic classes with the\n Tailwind <code>@apply</code> directive. In certain cases,\n applying Tailwind classes directly to these components may\n not work as expected. You might need to use the{' '}\n <code>!important</code> modifier to override the default\n high specificity selectors.\n </Alert>\n </div>\n <p>\n To make any utility class important, simply add an{' '}\n <code>!</code> character at the beginning, e.g.:\n </p>\n <SyntaxHighlighter language=\"jsx\">{`<Dropdown className=\"!bg-red-500\" />`}</SyntaxHighlighter>\n <p>\n For more information on utility classes and Tailwind\n configuration, visit the official documentation:{' '}\n <a\n href=\"https://tailwindcss.com/docs/utility-first\"\n rel=\"noreferrer\"\n target=\"_blank\"\n >\n https://tailwindcss.com/docs/utility-first\n </a>\n </p>\n </>\n )\n}\n\nexport default TailwindCss\n"],"names":["TailwindCss","jsxs","Fragment","jsx","Alert","SyntaxHighlighter"],"mappings":";;;;AAGA,MAAMA,IAAc,~~MAGR~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAD,EAAC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAKmD;AAAA,IAClD,gBAAAE,EAAC,UAAK,~~UAAmB~~,sBAAA,~~CAAA~~;AAAA,IAAO;AAAA,EAAA,GAEpC;AAAA,~~EACC~~,gBAAAF,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,WACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAAO~~,UAAA,~~CAAA~~;AAAA,IACX,gBAAAF,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QAAO,UAAA;AAAA,MAAA;AAAA,MAC4C;AAAA,MAC5D,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,QAAO;AAAA,UACV,UAAA;AAAA,QAAA;AAAA,~~MAED~~;AAAA,~~MAAK~~;AAAA,MAAI;AAAA,IAAA,~~EAKb~~,~~CAAA~~;AAAA,EAAA,GACJ;AAAA,~~EACC~~,gBAAAA,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,~~UAAC~~,gBAAAF,~~EAAAG~~,GAAA,EAAM,UAAQ,IAAC,MAAK,QAAO,OAAM,QAAO,UAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAD,EAAC,UAAK,~~UAAM~~,SAAA,~~CAAA~~;AAAA,IAAO;AAAA,IAEoB;AAAA,IAChD,gBAAAA,EAAC,UAAK,~~UAAU~~,aAAA,~~CAAA~~;AAAA,IAAO;AAAA,EAAA,EAAA,CAE3B,~~EACJ~~,~~CAAA~~;AAAA,oBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IACoD;AAAA,IACnD,gBAAAA,EAAC,UAAK,~~UAAC~~,IAAA,~~CAAA~~;AAAA,IAAO;AAAA,EAAA,GAClB;AAAA,~~EACC~~,gBAAAA,~~EAAAE~~,GAAA,EAAkB,UAAS,OAAO,~~UAAuC~~,~~wCAAA~~;AAAA,oBACzE,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAEkD;AAAA,IACjD,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,QAAO;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,~~EACJ~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"TailwindCss.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/TailwindCss.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst TailwindCss = () => {\n return (\n <>\n <p>\n Tailwind CSS is a utility-first CSS framework that provides\n predefined classes for building and designing UI directly within\n JSX. Ecme utilizes Tailwind as its core CSS framework, with most\n UI elements built entirely using its features. You can easily\n update the theme and base styles by modifying the{' '}\n <code>tailwind.config.cjs</code> file located in the root\n directory.\n </p>\n <div className=\"mt-10\" id=\"tooling\">\n <h5>Tooling</h5>\n <p className=\"mt-1\">\n If you use VS Code as your IDE, we recommend installing the{' '}\n <a\n href=\"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss\"\n rel=\"noreferrer\"\n target=\"_blank\"\n >\n Tailwind CSS IntelliSense\n </a>{' '}\n plugin. This plugin provides autocomplete, syntax\n highlighting, and linting based on your Tailwind\n configuration, which can significantly speed up your\n development process.\n </p>\n </div>\n <div className=\"mt-10\" id=\"note\">\n <Alert showIcon type=\"info\" title=\"Note\">\n Some of our UI components use semantic classes with the\n Tailwind <code>@apply</code> directive. In certain cases,\n applying Tailwind classes directly to these components may\n not work as expected. You might need to use the{' '}\n <code>!important</code> modifier to override the default\n high specificity selectors.\n </Alert>\n </div>\n <p>\n To make any utility class important, simply add an{' '}\n <code>!</code> character at the beginning, e.g.:\n </p>\n <SyntaxHighlighter language=\"jsx\">{`<Dropdown className=\"!bg-red-500\" />`}</SyntaxHighlighter>\n <p>\n For more information on utility classes and Tailwind\n configuration, visit the official documentation:{' '}\n <a\n href=\"https://tailwindcss.com/docs/utility-first\"\n rel=\"noreferrer\"\n target=\"_blank\"\n >\n https://tailwindcss.com/docs/utility-first\n </a>\n </p>\n </>\n )\n}\n\nexport default TailwindCss\n"],"names":["TailwindCss","jsxs","Fragment","jsx","Alert","SyntaxHighlighter"],"mappings":";;;;AAGA,MAAMA,IAAc,MAEZ,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAD,EAAC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAKmD;AAAA,IAClD,gBAAAE,EAAC,UAAK,UAAA,sBAAA,CAAmB;AAAA,IAAO;AAAA,EAAA,GAEpC;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,WACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAF,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,MAAA;AAAA,MAC4C;AAAA,MAC5D,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,QAAO;AAAA,UACV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEI;AAAA,MAAI;AAAA,IAAA,EAAA,CAKb;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,QACtB,UAAA,gBAAAF,EAACG,GAAA,EAAM,UAAQ,IAAC,MAAK,QAAO,OAAM,QAAO,UAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAD,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,IAAO;AAAA,IAEoB;AAAA,IAChD,gBAAAA,EAAC,UAAK,UAAA,aAAA,CAAU;AAAA,IAAO;AAAA,EAAA,EAAA,CAE3B,EAAA,CACJ;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IACoD;AAAA,IACnD,gBAAAA,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,IAAO;AAAA,EAAA,GAClB;AAAA,EACA,gBAAAA,EAACE,GAAA,EAAkB,UAAS,OAAO,UAAA,wCAAuC;AAAA,oBACzE,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEkD;AAAA,IACjD,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,QAAO;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACJ;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/components/ThemeColor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeColor.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/ThemeColor.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities /\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst ThemeColor = () => {\n return (\n <>\n <p>\n We manage the theme color scheme using CSS variables, making it\n easy to customize and extend the theme. You can modify the theme\n colors by editing the CSS variables in the file located at:\n <code>assets/styles/tailwind/index.css</code>\n </p>\n <p>Here is the default setup for the light and dark modes:</p>\n <SyntaxHighlighter language=\"css\">{`:root {\n --neutral: #ffffff;\n --primary: #2a85ff;\n --primary-deep: #0069f6;\n --primary-mild: #4996ff;\n --primary-subtle: #2a85ff1a;\n --error: #ff6a55;\n --error-subtle: #ff6a551a;\n --success: #10b981;\n --success-subtle: #05eb7624;\n --info: #2a85ff;\n --info-subtle: #2a85ff1a;\n --warning: #f59e0b;\n --warning-subtle: #ffd40045;\n --gray-50: #fafafa;\n --gray-100: #f5f5f5;\n --gray-200: #e5e5e5;\n --gray-300: #d4d4d4;\n --gray-400: #a3a3a3;\n --gray-500: #737373;\n --gray-600: #525252;\n --gray-700: #404040;\n --gray-800: #262626;\n --gray-900: #171717;\n --gray-950: #0a0a0a;\n}\n\n.dark {\n --neutral: #ffffff;\n --primary: #2a85ff;\n --primary-deep: #0069f6;\n --primary-mild: #4996ff;\n --primary-subtle: #2a85ff1a;\n --error: #ff6a55;\n --error-subtle: #ff6a551a; \n --success: #10b981;\n --success-subtle: #05eb7624;\n --info: #2a85ff;\n --info-subtle: #2a85ff1a;\n --warning: #f59e0b;\n --warning-subtle: #ffd40045;\n --gray-50: #fafafa;\n --gray-100: #f5f5f5;\n --gray-200: #e5e5e5;\n --gray-300: #d4d4d4;\n --gray-400: #a3a3a3;\n --gray-500: #737373;\n --gray-600: #525252;\n --gray-700: #404040;\n --gray-800: #262626;\n --gray-900: #171717;\n --gray-950: #0a0a0a;\n}`}</SyntaxHighlighter>\n <div className=\"mt-10\" id=\"dynamic-theme\">\n <h5>Setting Up a Dynamic Theme</h5>\n <p className=\"mt-1\">\n If you want to enable dynamic theme switching in your\n application, you'll need to take a few extra steps. First,\n configure your theme schema in the{' '}\n <code>configs/theme.config.ts</code> file:\n </p>\n <SyntaxHighlighter language=\"ts\">{`export type Variables = \n \| \"primary\"\n \| \"primaryDeep\"\n \| \"primaryMild\"\n \| \"primarySubtle\"\n \| \"neutral\";\n\nexport type ThemeVariables = Record<\n \"light\" \| \"dark\", \n Record<Variables, string>\n>\n\n/* Default theme schema should corresponding to the CSS variables /\nconst defaultTheme: ThemeVariables = {\n light: {\n primary: \"#2a85ff\",\n primaryDeep: \"#0069f6\",\n primaryMild: \"#4996ff\",\n primarySubtle: \"#2a85ff1a\",\n neutral: \"#ffffff\",\n },\n dark: {\n primary: \"#2a85ff\",\n primaryDeep: \"#0069f6\",\n primaryMild: \"#4996ff\",\n primarySubtle: \"#2a85ff1a\",\n neutral: \"#ffffff\",\n },\n}\n\n/* Example of a custom green theme schema */\nconst greenTheme: ThemeVariables = {\n light: {\n primary: \"#0CAF60\",\n primaryDeep: \"#088d50\",\n primaryMild: \"#34c779\",\n primarySubtle: \"#0CAF601a\",\n neutral: \"#ffffff\",\n },\n dark: {\n primary: \"#0CAF60\",\n primaryDeep: \"#088d50\",\n primaryMild: \"#34c779\",\n primarySubtle: \"#0CAF601a\",\n neutral: \"#ffffff\",\n },\n}\n\nconst presetThemeSchemaConfig: Record<string, ThemeVariables> = {\n default: defaultTheme,\n green: greenTheme,\n}\n\nexport default presetThemeSchemaConfig`}</SyntaxHighlighter>\n </div>\n <p>\n Now that your theme schemas are set up, you can use the{' '}\n <code>useThemeStore</code> hook to switch between different\n theme colors. Here's an example of how you might implement a\n theme switcher:\n </p>\n <SyntaxHighlighter language=\"tsx\">{`import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n const schema = useThemeStore((state) => state.themeSchema)\n const setSchema = useThemeStore((state) => state.setSchema)\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <div className=\"inline-flex items-center gap-2\">\n {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n <button\n key={key}\n className={classNames(\n 'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n schema === key && 'ring-2 ring-primary',\n )}\n style={{ backgroundColor: value[mode].primary \|\| '' }}\n onClick={() => setSchema(key)}\n >\n {schema === key ? (\n <TbCheck className=\"text-neutral text-lg\" />\n ) : (\n <></>\n )}\n </button>\n ))}\n </div>\n )\n}\n\nexport default ThemeSwitcher`}</SyntaxHighlighter>\n <p>\n This guide should help you effectively manage and switch themes\n within your application. You can extend the theme schemas as\n needed to fit your design requirements.\n </p>\n </>\n )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAa,~~MAGP~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAD,EAAC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IAIC,gBAAAE,EAAC,UAAK,~~UAAgC~~,mCAAA,~~CAAA~~;AAAA,EAAA,GAC1C;AAAA,EACA,gBAAAA,EAAC,OAAE,~~UAAuD~~,0DAAA,~~CAAA~~;AAAA,EAC1D,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoD5C;AAAA,~~EACU~~,gBAAAH,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,iBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAA0B~~,6BAAA,~~CAAA~~;AAAA,IAC9B,gBAAAF,EAAC,~~KAAE~~,~~EAAA~~,WAAU,QAAO,UAAA;AAAA,MAAA;AAAA,MAGmB;AAAA,MACnC,gBAAAE,EAAC,UAAK,~~UAAuB~~,0BAAA,~~CAAA~~;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~wCAqDV~~,~~CAAA~~;AAAA,EAAA,GAC5B;AAAA,oBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IACyD;AAAA,IACxD,gBAAAD,EAAC,UAAK,~~UAAa~~,gBAAA,~~CAAA~~;AAAA,IAAO;AAAA,EAAA,GAG9B;AAAA,EACA,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAiCjB;AAAA,EAClB,gBAAAD,EAAC,OAAE,~~UAIH~~,uKAAA,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"ThemeColor.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/ThemeColor.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities /\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst ThemeColor = () => {\n return (\n <>\n <p>\n We manage the theme color scheme using CSS variables, making it\n easy to customize and extend the theme. You can modify the theme\n colors by editing the CSS variables in the file located at:\n <code>assets/styles/tailwind/index.css</code>\n </p>\n <p>Here is the default setup for the light and dark modes:</p>\n <SyntaxHighlighter language=\"css\">{`:root {\n --neutral: #ffffff;\n --primary: #2a85ff;\n --primary-deep: #0069f6;\n --primary-mild: #4996ff;\n --primary-subtle: #2a85ff1a;\n --error: #ff6a55;\n --error-subtle: #ff6a551a;\n --success: #10b981;\n --success-subtle: #05eb7624;\n --info: #2a85ff;\n --info-subtle: #2a85ff1a;\n --warning: #f59e0b;\n --warning-subtle: #ffd40045;\n --gray-50: #fafafa;\n --gray-100: #f5f5f5;\n --gray-200: #e5e5e5;\n --gray-300: #d4d4d4;\n --gray-400: #a3a3a3;\n --gray-500: #737373;\n --gray-600: #525252;\n --gray-700: #404040;\n --gray-800: #262626;\n --gray-900: #171717;\n --gray-950: #0a0a0a;\n}\n\n.dark {\n --neutral: #ffffff;\n --primary: #2a85ff;\n --primary-deep: #0069f6;\n --primary-mild: #4996ff;\n --primary-subtle: #2a85ff1a;\n --error: #ff6a55;\n --error-subtle: #ff6a551a; \n --success: #10b981;\n --success-subtle: #05eb7624;\n --info: #2a85ff;\n --info-subtle: #2a85ff1a;\n --warning: #f59e0b;\n --warning-subtle: #ffd40045;\n --gray-50: #fafafa;\n --gray-100: #f5f5f5;\n --gray-200: #e5e5e5;\n --gray-300: #d4d4d4;\n --gray-400: #a3a3a3;\n --gray-500: #737373;\n --gray-600: #525252;\n --gray-700: #404040;\n --gray-800: #262626;\n --gray-900: #171717;\n --gray-950: #0a0a0a;\n}`}</SyntaxHighlighter>\n <div className=\"mt-10\" id=\"dynamic-theme\">\n <h5>Setting Up a Dynamic Theme</h5>\n <p className=\"mt-1\">\n If you want to enable dynamic theme switching in your\n application, you'll need to take a few extra steps. First,\n configure your theme schema in the{' '}\n <code>configs/theme.config.ts</code> file:\n </p>\n <SyntaxHighlighter language=\"ts\">{`export type Variables = \n \| \"primary\"\n \| \"primaryDeep\"\n \| \"primaryMild\"\n \| \"primarySubtle\"\n \| \"neutral\";\n\nexport type ThemeVariables = Record<\n \"light\" \| \"dark\", \n Record<Variables, string>\n>\n\n/* Default theme schema should corresponding to the CSS variables /\nconst defaultTheme: ThemeVariables = {\n light: {\n primary: \"#2a85ff\",\n primaryDeep: \"#0069f6\",\n primaryMild: \"#4996ff\",\n primarySubtle: \"#2a85ff1a\",\n neutral: \"#ffffff\",\n },\n dark: {\n primary: \"#2a85ff\",\n primaryDeep: \"#0069f6\",\n primaryMild: \"#4996ff\",\n primarySubtle: \"#2a85ff1a\",\n neutral: \"#ffffff\",\n },\n}\n\n/* Example of a custom green theme schema */\nconst greenTheme: ThemeVariables = {\n light: {\n primary: \"#0CAF60\",\n primaryDeep: \"#088d50\",\n primaryMild: \"#34c779\",\n primarySubtle: \"#0CAF601a\",\n neutral: \"#ffffff\",\n },\n dark: {\n primary: \"#0CAF60\",\n primaryDeep: \"#088d50\",\n primaryMild: \"#34c779\",\n primarySubtle: \"#0CAF601a\",\n neutral: \"#ffffff\",\n },\n}\n\nconst presetThemeSchemaConfig: Record<string, ThemeVariables> = {\n default: defaultTheme,\n green: greenTheme,\n}\n\nexport default presetThemeSchemaConfig`}</SyntaxHighlighter>\n </div>\n <p>\n Now that your theme schemas are set up, you can use the{' '}\n <code>useThemeStore</code> hook to switch between different\n theme colors. Here's an example of how you might implement a\n theme switcher:\n </p>\n <SyntaxHighlighter language=\"tsx\">{`import classNames from '@/utils/classNames'\nimport { TbCheck } from 'react-icons/tb'\nimport presetThemeSchemaConfig from '@/configs/preset-theme-schema.config'\nimport { useThemeStore } from '@/store/themeStore'\n\nconst ThemeSwitcher = () => {\n const schema = useThemeStore((state) => state.themeSchema)\n const setSchema = useThemeStore((state) => state.setSchema)\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <div className=\"inline-flex items-center gap-2\">\n {Object.entries(presetThemeSchemaConfig).map(([key, value]) => (\n <button\n key={key}\n className={classNames(\n 'h-8 w-8 rounded-full flex items-center justify-center border-2 border-white',\n schema === key && 'ring-2 ring-primary',\n )}\n style={{ backgroundColor: value[mode].primary \|\| '' }}\n onClick={() => setSchema(key)}\n >\n {schema === key ? (\n <TbCheck className=\"text-neutral text-lg\" />\n ) : (\n <></>\n )}\n </button>\n ))}\n </div>\n )\n}\n\nexport default ThemeSwitcher`}</SyntaxHighlighter>\n <p>\n This guide should help you effectively manage and switch themes\n within your application. You can extend the theme schemas as\n needed to fit your design requirements.\n </p>\n </>\n )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAa,MAEX,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAD,EAAC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAIC,gBAAAE,EAAC,UAAK,UAAA,mCAAA,CAAgC;AAAA,EAAA,GAC1C;AAAA,EACA,gBAAAA,EAAC,OAAE,UAAA,0DAAA,CAAuD;AAAA,EAC1D,gBAAAA,EAACC,GAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoD5C;AAAA,EACS,gBAAAH,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,iBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,6BAAA,CAA0B;AAAA,IAC9B,gBAAAF,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,MAAA;AAAA,MAGmB;AAAA,MACnC,gBAAAE,EAAC,UAAK,UAAA,0BAAA,CAAuB;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAkB,UAAS,MAAM,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAAA,CAqDV;AAAA,EAAA,GAC5B;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IACyD;AAAA,IACxD,gBAAAD,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,IAAO;AAAA,EAAA,GAG9B;AAAA,EACA,gBAAAA,EAACC,GAAA,EAAkB,UAAS,OAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAiCjB;AAAA,EAClB,gBAAAD,EAAC,OAAE,UAAA,uKAAA,CAIH;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/components/TypeScript.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypeScript.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/TypeScript.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst TypeScript = () => {\n return (\n <>\n <p>\n This guide will walk you through configuring TypeScript settings\n and taking advantage of its features in Elsatr. Since Ecme is\n fully developed in TypeScript, it allows you to write type-safe\n and scalable code, making it easier to build modern web\n applications.\n </p>\n <div className=\"mt-10\" id=\"config-ts-settings\">\n <h5>Configuring TypeScript Settings</h5>\n <p>\n Proper configuration is essential in TypeScript projects as\n it lets you customize various compiler options to suit your\n project's needs. You can adjust these settings in the{' '}\n <code>tsconfig.json</code> file.\n </p>\n </div>\n <div className=\"mt-10\" id=\"adjusting-ts-strictness\">\n <h5>Adjusting TypeScript Strictness</h5>\n <p>\n We understand that not everyone may be comfortable with\n TypeScript's strict type checking. If you prefer a more\n relaxed, JavaScript-like experience, you can adjust the\n settings to allow for weaker type checking.\n </p>\n <p>\n Here's an example of a <code>tsconfig.json</code>{' '}\n configuration for weak type checking:\n </p>\n <SyntaxHighlighter language=\"json\">{`{\n \"compilerOptions\": {\n \"strict\": false,\n ...\n }\n}`}</SyntaxHighlighter>\n <p>\n This setup relaxes TypeScript's strictness, giving you more\n flexibility and a coding experience closer to JavaScript.\n </p>\n </div>\n </>\n )\n}\n\nexport default TypeScript\n"],"names":["TypeScript","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAa,~~MAGP~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,~~UAMH~~,uQAAA,~~CAAA~~;AAAA,~~EACC~~,gBAAAF,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,sBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAA+B~~,kCAAA,~~CAAA~~;AAAA,sBAClC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MAGuD;AAAA,MACtD,gBAAAA,EAAC,UAAK,~~UAAa~~,gBAAA,~~CAAA~~;AAAA,MAAO;AAAA,IAAA,~~EAC9B~~,~~CAAA~~;AAAA,EAAA,GACJ;AAAA,~~EACC~~,gBAAAF,~~EAAA~~,OAAA,EAAI,WAAU,SAAQ,IAAG,2BACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,~~UAA+B~~,kCAAA,~~CAAA~~;AAAA,IACnC,gBAAAA,EAAC,OAAE,~~UAKH~~,sNAAA,~~CAAA~~;AAAA,sBACC,~~KAAE~~,~~EAAA~~,UAAA;AAAA,MAAA;AAAA,MACwB,gBAAAA,EAAC,UAAK,~~UAAa~~,gBAAA,~~CAAA~~;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAE1D;AAAA,IACA,gBAAAA,EAACC,~~GAAkB~~,~~EAAA~~,UAAS,QAAQ,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjD;AAAA,IACa,gBAAAD,EAAC,OAAE,~~UAGH~~,wHAAA,~~CAAA~~;AAAA,EAAA,~~EACJ~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"TypeScript.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/TypeScript.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport SyntaxHighlighter from '@/components/shared/SyntaxHighlighter'\n\nconst TypeScript = () => {\n return (\n <>\n <p>\n This guide will walk you through configuring TypeScript settings\n and taking advantage of its features in Elsatr. Since Ecme is\n fully developed in TypeScript, it allows you to write type-safe\n and scalable code, making it easier to build modern web\n applications.\n </p>\n <div className=\"mt-10\" id=\"config-ts-settings\">\n <h5>Configuring TypeScript Settings</h5>\n <p>\n Proper configuration is essential in TypeScript projects as\n it lets you customize various compiler options to suit your\n project's needs. You can adjust these settings in the{' '}\n <code>tsconfig.json</code> file.\n </p>\n </div>\n <div className=\"mt-10\" id=\"adjusting-ts-strictness\">\n <h5>Adjusting TypeScript Strictness</h5>\n <p>\n We understand that not everyone may be comfortable with\n TypeScript's strict type checking. If you prefer a more\n relaxed, JavaScript-like experience, you can adjust the\n settings to allow for weaker type checking.\n </p>\n <p>\n Here's an example of a <code>tsconfig.json</code>{' '}\n configuration for weak type checking:\n </p>\n <SyntaxHighlighter language=\"json\">{`{\n \"compilerOptions\": {\n \"strict\": false,\n ...\n }\n}`}</SyntaxHighlighter>\n <p>\n This setup relaxes TypeScript's strictness, giving you more\n flexibility and a coding experience closer to JavaScript.\n </p>\n </div>\n </>\n )\n}\n\nexport default TypeScript\n"],"names":["TypeScript","jsxs","Fragment","jsx","SyntaxHighlighter"],"mappings":";;AAGA,MAAMA,IAAa,MAEX,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,UAAA,uQAAA,CAMH;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,sBACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,kCAAA,CAA+B;AAAA,sBAClC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAGuD;AAAA,MACtD,gBAAAA,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAO;AAAA,IAAA,EAAA,CAC9B;AAAA,EAAA,GACJ;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,SAAQ,IAAG,2BACtB,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAG,UAAA,kCAAA,CAA+B;AAAA,IACnC,gBAAAA,EAAC,OAAE,UAAA,sNAAA,CAKH;AAAA,sBACC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACwB,gBAAAA,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAE1D;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAkB,UAAS,QAAQ,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjD;AAAA,IACa,gBAAAD,EAAC,OAAE,UAAA,wHAAA,CAGH;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/components/Updating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Updating.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Updating.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nconst Updating = () => {\n return (\n <>\n <p>\n Since the platform doesn't include a built-in version control\n system, updating your templates can be challenging. However,\n here are some tips to help you keep your templates up to date\n more easily.\n </p>\n <ul>\n <li>\n Before starting a new project, consider hosting the original\n template in your own repository.\n </li>\n <li>\n Create a branch from the repository to use as your\n workspace.\n </li>\n <li>\n When a new update is released, push the latest version's\n content to your repository.\n </li>\n <li>\n Merge your workspace branch with the original branch to\n incorporate the latest changes.\n </li>\n </ul>\n </>\n )\n}\n\nexport default Updating\n"],"names":["Updating","jsxs","Fragment","jsx"],"mappings":";AACA,MAAMA,IAAW,~~MAGL~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,~~UAKH~~,wMAAA,~~CAAA~~;AAAA,oBACC,~~MACG~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAA,EAAC,QAAG,~~UAGJ~~,gGAAA,~~CAAA~~;AAAA,IACA,gBAAAA,EAAC,QAAG,~~UAGJ~~,gEAAA,~~CAAA~~;AAAA,IACA,gBAAAA,EAAC,QAAG,~~UAGJ~~,uFAAA,~~CAAA~~;AAAA,IACA,gBAAAA,EAAC,QAAG,~~UAGJ~~,0FAAA,~~CAAA~~;AAAA,EAAA,~~EACJ~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Updating.js","sources":["../../../../../../../lib/@ecme/views/guide/Documentations/components/Updating.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nconst Updating = () => {\n return (\n <>\n <p>\n Since the platform doesn't include a built-in version control\n system, updating your templates can be challenging. However,\n here are some tips to help you keep your templates up to date\n more easily.\n </p>\n <ul>\n <li>\n Before starting a new project, consider hosting the original\n template in your own repository.\n </li>\n <li>\n Create a branch from the repository to use as your\n workspace.\n </li>\n <li>\n When a new update is released, push the latest version's\n content to your repository.\n </li>\n <li>\n Merge your workspace branch with the original branch to\n incorporate the latest changes.\n </li>\n </ul>\n </>\n )\n}\n\nexport default Updating\n"],"names":["Updating","jsxs","Fragment","jsx"],"mappings":";AACA,MAAMA,IAAW,MAET,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAE,UAAA,wMAAA,CAKH;AAAA,oBACC,MAAA,EACG,UAAA;AAAA,IAAA,gBAAAA,EAAC,QAAG,UAAA,gGAAA,CAGJ;AAAA,IACA,gBAAAA,EAAC,QAAG,UAAA,gEAAA,CAGJ;AAAA,IACA,gBAAAA,EAAC,QAAG,UAAA,uFAAA,CAGJ;AAAA,IACA,gBAAAA,EAAC,QAAG,UAAA,0FAAA,CAGJ;AAAA,EAAA,EAAA,CACJ;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/Documentations/documentationRoutes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"documentationRoutes.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/documentationRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n {\n groupName: 'Getting Started',\n nav: [\n {\n path: 'introduction',\n label: 'Introduction',\n component: lazy(() => import('./components/Introduction')),\n },\n {\n path: 'installation',\n label: 'Installation',\n component: lazy(() => import('./components/Installation')),\n },\n {\n path: 'tailwindcss',\n label: 'TailwindCSS',\n component: lazy(() => import('./components/TailwindCss')),\n },\n {\n path: 'css',\n label: 'CSS',\n component: lazy(() => import('./components/Css')),\n },\n {\n path: 'starter',\n label: 'Starter',\n component: lazy(() => import('./components//Starter')),\n },\n {\n path: 'typescript',\n label: 'Typescript',\n component: lazy(() => import('./components/TypeScript')),\n },\n {\n path: 'updating',\n label: 'Updating',\n component: lazy(() => import('./components/Updating')),\n },\n ],\n },\n {\n groupName: 'Development',\n nav: [\n {\n path: 'development-server',\n label: 'Development Server',\n component: lazy(() => import('./components/DevelopmentServer')),\n },\n {\n path: 'folder-structure',\n label: 'Folder Structure',\n component: lazy(() => import('./components/FolderStructure')),\n },\n {\n path: 'routing',\n label: 'Routing',\n component: lazy(() => import('./components/Routing')),\n },\n {\n path: 'stateManagement',\n label: 'State management',\n component: lazy(() => import('./components/StateManagement')),\n },\n {\n path: 'api-integration',\n label: 'API Integration',\n component: lazy(() => import('./components/ApiIntegration')),\n },\n {\n path: 'authentication',\n label: 'Authentication',\n component: lazy(() => import('./components/Authentication')),\n },\n {\n path: 'mock-api',\n label: 'Mock Api',\n component: lazy(() => import('./components/MockApi')),\n },\n {\n path: 'firebase',\n label: 'Firebase',\n component: lazy(\n () => import('./components/FirebaseIntegration'),\n ),\n },\n ],\n },\n {\n groupName: 'Configuration',\n nav: [\n {\n path: 'app',\n label: 'App Config',\n component: lazy(() => import('./components/Application')),\n },\n {\n path: 'layouts',\n label: 'Layouts',\n component: lazy(() => import('./components/Layouts')),\n },\n {\n path: 'navigation-config',\n label: 'Navigation Config',\n component: lazy(() => import('./components/NavigationConfig')),\n },\n {\n path: 'theming',\n label: 'Theming',\n component: lazy(() => import('./components/ThemeColor')),\n },\n {\n path: 'internationalization',\n label: 'Internationalization',\n component: lazy(\n () => import('./components/Internationalization'),\n ),\n },\n {\n path: 'dark-light-mode',\n label: 'Dark/Light Mode',\n component: lazy(() => import('./components/DarkLightMode')),\n },\n {\n path: 'direction',\n label: 'Direction',\n component: lazy(() => import('./components/Direction')),\n },\n {\n path: 'overall-theme-config',\n label: 'Overall Theme Config',\n component: lazy(\n () => import('./components/OverallThemeConfig'),\n ),\n },\n ],\n },\n {\n groupName: 'Deployment',\n nav: [\n {\n path: 'build-production',\n label: 'Build production',\n component: lazy(() => import('./components/BuildProduction')),\n },\n ],\n },\n {\n groupName: 'Other',\n nav: [\n {\n path: 'credit',\n label: 'Sources & Credits',\n component: lazy(() => import('./components/Credit')),\n },\n ],\n },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":";AAGA,MAAMA,IAA4C;AAAA,EAC9C;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWC,EAAK,MAAM,OAAO,8BAA2B,CAAC;AAAA,~~MAC7D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,8BAA2B,CAAC;AAAA,~~MAC7D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,6BAA0B,CAAC;AAAA,~~MAC5D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,qBAAkB,CAAC;AAAA,~~MACpD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yBAAuB,CAAC;AAAA,~~MACzD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,4BAAyB,CAAC;AAAA,~~MAC3D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,0BAAuB,CAAC;AAAA,MAAA;AAAA,IACzD;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,mCAAgC,CAAC;AAAA,~~MAClE~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAA8B,CAAC;AAAA,~~MAChE~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yBAAsB,CAAC;AAAA,~~MACxD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAA8B,CAAC;AAAA,~~MAChE~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAA6B,CAAC;AAAA,~~MAC/D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,gCAA6B,CAAC;AAAA,~~MAC/D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yBAAsB,CAAC;AAAA,~~MACxD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,qCAAkC;AAAA,QAAA;AAAA,MACnD;AAAA,IACJ;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,6BAA0B,CAAC;AAAA,~~MAC5D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,yBAAsB,CAAC;AAAA,~~MACxD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,kCAA+B,CAAC;AAAA,~~MACjE~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,4BAAyB,CAAC;AAAA,~~MAC3D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,sCAAmC;AAAA,QAAA;AAAA,~~MAExD~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,+BAA4B,CAAC;AAAA,~~MAC9D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,2BAAwB,CAAC;AAAA,~~MAC1D~~;AAAA,~~MACA~~;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA;AAAA,UACP,MAAM,OAAO,oCAAiC;AAAA,QAAA;AAAA,MAClD;AAAA,IACJ;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,iCAA8B,CAAC;AAAA,MAAA;AAAA,IAChE;AAAA,~~EAER~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAWA,EAAK,MAAM,OAAO,wBAAqB,CAAC;AAAA,MAAA;AAAA,IACvD;AAAA,EACJ;AAER;"}
1	+ {"version":3,"file":"documentationRoutes.js","sources":["../../../../../../lib/@ecme/views/guide/Documentations/documentationRoutes.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { DocumentationRoute } from '@/@types/docs'\n\nconst documentationRoutes: DocumentationRoute[] = [\n {\n groupName: 'Getting Started',\n nav: [\n {\n path: 'introduction',\n label: 'Introduction',\n component: lazy(() => import('./components/Introduction')),\n },\n {\n path: 'installation',\n label: 'Installation',\n component: lazy(() => import('./components/Installation')),\n },\n {\n path: 'tailwindcss',\n label: 'TailwindCSS',\n component: lazy(() => import('./components/TailwindCss')),\n },\n {\n path: 'css',\n label: 'CSS',\n component: lazy(() => import('./components/Css')),\n },\n {\n path: 'starter',\n label: 'Starter',\n component: lazy(() => import('./components//Starter')),\n },\n {\n path: 'typescript',\n label: 'Typescript',\n component: lazy(() => import('./components/TypeScript')),\n },\n {\n path: 'updating',\n label: 'Updating',\n component: lazy(() => import('./components/Updating')),\n },\n ],\n },\n {\n groupName: 'Development',\n nav: [\n {\n path: 'development-server',\n label: 'Development Server',\n component: lazy(() => import('./components/DevelopmentServer')),\n },\n {\n path: 'folder-structure',\n label: 'Folder Structure',\n component: lazy(() => import('./components/FolderStructure')),\n },\n {\n path: 'routing',\n label: 'Routing',\n component: lazy(() => import('./components/Routing')),\n },\n {\n path: 'stateManagement',\n label: 'State management',\n component: lazy(() => import('./components/StateManagement')),\n },\n {\n path: 'api-integration',\n label: 'API Integration',\n component: lazy(() => import('./components/ApiIntegration')),\n },\n {\n path: 'authentication',\n label: 'Authentication',\n component: lazy(() => import('./components/Authentication')),\n },\n {\n path: 'mock-api',\n label: 'Mock Api',\n component: lazy(() => import('./components/MockApi')),\n },\n {\n path: 'firebase',\n label: 'Firebase',\n component: lazy(\n () => import('./components/FirebaseIntegration'),\n ),\n },\n ],\n },\n {\n groupName: 'Configuration',\n nav: [\n {\n path: 'app',\n label: 'App Config',\n component: lazy(() => import('./components/Application')),\n },\n {\n path: 'layouts',\n label: 'Layouts',\n component: lazy(() => import('./components/Layouts')),\n },\n {\n path: 'navigation-config',\n label: 'Navigation Config',\n component: lazy(() => import('./components/NavigationConfig')),\n },\n {\n path: 'theming',\n label: 'Theming',\n component: lazy(() => import('./components/ThemeColor')),\n },\n {\n path: 'internationalization',\n label: 'Internationalization',\n component: lazy(\n () => import('./components/Internationalization'),\n ),\n },\n {\n path: 'dark-light-mode',\n label: 'Dark/Light Mode',\n component: lazy(() => import('./components/DarkLightMode')),\n },\n {\n path: 'direction',\n label: 'Direction',\n component: lazy(() => import('./components/Direction')),\n },\n {\n path: 'overall-theme-config',\n label: 'Overall Theme Config',\n component: lazy(\n () => import('./components/OverallThemeConfig'),\n ),\n },\n ],\n },\n {\n groupName: 'Deployment',\n nav: [\n {\n path: 'build-production',\n label: 'Build production',\n component: lazy(() => import('./components/BuildProduction')),\n },\n ],\n },\n {\n groupName: 'Other',\n nav: [\n {\n path: 'credit',\n label: 'Sources & Credits',\n component: lazy(() => import('./components/Credit')),\n },\n ],\n },\n]\n\nexport default documentationRoutes\n"],"names":["documentationRoutes","lazy"],"mappings":"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"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShareComponentsDocView.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst ShareComponentsDocView = () => {\n return (\n <Routes>\n {shareComponentsDocRoutes.map((group) => (\n <Fragment key={group.groupName}>\n {group.nav.map(({ path, component: Component, label }) => (\n <Route\n key={label}\n path={path}\n element={\n <Suspense\n fallback={\n <div className=\"h-full w-full flex items-center justify-center\">\n <Spinner size={40} />\n </div>\n }\n >\n <Component />\n </Suspense>\n }\n />\n ))}\n </Fragment>\n ))}\n <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n </Routes>\n )\n}\n\nexport default ShareComponentsDocView\n"],"names":["ShareComponentsDocView","Routes","shareComponentsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAyB,wBAEtBC,~~GACI~~,~~EAAA~~,UAAA;AAAA,EAAAC,EAAyB,IAAI,CAACC,MAC3B,gBAAAC,EAACC,KACI,~~UAAMF~~,~~EAAA~~,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,~~OAAI~~,~~EAAA~~,WAAU,kDACX,~~UAAC~~,gBAAAN,~~EAAAO~~,GAAA,EAAQ,MAAM,GAAA,CAAI,~~EACvB~~,~~CAAA~~;AAAA,UAGJ,4BAACJ,~~GAAU~~,CAAA,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,~~GAAM~~,~~EAAA~~,MAAK,KAAI,~~SAAU~~,gBAAAL,~~EAAAQ~~,GAAA,EAAS,SAAO,IAAC,IAAG,~~IAAI~~,~~CAAA~~,~~EAAI~~,~~CAAA~~;AAAA,GAC1D;"}
1	+ {"version":3,"file":"ShareComponentsDocView.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst ShareComponentsDocView = () => {\n return (\n <Routes>\n {shareComponentsDocRoutes.map((group) => (\n <Fragment key={group.groupName}>\n {group.nav.map(({ path, component: Component, label }) => (\n <Route\n key={label}\n path={path}\n element={\n <Suspense\n fallback={\n <div className=\"h-full w-full flex items-center justify-center\">\n <Spinner size={40} />\n </div>\n }\n >\n <Component />\n </Suspense>\n }\n />\n ))}\n </Fragment>\n ))}\n <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n </Routes>\n )\n}\n\nexport default ShareComponentsDocView\n"],"names":["ShareComponentsDocView","Routes","shareComponentsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAyB,wBAEtBC,GAAA,EACI,UAAA;AAAA,EAAAC,EAAyB,IAAI,CAACC,MAC3B,gBAAAC,EAACC,KACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGJ,4BAACJ,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,GAC1D;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SharedComponentsDoc.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport ShareComponentsDocView from './ShareComponentsDocView'\n\nconst SharedComponentsDoc = () => {\n return (\n <div className=\"lg:flex h-full gap-8\">\n <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n <DocumentationNav routes={shareComponentsDocRoutes} />\n </div>\n <div className=\"w-full\">\n <ShareComponentsDocView />\n </div>\n </div>\n )\n}\n\nexport default SharedComponentsDoc\n"],"names":["SharedComponentsDoc","jsxs","jsx","DocumentationNav","shareComponentsDocRoutes","ShareComponentsDocView"],"mappings":";;;;AAIA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,~~OAAI~~,~~EAAA~~,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,~~GAAiB~~,~~EAAA~~,QAAQC,GAA0B,~~EACxD~~,~~CAAA~~;AAAA,oBACC,~~OAAI~~,~~EAAA~~,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAuB,~~EAC5B~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"SharedComponentsDoc.js","sources":["../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport ShareComponentsDocView from './ShareComponentsDocView'\n\nconst SharedComponentsDoc = () => {\n return (\n <div className=\"lg:flex h-full gap-8\">\n <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n <DocumentationNav routes={shareComponentsDocRoutes} />\n </div>\n <div className=\"w-full\">\n <ShareComponentsDocView />\n </div>\n </div>\n )\n}\n\nexport default SharedComponentsDoc\n"],"names":["SharedComponentsDoc","jsxs","jsx","DocumentationNav","shareComponentsDocRoutes","ShareComponentsDocView"],"mappings":";;;;AAIA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAA,EAAiB,QAAQC,GAA0B,EAAA,CACxD;AAAA,oBACC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAuB,EAAA,CAC5B;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.tsx"],"sourcesContent":["import AbbreviateNumber from '@/components/shared/AbbreviateNumber'\n\nconst Basic = () => {\n return (\n <div>\n <div className=\"mb-2\">\n <AbbreviateNumber value={1200000} /> as (1200000)\n </div>\n <div className=\"mb-2\">\n <AbbreviateNumber value={2100} /> as (2100)\n </div>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","AbbreviateNumber"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,~~OACG~~,~~EAAA~~,UAAA;AAAA,~~EAAC~~,gBAAAC,~~EAAA~~,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAAC~~,GAAA,EAAiB,OAAO,~~KAAS~~,~~CAAA~~;AAAA,IAAE;AAAA,EAAA,GACxC;AAAA,EACA,gBAAAF,EAAC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAAC~~,GAAA,EAAiB,OAAO,~~KAAM~~,~~CAAA~~;AAAA,IAAE;AAAA,EAAA,~~EACrC~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.tsx"],"sourcesContent":["import AbbreviateNumber from '@/components/shared/AbbreviateNumber'\n\nconst Basic = () => {\n return (\n <div>\n <div className=\"mb-2\">\n <AbbreviateNumber value={1200000} /> as (1200000)\n </div>\n <div className=\"mb-2\">\n <AbbreviateNumber value={2100} /> as (2100)\n </div>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","AbbreviateNumber"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,OAAO,KAAA,CAAS;AAAA,IAAE;AAAA,EAAA,GACxC;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,OAAO,KAAA,CAAM;AAAA,IAAE;AAAA,EAAA,EAAA,CACrC;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AbbreviateNumberDoc'\n\nconst demoHeader = {\n title: 'AbbreviateNumber',\n desc: ' AbbreviateNumber designed to abbreviate large numbers for better readability. It converts numbers into a shortened format with a suffix, such as \"K\" for thousands and \"M\" for millions.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage.`,\n component: <Basic />,\n },\n]\n\nconst demoApi = [\n {\n component: 'ActionLink',\n api: [\n {\n propName: 'value',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'The numeric value to be abbreviated and displayed.',\n },\n ],\n },\n]\n\nconst ActionLinkDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAM~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;~~AACjB~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AbbreviateNumberDoc'\n\nconst demoHeader = {\n title: 'AbbreviateNumber',\n desc: ' AbbreviateNumber designed to abbreviate large numbers for better readability. It converts numbers into a shortened format with a suffix, such as \"K\" for thousands and \"M\" for millions.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage.`,\n component: <Basic />,\n },\n]\n\nconst demoApi = [\n {\n component: 'ActionLink',\n api: [\n {\n propName: 'value',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'The numeric value to be abbreviated and displayed.',\n },\n ],\n },\n]\n\nconst ActionLinkDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Basic = () => {\n return (\n <ActionLink to=\"/docs/documentation/introduction\">Navigate</ActionLink>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAQ,~~MAEL~~,gBAAAC,~~EAAAC~~,GAAA,EAAW,IAAG,oCAAmC,~~UAAQ~~,~~YAAA~~;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Basic = () => {\n return (\n <ActionLink to=\"/docs/documentation/introduction\">Navigate</ActionLink>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAACC,GAAA,EAAW,IAAG,oCAAmC,UAAA,YAAQ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hyperlink.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Hyperlink = () => {\n return (\n <ActionLink reloadDocument to=\"https://www.google.com/\" target=\"_blank\">\n Navigate\n </ActionLink>\n )\n}\n\nexport default Hyperlink\n"],"names":["Hyperlink","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC,EAACC,KAAW,gBAAc,IAAC,IAAG,2BAA0B,QAAO,UAAS,~~UAExE~~,WAAA,~~CAAA~~;"}
1	+ {"version":3,"file":"Hyperlink.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Hyperlink = () => {\n return (\n <ActionLink reloadDocument to=\"https://www.google.com/\" target=\"_blank\">\n Navigate\n </ActionLink>\n )\n}\n\nexport default Hyperlink\n"],"names":["Hyperlink","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC,EAACC,KAAW,gBAAc,IAAC,IAAG,2BAA0B,QAAO,UAAS,UAAA,WAAA,CAExE;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeColor.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst ThemeColor = () => {\n return (\n <ActionLink to=\"/docs/documentation/introduction\" themeColor={false}>\n Navigate\n </ActionLink>\n )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","ActionLink"],"mappings":";;AAEA,MAAMA,IAAa,wBAEVC,~~GAAW~~,~~EAAA~~,IAAG,oCAAmC,YAAY,IAAO,~~UAErE~~,~~YAAA~~;"}
1	+ {"version":3,"file":"ThemeColor.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst ThemeColor = () => {\n return (\n <ActionLink to=\"/docs/documentation/introduction\" themeColor={false}>\n Navigate\n </ActionLink>\n )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","ActionLink"],"mappings":";;AAEA,MAAMA,IAAa,wBAEVC,GAAA,EAAW,IAAG,oCAAmC,YAAY,IAAO,UAAA,YAErE;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport ThemeColor from './ThemeColor'\nimport Hyperlink from './Hyperlink'\n\nconst mdPath = 'ActionLinkDoc'\n\nconst demoHeader = {\n title: 'ActionLink',\n desc: 'ActionLink lets the user navigate to another page by clicking or tapping on it.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage.`,\n component: <Basic />,\n },\n {\n mdName: 'ThemeColor',\n mdPath: mdPath,\n title: 'Theme color',\n desc: `You can disable the default theme color applied to the ActionLink by setting <code>themeColor</code> to false.`,\n component: <ThemeColor />,\n },\n {\n mdName: 'Hyperlink',\n mdPath: mdPath,\n title: 'Hyperlink',\n desc: `You can use ActionLink as hyperlink as well without using <code>to</code> props to define the destination.`,\n component: <Hyperlink />,\n },\n]\n\nconst demoApi = [\n {\n component: 'ActionLink',\n api: [\n {\n propName: 'replace',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'When true, clicking the link will replace the current entry in the history stack instead of adding a new one',\n },\n {\n propName: 'state',\n type: `<code>any</code>`,\n default: `-`,\n desc: 'State to persist to the location as <code>Link</code> component in <code>react-router</code>',\n },\n {\n propName: 'themeColor',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to apply theme color on this link',\n },\n {\n propName: 'to',\n type: `<code>string</code> \| <code>{pathName: string, search: string, hash: string}</code>`,\n default: `-`,\n desc: 'Describes a location that is the destination of some navigation',\n },\n ],\n },\n]\n\nconst ActionLinkDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","ThemeColor","Hyperlink","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,iBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,~~GAAW~~,CAAA,~~CAAA~~;AAAA,~~EAC3B~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,~~GAAU~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;~~AACjB~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport ThemeColor from './ThemeColor'\nimport Hyperlink from './Hyperlink'\n\nconst mdPath = 'ActionLinkDoc'\n\nconst demoHeader = {\n title: 'ActionLink',\n desc: 'ActionLink lets the user navigate to another page by clicking or tapping on it.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage.`,\n component: <Basic />,\n },\n {\n mdName: 'ThemeColor',\n mdPath: mdPath,\n title: 'Theme color',\n desc: `You can disable the default theme color applied to the ActionLink by setting <code>themeColor</code> to false.`,\n component: <ThemeColor />,\n },\n {\n mdName: 'Hyperlink',\n mdPath: mdPath,\n title: 'Hyperlink',\n desc: `You can use ActionLink as hyperlink as well without using <code>to</code> props to define the destination.`,\n component: <Hyperlink />,\n },\n]\n\nconst demoApi = [\n {\n component: 'ActionLink',\n api: [\n {\n propName: 'replace',\n type: `<code>boolean</code>`,\n default: `-`,\n desc: 'When true, clicking the link will replace the current entry in the history stack instead of adding a new one',\n },\n {\n propName: 'state',\n type: `<code>any</code>`,\n default: `-`,\n desc: 'State to persist to the location as <code>Link</code> component in <code>react-router</code>',\n },\n {\n propName: 'themeColor',\n type: `<code>boolean</code>`,\n default: `<code>true</code>`,\n desc: 'Whether to apply theme color on this link',\n },\n {\n propName: 'to',\n type: `<code>string</code> \| <code>{pathName: string, search: string, hash: string}</code>`,\n default: `-`,\n desc: 'Describes a location that is the destination of some navigation',\n },\n ],\n },\n]\n\nconst ActionLinkDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","ThemeColor","Hyperlink","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,iBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAU;AAAA,EAAA;AAE9B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\n\nconst Basic = () => {\n return <AdaptiveCard>Card content</AdaptiveCard>\n}\n\nexport default Basic\n"],"names":["Basic","jsx","AdaptiveCard"],"mappings":";;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,KAAa,~~UAAY~~,eAAA,~~CAAA~~;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\n\nconst Basic = () => {\n return <AdaptiveCard>Card content</AdaptiveCard>\n}\n\nexport default Basic\n"],"names":["Basic","jsx","AdaptiveCard"],"mappings":";;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,KAAa,UAAA,eAAA,CAAY;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AdaptiveCardDoc'\n\nconst demoHeader = {\n title: 'AdaptableCard',\n desc: 'A card component that can adapt on different layout & background.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: ``,\n component: <Basic />,\n },\n]\n\nconst demoApi = [\n {\n component: 'AdaptableCard',\n api: [\n {\n propName: 'header',\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean, extra?: string \| ReactNode }</code>`,\n default: `-`,\n desc: 'Card header config',\n },\n {\n propName: 'footer',\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean }</code>`,\n default: `-`,\n desc: 'Card footer config',\n },\n {\n propName: 'bordered',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Display Card with border (without shadow)',\n },\n {\n propName: 'clickable',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Make cursor become pointer upon hover',\n },\n {\n propName: 'bodyClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Apply class to card body',\n },\n {\n propName: 'onClick',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Card is clicked',\n },\n ],\n },\n]\n\nconst AdaptableCardDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AdaptableCardDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","AdaptableCardDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAM~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;~~AACjB~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AdaptiveCardDoc'\n\nconst demoHeader = {\n title: 'AdaptableCard',\n desc: 'A card component that can adapt on different layout & background.',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: ``,\n component: <Basic />,\n },\n]\n\nconst demoApi = [\n {\n component: 'AdaptableCard',\n api: [\n {\n propName: 'header',\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean, extra?: string \| ReactNode }</code>`,\n default: `-`,\n desc: 'Card header config',\n },\n {\n propName: 'footer',\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean }</code>`,\n default: `-`,\n desc: 'Card footer config',\n },\n {\n propName: 'bordered',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Display Card with border (without shadow)',\n },\n {\n propName: 'clickable',\n type: `<code>boolean</code>`,\n default: `<code>false</code>`,\n desc: 'Make cursor become pointer upon hover',\n },\n {\n propName: 'bodyClass',\n type: `<code>string</code>`,\n default: `-`,\n desc: 'Apply class to card body',\n },\n {\n propName: 'onClick',\n type: `<code>(e: MouseEvent) => void</code>`,\n default: `<code>-</code>`,\n desc: 'Callback when Card is clicked',\n },\n ],\n },\n]\n\nconst AdaptableCardDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AdaptableCardDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","AdaptableCardDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Basic = () => {\n return (\n <div className=\"flex flex-col justify-between\">\n <Affix className=\"z-50\">\n <Button variant=\"solid\">This will stick to top</Button>\n </Affix>\n <div className=\"text-xl\">\n <br />\n Scroll down\n <br />\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n <br />\n </div>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,~~OAAI~~,~~EAAA~~,WAAU,iCACX,UAAA;AAAA,~~EAAC~~,gBAAAC,~~EAAAC~~,GAAA,EAAM,WAAU,QACb,UAAA,gBAAAD,EAACE,KAAO,SAAQ,SAAQ,oCAAsB,~~EAClD~~,~~CAAA~~;AAAA,EACA,gBAAAH,EAAC,~~OAAI~~,~~EAAA~~,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,sBACH,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,sBACH,~~MAAG~~,CAAA,~~CAAA~~;AAAA,EAAA,~~EACR~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Basic = () => {\n return (\n <div className=\"flex flex-col justify-between\">\n <Affix className=\"z-50\">\n <Button variant=\"solid\">This will stick to top</Button>\n </Affix>\n <div className=\"text-xl\">\n <br />\n Scroll down\n <br />\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n <br />\n </div>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QACb,UAAA,gBAAAD,EAACE,KAAO,SAAQ,SAAQ,oCAAsB,EAAA,CAClD;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,CAAA,CAAG;AAAA,EAAA,EAAA,CACR;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Offset.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Offset = () => {\n return (\n <div className=\"flex flex-col justify-between\">\n <Affix offset={80} className=\"z-50\">\n <Button variant=\"solid\">\n This will stick to top with 80px offset\n </Button>\n </Affix>\n <div className=\"text-xl\">\n <br />\n Scroll down\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n <br />\n </div>\n </div>\n )\n}\n\nexport default Offset\n"],"names":["Offset","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,~~OAAI~~,~~EAAA~~,WAAU,iCACX,UAAA;AAAA,~~EAAC~~,gBAAAC,~~EAAAC~~,GAAA,EAAM,QAAQ,IAAI,WAAU,QACzB,4BAACC,~~GAAO~~,~~EAAA~~,SAAQ,SAAQ,UAAA,~~0CAExB~~,~~CAAA~~,GACJ;AAAA,EACA,gBAAAH,EAAC,~~OAAI~~,~~EAAA~~,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,IAAE;AAAA,sBAEL,~~MAAG~~,~~EAAA~~;AAAA,sBACH,~~MAAG~~,CAAA,~~CAAA~~;AAAA,EAAA,~~EACR~~,~~CAAA~~;AAAA,GACJ;"}
1	+ {"version":3,"file":"Offset.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Offset = () => {\n return (\n <div className=\"flex flex-col justify-between\">\n <Affix offset={80} className=\"z-50\">\n <Button variant=\"solid\">\n This will stick to top with 80px offset\n </Button>\n </Affix>\n <div className=\"text-xl\">\n <br />\n Scroll down\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n 👇\n <br />\n <br />\n </div>\n </div>\n )\n}\n\nexport default Offset\n"],"names":["Offset","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,QAAQ,IAAI,WAAU,QACzB,4BAACC,GAAA,EAAO,SAAQ,SAAQ,UAAA,0CAAA,CAExB,GACJ;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,CAAA,CAAG;AAAA,EAAA,EAAA,CACR;AAAA,GACJ;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Offset from './Offset'\n\nconst mdPath = 'AffixDoc'\n\nconst demoHeader = {\n title: 'Affix',\n desc: 'Affix renders elemetns stick with a fixed position',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage`,\n component: <Basic />,\n },\n {\n mdName: 'Offset',\n mdPath: mdPath,\n title: 'Offset',\n desc: `with offset`,\n component: <Offset />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Affix',\n api: [\n {\n propName: 'offset',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'Offset from the top of the viewport (px as unit) ',\n },\n ],\n },\n]\n\nconst AffixDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AffixDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Offset","demoApi","AffixDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAM~~,CAAA,~~CAAA~~;AAAA,~~EACtB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,~~GAAO~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;~~AACjB~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Offset from './Offset'\n\nconst mdPath = 'AffixDoc'\n\nconst demoHeader = {\n title: 'Affix',\n desc: 'Affix renders elemetns stick with a fixed position',\n}\n\nconst demos = [\n {\n mdName: 'Basic',\n mdPath: mdPath,\n title: 'Basic',\n desc: `Basic usage`,\n component: <Basic />,\n },\n {\n mdName: 'Offset',\n mdPath: mdPath,\n title: 'Offset',\n desc: `with offset`,\n component: <Offset />,\n },\n]\n\nconst demoApi = [\n {\n component: 'Affix',\n api: [\n {\n propName: 'offset',\n type: `<code>number</code>`,\n default: `-`,\n desc: 'Offset from the top of the viewport (px as unit) ',\n },\n ],\n },\n]\n\nconst AffixDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AffixDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Offset","demoApi","AffixDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAO;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.tsx"],"sourcesContent":["import AuthorityCheck from '@/components/shared/AuthorityCheck'\n\nconst Example = () => {\n const permissionRole = ['ADMIN', 'USER']\n\n const users = [\n {\n name: 'User A',\n roles: ['ADMIN'],\n color: 'text-indigo-500',\n },\n {\n name: 'User B',\n roles: ['USER'],\n color: 'text-emerald-500',\n },\n {\n name: 'User C',\n roles: ['GUEST'],\n color: 'text-rose-500',\n },\n {\n name: 'User D',\n roles: ['ADMIN', 'USER'],\n color: 'text-blue-500',\n },\n ]\n\n return (\n <>\n <h6 className=\"mb-4\">Users with different role</h6>\n <div className=\"flex flex-col gap-2\">\n {users.map((user, index) => (\n <div key={index}>\n <span className={user.color}>{user.name}</span>: {` `}\n <span className=\"font-semibold\">\n {user.roles.toString()}\n </span>\n </div>\n ))}\n </div>\n <hr className=\"my-4\" />\n <div className=\"mb-4\">\n <span>Roles who can access: {` `}</span>\n <span className=\"font-semibold\">\n {permissionRole.toString()}\n </span>\n </div>\n <div>\n <span>Result (Users who able to access): </span>\n {users.map((user) => (\n <AuthorityCheck\n key={user.name}\n authority={permissionRole}\n userAuthority={user.roles}\n >\n <span className={`${user.color} font-semibold`}>\n {user.name},{' '}\n </span>\n </AuthorityCheck>\n ))}\n </div>\n </>\n )\n}\n\nexport default Example\n"],"names":["Example","permissionRole","users","jsxs","Fragment","jsx","user","index","AuthorityCheck"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;~~AACZ~~,~~QAAAC~~,IAAiB,CAAC,SAAS,MAAM,GAEjCC,IAAQ;AAAA,IACV;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,~~IACX~~;AAAA,~~IACA~~;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,MAAM;AAAA,MACd,OAAO;AAAA,~~IACX~~;AAAA,~~IACA~~;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,~~IACX~~;AAAA,~~IACA~~;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,SAAS,MAAM;AAAA,MACvB,OAAO;AAAA,IAAA;AAAA,~~EAEf~~;~~AAEA~~,~~SAEQ~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAyB~~,~~6BAAA~~;AAAA,IAC9C,gBAAAA,EAAC,~~OAAI~~,~~EAAA~~,WAAU,uBACV,UAAAH,EAAM,IAAI,CAACI,GAAMC,MACd,gBAAAJ,EAAC,~~OACG~~,~~EAAA~~,UAAA;AAAA,MAAA,gBAAAE,EAAC,~~QAAK~~,~~EAAA~~,WAAWC,EAAK,OAAQ,YAAK,MAAK;AAAA,MAAO;AAAA,MAAG;AAAA,wBACjD,~~QAAK~~,~~EAAA~~,WAAU,iBACX,~~UAAKA~~,~~EAAA~~,MAAM,~~WAChB~~,~~CAAA~~;AAAA,IAAA,KAJMC,CAKV,CACH,GACL;AAAA,IACA,gBAAAF,EAAC,~~MAAG~~,~~EAAA~~,WAAU,~~OAAO~~,~~CAAA~~;AAAA,IACrB,gBAAAF,EAAC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,~~QAAK~~,~~EAAA~~,UAAA;AAAA,QAAA;AAAA,QAAuB;AAAA,MAAA,GAAI;AAAA,wBAChC,~~QAAK~~,~~EAAA~~,WAAU,iBACX,UAAAF,EAAe,~~WACpB~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,sBACC,~~OACG~~,~~EAAA~~,UAAA;AAAA,MAAA,gBAAAI,EAAC,UAAK,~~UAAmC~~,sCAAA,~~CAAA~~;AAAA,MACxCH,EAAM,IAAI,CAACI,MACR,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,WAAWP;AAAA,UACX,eAAeK,EAAK;AAAA,UAEpB,4BAAC,~~QAAK~~,~~EAAA~~,WAAW,GAAGA,EAAK,KAAK,kBACzB,UAAA;AAAA,~~YAAKA~~,~~EAAA~~;AAAA,YAAK;AAAA,YAAE;AAAA,UAAA,~~EACjB~~,~~CAAA~~;AAAA,QAAA;AAAA,QANKA,EAAK;AAAA,~~MAQjB~~,~~CAAA~~;AAAA,IAAA,~~EACL~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.tsx"],"sourcesContent":["import AuthorityCheck from '@/components/shared/AuthorityCheck'\n\nconst Example = () => {\n const permissionRole = ['ADMIN', 'USER']\n\n const users = [\n {\n name: 'User A',\n roles: ['ADMIN'],\n color: 'text-indigo-500',\n },\n {\n name: 'User B',\n roles: ['USER'],\n color: 'text-emerald-500',\n },\n {\n name: 'User C',\n roles: ['GUEST'],\n color: 'text-rose-500',\n },\n {\n name: 'User D',\n roles: ['ADMIN', 'USER'],\n color: 'text-blue-500',\n },\n ]\n\n return (\n <>\n <h6 className=\"mb-4\">Users with different role</h6>\n <div className=\"flex flex-col gap-2\">\n {users.map((user, index) => (\n <div key={index}>\n <span className={user.color}>{user.name}</span>: {` `}\n <span className=\"font-semibold\">\n {user.roles.toString()}\n </span>\n </div>\n ))}\n </div>\n <hr className=\"my-4\" />\n <div className=\"mb-4\">\n <span>Roles who can access: {` `}</span>\n <span className=\"font-semibold\">\n {permissionRole.toString()}\n </span>\n </div>\n <div>\n <span>Result (Users who able to access): </span>\n {users.map((user) => (\n <AuthorityCheck\n key={user.name}\n authority={permissionRole}\n userAuthority={user.roles}\n >\n <span className={`${user.color} font-semibold`}>\n {user.name},{' '}\n </span>\n </AuthorityCheck>\n ))}\n </div>\n </>\n )\n}\n\nexport default Example\n"],"names":["Example","permissionRole","users","jsxs","Fragment","jsx","user","index","AuthorityCheck"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,QAAMC,IAAiB,CAAC,SAAS,MAAM,GAEjCC,IAAQ;AAAA,IACV;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,MAAM;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,SAAS,MAAM;AAAA,MACvB,OAAO;AAAA,IAAA;AAAA,EACX;AAGJ,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,6BAAyB;AAAA,IAC9C,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAH,EAAM,IAAI,CAACI,GAAMC,MACd,gBAAAJ,EAAC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWC,EAAK,OAAQ,YAAK,MAAK;AAAA,MAAO;AAAA,MAAG;AAAA,wBACjD,QAAA,EAAK,WAAU,iBACX,UAAAA,EAAK,MAAM,WAAS,CACzB;AAAA,IAAA,KAJMC,CAKV,CACH,GACL;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAuB;AAAA,MAAA,GAAI;AAAA,wBAChC,QAAA,EAAK,WAAU,iBACX,UAAAF,EAAe,WAAS,CAC7B;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAI,EAAC,UAAK,UAAA,sCAAA,CAAmC;AAAA,MACxCH,EAAM,IAAI,CAACI,MACR,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,WAAWP;AAAA,UACX,eAAeK,EAAK;AAAA,UAEpB,4BAAC,QAAA,EAAK,WAAW,GAAGA,EAAK,KAAK,kBACzB,UAAA;AAAA,YAAAA,EAAK;AAAA,YAAK;AAAA,YAAE;AAAA,UAAA,EAAA,CACjB;AAAA,QAAA;AAAA,QANKA,EAAK;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AuthorityCheckDoc'\n\nconst demoHeader = {\n title: 'AuthorityCheck',\n desc: 'AuthorityCheck component help to check whether the current user has permmision to access, it can be use to display or hide some elements that require permmission by certain roles.',\n}\n\nconst demos = [\n {\n mdName: 'Example',\n mdPath: mdPath,\n title: 'Example',\n desc: `example usage`,\n component: <Example />,\n },\n]\n\nconst demoApi = [\n {\n component: 'AuthorityCheck',\n api: [\n {\n propName: 'authority',\n type: `<code>Array</code>`,\n default: `<code>[]</code>`,\n desc: 'List of roles that have rights to access the wrapped elements',\n },\n {\n propName: 'userAuthority',\n type: `<code>Array</code>`,\n default: `<code>[]</code>`,\n desc: 'List of the user roles',\n },\n ],\n },\n]\n\nconst AuthorityCheckDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AuthorityCheckDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","AuthorityCheckDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,~~GAAQ~~,CAAA,~~CAAA~~;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,~~MACV~~;AAAA,~~MACA~~;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;~~AACjB~~;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AuthorityCheckDoc'\n\nconst demoHeader = {\n title: 'AuthorityCheck',\n desc: 'AuthorityCheck component help to check whether the current user has permmision to access, it can be use to display or hide some elements that require permmission by certain roles.',\n}\n\nconst demos = [\n {\n mdName: 'Example',\n mdPath: mdPath,\n title: 'Example',\n desc: `example usage`,\n component: <Example />,\n },\n]\n\nconst demoApi = [\n {\n component: 'AuthorityCheck',\n api: [\n {\n propName: 'authority',\n type: `<code>Array</code>`,\n default: `<code>[]</code>`,\n desc: 'List of roles that have rights to access the wrapped elements',\n },\n {\n propName: 'userAuthority',\n type: `<code>Array</code>`,\n default: `<code>[]</code>`,\n desc: 'List of the user roles',\n },\n ],\n },\n]\n\nconst AuthorityCheckDoc = () => {\n return (\n <DemoLayout\n innerFrame={false}\n header={demoHeader}\n demos={demos}\n api={demoApi}\n mdPrefixPath=\"shared\"\n />\n )\n}\n\nexport default AuthorityCheckDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","AuthorityCheckDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n function getDate(dayString: string) {\n const today = new Date()\n const year = today.getFullYear().toString()\n let month = (today.getMonth() + 1).toString()\n\n if (month.length === 1) {\n month = '0' + month\n }\n\n return dayString.replace('YEAR', year).replace('MONTH', month)\n }\n\n const eventsData = [\n {\n id: '0',\n title: 'All Day Event',\n start: getDate('YEAR-MONTH-01'),\n eventColor: 'orange',\n },\n {\n id: '1',\n title: 'Long Event',\n start: getDate('YEAR-MONTH-07'),\n end: getDate('YEAR-MONTH-10'),\n eventColor: 'red',\n },\n {\n id: '2',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '3',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '4',\n title: 'Birthday Party',\n start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n eventColor: 'purple',\n },\n {\n id: '5',\n title: 'Meeting',\n start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '6',\n title: 'Dinner',\n start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n eventColor: 'emerald',\n },\n ]\n\n return (\n <CalendarView\n editable\n selectable\n events={eventsData}\n eventClick={(arg) => {\n console.log('onEventClick', arg)\n }}\n select={(event) => {\n console.log('onCellSelect', event)\n }}\n eventDrop={(arg) => {\n console.log('onEventChange', arg)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;~~AAC1B~~,~~UAAAC~~,wBAAY,~~KAAK~~,~~GACjBC~~,IAAOD,EAAM,~~YAAY~~,~~EAAE~~,~~SAAS~~;~~AAC1C~~,QAAIE,KAASF,EAAM,~~SAAS~~,~~IAAI~~,GAAG,~~SAAS~~;~~AAExC~~,~~WAAAE~~,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,EAAA;AAGjE,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,~~EAEpB~~;~~AAGI~~,~~SAAA~~,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;~~AACT~~,~~gBAAA~~,IAAI,gBAAgBA,CAAG;AAAA,~~MACnC~~;AAAA,~~MACA~~,QAAQ,CAACC,MAAU;~~AACP~~,~~gBAAA~~,IAAI,gBAAgBA,CAAK;AAAA,~~MACrC~~;AAAA,~~MACA~~,WAAW,CAACD,MAAQ;~~AACR~~,~~gBAAA~~,IAAI,iBAAiBA,CAAG;AAAA,MAAA;AAAA,IACpC;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n function getDate(dayString: string) {\n const today = new Date()\n const year = today.getFullYear().toString()\n let month = (today.getMonth() + 1).toString()\n\n if (month.length === 1) {\n month = '0' + month\n }\n\n return dayString.replace('YEAR', year).replace('MONTH', month)\n }\n\n const eventsData = [\n {\n id: '0',\n title: 'All Day Event',\n start: getDate('YEAR-MONTH-01'),\n eventColor: 'orange',\n },\n {\n id: '1',\n title: 'Long Event',\n start: getDate('YEAR-MONTH-07'),\n end: getDate('YEAR-MONTH-10'),\n eventColor: 'red',\n },\n {\n id: '2',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '3',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '4',\n title: 'Birthday Party',\n start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n eventColor: 'purple',\n },\n {\n id: '5',\n title: 'Meeting',\n start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '6',\n title: 'Dinner',\n start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n eventColor: 'emerald',\n },\n ]\n\n return (\n <CalendarView\n editable\n selectable\n events={eventsData}\n eventClick={(arg) => {\n console.log('onEventClick', arg)\n }}\n select={(event) => {\n console.log('onCellSelect', event)\n }}\n eventDrop={(arg) => {\n console.log('onEventChange', arg)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;AAChC,UAAMC,wBAAY,KAAA,GACZC,IAAOD,EAAM,YAAA,EAAc,SAAA;AACjC,QAAIE,KAASF,EAAM,SAAA,IAAa,GAAG,SAAA;AAEnC,WAAIE,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,EAAA;AAGjE,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAChB;AAGJ,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;AACjB,gBAAQ,IAAI,gBAAgBA,CAAG;AAAA,MAAA;AAAA,MAEnC,QAAQ,CAACC,MAAU;AACf,gBAAQ,IAAI,gBAAgBA,CAAK;AAAA,MAAA;AAAA,MAErC,WAAW,CAACD,MAAQ;AAChB,gBAAQ,IAAI,iBAAiBA,CAAG;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAGZ;"}