@soyfri/template 1.0.0

package/dist/layout/core/_LayoutSetup.d.ts

@@ -0,0 +1,33 @@
+import { ILayout, ILayoutCSSClasses, ILayoutCSSVariables, ILayoutHTMLAttributes } from "./_Models";
+declare const getLayoutFromLocalStorage: () => ILayout;
+declare const setLayoutIntoLocalStorage: (config: ILayout) => void;
+declare const getEmptyCssClasses: () => ILayoutCSSClasses;
+declare const getEmptyHTMLAttributes: () => {
+    asideMenu: Map<any, any>;
+    headerMobile: Map<any, any>;
+    headerMenu: Map<any, any>;
+    headerContainer: Map<any, any>;
+    pageTitle: Map<any, any>;
+};
+declare const getEmptyCSSVariables: () => {
+    body: Map<any, any>;
+};
+declare class LayoutSetup {
+    static isLoaded: boolean;
+    static config: ILayout;
+    static classes: ILayoutCSSClasses;
+    static attributes: ILayoutHTMLAttributes;
+    static cssVariables: ILayoutCSSVariables;
+    private static initCSSClasses;
+    private static initHTMLAttributes;
+    private static initCSSVariables;
+    private static initConfig;
+    private static initLayoutSettings;
+    private static initToolbarSetting;
+    private static initHeaderSettigs;
+    private static initWidthSettings;
+    static updatePartialConfig(fieldsToUpdate: Partial<ILayout>): ILayout;
+    static setConfig(config: ILayout): void;
+    static bootstrap: void;
+}
+export { LayoutSetup, getLayoutFromLocalStorage, setLayoutIntoLocalStorage, getEmptyCssClasses, getEmptyCSSVariables, getEmptyHTMLAttributes, };

package/dist/layout/core/_LayoutSetup.js

