@soyfri/template 1.0.0

package/dist/i18n/i18nProvider.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import '@formatjs/intl-relativetimeformat/polyfill';
+import '@formatjs/intl-relativetimeformat/locale-data/en';
+import '@formatjs/intl-relativetimeformat/locale-data/de';
+import '@formatjs/intl-relativetimeformat/locale-data/es';
+import '@formatjs/intl-relativetimeformat/locale-data/fr';
+import '@formatjs/intl-relativetimeformat/locale-data/ja';
+import '@formatjs/intl-relativetimeformat/locale-data/zh';
+import { WithChildren } from '../helpers';
+declare const I18nProvider: FC<WithChildren>;
+export { I18nProvider };

package/dist/i18n/i18nProvider.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.I18nProvider = void 0;
+var react_1 = __importDefault(require("react"));
+var Metronici18n_1 = require("./Metronici18n");
+var react_intl_1 = require("react-intl");
+require("@formatjs/intl-relativetimeformat/polyfill");
+require("@formatjs/intl-relativetimeformat/locale-data/en");
+require("@formatjs/intl-relativetimeformat/locale-data/de");
+require("@formatjs/intl-relativetimeformat/locale-data/es");
+require("@formatjs/intl-relativetimeformat/locale-data/fr");
+require("@formatjs/intl-relativetimeformat/locale-data/ja");
+require("@formatjs/intl-relativetimeformat/locale-data/zh");
+var allMessages = {
+    de: [],
+    en: [],
+    es: [],
+    fr: [],
+    ja: [],
+    zh: [],
+};
+var I18nProvider = function (_a) {
+    var children = _a.children;
+    var locale = (0, Metronici18n_1.useLang)();
+    var messages = allMessages[locale];
+    return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: locale, messages: {} }, children));
+};
+exports.I18nProvider = I18nProvider;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './layout';
+export * from './partials/content/activity';
+export * from './partials/layout/theme-mode/ThemeModeProvider';
+export * from './partials/layout/theme-mode/ThemeModeSwitcher';
+export * from './partials/modals/upgrade-plan/UpgradePlan';
+export * from './partials/content/portal/Portal';
+export * from './helpers';

package/dist/index.js

@@ -0,0 +1,24 @@
+"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("./layout"), exports);
+__exportStar(require("./partials/content/activity"), exports);
+__exportStar(require("./partials/layout/theme-mode/ThemeModeProvider"), exports);
+__exportStar(require("./partials/layout/theme-mode/ThemeModeSwitcher"), exports);
+__exportStar(require("./partials/modals/upgrade-plan/UpgradePlan"), exports);
+__exportStar(require("./partials/content/portal/Portal"), exports);
+// Helpers
+__exportStar(require("./helpers"), exports);

package/dist/layout/MasterInit.d.ts

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

package/dist/layout/MasterInit.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MasterInit = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var bootstrap_1 = require("bootstrap");
+var components_1 = require("../assets/ts/components");
+var layout_1 = require("../assets/ts/layout");
+var core_1 = require("./core");
+function MasterInit() {
+    var config = (0, core_1.useLayout)().config;
+    var _a = (0, react_2.useState)(false), initialized = _a[0], setInitialized = _a[1];
+    var pluginsInitialization = function () {
+        layout_1.ThemeModeComponent.init();
+        setTimeout(function () {
+            components_1.ToggleComponent.bootstrap();
+            components_1.ScrollTopComponent.bootstrap();
+            components_1.DrawerComponent.bootstrap();
+            components_1.StickyComponent.bootstrap();
+            components_1.MenuComponent.bootstrap();
+            components_1.ScrollComponent.bootstrap();
+            components_1.SwapperComponent.bootstrap();
+            document.querySelectorAll('[data-bs-toggle="tab"]').forEach(function (tab) {
+                bootstrap_1.Tab.getOrCreateInstance(tab);
+            });
+        }, 500);
+    };
+    (0, react_2.useEffect)(function () {
+        if (!initialized) {
+            setInitialized(true);
+            pluginsInitialization();
+        }
+    }, [config, initialized]);
+    return react_1.default.createElement(react_1.default.Fragment, null);
+}
+exports.MasterInit = MasterInit;

