@soyfri/template 1.0.0 → 1.0.3

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

@@ -1,58 +1,28 @@
-"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 () {
+import React, { useEffect, useRef } from 'react';
+import { useLocation } from 'react-router';
+import clsx from 'clsx';
+import { checkIsActive, KTIcon } from '../../../../helpers';
+const MenuInnerWithSub = ({ children, to, title, icon, fontIcon, menuTrigger, menuPlacement, hasArrow = false, hasBullet = false, isMega = false, }) => {
+    const menuItemRef = useRef(null);
+    const { pathname } = useLocation();
+    useEffect(() => {
         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),
+    return (React.createElement("div", { ref: menuItemRef, className: 'menu-item menu-lg-down-accordion me-lg-1' },
+        React.createElement("span", { className: clsx('menu-link py-3', {
+                active: 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)));
+            hasBullet && (React.createElement("span", { className: 'menu-bullet' },
+                React.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && (React.createElement("span", { className: 'menu-icon' },
+                React.createElement(KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && (React.createElement("span", { className: 'menu-icon' },
+                React.createElement("i", { className: clsx('bi fs-3', fontIcon) }))),
+            React.createElement("span", { className: 'menu-title' }, title),
+            hasArrow && React.createElement("span", { className: 'menu-arrow' })),
+        React.createElement("div", { className: clsx('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;
+export { MenuInnerWithSub };

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

@@ -1,28 +1,21 @@
-"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),
+import React from 'react';
+import { useLocation } from 'react-router';
+import { Link } from 'react-router-dom';
+import clsx from 'clsx';
+import { checkIsActive, KTIcon } from '../../../../helpers';
+const MenuItem = ({ to, title, icon, fontIcon, hasArrow = false, hasBullet = false }) => {
+    const { pathname } = useLocation();
+    return (React.createElement("div", { className: 'menu-item me-lg-1' },
+        React.createElement(Link, { className: clsx('menu-link py-3', {
+                'active menu-here': 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' }))));
+            hasBullet && (React.createElement("span", { className: 'menu-bullet' },
+                React.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && (React.createElement("span", { className: 'menu-icon' },
+                React.createElement(KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && (React.createElement("span", { className: 'menu-icon' },
+                React.createElement("i", { className: clsx('bi fs-3', fontIcon) }))),
+            React.createElement("span", { className: 'menu-title' }, title),
+            hasArrow && React.createElement("span", { className: 'menu-arrow' }))));
 };
-exports.MenuItem = MenuItem;
+export { MenuItem };

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

@@ -1,17 +1 @@
-"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);
+export * from './MenuInner';

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

@@ -1,17 +1 @@
-"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);
+export * from './HeaderWrapper';

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

@@ -1,39 +1,33 @@
-"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();
+import React from 'react';
+import { useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import { DrawerComponent, ScrollTopComponent, StickyComponent, ToggleComponent, } from '../../../assets/ts/components';
+import { KTIcon } from '../../../helpers';
+export function ScrollTop() {
+    const { pathname } = useLocation();
+    const [initialized, setInintialized] = useState(false);
+    const pluginsReinitialization = () => {
+        setTimeout(() => {
+            StickyComponent.reInitialization();
+            setTimeout(() => {
+                ToggleComponent.reinitialization();
+                DrawerComponent.reinitialization();
             }, 70);
         }, 140);
     };
-    var scrollTop = function () {
-        components_1.ScrollTopComponent.goTop();
+    const scrollTop = () => {
+        ScrollTopComponent.goTop();
     };
-    var updateHeaderSticky = function () {
-        var stickyHeader = document.body.querySelectorAll("[data-kt-sticky-name=\"header\"]");
+    const updateHeaderSticky = () => {
+        const stickyHeader = document.body.querySelectorAll(`[data-kt-sticky-name="header"]`);
         if (stickyHeader && stickyHeader.length > 0) {
-            var sticky = components_1.StickyComponent.getInstance(stickyHeader[0]);
+            const sticky = StickyComponent.getInstance(stickyHeader[0]);
             if (sticky) {
                 sticky.update();
             }
         }
     };
-    (0, react_2.useEffect)(function () {
+    useEffect(() => {
         if (!initialized) {
             setInintialized(true);
         }
@@ -41,11 +35,10 @@ function ScrollTop() {
             pluginsReinitialization();
         }
         updateHeaderSticky();
-        setTimeout(function () {
+        setTimeout(() => {
             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' })));
+    return (React.createElement("div", { id: 'kt_scrolltop', className: 'scrolltop', "data-kt-scrolltop": 'true' },
+        React.createElement(KTIcon, { iconName: 'arrow-up' })));
 }
-exports.ScrollTop = ScrollTop;

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

@@ -1,17 +1 @@
-"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);
+export * from './ScrollTop';

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

@@ -1,129 +1,97 @@
-"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 () {
+import clsx from 'clsx';
+import React, { useEffect, useRef } from 'react';
+import { useLayout } from '../../core';
+import { SidebarMenu } from './sidebar-menu/SidebarMenu';
+import { SidebarFooter } from './SidebarFooter';
+import { SidebarLogo } from './SidebarLogo';
+const Sidebar = () => {
+    const { config } = useLayout();
+    const sidebarRef = useRef(null);
+    useEffect(() => {
         updateDOM(config);
     }, [config]);
-    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.sidebar) === null || _b === void 0 ? void 0 : _b.display)) {
+    if (!config.app?.sidebar?.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)))));
+    return (React.createElement(React.Fragment, null, (config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') && (React.createElement("div", { ref: sidebarRef, id: 'kt_app_sidebar', className: clsx('app-sidebar', config.app?.sidebar?.default?.class) },
+        React.createElement(SidebarLogo, { sidebarRef: sidebarRef }),
+        React.createElement(SidebarMenu, null),
+        React.createElement(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;
+const updateDOM = (config) => {
     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) {
+        if (config.app?.sidebar?.default?.minimize?.desktop?.enabled) {
+            if (config.app?.sidebar?.default?.minimize?.desktop?.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) {
+            if (config.app?.sidebar?.default?.minimize?.desktop?.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) {
+        if (config.app?.sidebar?.default?.minimize?.mobile?.enabled) {
+            if (config.app?.sidebar?.default?.minimize?.mobile?.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) {
+            if (config.app?.sidebar?.default?.minimize?.mobile?.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) {
+        if (config.app?.sidebar?.default?.collapse?.desktop?.enabled) {
+            if (config.app?.sidebar?.default?.collapse?.desktop?.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) {
+        if (config.app?.sidebar?.default?.collapse?.mobile?.enabled) {
+            if (config.app?.sidebar?.default?.collapse?.mobile?.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) {
+        if (config.app?.sidebar?.default?.push) {
+            if (config.app?.sidebar?.default?.push?.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) {
+            if (config.app?.sidebar?.default?.push?.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) {
+            if (config.app?.sidebar?.default?.push?.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) {
+        if (config.app?.sidebar?.default?.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;
+        document.body.setAttribute('data-kt-app-sidebar-fixed', config.app?.sidebar?.default?.fixed?.desktop?.toString() || '');
+        const appSidebarDefaultDrawerEnabled = config.app?.sidebar?.default?.drawer?.enabled;
+        let appSidebarDefaultDrawerAttributes = {};
+        if (appSidebarDefaultDrawerEnabled) {
+            appSidebarDefaultDrawerAttributes = config.app?.sidebar?.default?.drawer?.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;
+        const appSidebarDefaultStickyEnabled = config.app?.sidebar?.default?.sticky?.enabled;
+        let appSidebarDefaultStickyAttributes = {};
+        if (appSidebarDefaultStickyEnabled) {
+            appSidebarDefaultStickyAttributes = config.app?.sidebar?.default?.sticky?.attributes;
         }
-        setTimeout(function () {
-            var sidebarElement = document.getElementById('kt_app_sidebar');
+        setTimeout(() => {
+            const sidebarElement = document.getElementById('kt_app_sidebar');
             // sidebar
             if (sidebarElement) {
-                var sidebarAttributes = sidebarElement
+                const 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]);
+                    .filter((t) => t.indexOf('data-') > -1);
+                sidebarAttributes.forEach((attr) => sidebarElement.removeAttribute(attr));
+                if (appSidebarDefaultDrawerEnabled) {
+                    for (const key in appSidebarDefaultDrawerAttributes) {
+                        if (appSidebarDefaultDrawerAttributes.hasOwnProperty(key)) {
+                            sidebarElement.setAttribute(key, appSidebarDefaultDrawerAttributes[key]);
                         }
                     }
                 }
-                if (appSidebarDefaultStickyEnabled_1) {
-                    for (var key in appSidebarDefaultStickyAttributes_1) {
-                        if (appSidebarDefaultStickyAttributes_1.hasOwnProperty(key)) {
-                            sidebarElement.setAttribute(key, appSidebarDefaultStickyAttributes_1[key]);
+                if (appSidebarDefaultStickyEnabled) {
+                    for (const key in appSidebarDefaultStickyAttributes) {
+                        if (appSidebarDefaultStickyAttributes.hasOwnProperty(key)) {
+                            sidebarElement.setAttribute(key, appSidebarDefaultStickyAttributes[key]);
                         }
                     }
                 }
@@ -131,3 +99,4 @@ var updateDOM = function (config) {
         }, 0);
     }
 };
+export { Sidebar };

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

@@ -1,18 +1,12 @@
-"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 = {
+import React from 'react';
+import { KTIcon } from '../../../helpers';
+const 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' }))));
+const SidebarFooter = () => {
+    return (React.createElement("div", { className: 'app-sidebar-footer flex-column-auto pt-2 pb-6 px-6', id: 'kt_app_sidebar_footer' },
+        React.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.createElement("span", { className: 'btn-label' }, "Docs & Components"),
+            React.createElement(KTIcon, { iconName: 'document', className: 'btn-icon fs-2 m-0' }))));
 };
-exports.SidebarFooter = SidebarFooter;
+export { SidebarFooter };

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

@@ -1,32 +1,25 @@
-"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
+import { Link } from 'react-router-dom';
+import clsx from 'clsx';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { useLayout } from '../../core';
+import { useEffect, useRef } from 'react';
+import { ToggleComponent } from '../../../assets/ts/components';
+import React from 'react';
+const SidebarLogo = (props) => {
+    const { config } = useLayout();
+    const toggleRef = useRef(null);
+    const appSidebarDefaultMinimizeDesktopEnabled = config?.app?.sidebar?.default?.minimize?.desktop?.enabled;
+    const appSidebarDefaultCollapseDesktopEnabled = config?.app?.sidebar?.default?.collapse?.desktop?.enabled;
+    const 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);
+    const toggleState = appSidebarDefaultMinimizeDesktopEnabled ? 'active' : '';
+    const appSidebarDefaultMinimizeDefault = config.app?.sidebar?.default?.minimize?.desktop?.default;
+    useEffect(() => {
+        setTimeout(() => {
+            const toggleObj = ToggleComponent.getInstance(toggleRef.current);
             if (toggleObj === null) {
                 return;
             }
@@ -42,13 +35,13 @@ var SidebarLogo = function (props) {
             });
         }, 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' })))));
+    return (React.createElement("div", { className: 'app-sidebar-logo px-6', id: 'kt_app_sidebar_logo' },
+        React.createElement(Link, { to: '/dashboard' },
+            config.layoutType === 'dark-sidebar' ? (React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-dark.svg'), className: 'h-25px app-sidebar-logo-default' })) : (React.createElement(React.Fragment, null,
+                React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default.svg'), className: 'h-25px app-sidebar-logo-default theme-light-show' }),
+                React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-dark.svg'), className: 'h-25px app-sidebar-logo-default theme-dark-show' }))),
+            React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/logos/default-small.svg'), className: 'h-20px app-sidebar-logo-minimize' })),
+        (appSidebarDefaultMinimizeDesktopEnabled || appSidebarDefaultCollapseDesktopEnabled) && (React.createElement("div", { ref: toggleRef, id: 'kt_app_sidebar_toggle', className: clsx('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-${toggleType}` },
+            React.createElement(KTIcon, { iconName: 'black-left-line', className: 'fs-3 rotate-180 ms-1' })))));
 };
-exports.SidebarLogo = SidebarLogo;
+export { SidebarLogo };

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

@@ -1,17 +1 @@
-"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);
+export * from './Sidebar';