@soyfri/template 1.0.0

package/dist/layout/components/header/header-menus/MenuInner.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuInner = void 0;
+var react_1 = __importDefault(require("react"));
+var react_intl_1 = require("react-intl");
+var MenuItem_1 = require("./MenuItem");
+var MenuInnerWithSub_1 = require("./MenuInnerWithSub");
+var MegaMenu_1 = require("./MegaMenu");
+function MenuInner() {
+    var intl = (0, react_intl_1.useIntl)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(MenuItem_1.MenuItem, { title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), to: '/dashboard' }),
+        react_1.default.createElement(MenuItem_1.MenuItem, { title: 'Layout Builder', to: '/builder' }),
+        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Crafted', to: '/crafted', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Pages', to: '/crafted/pages', fontIcon: 'bi-archive', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Profile', to: '/crafted/pages/profile', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
+                react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Wizards', to: '/crafted/pages/wizards', hasArrow: true, hasBullet: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
+                    react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
+            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Accounts', to: '/crafted/accounts', fontIcon: 'bi-person', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
+            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Errors', to: '/error', fontIcon: 'bi-sticky', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
+            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Widgets', to: '/crafted/widgets', fontIcon: 'bi-layers', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true }))),
+        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Apps', to: '/apps', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { title: 'Chat', to: '/apps/chat', icon: 'message-text-2', hasArrow: true, menuPlacement: 'right-start', menuTrigger: "{default:'click', lg: 'hover'}" },
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
+                react_1.default.createElement(MenuItem_1.MenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
+            react_1.default.createElement(MenuItem_1.MenuItem, { icon: 'abstract-28', to: '/apps/user-management/users', title: 'User management' })),
+        react_1.default.createElement(MenuInnerWithSub_1.MenuInnerWithSub, { isMega: true, title: 'Layouts', to: '/mega-menu', menuPlacement: 'bottom-start', menuTrigger: 'click' },
+            react_1.default.createElement(MegaMenu_1.MegaMenu, null))));
+}
+exports.MenuInner = MenuInner;

package/dist/layout/components/header/header-menus/MenuInnerWithSub.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { WithChildren } from '../../../../helpers';
+type Props = {
+    to: string;
+    title: string;
+    icon?: string;
+    fontIcon?: string;
+    menuTrigger?: 'click' | `{default:'click', lg: 'hover'}`;
+    menuPlacement?: 'right-start' | 'bottom-start' | 'left-start';
+    hasArrow?: boolean;
+    hasBullet?: boolean;
+    isMega?: boolean;
+};
+declare const MenuInnerWithSub: FC<Props & WithChildren>;
+export { MenuInnerWithSub };

