@diasro/ucsd-its-frontend 0.0.2

package/README.md

@@ -0,0 +1,4 @@
+# UCSD ITS FRONT END
+This project contains shared Single Page App frontend components, authentication, auditing and utility functions to be shared across various projects in ITS and across UCSD
+
+

package/dist/CommonRoutes.d.ts

@@ -0,0 +1,7 @@
+import { Router } from "vue-router";
+export declare const CommonRoutes: {
+    path: string;
+    name: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}[];
+export declare const registerGlobalGuards: (router: Router) => void;

package/dist/UcsdPlugin.d.ts

@@ -0,0 +1,9 @@
+import { App } from "vue";
+import { UcsdConfig } from "./types/UcsdConfig";
+interface UcsdPluginOptions {
+    ucsdAppConfig: UcsdConfig;
+}
+declare const UcsdPlugin: {
+    install(app: App, options: UcsdPluginOptions): void;
+};
+export default UcsdPlugin;

package/dist/assets/ucsd-its-frontend.css

@@ -0,0 +1 @@
+.tm-scrollable-div{overflow-y:auto}.old-data{text-decoration:line-through;text-decoration-color:red}.title[data-v-e804ddef]{font-size:14px;font-weight:700}.sub[data-v-e804ddef]{line-height:14px;font-size:12px}

package/dist/cli.cjs

@@ -0,0 +1,73 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+
+// Helper functions
+const log = (message) => console.log(`[Setup]: ${message}`);
+
+const createDirIfNotExists = (dir) => {
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+        log(`Created directory: ${dir}`);
+    }
+};
+
+const copyTemplateFile = (sourcePath, targetPath, overwrite) => {
+    if (overwrite || !fs.existsSync(targetPath)) {
+        const content = fs.readFileSync(sourcePath, "utf8"); // Read content from the template file
+        fs.writeFileSync(targetPath, content, "utf8"); // Write content to the target location
+        log(`Created file: ${targetPath}`);
+    } else {
+        log(`File already exists: ${targetPath}`);
+    }
+};
+
+// Main function to set up files and directories
+const run = () => {
+    log("Starting project setup...");
+
+    // Define directories to create
+    const dirs = ["src", "src/styles", "src/pages","src/pages/admin","src/pages/customer","src/pages/invoices","src/components", "src/config", "src/plugins", "src/styles", "src/router","src/stores"];
+
+    // Define template files to copy and their destinations
+    const templatesDir = path.join(__dirname, "templates"); // Template directory (relative to the CLI file)
+    const files = [
+        { source: path.join(templatesDir, "config/ucsd.config.ts"), target: path.join(process.cwd(), "src/config/ucsd.config.ts") },
+        { source: path.join(templatesDir, "styles/settings.scss"), target: path.join(process.cwd(), "src/styles/settings.scss") },
+        { source: path.join(templatesDir, "plugins/index.ts"), target: path.join(process.cwd(), "src/plugins/index.ts") },
+        { source: path.join(templatesDir, "plugins/vuetify.ts"), target: path.join(process.cwd(), "src/plugins/vuetify.ts") },
+        { source: path.join(templatesDir, "router/index.ts"), target: path.join(process.cwd(), "src/router/index.ts") },
+        { source: path.join(templatesDir, "router/routes.ts"), target: path.join(process.cwd(), "src/router/routes.ts") },
+        { source: path.join(templatesDir, "stores/app.ts"), target: path.join(process.cwd(), "src/stores/app.ts") },
+        { source: path.join(templatesDir, "stores/index.ts"), target: path.join(process.cwd(), "src/stores/index.ts") },
+        { source: path.join(templatesDir, "pages/Home.vue"), target: path.join(process.cwd(), "src/pages/Home.vue") },
+        { source: path.join(templatesDir, "pages/DashBoard.vue"), target: path.join(process.cwd(), "src/pages/DashBoard.vue") },
+        { source: path.join(templatesDir, "pages/admin/AdminPage.vue"), target: path.join(process.cwd(), "src/pages/admin/AdminPage.vue") },
+        { source: path.join(templatesDir, "pages/customer/CustomerHome.vue"), target: path.join(process.cwd(), "src/pages/customer/CustomerHome.vue") },
+        { source: path.join(templatesDir, "pages/customer/CustomerSearch.vue"), target: path.join(process.cwd(), "src/pages/customer/CustomerSearch.vue") },
+        { source: path.join(templatesDir, "pages/customer/SimpleForm.vue"), target: path.join(process.cwd(), "src/pages/customer/SimpleForm.vue") },
+        { source: path.join(templatesDir, "pages/invoices/InvoiceHome.vue"), target: path.join(process.cwd(), "src/pages/invoices/InvoiceHome.vue") },
+        { source: path.join(templatesDir, ".env"), target: path.join(process.cwd(),"/.env") }
+    ];
+
+    const overWriteFiles = [
+        { source: path.join(templatesDir, "main.ts"), target: path.join(process.cwd(), "src/main.ts") },
+        { source: path.join(templatesDir, "App.vue"), target: path.join(process.cwd(), "src/App.vue") },
+        { source: path.join(templatesDir, "index.html"), target: path.join(process.cwd(),"/index.html") },
+        { source: path.join(templatesDir, "vite.config.ts"), target: path.join(process.cwd(),"/vite.config.ts") }
+    ];
+
+
+    // Create directories
+    dirs.forEach((dir) => createDirIfNotExists(path.join(process.cwd(), dir)));
+
+    // Copy template files
+    files.forEach(({ source, target }) => copyTemplateFile(source, target, false ));
+    overWriteFiles.forEach(({ source, target }) => copyTemplateFile(source, target, true));
+
+    log("Setup completed successfully!");
+};
+
+run();
+