package/dist/layout/MasterLayout.d.ts

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

package/dist/layout/MasterLayout.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MasterLayout = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var header_1 = require("./components/header");
+var RightToolbar_1 = require("../partials/layout/RightToolbar");
+var scroll_top_1 = require("./components/scroll-top");
+var footer_1 = require("./components/footer");
+var sidebar_1 = require("./components/sidebar");
+var partials_1 = require("../partials");
+var core_1 = require("./core");
+var helpers_1 = require("../helpers");
+var MasterLayout = function () {
+    var location = (0, react_router_dom_1.useLocation)();
+    (0, react_2.useEffect)(function () {
+        (0, helpers_1.reInitMenu)();
+    }, [location.key]);
+    return (react_1.default.createElement(core_1.PageDataProvider, null,
+        react_1.default.createElement("div", { className: 'd-flex flex-column flex-root app-root', id: 'kt_app_root' },
+            react_1.default.createElement("div", { className: 'app-page flex-column flex-column-fluid', id: 'kt_app_page' },
+                react_1.default.createElement(header_1.HeaderWrapper, null),
+                react_1.default.createElement("div", { className: 'app-wrapper flex-column flex-row-fluid', id: 'kt_app_wrapper' },
+                    react_1.default.createElement(sidebar_1.Sidebar, null),
+                    react_1.default.createElement("div", { className: 'app-main flex-column flex-row-fluid', id: 'kt_app_main' },
+                        react_1.default.createElement("div", { className: 'd-flex flex-column flex-column-fluid' },
+                            react_1.default.createElement(react_router_dom_1.Outlet, null)),
+                        react_1.default.createElement(footer_1.FooterWrapper, null))))),
+        react_1.default.createElement(partials_1.ActivityDrawer, null),
+        react_1.default.createElement(RightToolbar_1.RightToolbar, null),
+        react_1.default.createElement(partials_1.DrawerMessenger, null),
+        react_1.default.createElement(partials_1.InviteUsers, null),
+        react_1.default.createElement(partials_1.UpgradePlan, null),
+        react_1.default.createElement(scroll_top_1.ScrollTop, null)));
+};
+exports.MasterLayout = MasterLayout;

package/dist/layout/components/content/Content.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WithChildren } from '../../../helpers';
+declare const Content: ({ children }: WithChildren) => React.JSX.Element;
+export { Content };

package/dist/layout/components/content/Content.js