package/dist/layout/components/header/header-menus/MenuInnerWithSub.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuInnerWithSub = void 0;
+var react_1 = __importStar(require("react"));
+var react_router_1 = require("react-router");
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../../helpers");
+var MenuInnerWithSub = function (_a) {
+    var children = _a.children, to = _a.to, title = _a.title, icon = _a.icon, fontIcon = _a.fontIcon, menuTrigger = _a.menuTrigger, menuPlacement = _a.menuPlacement, _b = _a.hasArrow, hasArrow = _b === void 0 ? false : _b, _c = _a.hasBullet, hasBullet = _c === void 0 ? false : _c, _d = _a.isMega, isMega = _d === void 0 ? false : _d;
+    var menuItemRef = (0, react_1.useRef)(null);
+    var pathname = (0, react_router_1.useLocation)().pathname;
+    (0, react_1.useEffect)(function () {
+        if (menuItemRef.current && menuTrigger && menuPlacement) {
+            menuItemRef.current.setAttribute('data-kt-menu-trigger', menuTrigger);
+            menuItemRef.current.setAttribute('data-kt-menu-placement', menuPlacement);
+        }
+    }, [menuTrigger, menuPlacement]);
+    return (react_1.default.createElement("div", { ref: menuItemRef, className: 'menu-item menu-lg-down-accordion me-lg-1' },
+        react_1.default.createElement("span", { className: (0, clsx_1.default)('menu-link py-3', {
+                active: (0, helpers_1.checkIsActive)(pathname, to),
+            }) },
+            hasBullet && (react_1.default.createElement("span", { className: 'menu-bullet' },
+                react_1.default.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && (react_1.default.createElement("span", { className: 'menu-icon' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && (react_1.default.createElement("span", { className: 'menu-icon' },
+                react_1.default.createElement("i", { className: (0, clsx_1.default)('bi fs-3', fontIcon) }))),
+            react_1.default.createElement("span", { className: 'menu-title' }, title),
+            hasArrow && react_1.default.createElement("span", { className: 'menu-arrow' })),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown', isMega ? 'w-100 w-lg-850px p-5 p-lg-5' : 'menu-rounded-0 py-lg-4 w-lg-225px'), "data-kt-menu-dismiss": 'true' }, children)));
+};
+exports.MenuInnerWithSub = MenuInnerWithSub;

package/dist/layout/components/header/header-menus/MenuItem.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+type Props = {
+    to: string;
+    title: string;
+    icon?: string;
+    fontIcon?: string;
+    hasArrow?: boolean;
+    hasBullet?: boolean;
+};
+declare const MenuItem: FC<Props>;
+export { MenuItem };

package/dist/layout/components/header/header-menus/MenuItem.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_1 = require("react-router");
+var react_router_dom_1 = require("react-router-dom");
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../../helpers");
+var MenuItem = function (_a) {
+    var to = _a.to, title = _a.title, icon = _a.icon, fontIcon = _a.fontIcon, _b = _a.hasArrow, hasArrow = _b === void 0 ? false : _b, _c = _a.hasBullet, hasBullet = _c === void 0 ? false : _c;
+    var pathname = (0, react_router_1.useLocation)().pathname;
+    return (react_1.default.createElement("div", { className: 'menu-item me-lg-1' },
+        react_1.default.createElement(react_router_dom_1.Link, { className: (0, clsx_1.default)('menu-link py-3', {
+                'active menu-here': (0, helpers_1.checkIsActive)(pathname, to),
+            }), to: to },
+            hasBullet && (react_1.default.createElement("span", { className: 'menu-bullet' },
+                react_1.default.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && (react_1.default.createElement("span", { className: 'menu-icon' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && (react_1.default.createElement("span", { className: 'menu-icon' },
+                react_1.default.createElement("i", { className: (0, clsx_1.default)('bi fs-3', fontIcon) }))),
+            react_1.default.createElement("span", { className: 'menu-title' }, title),
+            hasArrow && react_1.default.createElement("span", { className: 'menu-arrow' }))));
+};
+exports.MenuItem = MenuItem;

package/dist/layout/components/header/header-menus/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuInner';

package/dist/layout/components/header/header-menus/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MenuInner"), exports);

package/dist/layout/components/header/index.d.ts

@@ -0,0 +1 @@
+export * from './HeaderWrapper';

package/dist/layout/components/header/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./HeaderWrapper"), exports);

package/dist/layout/components/scroll-top/ScrollTop.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ScrollTop(): React.JSX.Element;

package/dist/layout/components/scroll-top/ScrollTop.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollTop = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var components_1 = require("../../../assets/ts/components");
+var helpers_1 = require("../../../helpers");
+function ScrollTop() {
+    var pathname = (0, react_router_dom_1.useLocation)().pathname;
+    var _a = (0, react_2.useState)(false), initialized = _a[0], setInintialized = _a[1];
+    var pluginsReinitialization = function () {
+        setTimeout(function () {
+            components_1.StickyComponent.reInitialization();
+            setTimeout(function () {
+                components_1.ToggleComponent.reinitialization();
+                components_1.DrawerComponent.reinitialization();
+            }, 70);
+        }, 140);
+    };
+    var scrollTop = function () {
+        components_1.ScrollTopComponent.goTop();
+    };
+    var updateHeaderSticky = function () {
+        var stickyHeader = document.body.querySelectorAll("[data-kt-sticky-name=\"header\"]");
+        if (stickyHeader && stickyHeader.length > 0) {
+            var sticky = components_1.StickyComponent.getInstance(stickyHeader[0]);
+            if (sticky) {
+                sticky.update();
+            }
+        }
+    };
+    (0, react_2.useEffect)(function () {
+        if (!initialized) {
+            setInintialized(true);
+        }
+        else {
+            pluginsReinitialization();
+        }
+        updateHeaderSticky();
+        setTimeout(function () {
+            scrollTop();
+        }, 0);
+    }, [initialized, pathname]);
+    return (react_1.default.createElement("div", { id: 'kt_scrolltop', className: 'scrolltop', "data-kt-scrolltop": 'true' },
+        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-up' })));
+}
+exports.ScrollTop = ScrollTop;

package/dist/layout/components/scroll-top/index.d.ts

@@ -0,0 +1 @@
+export * from './ScrollTop';

package/dist/layout/components/scroll-top/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ScrollTop"), exports);

package/dist/layout/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Sidebar: () => React.JSX.Element | null;
+export { Sidebar };

package/dist/layout/components/sidebar/Sidebar.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+/* eslint-disable no-prototype-builtins */
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = __importStar(require("react"));
+var core_1 = require("../../core");
+var SidebarMenu_1 = require("./sidebar-menu/SidebarMenu");
+var SidebarFooter_1 = require("./SidebarFooter");
+var SidebarLogo_1 = require("./SidebarLogo");
+var Sidebar = function () {
+    var _a, _b, _c, _d, _e;
+    var config = (0, core_1.useLayout)().config;
+    var sidebarRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        updateDOM(config);
+    }, [config]);
+    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.sidebar) === null || _b === void 0 ? void 0 : _b.display)) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null, (config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') && (react_1.default.createElement("div", { ref: sidebarRef, id: 'kt_app_sidebar', className: (0, clsx_1.default)('app-sidebar', (_e = (_d = (_c = config.app) === null || _c === void 0 ? void 0 : _c.sidebar) === null || _d === void 0 ? void 0 : _d.default) === null || _e === void 0 ? void 0 : _e.class) },
+        react_1.default.createElement(SidebarLogo_1.SidebarLogo, { sidebarRef: sidebarRef }),
+        react_1.default.createElement(SidebarMenu_1.SidebarMenu, null),
+        react_1.default.createElement(SidebarFooter_1.SidebarFooter, null)))));
+};
+exports.Sidebar = Sidebar;
+var updateDOM = function (config) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
+    if (config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') {
+        if ((_e = (_d = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.sidebar) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.minimize) === null || _d === void 0 ? void 0 : _d.desktop) === null || _e === void 0 ? void 0 : _e.enabled) {
+            if ((_k = (_j = (_h = (_g = (_f = config.app) === null || _f === void 0 ? void 0 : _f.sidebar) === null || _g === void 0 ? void 0 : _g.default) === null || _h === void 0 ? void 0 : _h.minimize) === null || _j === void 0 ? void 0 : _j.desktop) === null || _k === void 0 ? void 0 : _k.default) {
+                document.body.setAttribute('data-kt-app-sidebar-minimize', 'on');
+            }
+            if ((_q = (_p = (_o = (_m = (_l = config.app) === null || _l === void 0 ? void 0 : _l.sidebar) === null || _m === void 0 ? void 0 : _m.default) === null || _o === void 0 ? void 0 : _o.minimize) === null || _p === void 0 ? void 0 : _p.desktop) === null || _q === void 0 ? void 0 : _q.hoverable) {
+                document.body.setAttribute('data-kt-app-sidebar-hoverable', 'true');
+            }
+        }
+        if ((_v = (_u = (_t = (_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.sidebar) === null || _s === void 0 ? void 0 : _s.default) === null || _t === void 0 ? void 0 : _t.minimize) === null || _u === void 0 ? void 0 : _u.mobile) === null || _v === void 0 ? void 0 : _v.enabled) {
+            if ((_0 = (_z = (_y = (_x = (_w = config.app) === null || _w === void 0 ? void 0 : _w.sidebar) === null || _x === void 0 ? void 0 : _x.default) === null || _y === void 0 ? void 0 : _y.minimize) === null || _z === void 0 ? void 0 : _z.mobile) === null || _0 === void 0 ? void 0 : _0.default) {
+                document.body.setAttribute('data-kt-app-sidebar-minimize-mobile', 'on');
+            }
+            if ((_5 = (_4 = (_3 = (_2 = (_1 = config.app) === null || _1 === void 0 ? void 0 : _1.sidebar) === null || _2 === void 0 ? void 0 : _2.default) === null || _3 === void 0 ? void 0 : _3.minimize) === null || _4 === void 0 ? void 0 : _4.mobile) === null || _5 === void 0 ? void 0 : _5.hoverable) {
+                document.body.setAttribute('data-kt-app-sidebar-hoverable-mobile', 'true');
+            }
+        }
+        if ((_10 = (_9 = (_8 = (_7 = (_6 = config.app) === null || _6 === void 0 ? void 0 : _6.sidebar) === null || _7 === void 0 ? void 0 : _7.default) === null || _8 === void 0 ? void 0 : _8.collapse) === null || _9 === void 0 ? void 0 : _9.desktop) === null || _10 === void 0 ? void 0 : _10.enabled) {
+            if ((_15 = (_14 = (_13 = (_12 = (_11 = config.app) === null || _11 === void 0 ? void 0 : _11.sidebar) === null || _12 === void 0 ? void 0 : _12.default) === null || _13 === void 0 ? void 0 : _13.collapse) === null || _14 === void 0 ? void 0 : _14.desktop) === null || _15 === void 0 ? void 0 : _15.default) {
+                document.body.setAttribute('data-kt-app-sidebar-collapse', 'on');
+            }
+        }
+        if ((_20 = (_19 = (_18 = (_17 = (_16 = config.app) === null || _16 === void 0 ? void 0 : _16.sidebar) === null || _17 === void 0 ? void 0 : _17.default) === null || _18 === void 0 ? void 0 : _18.collapse) === null || _19 === void 0 ? void 0 : _19.mobile) === null || _20 === void 0 ? void 0 : _20.enabled) {
+            if ((_25 = (_24 = (_23 = (_22 = (_21 = config.app) === null || _21 === void 0 ? void 0 : _21.sidebar) === null || _22 === void 0 ? void 0 : _22.default) === null || _23 === void 0 ? void 0 : _23.collapse) === null || _24 === void 0 ? void 0 : _24.mobile) === null || _25 === void 0 ? void 0 : _25.default) {
+                document.body.setAttribute('data-kt-app-sidebar-collapse-mobile', 'on');
+            }
+        }
+        if ((_28 = (_27 = (_26 = config.app) === null || _26 === void 0 ? void 0 : _26.sidebar) === null || _27 === void 0 ? void 0 : _27.default) === null || _28 === void 0 ? void 0 : _28.push) {
+            if ((_32 = (_31 = (_30 = (_29 = config.app) === null || _29 === void 0 ? void 0 : _29.sidebar) === null || _30 === void 0 ? void 0 : _30.default) === null || _31 === void 0 ? void 0 : _31.push) === null || _32 === void 0 ? void 0 : _32.header) {
+                document.body.setAttribute('data-kt-app-sidebar-push-header', 'true');
+            }
+            if ((_36 = (_35 = (_34 = (_33 = config.app) === null || _33 === void 0 ? void 0 : _33.sidebar) === null || _34 === void 0 ? void 0 : _34.default) === null || _35 === void 0 ? void 0 : _35.push) === null || _36 === void 0 ? void 0 : _36.toolbar) {
+                document.body.setAttribute('data-kt-app-sidebar-push-toolbar', 'true');
+            }
+            if ((_40 = (_39 = (_38 = (_37 = config.app) === null || _37 === void 0 ? void 0 : _37.sidebar) === null || _38 === void 0 ? void 0 : _38.default) === null || _39 === void 0 ? void 0 : _39.push) === null || _40 === void 0 ? void 0 : _40.footer) {
+                document.body.setAttribute('data-kt-app-sidebar-push-footer', 'true');
+            }
+        }
+        if ((_43 = (_42 = (_41 = config.app) === null || _41 === void 0 ? void 0 : _41.sidebar) === null || _42 === void 0 ? void 0 : _42.default) === null || _43 === void 0 ? void 0 : _43.stacked) {
+            document.body.setAttribute('app-sidebar-stacked', 'true');
+        }
+        document.body.setAttribute('data-kt-app-sidebar-enabled', 'true');
+        document.body.setAttribute('data-kt-app-sidebar-fixed', ((_48 = (_47 = (_46 = (_45 = (_44 = config.app) === null || _44 === void 0 ? void 0 : _44.sidebar) === null || _45 === void 0 ? void 0 : _45.default) === null || _46 === void 0 ? void 0 : _46.fixed) === null || _47 === void 0 ? void 0 : _47.desktop) === null || _48 === void 0 ? void 0 : _48.toString()) || '');
+        var appSidebarDefaultDrawerEnabled_1 = (_52 = (_51 = (_50 = (_49 = config.app) === null || _49 === void 0 ? void 0 : _49.sidebar) === null || _50 === void 0 ? void 0 : _50.default) === null || _51 === void 0 ? void 0 : _51.drawer) === null || _52 === void 0 ? void 0 : _52.enabled;
+        var appSidebarDefaultDrawerAttributes_1 = {};
+        if (appSidebarDefaultDrawerEnabled_1) {
+            appSidebarDefaultDrawerAttributes_1 = (_56 = (_55 = (_54 = (_53 = config.app) === null || _53 === void 0 ? void 0 : _53.sidebar) === null || _54 === void 0 ? void 0 : _54.default) === null || _55 === void 0 ? void 0 : _55.drawer) === null || _56 === void 0 ? void 0 : _56.attributes;
+        }
+        var appSidebarDefaultStickyEnabled_1 = (_60 = (_59 = (_58 = (_57 = config.app) === null || _57 === void 0 ? void 0 : _57.sidebar) === null || _58 === void 0 ? void 0 : _58.default) === null || _59 === void 0 ? void 0 : _59.sticky) === null || _60 === void 0 ? void 0 : _60.enabled;
+        var appSidebarDefaultStickyAttributes_1 = {};
+        if (appSidebarDefaultStickyEnabled_1) {
+            appSidebarDefaultStickyAttributes_1 = (_64 = (_63 = (_62 = (_61 = config.app) === null || _61 === void 0 ? void 0 : _61.sidebar) === null || _62 === void 0 ? void 0 : _62.default) === null || _63 === void 0 ? void 0 : _63.sticky) === null || _64 === void 0 ? void 0 : _64.attributes;
+        }
+        setTimeout(function () {
+            var sidebarElement = document.getElementById('kt_app_sidebar');
+            // sidebar
+            if (sidebarElement) {
+                var sidebarAttributes = sidebarElement
+                    .getAttributeNames()
+                    .filter(function (t) { return t.indexOf('data-') > -1; });
+                sidebarAttributes.forEach(function (attr) { return sidebarElement.removeAttribute(attr); });
+                if (appSidebarDefaultDrawerEnabled_1) {
+                    for (var key in appSidebarDefaultDrawerAttributes_1) {
+                        if (appSidebarDefaultDrawerAttributes_1.hasOwnProperty(key)) {
+                            sidebarElement.setAttribute(key, appSidebarDefaultDrawerAttributes_1[key]);
+                        }
+                    }
+                }
+                if (appSidebarDefaultStickyEnabled_1) {
+                    for (var key in appSidebarDefaultStickyAttributes_1) {
+                        if (appSidebarDefaultStickyAttributes_1.hasOwnProperty(key)) {
+                            sidebarElement.setAttribute(key, appSidebarDefaultStickyAttributes_1[key]);
+                        }
+                    }
+                }
+            }
+        }, 0);
+    }
+};

package/dist/layout/components/sidebar/SidebarFooter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SidebarFooter: () => React.JSX.Element;
+export { SidebarFooter };

package/dist/layout/components/sidebar/SidebarFooter.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var environment = {
+    VITE_PREVIEW_DOCS_URL: 'some.com/docs'
+};
+var SidebarFooter = function () {
+    return (react_1.default.createElement("div", { className: 'app-sidebar-footer flex-column-auto pt-2 pb-6 px-6', id: 'kt_app_sidebar_footer' },
+        react_1.default.createElement("a", { href: environment.VITE_PREVIEW_DOCS_URL, target: '_blank', className: 'btn btn-flex flex-center btn-custom btn-primary overflow-hidden text-nowrap px-0 h-40px w-100', "data-bs-toggle": 'tooltip', "data-bs-trigger": 'hover', "data-bs-dismiss-": 'click', title: 'Metronic Docs & Components' },
+            react_1.default.createElement("span", { className: 'btn-label' }, "Docs & Components"),
+            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'document', className: 'btn-icon fs-2 m-0' }))));
+};
+exports.SidebarFooter = SidebarFooter;

package/dist/layout/components/sidebar/SidebarLogo.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+import React from 'react';
+type PropsType = {
+    sidebarRef: MutableRefObject<HTMLDivElement | null>;
+};
+declare const SidebarLogo: (props: PropsType) => React.JSX.Element;
+export { SidebarLogo };

package/dist/layout/components/sidebar/SidebarLogo.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarLogo = void 0;
+var react_router_dom_1 = require("react-router-dom");
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var core_1 = require("../../core");
+var react_1 = require("react");
+var components_1 = require("../../../assets/ts/components");
+var react_2 = __importDefault(require("react"));
+var SidebarLogo = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var config = (0, core_1.useLayout)().config;
+    var toggleRef = (0, react_1.useRef)(null);
+    var appSidebarDefaultMinimizeDesktopEnabled = (_e = (_d = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.app) === null || _a === void 0 ? void 0 : _a.sidebar) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.minimize) === null || _d === void 0 ? void 0 : _d.desktop) === null || _e === void 0 ? void 0 : _e.enabled;
+    var appSidebarDefaultCollapseDesktopEnabled = (_k = (_j = (_h = (_g = (_f = config === null || config === void 0 ? void 0 : config.app) === null || _f === void 0 ? void 0 : _f.sidebar) === null || _g === void 0 ? void 0 : _g.default) === null || _h === void 0 ? void 0 : _h.collapse) === null || _j === void 0 ? void 0 : _j.desktop) === null || _k === void 0 ? void 0 : _k.enabled;
+    var toggleType = appSidebarDefaultCollapseDesktopEnabled
+        ? 'collapse'
+        : appSidebarDefaultMinimizeDesktopEnabled
+            ? 'minimize'
+            : '';
+    var toggleState = appSidebarDefaultMinimizeDesktopEnabled ? 'active' : '';
+    var appSidebarDefaultMinimizeDefault = (_q = (_p = (_o = (_m = (_l = config.app) === null || _l === void 0 ? void 0 : _l.sidebar) === null || _m === void 0 ? void 0 : _m.default) === null || _o === void 0 ? void 0 : _o.minimize) === null || _p === void 0 ? void 0 : _p.desktop) === null || _q === void 0 ? void 0 : _q.default;
+    (0, react_1.useEffect)(function () {
+        setTimeout(function () {
+            var toggleObj = components_1.ToggleComponent.getInstance(toggleRef.current);
+            if (toggleObj === null) {
+                return;
+            }
+            // Add a class to prevent sidebar hover effect after toggle click
+            toggleObj.on('kt.toggle.change', function () {
+                // Set animation state
+                props.sidebarRef.current.classList.add('animating');
+                // Wait till animation finishes
+                setTimeout(function () {
+                    // Remove animation state
+                    props.sidebarRef.current.classList.remove('animating');
+                }, 300);
+            });
+        }, 600);
+    }, [toggleRef, props.sidebarRef]);
+    return (react_2.default.createElement("div", { className: 'app-sidebar-logo px-6', id: 'kt_app_sidebar_logo' },
+        react_2.default.createElement(react_router_dom_1.Link, { to: '/dashboard' },
+            config.layoutType === 'dark-sidebar' ? (react_2.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-25px app-sidebar-logo-default' })) : (react_2.default.createElement(react_2.default.Fragment, null,
+                react_2.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default.svg'), className: 'h-25px app-sidebar-logo-default theme-light-show' }),
+                react_2.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-25px app-sidebar-logo-default theme-dark-show' }))),
+            react_2.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-small.svg'), className: 'h-20px app-sidebar-logo-minimize' })),
+        (appSidebarDefaultMinimizeDesktopEnabled || appSidebarDefaultCollapseDesktopEnabled) && (react_2.default.createElement("div", { ref: toggleRef, id: 'kt_app_sidebar_toggle', className: (0, clsx_1.default)('app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary h-30px w-30px position-absolute top-50 start-100 translate-middle rotate', { active: appSidebarDefaultMinimizeDefault }), "data-kt-toggle": 'true', "data-kt-toggle-state": toggleState, "data-kt-toggle-target": 'body', "data-kt-toggle-name": "app-sidebar-".concat(toggleType) },
+            react_2.default.createElement(helpers_1.KTIcon, { iconName: 'black-left-line', className: 'fs-3 rotate-180 ms-1' })))));
+};
+exports.SidebarLogo = SidebarLogo;

package/dist/layout/components/sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './Sidebar';

package/dist/layout/components/sidebar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Sidebar"), exports);

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SidebarMenu: () => React.JSX.Element;
+export { SidebarMenu };

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenu.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarMenu = void 0;
+var SidebarMenuMain_1 = require("./SidebarMenuMain");
+var react_1 = __importDefault(require("react"));
+var SidebarMenu = function () {
+    return (react_1.default.createElement("div", { className: 'app-sidebar-menu overflow-hidden flex-column-fluid' },
+        react_1.default.createElement("div", { id: 'kt_app_sidebar_menu_wrapper', className: 'app-sidebar-wrapper hover-scroll-overlay-y my-5', "data-kt-scroll": 'true', "data-kt-scroll-activate": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-dependencies": '#kt_app_sidebar_logo, #kt_app_sidebar_footer', "data-kt-scroll-wrappers": '#kt_app_sidebar_menu', "data-kt-scroll-offset": '5px', "data-kt-scroll-save-state": 'true' },
+            react_1.default.createElement("div", { className: 'menu menu-column menu-rounded menu-sub-indention px-3', id: '#kt_app_sidebar_menu', "data-kt-menu": 'true', "data-kt-menu-expand": 'false' },
+                react_1.default.createElement(SidebarMenuMain_1.SidebarMenuMain, null)))));
+};
+exports.SidebarMenu = SidebarMenu;

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuItem.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { WithChildren } from '../../../../helpers';
+type Props = {
+    to: string;
+    title: string;
+    icon?: string;
+    fontIcon?: string;
+    hasBullet?: boolean;
+};
+declare const SidebarMenuItem: FC<Props & WithChildren>;
+export { SidebarMenuItem };

package/dist/layout/components/sidebar/sidebar-menu/SidebarMenuItem.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarMenuItem = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var react_router_dom_1 = require("react-router-dom");
+var react_router_1 = require("react-router");
+var helpers_1 = require("../../../../helpers");
+var core_1 = require("../../../core");
+var SidebarMenuItem = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var children = _a.children, to = _a.to, title = _a.title, icon = _a.icon, fontIcon = _a.fontIcon, _h = _a.hasBullet, hasBullet = _h === void 0 ? false : _h;
+    var pathname = (0, react_router_1.useLocation)().pathname;
+    var isActive = (0, helpers_1.checkIsActive)(pathname, to);
+    var config = (0, core_1.useLayout)().config;
+    var app = config.app;
+    return (react_1.default.createElement("div", { className: 'menu-item' },
+        react_1.default.createElement(react_router_dom_1.Link, { className: (0, clsx_1.default)('menu-link without-sub', { active: isActive }), to: to },
+            hasBullet && (react_1.default.createElement("span", { className: 'menu-bullet' },
+                react_1.default.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && ((_d = (_c = (_b = app === null || app === void 0 ? void 0 : app.sidebar) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.menu) === null || _d === void 0 ? void 0 : _d.iconType) === 'svg' && (react_1.default.createElement("span", { className: 'menu-icon' },
+                ' ',
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && ((_g = (_f = (_e = app === null || app === void 0 ? void 0 : app.sidebar) === null || _e === void 0 ? void 0 : _e.default) === null || _f === void 0 ? void 0 : _f.menu) === null || _g === void 0 ? void 0 : _g.iconType) === 'font' && (react_1.default.createElement("i", { className: (0, clsx_1.default)('bi fs-3', fontIcon) })),
+            react_1.default.createElement("span", { className: 'menu-title' }, title)),
+        children));
+};
+exports.SidebarMenuItem = SidebarMenuItem;