package/dist/components/TileButton.vue.d.ts

@@ -0,0 +1,113 @@
+import { TileRecord } from "../types/TileRecord";
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    active: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    badgeColor: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    badgeContent: {
+        type: StringConstructor;
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    link: {
+        type: StringConstructor;
+        required: true;
+    };
+    subMenu: {
+        type: {
+            (arrayLength: number): TileRecord[];
+            (...items: TileRecord[]): TileRecord[];
+            new (arrayLength: number): TileRecord[];
+            new (...items: TileRecord[]): TileRecord[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "linkClicked"[], "linkClicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    active: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    badgeColor: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    badgeContent: {
+        type: StringConstructor;
+        required: false;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    link: {
+        type: StringConstructor;
+        required: true;
+    };
+    subMenu: {
+        type: {
+            (arrayLength: number): TileRecord[];
+            (...items: TileRecord[]): TileRecord[];
+            new (arrayLength: number): TileRecord[];
+            new (...items: TileRecord[]): TileRecord[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: false;
+    };
+}>> & Readonly<{
+    onLinkClicked?: ((...args: any[]) => any) | undefined;
+}>, {
+    icon: string;
+    active: boolean;
+    badgeColor: string;
+    label: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/authorization/Login.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/authorization/LoginSuccess.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/authorization/Logout.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/authorization/Unauthorized.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/commons/ChangeHistory.vue.d.ts

@@ -0,0 +1,54 @@
+import { AuditTimeLine } from "../../types/audit";
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    auditTimeLine: {
+        type: {
+            (arrayLength: number): AuditTimeLine[];
+            (...items: AuditTimeLine[]): AuditTimeLine[];
+            new (arrayLength: number): AuditTimeLine[];
+            new (...items: AuditTimeLine[]): AuditTimeLine[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+        default: string;
+    };
+    loadingHistory: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    auditTimeLine: {
+        type: {
+            (arrayLength: number): AuditTimeLine[];
+            (...items: AuditTimeLine[]): AuditTimeLine[];
+            new (arrayLength: number): AuditTimeLine[];
+            new (...items: AuditTimeLine[]): AuditTimeLine[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+        default: string;
+    };
+    loadingHistory: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    auditTimeLine: AuditTimeLine[];
+    loadingHistory: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/commons/ProgressDialog.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/composables/auditLog.d.ts

@@ -0,0 +1,25 @@
+import { Audit } from "../types/audit";
+import { AuditTimeLine } from "../types/audit";
+/**
+ * Hook that provides utility functions to track and commit changes to objects while recording audit logs.
+ *
+ * Functions:
+ * - `trackChanges(data, isNew)`: Tracks the initial state of an object for comparison.
+ *   If the `isNew` flag is true, it resets the tracked data.
+ *
+ * - `commitChanges(data, audit, detailKeyIdentifier, actionType, propertyForNew)`: Records changes between the current state
+ *   and the previously tracked state. It generates audit entries including old and new values, organized based on the action type
+ *   ("new", "update", or "delete"). It also formats and sends audit data to the application's audit store.
+ *
+ * - `mapAuditToTimeLine(audits)`: Converts an array of audit data into a formatted timeline of events. Each event includes details
+ *   like date, time, user information, event type, and associated differences.
+ *
+ * Usage:
+ * Use this hook to handle operations that require tracking changes for audit purposes, formatting audit data,
+ * and sending the respective logs to a centralized storage or service.
+ */
+export declare const useAuditLog: () => {
+    trackChanges: (data: any, isNew: boolean) => void;
+    commitChanges: (data: any, audit: Audit, detailKeyIdentifier: string, actionType: "delete" | "update" | "new", propertyForNew: Array<string>) => void;
+    mapAuditToTimeLine: (audits: Audit[]) => AuditTimeLine[];
+};

package/dist/composables/layout.d.ts

@@ -0,0 +1,19 @@
+import { TileRecord } from "../types/TileRecord";
+import { App } from "vue";
+/**
+ * useUcsdLayout is a composable function that defines and returns configuration and event mapping for a layout system.
+ * It provides objects to configure launcher tiles, toggle dock actions, and event handlers such as theme toggling.
+ *
+ * @returns {Object} An object containing the following properties:
+ * - {Object} eventMap: A mapping of event handlers, such as a function to toggle the current theme.
+ * - {TileRecord} launcher: Configuration for the "Launcher" tile, including label, value, icon, button color, and active state.
+ * - {TileRecord} toggleDock: Configuration for the "Hide/Show Dock" tile, including label, value, icon, button color, and active state.
+ */
+export declare const useUcsdLayout: () => {
+    eventMap: {
+        toggleTheme: () => void;
+    };
+    launcher: TileRecord;
+    toggleDock: TileRecord;
+    registerLayouts: (app: App<Element>) => void;
+};

package/dist/composables/utils/ucsdAppUtils.d.ts

@@ -0,0 +1,15 @@
+import { AxiosError } from "axios";
+export declare const useUcsdAppUtils: () => {
+    deepClone: <T>(obj: Object, hash?: WeakMap<object, any>) => Object;
+    compareObjects: (obj1: any, obj2: any, path?: string) => any[];
+    getLastPath: (str: string) => string | undefined;
+    ensure: <T_1>(argument: T_1 | null | undefined, message?: string) => T_1 & {};
+    parseDateAndSplit: (date: string) => {
+        date: string;
+        time: string;
+    };
+    getTimeStamp: () => string;
+    getBgColor: (input: string) => string;
+    handleApiError: (error: AxiosError) => string;
+    getRandomBase64URLString: (maxLength: number) => string;
+};

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import Login from "./components/authorization/Login.vue";
+import LoginSuccess from "./components/authorization/LoginSuccess.vue";
+import Logout from "./components/authorization/Logout.vue";
+import Unauthorized from "./components/authorization/Unauthorized.vue";
+import TileButton from "./components/TileButton.vue";
+import ChangeHistory from "./components/commons/ChangeHistory.vue";
+import ProgressDialog from "./components/commons/ProgressDialog.vue";
+import UcsdHeader from "./layouts/UcsdHeader.vue";
+import UcsdFooter from "./layouts/UcsdFooter.vue";
+import FixedLayout from "./layouts/FixedLayout.vue";
+import AppLayout from "./layouts/AppLayout.vue";
+import FloatingLayout from "./layouts/FloatingLayout.vue";
+import RailMenu from "./layouts/menu/RailMenu.vue";
+import TopMenu from "./layouts/menu/TopMenu.vue";
+import FloatMenu from "./layouts/menu/FloatMenu.vue";
+import DefaultLayout from "./layouts/DefaultLayout.vue";
+import UserPanel from "./layouts/UserPanel.vue";
+import UcsdPlugin from "./UcsdPlugin";
+export { Login, LoginSuccess, Logout, Unauthorized, TileButton, ProgressDialog, ChangeHistory, UcsdHeader, UcsdFooter, FixedLayout, AppLayout, FloatingLayout, RailMenu, TopMenu, FloatMenu, DefaultLayout, UserPanel, UcsdPlugin };
+export * from "./types/ApiError";
+export * from "./types/audit";
+export * from "./types/LoginUser";
+export * from "./types/UcsdConfig";
+export * from "./types/TileRecord";
+export * from "./CommonRoutes";
+export * from "./composables/utils/ucsdAppUtils";
+export * from "./composables/auditLog";
+export * from "./composables/layout";
+export * from "./stores/its-app";
+export * from "./stores/its-auth";
+export * from "./stores/its-audit";

package/dist/layouts/AppLayout.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/DefaultLayout.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    pageHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+    pageSubHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pageHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+    pageSubHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/FixedLayout.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    pageHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+    pageSubHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pageHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+    pageSubHeader: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/FloatingLayout.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/UcsdFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/UcsdHeader.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    headerTitle: {
+        type: StringConstructor;
+        default: any;
+    };
+    headerSubTitle: {
+        type: StringConstructor;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    headerTitle: {
+        type: StringConstructor;
+        default: any;
+    };
+    headerSubTitle: {
+        type: StringConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    headerTitle: string;
+    headerSubTitle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/UserPanel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/menu/FloatMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/menu/RailMenu.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    layout: {
+        type: StringConstructor;
+        required: false;
+    };
+    toggleNav: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "linkClicked"[], "linkClicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: {
+        type: StringConstructor;
+        required: false;
+    };
+    toggleNav: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    onLinkClicked?: ((...args: any[]) => any) | undefined;
+}>, {
+    toggleNav: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/layouts/menu/TopMenu.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    activeMenuState: {
+        type: ArrayConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activeMenuState: {
+        type: ArrayConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/main.css

@@ -0,0 +1,63 @@
+.p-dock-list-container {
+    padding: 0 !important;
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
+    backdrop-filter: blur(10px) brightness(0.9) !important;
+    -webkit-backdrop-filter: blur(10px) brightness(0.9) !important;
+}
+.title {
+    font-size: 14px;
+    font-weight: bold;
+}
+.light.dock-window {
+    width: 100%;
+    position: relative;
+    background-image: url("https://primefaces.org/cdn/primevue/images/dock/window.jpg");
+    background-repeat: no-repeat;
+    background-size: cover;
+    z-index: 1;
+}
+
+.image-remove-bg {
+    mix-blend-mode: multiply; /* Blend the image with the background */
+}
+
+.dark.dock-window {
+    position: relative;
+    background-image: url("./assets/dark_bg.webp");
+    background-repeat: no-repeat;
+    background-size: cover;
+    width: 100%;
+    height: 450px;
+    z-index: 1;
+}
+
+.bottom > .p-dock-list-container {
+    height: 50px !important;
+}
+
+.dark.p-dock-list-container {
+    background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.light.p-dock-list-container {
+    background: rgba(255, 255, 255, 0.5) !important;
+}
+.square-button {
+    width: 35px !important; /* Same width and height for a square */
+    height: 35px !important;
+    border: none !important; /* Remove the default button border */
+    border-radius: 10px !important; /* Optional: adjust to make slightly rounded corners */
+    align-items: center !important;
+    justify-content: center !important;
+}
+.square-button-p {
+    width: 50px !important; /* Same width and height for a square */
+    height: 50px !important;
+    border: none !important; /* Remove the default button border */
+    border-radius: 15px !important; /* Optional: adjust to make slightly rounded corners */
+    align-items: center !important;
+    justify-content: center !important;
+}
+.show-btns {
+    color: rgba(255, 255, 255, 1) !important;
+}