@soyfri/template 1.0.1 → 1.0.4

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

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { SidebarMenuMain } from './SidebarMenuMain';
+import React from 'react';
+const SidebarMenu = () => {
+    return (React.createElement("div", { className: 'app-sidebar-menu overflow-hidden flex-column-fluid' },
+        React.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.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.createElement(SidebarMenuMain, null)))));
 };
-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;
+export { SidebarMenu };

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

@@ -1,31 +1,23 @@
-"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' },
+import React from 'react';
+import clsx from 'clsx';
+import { Link } from 'react-router-dom';
+import { useLocation } from 'react-router';
+import { checkIsActive, KTIcon } from '../../../../helpers';
+import { useLayout } from '../../../core';
+const SidebarMenuItem = ({ children, to, title, icon, fontIcon, hasBullet = false, }) => {
+    const { pathname } = useLocation();
+    const isActive = checkIsActive(pathname, to);
+    const { config } = useLayout();
+    const { app } = config;
+    return (React.createElement("div", { className: 'menu-item' },
+        React.createElement(Link, { className: clsx('menu-link without-sub', { active: isActive }), to: to },
+            hasBullet && (React.createElement("span", { className: 'menu-bullet' },
+                React.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && app?.sidebar?.default?.menu?.iconType === 'svg' && (React.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)),
+                React.createElement(KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && app?.sidebar?.default?.menu?.iconType === 'font' && (React.createElement("i", { className: clsx('bi fs-3', fontIcon) })),
+            React.createElement("span", { className: 'menu-title' }, title)),
         children));
 };
-exports.SidebarMenuItem = SidebarMenuItem;
+export { SidebarMenuItem };

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

@@ -1,30 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import clsx from 'clsx';
+import { useLocation } from 'react-router';
+import { checkIsActive, KTIcon } from '../../../../helpers';
+import { useLayout } from '../../../core';
+const SidebarMenuItemWithSub = ({ children, to, title, icon, fontIcon, hasBullet, }) => {
+    const { pathname } = useLocation();
+    const isActive = checkIsActive(pathname, to);
+    const { config } = useLayout();
+    const { app } = config;
+    return (React.createElement("div", { className: clsx('menu-item', { 'here show': isActive }, 'menu-accordion'), "data-kt-menu-trigger": 'click' },
+        React.createElement("span", { className: 'menu-link' },
+            hasBullet && (React.createElement("span", { className: 'menu-bullet' },
+                React.createElement("span", { className: 'bullet bullet-dot' }))),
+            icon && app?.sidebar?.default?.menu?.iconType === 'svg' && (React.createElement("span", { className: 'menu-icon' },
+                React.createElement(KTIcon, { iconName: icon, className: 'fs-2' }))),
+            fontIcon && app?.sidebar?.default?.menu?.iconType === 'font' && (React.createElement("i", { className: clsx('bi fs-3', fontIcon) })),
+            React.createElement("span", { className: 'menu-title' }, title),
+            React.createElement("span", { className: 'menu-arrow' })),
+        React.createElement("div", { className: clsx('menu-sub menu-sub-accordion', { 'menu-active-bg': isActive }) }, children)));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarMenuItemWithSub = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var react_router_1 = require("react-router");
-var helpers_1 = require("../../../../helpers");
-var core_1 = require("../../../core");
-var SidebarMenuItemWithSub = 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, hasBullet = _a.hasBullet;
-    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: (0, clsx_1.default)('menu-item', { 'here show': isActive }, 'menu-accordion'), "data-kt-menu-trigger": 'click' },
-        react_1.default.createElement("span", { className: 'menu-link' },
-            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),
-            react_1.default.createElement("span", { className: 'menu-arrow' })),
-        react_1.default.createElement("div", { className: (0, clsx_1.default)('menu-sub menu-sub-accordion', { 'menu-active-bg': isActive }) }, children)));
-};
-exports.SidebarMenuItemWithSub = SidebarMenuItemWithSub;
+export { SidebarMenuItemWithSub };

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