@@ -0,0 +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.Content = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var react_router_1 = require("react-router");
+var clsx_1 = __importDefault(require("clsx"));
+var core_1 = require("../../core");
+var components_1 = require("../../../assets/ts/components");
+var Content = function (_a) {
+    var _b, _c, _d, _e;
+    var children = _a.children;
+    var _f = (0, core_1.useLayout)(), config = _f.config, classes = _f.classes;
+    var location = (0, react_router_1.useLocation)();
+    (0, react_2.useEffect)(function () {
+        components_1.DrawerComponent.hideAll();
+    }, [location]);
+    var appContentContainer = (_c = (_b = config.app) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.container;
+    return (react_1.default.createElement("div", { id: 'kt_app_content', className: (0, clsx_1.default)('app-content flex-column-fluid', classes.content.join(' '), (_e = (_d = config === null || config === void 0 ? void 0 : config.app) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.class) }, appContentContainer ? (react_1.default.createElement("div", { id: 'kt_app_content_container', className: (0, clsx_1.default)('app-container', classes.contentContainer.join(' '), {
+            'container-xxl': appContentContainer === 'fixed',
+            'container-fluid': appContentContainer === 'fluid',
+        }) }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children))));
+};
+exports.Content = Content;

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

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

package/dist/layout/components/content/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("./Content"), exports);

package/dist/layout/components/footer/Footer.d.ts

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

package/dist/layout/components/footer/Footer.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var core_1 = require("../../core");
+var Footer = function () {
+    var config = (0, core_1.useLayout)().config;
+    (0, react_2.useEffect)(function () {
+        updateDOM(config);
+    }, [config]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'text-gray-900 order-2 order-md-1' },
+            react_1.default.createElement("span", { className: 'text-muted fw-semibold me-1' },
+                new Date().getFullYear().toString(),
+                "\u00A9"),
+            react_1.default.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'text-gray-800 text-hover-primary' }, "Keenthemes")),
+        react_1.default.createElement("ul", { className: 'menu menu-gray-600 menu-hover-primary fw-semibold order-1' },
+            react_1.default.createElement("li", { className: 'menu-item' },
+                react_1.default.createElement("a", { href: 'https://keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "About")),
+            react_1.default.createElement("li", { className: 'menu-item' },
+                react_1.default.createElement("a", { href: 'https://devs.keenthemes.com/', target: '_blank', className: 'menu-link px-2' }, "Support")),
+            react_1.default.createElement("li", { className: 'menu-item' },
+                react_1.default.createElement("a", { href: 'https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469', target: '_blank', className: 'menu-link px-2' }, "Purchase")))));
+};
+exports.Footer = Footer;
+var updateDOM = function (config) {
+    var _a, _b, _c, _d, _e, _f;
+    if ((_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.footer) === null || _b === void 0 ? void 0 : _b.fixed) === null || _c === void 0 ? void 0 : _c.desktop) {
+        document.body.classList.add('data-kt-app-footer-fixed', 'true');
+    }
+    if ((_f = (_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.footer) === null || _e === void 0 ? void 0 : _e.fixed) === null || _f === void 0 ? void 0 : _f.mobile) {
+        document.body.classList.add('data-kt-app-footer-fixed-mobile', 'true');
+    }
+};

package/dist/layout/components/footer/FooterWrapper.d.ts

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

package/dist/layout/components/footer/FooterWrapper.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterWrapper = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var core_1 = require("../../core");
+var Footer_1 = require("./Footer");
+var FooterWrapper = function () {
+    var _a, _b;
+    var config = (0, core_1.useLayout)().config;
+    if (!((_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.footer) === null || _b === void 0 ? void 0 : _b.display)) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: 'app-footer', id: 'kt_app_footer' }, config.app.footer.containerClass ? (react_1.default.createElement("div", { className: (0, clsx_1.default)('app-container', config.app.footer.container === 'fixed' ? 'container-xxl' : 'container-fluid', config.app.footer.containerClass) },
+        react_1.default.createElement(Footer_1.Footer, null))) : (react_1.default.createElement(Footer_1.Footer, null))));
+};
+exports.FooterWrapper = FooterWrapper;

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

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

package/dist/layout/components/footer/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("./FooterWrapper"), exports);

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Header: FC;
+export { Header };

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