@@ -0,0 +1,218 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEmptyHTMLAttributes = exports.getEmptyCSSVariables = exports.getEmptyCssClasses = exports.setLayoutIntoLocalStorage = exports.getLayoutFromLocalStorage = exports.LayoutSetup = void 0;
+var _LayoutConfig_1 = require("./_LayoutConfig");
+var envrionment = {
+    VITE_BASE_LAYOUT_CONFIG_KEY: "LayoutConfig",
+};
+var LAYOUT_CONFIG_KEY = envrionment.VITE_BASE_LAYOUT_CONFIG_KEY || "LayoutConfig";
+var getLayoutFromLocalStorage = function () {
+    var ls = localStorage.getItem(LAYOUT_CONFIG_KEY);
+    if (ls) {
+        try {
+            return JSON.parse(ls);
+        }
+        catch (er) {
+            console.error(er);
+        }
+    }
+    return _LayoutConfig_1.DefaultConfig;
+};
+exports.getLayoutFromLocalStorage = getLayoutFromLocalStorage;
+var setLayoutIntoLocalStorage = function (config) {
+    try {
+        localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));
+    }
+    catch (er) {
+        console.error(er);
+    }
+};
+exports.setLayoutIntoLocalStorage = setLayoutIntoLocalStorage;
+var getEmptyCssClasses = function () {
+    return {
+        header: [],
+        headerContainer: [],
+        headerMobile: [],
+        headerMenu: [],
+        aside: [],
+        asideMenu: [],
+        asideToggle: [],
+        toolbar: [],
+        toolbarContainer: [],
+        content: [],
+        contentContainer: [],
+        footerContainer: [],
+        sidebar: [],
+        pageTitle: [],
+        pageContainer: [],
+    };
+};
+exports.getEmptyCssClasses = getEmptyCssClasses;
+var getEmptyHTMLAttributes = function () {
+    return {
+        asideMenu: new Map(),
+        headerMobile: new Map(),
+        headerMenu: new Map(),
+        headerContainer: new Map(),
+        pageTitle: new Map(),
+    };
+};
+exports.getEmptyHTMLAttributes = getEmptyHTMLAttributes;
+var getEmptyCSSVariables = function () {
+    return {
+        body: new Map(),
+    };
+};
+exports.getEmptyCSSVariables = getEmptyCSSVariables;
+var LayoutSetup = /** @class */ (function () {
+    function LayoutSetup() {
+    }
+    LayoutSetup.initCSSClasses = function () {
+        LayoutSetup.classes = getEmptyCssClasses();
+    };
+    LayoutSetup.initHTMLAttributes = function () {
+        LayoutSetup.attributes = Object.assign({}, getEmptyHTMLAttributes());
+    };
+    LayoutSetup.initCSSVariables = function () {
+        LayoutSetup.cssVariables = getEmptyCSSVariables();
+    };
+    LayoutSetup.initConfig = function (config) {
+        var updatedConfig = LayoutSetup.initLayoutSettings(config);
+        updatedConfig = LayoutSetup.initToolbarSetting(updatedConfig);
+        return LayoutSetup.initWidthSettings(updatedConfig);
+    };
+    LayoutSetup.initLayoutSettings = function (config) {
+        var _a, _b, _c, _d, _e, _f;
+        var updatedConfig = __assign({}, config);
+        // clear body classes
+        document.body.className = "";
+        // clear body attributes
+        var bodyAttributes = document.body
+            .getAttributeNames()
+            .filter(function (t) { return t.indexOf("data-") > -1; });
+        bodyAttributes.forEach(function (attr) { return document.body.removeAttribute(attr); });
+        document.body.setAttribute("style", "");
+        document.body.setAttribute("id", "kt_app_body");
+        document.body.setAttribute("data-kt-app-layout", updatedConfig.layoutType);
+        document.body.classList.add("app-default");
+        var pageWidth = (_b = (_a = updatedConfig.app) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0 ? void 0 : _b.pageWidth;
+        if (updatedConfig.layoutType === "light-header" ||
+            updatedConfig.layoutType === "dark-header") {
+            if (pageWidth === "default") {
+                var header = (_c = updatedConfig.app) === null || _c === void 0 ? void 0 : _c.header;
+                if (header && header.default && header.default.container) {
+                    header.default.container = "fixed";
+                }
+                var toolbar_1 = (_d = updatedConfig.app) === null || _d === void 0 ? void 0 : _d.toolbar;
+                if (toolbar_1) {
+                    toolbar_1.container = "fixed";
+                }
+                var content = (_e = updatedConfig.app) === null || _e === void 0 ? void 0 : _e.content;
+                if (content) {
+                    content.container = "fixed";
+                }
+                var footer = (_f = updatedConfig.app) === null || _f === void 0 ? void 0 : _f.footer;
+                if (footer) {
+                    footer.container = "fixed";
+                }
+                var updatedApp = __assign(__assign(__assign(__assign(__assign({}, updatedConfig.app), header), toolbar_1), content), footer);
+                return __assign(__assign({}, updatedConfig), { app: updatedApp });
+            }
+        }
+        LayoutSetup.initHeaderSettigs(updatedConfig);
+        return updatedConfig;
+    };
+    LayoutSetup.initToolbarSetting = function (config) {
+        var _a, _b, _c, _d, _e;
+        var updatedConfig = __assign({}, config);
+        var appHeaderDefaultContent = (_c = (_b = (_a = updatedConfig.app) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.content;
+        if (appHeaderDefaultContent === "page-title") {
+            var toolbar_2 = (_d = updatedConfig.app) === null || _d === void 0 ? void 0 : _d.toolbar;
+            if (toolbar_2) {
+                toolbar_2.display = false;
+                var updatedApp = __assign(__assign({}, updatedConfig.app), toolbar_2);
+                return __assign(__assign({}, updatedConfig), { app: updatedApp });
+            }
+            return updatedConfig;
+        }
+        var pageTitle = (_e = updatedConfig.app) === null || _e === void 0 ? void 0 : _e.pageTitle;
+        if (pageTitle) {
+            pageTitle.description = false;
+            pageTitle.breadCrumb = true;
+            var updatedApp = __assign(__assign({}, updatedConfig.app), pageTitle);
+            return __assign(__assign({}, updatedConfig), { app: updatedApp });
+        }
+        return updatedConfig;
+    };
+    LayoutSetup.initHeaderSettigs = function (config) {
+        var _a, _b, _c;
+        var container = (_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;
+        if (container === "fluid") {
+            this.classes.headerContainer.push("container-fluid");
+        }
+        else {
+            this.classes.headerContainer.push("container-xxl");
+        }
+    };
+    LayoutSetup.initWidthSettings = function (config) {
+        var _a, _b, _c, _d, _e, _f;
+        var updatedConfig = __assign({}, config);
+        var pageWidth = (_b = (_a = updatedConfig.app) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0 ? void 0 : _b.pageWidth;
+        if (!pageWidth || pageWidth === "default") {
+            return config;
+        }
+        var header = (_c = updatedConfig.app) === null || _c === void 0 ? void 0 : _c.header;
+        if (header && header.default) {
+            header.default.container = pageWidth;
+        }
+        var toolbar = (_d = updatedConfig.app) === null || _d === void 0 ? void 0 : _d.toolbar;
+        if (toolbar) {
+            toolbar.container = pageWidth;
+        }
+        var content = (_e = updatedConfig.app) === null || _e === void 0 ? void 0 : _e.content;
+        if (content) {
+            content.container = pageWidth;
+        }
+        var footer = (_f = updatedConfig.app) === null || _f === void 0 ? void 0 : _f.footer;
+        if (footer) {
+            footer.container = pageWidth;
+        }
+        var updatedApp = __assign(__assign(__assign(__assign(__assign({}, updatedConfig.app), header), toolbar), content), footer);
+        return __assign(__assign({}, updatedConfig), { app: updatedApp });
+    };
+    LayoutSetup.updatePartialConfig = function (fieldsToUpdate) {
+        var config = LayoutSetup.config;
+        var updatedConfig = __assign(__assign({}, config), fieldsToUpdate);
+        LayoutSetup.initCSSClasses();
+        LayoutSetup.initCSSVariables();
+        LayoutSetup.initHTMLAttributes();
+        LayoutSetup.isLoaded = false;
+        LayoutSetup.config = LayoutSetup.initConfig(Object.assign({}, updatedConfig));
+        LayoutSetup.isLoaded = true; // remove loading there
+        return updatedConfig;
+    };
+    LayoutSetup.setConfig = function (config) {
+        setLayoutIntoLocalStorage(config);
+    };
+    LayoutSetup.isLoaded = false;
+    LayoutSetup.config = getLayoutFromLocalStorage();
+    LayoutSetup.classes = getEmptyCssClasses();
+    LayoutSetup.attributes = getEmptyHTMLAttributes();
+    LayoutSetup.cssVariables = getEmptyCSSVariables();
+    LayoutSetup.bootstrap = (function () {
+        LayoutSetup.updatePartialConfig(LayoutSetup.config);
+    })();
+    return LayoutSetup;
+}());
+exports.LayoutSetup = LayoutSetup;

package/dist/layout/core/_Models.d.ts

@@ -0,0 +1,247 @@
+export type LayoutType = 'dark-sidebar' | 'light-sidebar' | 'dark-header' | 'light-header';
+export type CSSClassesType = {
+    [key: string]: string[];
+};
+export type HTMLAttributesType = {
+    [key: string]: {
+        [attrName: string]: string | boolean;
+    };
+};
+export interface ILayoutComponent {
+    componentName?: string;
+}
+export interface IPageLoader extends ILayoutComponent {
+    componentName?: 'page-loader';
+    type?: 'none' | 'default' | 'spinner-message' | 'spinner-logo';
+    logoImage?: string;
+    logoClass?: string;
+}
+export interface IScrollTop extends ILayoutComponent {
+    display?: boolean;
+}
+export interface IHeader extends ILayoutComponent {
+    componentName?: 'header';
+    display?: boolean;
+    default?: {
+        container?: 'fluid' | 'fixed';
+        containerClass?: string;
+        fixed?: {
+            desktop?: boolean;
+            mobile?: boolean;
+        };
+        content?: string;
+        menu?: {
+            display?: boolean;
+            iconType?: 'svg' | 'font';
+        };
+        stacked?: boolean;
+        sticky?: {
+            enabled?: boolean;
+            attributes?: {
+                [attrName: string]: string;
+            };
+        };
+        minimize?: {
+            enabled?: boolean;
+            attributes?: {
+                [attrName: string]: string;
+            };
+        };
+    };
+}
+export interface ISidebar extends ILayoutComponent {
+    componentName?: 'sidebar';
+    display?: boolean;
+    default?: {
+        class?: string;
+        push?: {
+            header?: boolean;
+            toolbar?: boolean;
+            footer?: boolean;
+        };
+        drawer?: {
+            enabled?: boolean;
+            attributes?: {
+                [attrName: string]: string;
+            };
+        };
+        sticky?: {
+            enabled?: boolean;
+            attributes?: {
+                [attrName: string]: string;
+            };
+        };
+        fixed?: {
+            desktop?: boolean;
+        };
+        minimize?: {
+            desktop?: {
+                enabled?: boolean;
+                default?: boolean;
+                hoverable?: boolean;
+            };
+            mobile?: {
+                enabled?: boolean;
+                default?: boolean;
+                hoverable?: boolean;
+            };
+        };
+        menu?: {
+            iconType?: 'svg' | 'font';
+        };
+        collapse?: {
+            desktop?: {
+                enabled?: boolean;
+                default?: boolean;
+            };
+            mobile?: {
+                enabled?: boolean;
+                default?: boolean;
+            };
+        };
+        stacked?: boolean;
+    };
+    toggle?: boolean;
+}
+export type ToolbarType = 'classic' | 'accounting' | 'extended' | 'reports' | 'saas';
+export interface IToolbar extends ILayoutComponent {
+    componentName?: 'toolbar';
+    display?: boolean;
+    layout?: ToolbarType;
+    class?: string;
+    container?: 'fixed' | 'fluid';
+    containerClass?: string;
+    fixed?: {
+        desktop?: boolean;
+        mobile?: boolean;
+    };
+    swap?: {
+        enabled?: boolean;
+        attributes?: {
+            [attrName: string]: string;
+        };
+    };
+    sticky?: {
+        enabled?: boolean;
+        attributes?: {
+            [attrName: string]: string;
+        };
+    };
+    minimize?: {
+        enabled?: boolean;
+        attributes?: {
+            [attrName: string]: string;
+        };
+    };
+    filterButton?: boolean;
+    daterangepickerButton?: boolean;
+    primaryButton?: boolean;
+    primaryButtonLabel?: string;
+    primaryButtonModal?: string;
+    secondaryButton?: boolean;
+}
+export interface IMain extends ILayoutComponent {
+    type?: 'blank' | 'default' | 'none';
+    pageBgWhite?: boolean;
+    iconType: 'duotone' | 'solid' | 'outline';
+}
+export interface IIllustrations extends ILayoutComponent {
+    componentName?: 'illustrations';
+    set?: 'dozzy-1' | 'sigma-1' | 'sketchy-1' | 'unitedpalms-1';
+}
+export interface IGeneral extends ILayoutComponent {
+    componentName?: 'general';
+    evolution?: boolean;
+    layoutType?: 'default' | 'blank';
+    mode?: 'light' | 'dark' | 'system';
+    rtl?: boolean;
+    primaryColor?: string;
+    pageBgWhite?: boolean;
+    pageWidth?: 'default' | 'fluid' | 'fixed';
+}
+export interface IMegaMenu extends ILayoutComponent {
+    display: boolean;
+}
+export interface ISidebarPanel extends ILayoutComponent {
+    componentName?: 'sidebar-panel';
+    display: boolean;
+}
+export interface IContent extends ILayoutComponent {
+    componentName?: 'content';
+    container?: 'fixed' | 'fluid';
+    class?: string;
+}
+export interface IFooter extends ILayoutComponent {
+    componentName?: 'footer';
+    display?: boolean;
+    container?: 'fluid' | 'fixed';
+    containerClass?: string;
+    placement?: string;
+    fixed?: {
+        desktop?: boolean;
+        mobile?: boolean;
+    };
+}
+export interface IPageTitle extends ILayoutComponent {
+    componentName?: 'page-title';
+    display?: boolean;
+    breadCrumb?: boolean;
+    description?: boolean;
+    direction?: 'row' | 'column';
+    class?: string;
+}
+export interface IEngage extends ILayoutComponent {
+    componentName?: 'engage';
+    demos?: {
+        enabled?: boolean;
+    };
+    purchase?: {
+        enabled?: boolean;
+    };
+}
+export interface IApp {
+    general?: IGeneral;
+    header?: IHeader;
+    sidebar?: ISidebar;
+    sidebarPanel?: ISidebarPanel;
+    toolbar?: IToolbar;
+    pageTitle?: IPageTitle;
+    content?: IContent;
+    footer?: IFooter;
+    pageLoader?: IPageLoader;
+}
+export interface ILayout {
+    layoutType: LayoutType;
+    main?: IMain;
+    app?: IApp;
+    illustrations?: IIllustrations;
+    scrolltop?: IScrollTop;
+    engage?: IEngage;
+}
+export interface ILayoutCSSClasses {
+    header: Array<string>;
+    headerContainer: Array<string>;
+    headerMobile: Array<string>;
+    headerMenu: Array<string>;
+    aside: Array<string>;
+    asideMenu: Array<string>;
+    asideToggle: Array<string>;
+    sidebar: Array<string>;
+    toolbar: Array<string>;
+    toolbarContainer: Array<string>;
+    content: Array<string>;
+    contentContainer: Array<string>;
+    footerContainer: Array<string>;
+    pageTitle: Array<string>;
+    pageContainer: Array<string>;
+}
+export interface ILayoutHTMLAttributes {
+    asideMenu: Map<string, string | number | boolean>;
+    headerMobile: Map<string, string | number | boolean>;
+    headerMenu: Map<string, string | number | boolean>;
+    headerContainer: Map<string, string | number | boolean>;
+    pageTitle: Map<string, string | number | boolean>;
+}
+export interface ILayoutCSSVariables {
+    body: Map<string, string | number | boolean>;
+}

package/dist/layout/core/_Models.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/layout/core/index.d.ts

@@ -0,0 +1,6 @@
+export * from './_LayoutConfig';
+export * from './_LayoutProvider';
+export * from './_Models';
+export * from './_LayoutSetup';
+export * from './PageData';
+export * from './MetronicSplashScreen';

package/dist/layout/core/index.js

@@ -0,0 +1,22 @@
+"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("./_LayoutConfig"), exports);
+__exportStar(require("./_LayoutProvider"), exports);
+__exportStar(require("./_Models"), exports);
+__exportStar(require("./_LayoutSetup"), exports);
+__exportStar(require("./PageData"), exports);
+__exportStar(require("./MetronicSplashScreen"), exports);

package/dist/layout/index.d.ts

@@ -0,0 +1,12 @@
+export * from './core';
+export * from './MasterLayout';
+export * from './MasterInit';
+export * from './components/header';
+export * from './components/sidebar';
+export * from './components/footer';
+export * from './components/scroll-top';
+export * from './components/toolbar';
+export * from './components/content';
+export * from './components/header/header-menus';
+export * from './components/toolbar/page-title';
+export * from './components/toolbar/toolbars';

package/dist/layout/index.js

@@ -0,0 +1,33 @@
+"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 });
+// Core exports
+__exportStar(require("./core"), exports);
+// Main layouts
+__exportStar(require("./MasterLayout"), exports);
+__exportStar(require("./MasterInit"), exports);
+// Components
+__exportStar(require("./components/header"), exports);
+__exportStar(require("./components/sidebar"), exports);
+__exportStar(require("./components/footer"), exports);
+__exportStar(require("./components/scroll-top"), exports);
+__exportStar(require("./components/toolbar"), exports);
+__exportStar(require("./components/content"), exports);
+// Header menus
+__exportStar(require("./components/header/header-menus"), exports);
+// Toolbar components
+__exportStar(require("./components/toolbar/page-title"), exports);
+__exportStar(require("./components/toolbar/toolbars"), exports);

package/dist/partials/chat/ChatInner.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type Props = {
+    isDrawer?: boolean;
+};
+declare const ChatInner: FC<Props>;
+export { ChatInner };