@@ -1,63 +1,57 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarMenuMain = void 0;
-var react_intl_1 = require("react-intl");
-var helpers_1 = require("../../../../helpers");
-var SidebarMenuItemWithSub_1 = require("./SidebarMenuItemWithSub");
-var SidebarMenuItem_1 = require("./SidebarMenuItem");
-var react_1 = __importDefault(require("react"));
-var SidebarMenuMain = function () {
-    var intl = (0, react_intl_1.useIntl)();
-    var environment = {
+import { useIntl } from 'react-intl';
+import { KTIcon } from '../../../../helpers';
+import { SidebarMenuItemWithSub } from './SidebarMenuItemWithSub';
+import { SidebarMenuItem } from './SidebarMenuItem';
+import React from 'react';
+const SidebarMenuMain = () => {
+    const intl = useIntl();
+    const environment = {
         VITE_PREVIEW_DOCS_URL: 'some.com/docs',
         VITE_VERSION: '12.1.1',
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/dashboard', icon: 'element-11', title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), fontIcon: 'bi-app-indicator' }),
-        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/builder', icon: 'switch', title: 'Layout Builder', fontIcon: 'bi-layers' }),
-        react_1.default.createElement("div", { className: 'menu-item' },
-            react_1.default.createElement("div", { className: 'menu-content pt-8 pb-2' },
-                react_1.default.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Crafted"))),
-        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages', title: 'Pages', fontIcon: 'bi-archive', icon: 'element-plus' },
-            react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages/profile', title: 'Profile', hasBullet: true },
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
-            react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/pages/wizards', title: 'Wizards', hasBullet: true },
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
-                react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
-        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/accounts', title: 'Accounts', icon: 'profile-circle', fontIcon: 'bi-person' },
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
-        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/error', title: 'Errors', fontIcon: 'bi-sticky', icon: 'cross-circle' },
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
-        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/crafted/widgets', title: 'Widgets', icon: 'element-7', fontIcon: 'bi-layers' },
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true })),
-        react_1.default.createElement("div", { className: 'menu-item' },
-            react_1.default.createElement("div", { className: 'menu-content pt-8 pb-2' },
-                react_1.default.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Apps"))),
-        react_1.default.createElement(SidebarMenuItemWithSub_1.SidebarMenuItemWithSub, { to: '/apps/chat', title: 'Chat', fontIcon: 'bi-chat-left', icon: 'message-text-2' },
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
-            react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
-        react_1.default.createElement(SidebarMenuItem_1.SidebarMenuItem, { to: '/apps/user-management/users', icon: 'abstract-28', title: 'User management', fontIcon: 'bi-layers' }),
-        react_1.default.createElement("div", { className: 'menu-item' },
-            react_1.default.createElement("a", { target: '_blank', className: 'menu-link', href: environment.VITE_PREVIEW_DOCS_URL + '/changelog' },
-                react_1.default.createElement("span", { className: 'menu-icon' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'code', className: 'fs-2' })),
-                react_1.default.createElement("span", { className: 'menu-title' },
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SidebarMenuItem, { to: '/dashboard', icon: 'element-11', title: intl.formatMessage({ id: 'MENU.DASHBOARD' }), fontIcon: 'bi-app-indicator' }),
+        React.createElement(SidebarMenuItem, { to: '/builder', icon: 'switch', title: 'Layout Builder', fontIcon: 'bi-layers' }),
+        React.createElement("div", { className: 'menu-item' },
+            React.createElement("div", { className: 'menu-content pt-8 pb-2' },
+                React.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Crafted"))),
+        React.createElement(SidebarMenuItemWithSub, { to: '/crafted/pages', title: 'Pages', fontIcon: 'bi-archive', icon: 'element-plus' },
+            React.createElement(SidebarMenuItemWithSub, { to: '/crafted/pages/profile', title: 'Profile', hasBullet: true },
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/profile/overview', title: 'Overview', hasBullet: true }),
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/profile/projects', title: 'Projects', hasBullet: true }),
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/profile/campaigns', title: 'Campaigns', hasBullet: true }),
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/profile/documents', title: 'Documents', hasBullet: true }),
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/profile/connections', title: 'Connections', hasBullet: true })),
+            React.createElement(SidebarMenuItemWithSub, { to: '/crafted/pages/wizards', title: 'Wizards', hasBullet: true },
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/wizards/horizontal', title: 'Horizontal', hasBullet: true }),
+                React.createElement(SidebarMenuItem, { to: '/crafted/pages/wizards/vertical', title: 'Vertical', hasBullet: true }))),
+        React.createElement(SidebarMenuItemWithSub, { to: '/crafted/accounts', title: 'Accounts', icon: 'profile-circle', fontIcon: 'bi-person' },
+            React.createElement(SidebarMenuItem, { to: '/crafted/account/overview', title: 'Overview', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/account/settings', title: 'Settings', hasBullet: true })),
+        React.createElement(SidebarMenuItemWithSub, { to: '/error', title: 'Errors', fontIcon: 'bi-sticky', icon: 'cross-circle' },
+            React.createElement(SidebarMenuItem, { to: '/error/404', title: 'Error 404', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/error/500', title: 'Error 500', hasBullet: true })),
+        React.createElement(SidebarMenuItemWithSub, { to: '/crafted/widgets', title: 'Widgets', icon: 'element-7', fontIcon: 'bi-layers' },
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/lists', title: 'Lists', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/statistics', title: 'Statistics', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/charts', title: 'Charts', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/mixed', title: 'Mixed', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/tables', title: 'Tables', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/crafted/widgets/feeds', title: 'Feeds', hasBullet: true })),
+        React.createElement("div", { className: 'menu-item' },
+            React.createElement("div", { className: 'menu-content pt-8 pb-2' },
+                React.createElement("span", { className: 'menu-section text-muted text-uppercase fs-8 ls-1' }, "Apps"))),
+        React.createElement(SidebarMenuItemWithSub, { to: '/apps/chat', title: 'Chat', fontIcon: 'bi-chat-left', icon: 'message-text-2' },
+            React.createElement(SidebarMenuItem, { to: '/apps/chat/private-chat', title: 'Private Chat', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/apps/chat/group-chat', title: 'Group Chart', hasBullet: true }),
+            React.createElement(SidebarMenuItem, { to: '/apps/chat/drawer-chat', title: 'Drawer Chart', hasBullet: true })),
+        React.createElement(SidebarMenuItem, { to: '/apps/user-management/users', icon: 'abstract-28', title: 'User management', fontIcon: 'bi-layers' }),
+        React.createElement("div", { className: 'menu-item' },
+            React.createElement("a", { target: '_blank', className: 'menu-link', href: environment.VITE_PREVIEW_DOCS_URL + '/changelog' },
+                React.createElement("span", { className: 'menu-icon' },
+                    React.createElement(KTIcon, { iconName: 'code', className: 'fs-2' })),
+                React.createElement("span", { className: 'menu-title' },
                     "Changelog ",
                     environment.VITE_VERSION)))));
 };
-exports.SidebarMenuMain = SidebarMenuMain;
+export { SidebarMenuMain };

package/dist/layout/components/toolbar/Toolbar.js

@@ -1,84 +1,75 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toolbar = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var core_1 = require("../../core");
-var toolbars_1 = require("./toolbars");
-var Toolbar = function () {
-    var _a, _b;
-    var config = (0, core_1.useLayout)().config;
-    (0, react_2.useEffect)(function () {
+import React from 'react';
+import { useEffect } from 'react';
+import { useLayout } from '../../core';
+import { ToolbarAccounting, ToolbarClassic, ToolbarExtended, ToolbarReports, ToolbarSaas, } from './toolbars';
+const Toolbar = () => {
+    const { config } = useLayout();
+    useEffect(() => {
         updateDOM(config);
         document.body.setAttribute('data-kt-app-toolbar-enabled', 'true');
     }, [config]);
-    switch ((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.layout) {
+    switch (config.app?.toolbar?.layout) {
         case 'classic':
-            return react_1.default.createElement(toolbars_1.ToolbarClassic, null);
+            return React.createElement(ToolbarClassic, null);
         case 'accounting':
-            return react_1.default.createElement(toolbars_1.ToolbarAccounting, null);
+            return React.createElement(ToolbarAccounting, null);
         case 'extended':
-            return react_1.default.createElement(toolbars_1.ToolbarExtended, null);
+            return React.createElement(ToolbarExtended, null);
         case 'reports':
-            return react_1.default.createElement(toolbars_1.ToolbarReports, null);
+            return React.createElement(ToolbarReports, null);
         case 'saas':
-            return react_1.default.createElement(toolbars_1.ToolbarSaas, null);
+            return React.createElement(ToolbarSaas, null);
         default:
-            return react_1.default.createElement(toolbars_1.ToolbarClassic, null);
+            return React.createElement(ToolbarClassic, null);
     }
 };
-exports.Toolbar = Toolbar;
-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;
-    var appToolbarSwapAttributes = {};
-    var appToolbarSwapEnabled = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.swap) === null || _c === void 0 ? void 0 : _c.enabled;
+const updateDOM = (config) => {
+    let appToolbarSwapAttributes = {};
+    const appToolbarSwapEnabled = config.app?.toolbar?.swap?.enabled;
     if (appToolbarSwapEnabled) {
-        appToolbarSwapAttributes = (_f = (_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.toolbar) === null || _e === void 0 ? void 0 : _e.swap) === null || _f === void 0 ? void 0 : _f.attributes;
+        appToolbarSwapAttributes = config.app?.toolbar?.swap?.attributes;
     }
-    var appToolbarStickyAttributes = {};
-    var appToolbarStickyEnabled = (_j = (_h = (_g = config.app) === null || _g === void 0 ? void 0 : _g.toolbar) === null || _h === void 0 ? void 0 : _h.sticky) === null || _j === void 0 ? void 0 : _j.enabled;
+    let appToolbarStickyAttributes = {};
+    const appToolbarStickyEnabled = config.app?.toolbar?.sticky?.enabled;
     if (appToolbarStickyEnabled) {
-        appToolbarStickyAttributes = (_m = (_l = (_k = config.app) === null || _k === void 0 ? void 0 : _k.toolbar) === null || _l === void 0 ? void 0 : _l.sticky) === null || _m === void 0 ? void 0 : _m.attributes;
-        var appToolbarMinimizeAttributes_1 = {};
-        var appToolbarMinimizeEnabled_1 = (_q = (_p = (_o = config.app) === null || _o === void 0 ? void 0 : _o.toolbar) === null || _p === void 0 ? void 0 : _p.minimize) === null || _q === void 0 ? void 0 : _q.enabled;
-        if (appToolbarMinimizeEnabled_1) {
-            appToolbarMinimizeAttributes_1 = (_t = (_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.toolbar) === null || _s === void 0 ? void 0 : _s.minimize) === null || _t === void 0 ? void 0 : _t.attributes;
+        appToolbarStickyAttributes = config.app?.toolbar?.sticky?.attributes;
+        let appToolbarMinimizeAttributes = {};
+        const appToolbarMinimizeEnabled = config.app?.toolbar?.minimize?.enabled;
+        if (appToolbarMinimizeEnabled) {
+            appToolbarMinimizeAttributes = config.app?.toolbar?.minimize?.attributes;
         }
-        if ((_w = (_v = (_u = config.app) === null || _u === void 0 ? void 0 : _u.toolbar) === null || _v === void 0 ? void 0 : _v.fixed) === null || _w === void 0 ? void 0 : _w.desktop) {
+        if (config.app?.toolbar?.fixed?.desktop) {
             document.body.setAttribute('data-kt-app-toolbar-fixed', 'true');
         }
-        if ((_z = (_y = (_x = config.app) === null || _x === void 0 ? void 0 : _x.toolbar) === null || _y === void 0 ? void 0 : _y.fixed) === null || _z === void 0 ? void 0 : _z.mobile) {
+        if (config.app?.toolbar?.fixed?.mobile) {
             document.body.setAttribute('data-kt-app-toolbar-fixed-mobile', 'true');
         }
-        setTimeout(function () {
-            var toolbarElement = document.getElementById('kt_app_toolbar');
+        setTimeout(() => {
+            const toolbarElement = document.getElementById('kt_app_toolbar');
             // toolbar
             if (toolbarElement) {
-                var toolbarAttributes = toolbarElement
+                const toolbarAttributes = toolbarElement
                     .getAttributeNames()
-                    .filter(function (t) { return t.indexOf('data-') > -1; });
-                toolbarAttributes.forEach(function (attr) { return toolbarElement.removeAttribute(attr); });
+                    .filter((t) => t.indexOf('data-') > -1);
+                toolbarAttributes.forEach((attr) => toolbarElement.removeAttribute(attr));
                 if (appToolbarSwapEnabled) {
-                    for (var key in appToolbarSwapAttributes) {
+                    for (const key in appToolbarSwapAttributes) {
                         if (appToolbarSwapAttributes.hasOwnProperty(key)) {
                             toolbarElement.setAttribute(key, appToolbarSwapAttributes[key]);
                         }
                     }
                 }
                 if (appToolbarStickyEnabled) {
-                    for (var key in appToolbarStickyAttributes) {
+                    for (const key in appToolbarStickyAttributes) {
                         if (appToolbarStickyAttributes.hasOwnProperty(key)) {
                             toolbarElement.setAttribute(key, appToolbarStickyAttributes[key]);
                         }
                     }
                 }
-                if (appToolbarMinimizeEnabled_1) {
-                    for (var key in appToolbarMinimizeAttributes_1) {
-                        if (appToolbarMinimizeAttributes_1.hasOwnProperty(key)) {
-                            toolbarElement.setAttribute(key, appToolbarMinimizeAttributes_1[key]);
+                if (appToolbarMinimizeEnabled) {
+                    for (const key in appToolbarMinimizeAttributes) {
+                        if (appToolbarMinimizeAttributes.hasOwnProperty(key)) {
+                            toolbarElement.setAttribute(key, appToolbarMinimizeAttributes[key]);
                         }
                     }
                 }
@@ -86,3 +77,4 @@ var updateDOM = function (config) {
         }, 0);
     }
 };
+export { Toolbar };

package/dist/layout/components/toolbar/ToolbarWrapper.js

@@ -1,34 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarWrapper = void 0;
-var react_1 = __importDefault(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-var core_1 = require("../../core");
-var Toolbar_1 = require("./Toolbar");
-var page_title_1 = require("./page-title");
-var ToolbarWrapper = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-    var _t = (0, core_1.useLayout)(), config = _t.config, classes = _t.classes;
-    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.display)) {
+import React from 'react';
+import clsx from 'clsx';
+import { useLayout } from '../../core';
+import { Toolbar } from './Toolbar';
+import { PageTitleWrapper } from './page-title';
+const ToolbarWrapper = () => {
+    const { config, classes } = useLayout();
+    if (!config.app?.toolbar?.display) {
         return null;
     }
-    var isPageTitleVisible = showPageTitle((_d = (_c = config.app) === null || _c === void 0 ? void 0 : _c.toolbar) === null || _d === void 0 ? void 0 : _d.layout, (_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.pageTitle) === null || _f === void 0 ? void 0 : _f.display);
-    return (react_1.default.createElement("div", { id: 'kt_app_toolbar', className: (0, clsx_1.default)('app-toolbar', classes.toolbar.join(' '), (_h = (_g = config === null || config === void 0 ? void 0 : config.app) === null || _g === void 0 ? void 0 : _g.toolbar) === null || _h === void 0 ? void 0 : _h.class) },
-        react_1.default.createElement("div", { id: 'kt_app_toolbar_container', className: (0, clsx_1.default)('app-container', classes.toolbarContainer.join(' '), (_k = (_j = config.app) === null || _j === void 0 ? void 0 : _j.toolbar) === null || _k === void 0 ? void 0 : _k.containerClass, ((_o = (_m = (_l = config.app) === null || _l === void 0 ? void 0 : _l.toolbar) === null || _m === void 0 ? void 0 : _m.minimize) === null || _o === void 0 ? void 0 : _o.enabled) ? 'app-toolbar-minimize' : '', {
-                'container-fluid': ((_q = (_p = config.app) === null || _p === void 0 ? void 0 : _p.toolbar) === null || _q === void 0 ? void 0 : _q.container) === 'fluid',
-                'container-xxl': ((_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.toolbar) === null || _s === void 0 ? void 0 : _s.container) === 'fixed',
+    const isPageTitleVisible = showPageTitle(config.app?.toolbar?.layout, config.app?.pageTitle?.display);
+    return (React.createElement("div", { id: 'kt_app_toolbar', className: clsx('app-toolbar', classes.toolbar.join(' '), config?.app?.toolbar?.class) },
+        React.createElement("div", { id: 'kt_app_toolbar_container', className: clsx('app-container', classes.toolbarContainer.join(' '), config.app?.toolbar?.containerClass, config.app?.toolbar?.minimize?.enabled ? 'app-toolbar-minimize' : '', {
+                'container-fluid': config.app?.toolbar?.container === 'fluid',
+                'container-xxl': config.app?.toolbar?.container === 'fixed',
             }) },
-            isPageTitleVisible && react_1.default.createElement(page_title_1.PageTitleWrapper, null),
-            react_1.default.createElement(Toolbar_1.Toolbar, null))));
+            isPageTitleVisible && React.createElement(PageTitleWrapper, null),
+            React.createElement(Toolbar, null))));
 };
-exports.ToolbarWrapper = ToolbarWrapper;
-var showPageTitle = function (appToolbarLayout, appPageTitleDisplay) {
-    var viewsWithPageTitles = ['classic', 'reports', 'saas'];
+const showPageTitle = (appToolbarLayout, appPageTitleDisplay) => {
+    const viewsWithPageTitles = ['classic', 'reports', 'saas'];
     if (!appToolbarLayout || !appPageTitleDisplay) {
         return false;
     }
-    return appPageTitleDisplay && viewsWithPageTitles.some(function (t) { return t === appToolbarLayout; });
+    return appPageTitleDisplay && viewsWithPageTitles.some((t) => t === appToolbarLayout);
 };
+export { ToolbarWrapper };

package/dist/layout/components/toolbar/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("./ToolbarWrapper"), exports);
+export * from './ToolbarWrapper';

package/dist/layout/components/toolbar/page-title/PageTitle.js

@@ -1,44 +1,37 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageTitle = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_router_dom_1 = require("react-router-dom");
-var core_1 = require("../../../core");
-var PageData_1 = require("../../../core/PageData");
-var react_1 = __importDefault(require("react"));
-var PageTitle = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    var _s = (0, PageData_1.usePageData)(), pageTitle = _s.pageTitle, pageDescription = _s.pageDescription, pageBreadcrumbs = _s.pageBreadcrumbs;
-    var _t = (0, core_1.useLayout)(), config = _t.config, classes = _t.classes;
-    var appPageTitleDirection = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.pageTitle) === null || _b === void 0 ? void 0 : _b.direction;
-    return (react_1.default.createElement("div", { id: 'kt_page_title', "data-kt-swapper": 'true', "data-kt-swapper-mode": 'prepend', "data-kt-swapper-parent": "{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}", className: (0, clsx_1.default)('page-title d-flex flex-wrap me-3', classes.pageTitle.join(' '), (_d = (_c = config.app) === null || _c === void 0 ? void 0 : _c.pageTitle) === null || _d === void 0 ? void 0 : _d.class, {
+import clsx from 'clsx';
+import { Link } from 'react-router-dom';
+import { useLayout } from '../../../core';
+import { usePageData } from '../../../core/PageData';
+import React from 'react';
+const PageTitle = () => {
+    const { pageTitle, pageDescription, pageBreadcrumbs } = usePageData();
+    const { config, classes } = useLayout();
+    const appPageTitleDirection = config.app?.pageTitle?.direction;
+    return (React.createElement("div", { id: 'kt_page_title', "data-kt-swapper": 'true', "data-kt-swapper-mode": 'prepend', "data-kt-swapper-parent": "{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}", className: clsx('page-title d-flex flex-wrap me-3', classes.pageTitle.join(' '), config.app?.pageTitle?.class, {
             'flex-column justify-content-center': appPageTitleDirection === 'column',
             'align-items-center': appPageTitleDirection !== 'column',
         }) },
-        ((_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.pageTitle) === null || _f === void 0 ? void 0 : _f.display) && pageTitle && (react_1.default.createElement("h1", { className: (0, clsx_1.default)('page-heading d-flex text-gray-900 fw-bold fs-3 my-0', {
+        config.app?.pageTitle?.display && pageTitle && (React.createElement("h1", { className: clsx('page-heading d-flex text-gray-900 fw-bold fs-3 my-0', {
                 'flex-column justify-content-center': appPageTitleDirection,
                 'align-items-center': !appPageTitleDirection,
             }) },
             pageTitle,
-            pageDescription && ((_g = config.app) === null || _g === void 0 ? void 0 : _g.pageTitle) && ((_j = (_h = config.app) === null || _h === void 0 ? void 0 : _h.pageTitle) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("span", { className: (0, clsx_1.default)('page-desc text-muted fs-7 fw-semibold', {
+            pageDescription && config.app?.pageTitle && config.app?.pageTitle?.description && (React.createElement("span", { className: clsx('page-desc text-muted fs-7 fw-semibold', {
                     'pt-2': appPageTitleDirection === 'column',
                 }) },
-                ((_l = (_k = config.app) === null || _k === void 0 ? void 0 : _k.pageTitle) === null || _l === void 0 ? void 0 : _l.direction) === 'row' && (react_1.default.createElement("span", { className: 'h-20px border-1 border-gray-300 border-start ms-3 mx-2' })),
+                config.app?.pageTitle?.direction === 'row' && (React.createElement("span", { className: 'h-20px border-1 border-gray-300 border-start ms-3 mx-2' })),
                 pageDescription,
                 ' ')))),
         pageBreadcrumbs &&
             pageBreadcrumbs.length > 0 &&
-            ((_m = config.app) === null || _m === void 0 ? void 0 : _m.pageTitle) &&
-            ((_p = (_o = config.app) === null || _o === void 0 ? void 0 : _o.pageTitle) === null || _p === void 0 ? void 0 : _p.breadCrumb) && (react_1.default.createElement(react_1.default.Fragment, null,
-            ((_r = (_q = config.app) === null || _q === void 0 ? void 0 : _q.pageTitle) === null || _r === void 0 ? void 0 : _r.direction) === 'row' && (react_1.default.createElement("span", { className: 'h-20px border-gray-300 border-start mx-4' })),
-            react_1.default.createElement("ul", { className: 'breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0' },
-                Array.from(pageBreadcrumbs).map(function (item, index) { return (react_1.default.createElement("li", { className: (0, clsx_1.default)('breadcrumb-item', {
+            config.app?.pageTitle &&
+            config.app?.pageTitle?.breadCrumb && (React.createElement(React.Fragment, null,
+            config.app?.pageTitle?.direction === 'row' && (React.createElement("span", { className: 'h-20px border-gray-300 border-start mx-4' })),
+            React.createElement("ul", { className: 'breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0' },
+                Array.from(pageBreadcrumbs).map((item, index) => (React.createElement("li", { className: clsx('breadcrumb-item', {
                         'text-gray-900': !item.isSeparator && item.isActive,
                         'text-muted': !item.isSeparator && !item.isActive,
-                    }), key: "".concat(item.path).concat(index) }, !item.isSeparator ? (react_1.default.createElement(react_router_dom_1.Link, { className: 'text-muted text-hover-primary', to: item.path }, item.title)) : (react_1.default.createElement("span", { className: 'bullet bg-gray-500 w-5px h-2px' })))); }),
-                react_1.default.createElement("li", { className: 'breadcrumb-item text-gray-900' }, pageTitle))))));
+                    }), key: `${item.path}${index}` }, !item.isSeparator ? (React.createElement(Link, { className: 'text-muted text-hover-primary', to: item.path }, item.title)) : (React.createElement("span", { className: 'bullet bg-gray-500 w-5px h-2px' }))))),
+                React.createElement("li", { className: 'breadcrumb-item text-gray-900' }, pageTitle))))));
 };
-exports.PageTitle = PageTitle;
+export { PageTitle };

package/dist/layout/components/toolbar/page-title/PageTitleWrapper.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageTitleWrapper = void 0;
-var core_1 = require("../../../core");
-var PageTitle_1 = require("./PageTitle");
-var react_1 = __importDefault(require("react"));
-var PageTitleWrapper = function () {
-    var _a, _b;
-    var config = (0, core_1.useLayout)().config;
-    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.pageTitle) === null || _b === void 0 ? void 0 : _b.display)) {
+import { useLayout } from '../../../core';
+import { PageTitle } from './PageTitle';
+import React from 'react';
+const PageTitleWrapper = () => {
+    const { config } = useLayout();
+    if (!config.app?.pageTitle?.display) {
         return null;
     }
-    return react_1.default.createElement(PageTitle_1.PageTitle, null);
+    return React.createElement(PageTitle, null);
 };
-exports.PageTitleWrapper = PageTitleWrapper;
+export { PageTitleWrapper };

package/dist/layout/components/toolbar/page-title/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("./PageTitleWrapper"), exports);
+export * from './PageTitleWrapper';