@@ -0,0 +1,86 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+/* eslint-disable no-prototype-builtins */
+var react_1 = __importStar(require("react"));
+var core_1 = require("../../core");
+var header_menus_1 = require("./header-menus");
+var Header = function () {
+    var config = (0, core_1.useLayout)().config;
+    (0, react_1.useEffect)(function () {
+        updateDOM(config);
+    }, [config]);
+    return (react_1.default.createElement("div", { className: '\n        menu\n        menu-rounded\n        menu-column\n        menu-lg-row\n        my-5\n        my-lg-0\n        align-items-stretch\n        fw-semibold\n        px-2 px-lg-0\n    ', id: 'kt_app_header_menu', "data-kt-menu": 'true' },
+        react_1.default.createElement(header_menus_1.MenuInner, null)));
+};
+exports.Header = Header;
+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;
+    if ((_d = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.fixed) === null || _d === void 0 ? void 0 : _d.desktop) {
+        document.body.setAttribute('data-kt-app-header-fixed', 'true');
+        document.body.setAttribute('data-kt-app-header-minimize', 'on');
+    }
+    if ((_h = (_g = (_f = (_e = config.app) === null || _e === void 0 ? void 0 : _e.header) === null || _f === void 0 ? void 0 : _f.default) === null || _g === void 0 ? void 0 : _g.fixed) === null || _h === void 0 ? void 0 : _h.mobile) {
+        document.body.setAttribute('data-kt-app-header-fixed-mobile', 'true');
+    }
+    if ((_l = (_k = (_j = config.app) === null || _j === void 0 ? void 0 : _j.header) === null || _k === void 0 ? void 0 : _k.default) === null || _l === void 0 ? void 0 : _l.stacked) {
+        document.body.setAttribute('data-kt-app-header-stacked', 'true');
+    }
+    var appHeaderDefaultStickyEnabled = (_q = (_p = (_o = (_m = config.app) === null || _m === void 0 ? void 0 : _m.header) === null || _o === void 0 ? void 0 : _o.default) === null || _p === void 0 ? void 0 : _p.sticky) === null || _q === void 0 ? void 0 : _q.enabled;
+    var appHeaderDefaultStickyAttributes = {};
+    if (appHeaderDefaultStickyEnabled) {
+        appHeaderDefaultStickyAttributes = (_u = (_t = (_s = (_r = config.app) === null || _r === void 0 ? void 0 : _r.header) === null || _s === void 0 ? void 0 : _s.default) === null || _t === void 0 ? void 0 : _t.sticky) === null || _u === void 0 ? void 0 : _u.attributes;
+    }
+    var appHeaderDefaultMinimizeEnabled = (_y = (_x = (_w = (_v = config.app) === null || _v === void 0 ? void 0 : _v.header) === null || _w === void 0 ? void 0 : _w.default) === null || _x === void 0 ? void 0 : _x.minimize) === null || _y === void 0 ? void 0 : _y.enabled;
+    var appHeaderDefaultMinimizeAttributes = {};
+    if (appHeaderDefaultMinimizeEnabled) {
+        appHeaderDefaultMinimizeAttributes = (_2 = (_1 = (_0 = (_z = config.app) === null || _z === void 0 ? void 0 : _z.header) === null || _0 === void 0 ? void 0 : _0.default) === null || _1 === void 0 ? void 0 : _1.minimize) === null || _2 === void 0 ? void 0 : _2.attributes;
+    }
+    setTimeout(function () {
+        var headerElement = document.getElementById('kt_app_header');
+        // header
+        if (headerElement) {
+            var headerAttributes = headerElement
+                .getAttributeNames()
+                .filter(function (t) { return t.indexOf('data-') > -1; });
+            headerAttributes.forEach(function (attr) { return headerElement.removeAttribute(attr); });
+            if (appHeaderDefaultStickyEnabled) {
+                for (var key in appHeaderDefaultStickyAttributes) {
+                    if (appHeaderDefaultStickyAttributes.hasOwnProperty(key)) {
+                        headerElement.setAttribute(key, appHeaderDefaultStickyAttributes[key]);
+                    }
+                }
+            }
+            if (appHeaderDefaultMinimizeEnabled) {
+                for (var key in appHeaderDefaultMinimizeAttributes) {
+                    if (appHeaderDefaultMinimizeAttributes.hasOwnProperty(key)) {
+                        headerElement.setAttribute(key, appHeaderDefaultMinimizeAttributes[key]);
+                    }
+                }
+            }
+        }
+    }, 0);
+};

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWrapper = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var react_router_dom_1 = require("react-router-dom");
+var helpers_1 = require("../../../helpers");
+var core_1 = require("../../core");
+var Header_1 = require("./Header");
+var Navbar_1 = require("./Navbar");
+var react_1 = __importDefault(require("react"));
+function HeaderWrapper() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _m = (0, core_1.useLayout)(), config = _m.config, classes = _m.classes;
+    if (((_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.container) === 'fluid') {
+        core_1.LayoutSetup.classes.headerContainer.push("container-fluid");
+    }
+    else {
+        core_1.LayoutSetup.classes.headerContainer.push("container-xxl");
+    }
+    if (!((_e = (_d = config.app) === null || _d === void 0 ? void 0 : _d.header) === null || _e === void 0 ? void 0 : _e.display)) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { id: 'kt_app_header', className: 'app-header' },
+        react_1.default.createElement("div", { id: 'kt_app_header_container', className: (0, clsx_1.default)('app-container', classes.headerContainer.join(' '), (_h = (_g = (_f = config.app) === null || _f === void 0 ? void 0 : _f.header) === null || _g === void 0 ? void 0 : _g.default) === null || _h === void 0 ? void 0 : _h.containerClass) },
+            ((_j = config.app.sidebar) === null || _j === void 0 ? void 0 : _j.display) && (react_1.default.createElement(react_1.default.Fragment, null, config.layoutType !== 'dark-header' && config.layoutType !== 'light-header' ? (react_1.default.createElement("div", { className: 'd-flex align-items-center d-lg-none ms-n2 me-2', title: 'Show sidebar menu' },
+                react_1.default.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_sidebar_mobile_toggle' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-14', className: ' fs-1' })),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0' },
+                    react_1.default.createElement(react_router_dom_1.Link, { to: '/dashboard', className: 'd-lg-none' },
+                        react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-small.svg'), className: 'h-30px' }))))) : null)),
+            !(config.layoutType === 'dark-sidebar' || config.layoutType === 'light-sidebar') && (react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15' },
+                react_1.default.createElement(react_router_dom_1.Link, { to: '/dashboard' }, config.layoutType === 'dark-header' ? (react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default' })) : (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-light-show' }),
+                    react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/logos/default-dark.svg'), className: 'h-20px h-lg-30px app-sidebar-logo-default theme-dark-show' })))))),
+            react_1.default.createElement("div", { id: 'kt_app_header_wrapper', className: 'd-flex align-items-stretch justify-content-between flex-lg-grow-1' },
+                ((_k = config.app.header.default) === null || _k === void 0 ? void 0 : _k.content) === 'menu' &&
+                    ((_l = config.app.header.default.menu) === null || _l === void 0 ? void 0 : _l.display) && (react_1.default.createElement("div", { className: 'app-header-menu app-header-mobile-drawer align-items-stretch', "data-kt-drawer": 'true', "data-kt-drawer-name": 'app-header-menu', "data-kt-drawer-activate": '{default: true, lg: false}', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": '225px', "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_app_header_menu_toggle', "data-kt-swapper": 'true', "data-kt-swapper-mode": "{default: 'append', lg: 'prepend'}", "data-kt-swapper-parent": "{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}" },
+                    react_1.default.createElement(Header_1.Header, null))),
+                react_1.default.createElement(Navbar_1.Navbar, null)))));
+}
+exports.HeaderWrapper = HeaderWrapper;

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navbar = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var partials_1 = require("../../../partials");
+var core_1 = require("../../core");
+var react_1 = __importDefault(require("react"));
+var itemClass = 'ms-1 ms-md-4';
+var btnClass = 'btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px';
+var userAvatarClass = 'symbol-35px';
+var btnIconClass = 'fs-2';
+var Navbar = function () {
+    var _a, _b, _c, _d;
+    var config = (0, core_1.useLayout)().config;
+    return (react_1.default.createElement("div", { className: 'app-navbar flex-shrink-0' },
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item align-items-stretch', itemClass) },
+            react_1.default.createElement(partials_1.Search, null)),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
+            react_1.default.createElement("div", { id: 'kt_activities_toggle', className: btnClass },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'chart-simple', className: btnIconClass }))),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
+            react_1.default.createElement("div", { "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end', className: btnClass },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'element-plus', className: btnIconClass })),
+            react_1.default.createElement(partials_1.HeaderNotificationsMenu, null)),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
+            react_1.default.createElement("div", { className: (0, clsx_1.default)('position-relative', btnClass), id: 'kt_drawer_chat_toggle' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'message-text-2', className: btnIconClass }),
+                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink' }))),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
+            react_1.default.createElement(partials_1.ThemeModeSwitcher, { toggleBtnClass: (0, clsx_1.default)('btn-active-light-primary btn-custom') })),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('app-navbar-item', itemClass) },
+            react_1.default.createElement("div", { className: (0, clsx_1.default)('cursor-pointer symbol', userAvatarClass), "data-kt-menu-trigger": "{default: 'click'}", "data-kt-menu-attach": 'parent', "data-kt-menu-placement": 'bottom-end' },
+                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-3.jpg'), alt: '' })),
+            react_1.default.createElement(partials_1.HeaderUserMenu, null)),
+        ((_d = (_c = (_b = (_a = config.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.menu) === null || _d === void 0 ? void 0 : _d.display) && (react_1.default.createElement("div", { className: 'app-navbar-item d-lg-none ms-2 me-n3', title: 'Show header menu' },
+            react_1.default.createElement("div", { className: 'btn btn-icon btn-active-color-primary w-35px h-35px', id: 'kt_app_header_menu_toggle' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'text-align-left', className: btnIconClass }))))));
+};
+exports.Navbar = Navbar;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const MegaMenu: FC;
+export { MegaMenu };

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

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MegaMenu = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var helpers_1 = require("../../../../helpers");
+var core_1 = require("../../../core");
+var MegaMenu = function () {
+    var _a = (0, core_1.useLayout)(), setLayoutType = _a.setLayoutType, setToolbarType = _a.setToolbarType;
+    return (react_1.default.createElement("div", { className: 'row' },
+        react_1.default.createElement("div", { className: 'col-lg-6' },
+            react_1.default.createElement("div", { className: 'row' },
+                react_1.default.createElement("div", { className: 'col-lg-6 mb-3' },
+                    react_1.default.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Layouts"),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('light-sidebar'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Light Sidebar"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('dark-sidebar'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Dark Sidebar"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('light-header'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Light Header"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setLayoutType('dark-header'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Dark Header")))),
+                react_1.default.createElement("div", { className: 'col-lg-6 mb-3' },
+                    react_1.default.createElement("h4", { className: 'fs-6 fs-lg-4 text-gray-800 fw-bold mt-3 mb-3 ms-4' }, "Toolbars"),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('classic'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Classic"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('saas'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "SaaS"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('accounting'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Accounting"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('extended'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Extended"))),
+                    react_1.default.createElement("div", { className: 'menu-item p-0 m-0' },
+                        react_1.default.createElement("a", { onClick: function () { return setToolbarType('reports'); }, className: 'menu-link' },
+                            react_1.default.createElement("span", { className: 'menu-bullet' },
+                                react_1.default.createElement("span", { className: 'bullet bullet-dot bg-gray-300i h-6px w-6px' })),
+                            react_1.default.createElement("span", { className: 'menu-title' }, "Reports"))))),
+            react_1.default.createElement("div", { className: 'separator separator-dashed mx-lg-5 mt-2 mb-6' }),
+            react_1.default.createElement("div", { className: 'd-flex flex-stack flex-wrap flex-lg-nowrap gap-2 mb-5 mb-lg-0 mx-lg-5' },
+                react_1.default.createElement("div", { className: 'd-flex flex-column me-5' },
+                    react_1.default.createElement("div", { className: 'fs-6 fw-bold text-gray-800' }, "Layout Builder"),
+                    react_1.default.createElement("div", { className: 'fs-7 fw-semibold text-muted' }, "Customize view")),
+                react_1.default.createElement(react_router_dom_1.Link, { to: '/builder', className: 'btn btn-sm btn-primary fw-bold' }, "Try Builder"))),
+        react_1.default.createElement("div", { className: 'col-lg-6 mb-3 py-lg-3 pe-lg-8 d-flex align-items-center' },
+            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/stock/900x600/45.jpg'), className: 'rounded mw-100', alt: '' }))));
+};
+exports.MegaMenu = MegaMenu;

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

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