lib-pajakio-v2 1.0.24 → 1.0.26

package/AGENTS.md

@@ -0,0 +1,174 @@
+# Panduan Library Component Pajak.io
+
+Dokumen ini menjelaskan cara memakai `lib-pajakio-v2`, daftar component yang diekspor, teknologi yang dipakai, dan syarat minimal agar library bisa digunakan di project lain.
+
+## Ringkasan
+
+`lib-pajakio-v2` adalah library UI berbasis Vue untuk aplikasi Pajak.io/Fintax. Entry point library berada di `src/install.js` dan mengekspor named component dari `src/components/index.js`.
+
+Package:
+
+- Nama package: `lib-pajakio-v2`
+- Versi saat dokumen dibuat: `1.0.24`
+- Main bundle: `dist/lib-pajakio-v2.common.js`
+- Style bundle: `dist/lib-pajakio-v2.css`
+
+## Bahasa dan teknologi
+
+Library ini memakai:
+
+- JavaScript
+- Vue Single File Component (`.vue`)
+- Vue 3
+- SCSS/Sass
+- HTML template Vue
+- CSS utility class lokal dari `src/assets/style`
+
+Build tool yang tersedia:
+
+- Vue CLI untuk build library (`npm run build-library`)
+- Vite untuk development/build aplikasi demo (`npm run dev`, `npm run build:vite`)
+
+## Syarat penggunaan di project lain
+
+Project yang memakai library ini sebaiknya memenuhi syarat berikut:
+
+- Menggunakan Vue 3.
+- Menggunakan bundler yang mendukung Vue SFC dan CSS import, misalnya Vite atau Vue CLI.
+- Meng-install dependency runtime yang dibutuhkan component:
+  - `vue`
+  - `vue-router` jika memakai component yang memakai `<router-link>` atau `$route`, seperti `DashboardFooter` dan sebagian alur `DashboardHeader`.
+  - `js-cookie` jika memakai `DashboardHeader` dengan fitur session/logout.
+- Mengimpor CSS library agar styling component aktif.
+- Memastikan alias `@` di project consumer tidak bentrok bila memakai source component langsung. Untuk penggunaan normal dari package, gunakan bundle `dist`.
+- Menyediakan data props dengan shape yang sesuai. Beberapa component masih mengakses property object secara langsung, jadi nilai `null`/shape berbeda bisa memicu error.
+
+## Instalasi dan penggunaan
+
+Install package dari registry/private registry yang digunakan project:
+
+```bash
+npm install lib-pajakio-v2
+```
+
+Import component yang dibutuhkan:
+
+```js
+import { BaseButton, FormInput, DatePicker } from "lib-pajakio-v2";
+import "lib-pajakio-v2/dist/lib-pajakio-v2.css";
+```
+
+Contoh pemakaian di Vue:
+
+```vue
+<template>
+  <form-input v-model="name" placeholder="Nama wajib pajak">
+    <template #label>
+      <typo-text variant="body-1-bold">Nama</typo-text>
+    </template>
+  </form-input>
+
+  <base-button variant="primary" icon-left="save">
+    Simpan
+  </base-button>
+</template>
+
+<script>
+import { BaseButton, FormInput, TypoText } from "lib-pajakio-v2";
+import "lib-pajakio-v2/dist/lib-pajakio-v2.css";
+
+export default {
+  components: { BaseButton, FormInput, TypoText },
+  data() {
+    return { name: "" };
+  },
+};
+</script>
+```
+
+Library ini belum menyediakan plugin installer global (`app.use(...)`). Cara paling aman adalah import named component dan register di component/page yang membutuhkan.
+
+## Development library
+
+Install dependency:
+
+```bash
+npm install
+```
+
+Jalankan demo Vue CLI:
+
+```bash
+npm run serve
+```
+
+Jalankan demo Vite:
+
+```bash
+npm run dev
+```
+
+Build library:
+
+```bash
+npm run build-library
+```
+
+## Component yang tersedia
+
+Named export dari `src/components/index.js`:
+
+- `AnimatedIconLogo`
+- `BaseButton`
+- `BaseIcon`
+- `BaseTable`
+- `Breadcrumbs`
+- `DashboardFooter`
+- `DashboardHeader`
+- `DatePicker`
+- `Dropdown`
+- `DropdownCheckbox`
+- `DropdownCompany`
+- `DropdownMultipleTag`
+- `DropdownSearchList`
+- `DropdownSelect`
+- `ExpansionPanel`
+- `FormCheckbox`
+- `FormGroupCheckbox`
+- `FormInput`
+- `FormInputTag`
+- `FormRadio`
+- `FormSwitch`
+- `FormTextarea`
+- `FormWysiwyg`
+- `LoadingIcon`
+- `ModalDialog`
+- `SideNav`
+- `Snackbar`
+- `Stepper`
+- `TablePagination`
+- `Tabmenu`
+- `TypoText`
+
+Ada juga banyak component SVG icon di `src/components/Icons/*`. Icon individual tidak diekspor satu per satu dari package utama, tetapi digunakan melalui `BaseIcon` dengan prop `iconName`.
+
+## Struktur dokumentasi component
+
+Detail component, props, events, slots, dan contoh penggunaan ada di:
+
+- `docs/specs/README.md`
+- `docs/specs/base-and-icons.md`
+- `docs/specs/forms.md`
+- `docs/specs/dropdowns.md`
+- `docs/specs/date-picker.md`
+- `docs/specs/navigation-layout.md`
+- `docs/specs/feedback-overlays.md`
+- `docs/specs/table-and-tabs.md`
+
+## Catatan integrasi penting
+
+- Mayoritas input memakai kontrak `v-model` Vue 3, yaitu prop `modelValue` dan event `update:modelValue`.
+- Beberapa component memakai event custom seperti `clickPage`, `changeSize`, `actionMenu`, `handleClose`, atau `actionRoute`.
+- Component `FormInput`, `FormTextarea`, `FormInputTag`, dan `FormWysiwyg` menerima slot `label`.
+- Component `Dropdown`, `DropdownCheckbox`, `DropdownCompany`, `ModalDialog`, `ExpansionPanel`, dan `Snackbar` mengandalkan slot untuk isi yang fleksibel.
+- `DashboardHeader` melakukan redirect logout dan membaca cookie `pajakio`; pakai component ini hanya bila aplikasi consumer memang punya flow session yang kompatibel.

package/dist/lib-pajakio-v2.common.js

@@ -136,6 +136,17 @@ module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "056e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_41a595cc_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e23d");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_41a595cc_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_41a595cc_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "06cf":
@@ -512,17 +523,6 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "2334":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_504d1e58_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c8a1");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_504d1e58_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_504d1e58_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "23cb":
@@ -2179,13 +2179,6 @@ var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED,
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "c8a1":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "c8ba":
@@ -2484,6 +2477,13 @@ module.exports = function (V, P) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e23d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e330":
@@ -40869,29 +40869,29 @@ var FormSwitchvue_type_style_index_0_id_7b52b7b6_lang_scss_scoped_true = __webpa
 const FormSwitch_exports_ = /*#__PURE__*/exportHelper_default()(FormSwitchvue_type_script_lang_js, [['render',FormSwitchvue_type_template_id_7b52b7b6_scoped_true_render],['__scopeId',"data-v-7b52b7b6"]])
 
 /* harmony default export */ var FormSwitch = (FormSwitch_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/SideNav/index.vue?vue&type=template&id=504d1e58
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/SideNav/index.vue?vue&type=template&id=41a595cc
 
-const SideNavvue_type_template_id_504d1e58_hoisted_1 = ["src"];
-const SideNavvue_type_template_id_504d1e58_hoisted_2 = ["src"];
-const SideNavvue_type_template_id_504d1e58_hoisted_3 = {
+const SideNavvue_type_template_id_41a595cc_hoisted_1 = ["src"];
+const SideNavvue_type_template_id_41a595cc_hoisted_2 = ["src"];
+const SideNavvue_type_template_id_41a595cc_hoisted_3 = {
   class: "side-nav__content"
 };
-const SideNavvue_type_template_id_504d1e58_hoisted_4 = {
+const SideNavvue_type_template_id_41a595cc_hoisted_4 = {
   class: "side-nav__group"
 };
-const SideNavvue_type_template_id_504d1e58_hoisted_5 = ["id"];
-const SideNavvue_type_template_id_504d1e58_hoisted_6 = ["onClick"];
-const SideNavvue_type_template_id_504d1e58_hoisted_7 = {
+const SideNavvue_type_template_id_41a595cc_hoisted_5 = ["id"];
+const SideNavvue_type_template_id_41a595cc_hoisted_6 = ["onClick"];
+const SideNavvue_type_template_id_41a595cc_hoisted_7 = {
   key: 0,
   class: "side-nav__badge"
 };
-const SideNavvue_type_template_id_504d1e58_hoisted_8 = ["onClick"];
-const SideNavvue_type_template_id_504d1e58_hoisted_9 = ["data-title"];
-const SideNavvue_type_template_id_504d1e58_hoisted_10 = {
+const SideNavvue_type_template_id_41a595cc_hoisted_8 = ["onClick"];
+const SideNavvue_type_template_id_41a595cc_hoisted_9 = ["data-title"];
+const SideNavvue_type_template_id_41a595cc_hoisted_10 = {
   key: 0,
   class: "side-nav__divider"
 };
-function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setup, $data, $options) {
+function SideNavvue_type_template_id_41a595cc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
   const _component_typo_text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("typo-text");
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("aside", {
@@ -40914,7 +40914,7 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__logo", {
       'side-nav__logo--collapsed': !$data.menuOpen
     }])
-  }, null, 10, SideNavvue_type_template_id_504d1e58_hoisted_1)]), $options.showCollapseButton ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+  }, null, 10, SideNavvue_type_template_id_41a595cc_hoisted_1)]), $options.showCollapseButton ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
     key: 0,
     type: "button",
     class: "side-nav__toggle",
@@ -40924,7 +40924,7 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
     src: $data.menuOpen ? $data.collapseClose : $data.collapseOpen,
     alt: "Toggle navigation",
     class: "side-nav__toggle-icon"
-  }, null, 8, SideNavvue_type_template_id_504d1e58_hoisted_2)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_504d1e58_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+  }, null, 8, SideNavvue_type_template_id_41a595cc_hoisted_2)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_41a595cc_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__item", {
       'is-active': $props.activeSideNav === 'dashboard',
       'is-disabled': false
@@ -40946,7 +40946,7 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
   }, null, -1)), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($data.menuStructure, (menu, i) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
       key: i
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_504d1e58_hoisted_4, [$data.menuOpen && menu.groupTitle ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_typo_text, {
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_41a595cc_hoisted_4, [$data.menuOpen && menu.groupTitle ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_typo_text, {
       key: 0,
       class: "side-nav__group-title",
       variant: "caption-bold"
@@ -40978,7 +40978,7 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
         class: "side-nav__label",
         variant: $options.isParentActive(data) ? 'body-1-bold' : 'body-1-regular'
       }, {
-        default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(data.label) + " ", 1), data.slug === 'ematerai' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", SideNavvue_type_template_id_504d1e58_hoisted_7, " NEW ! ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
+        default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(data.label) + " ", 1), data.slug === 'ematerai' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", SideNavvue_type_template_id_41a595cc_hoisted_7, " NEW ! ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
         _: 2
       }, 1032, ["variant"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), data.children.length > 0 && $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: 1,
@@ -40990,7 +40990,7 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
         color: "#B0B8C2",
         width: "18",
         height: "18"
-      }, null, 8, ["iconName"])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_504d1e58_hoisted_6), $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      }, null, 8, ["iconName"])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_6), $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: 0,
         class: "side-nav__children",
         style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
@@ -41021,12 +41021,12 @@ function SideNavvue_type_template_id_504d1e58_render(_ctx, _cache, $props, $setu
           height: "16",
           iconName: "info_outline",
           color: "#383E45"
-        })], 8, SideNavvue_type_template_id_504d1e58_hoisted_9)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_504d1e58_hoisted_8);
-      }), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_504d1e58_hoisted_5);
-    }), 128))]), i < $data.menuStructure.length - 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", SideNavvue_type_template_id_504d1e58_hoisted_10)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+        })], 8, SideNavvue_type_template_id_41a595cc_hoisted_9)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_8);
+      }), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_5);
+    }), 128))]), i < $data.menuStructure.length - 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", SideNavvue_type_template_id_41a595cc_hoisted_10)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128))])], 2);
 }
-// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=504d1e58
+// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=41a595cc
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/SideNav/index.vue?vue&type=script&lang=js
 
@@ -41084,12 +41084,17 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
     list: {
       handler() {
         this.setMenuStructure();
+        this.redirectInactiveActiveSideNav();
       },
       deep: true
+    },
+    activeSideNav() {
+      this.redirectInactiveActiveSideNav();
     }
   },
   mounted() {
     this.setMenuStructure();
+    this.redirectInactiveActiveSideNav();
     this.updateIsMobile();
     window.addEventListener("resize", this.updateIsMobile);
     document.addEventListener("click", this.handleClickOutside);
@@ -41145,6 +41150,63 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
         console.warn("List or children is undefined!");
       }
     },
+    buildModuleUrl(path) {
+      const baseUrl = typeof window !== "undefined" ? window.location.origin : "";
+      const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+      return `${baseUrl}${normalizedPath}`;
+    },
+    getCurrentRouteSideNavSlug() {
+      if (typeof window === "undefined") {
+        return "";
+      }
+      const [slug] = window.location.pathname.split("/").filter(Boolean);
+      return slug || "";
+    },
+    findSideNavItem(slug) {
+      if (!slug || slug === "dashboard") {
+        return null;
+      }
+      for (const menu of this.menuStructure) {
+        for (const menuItem of menu.groupMenu || []) {
+          if (menuItem.slug === slug) {
+            return {
+              item: menuItem,
+              parent: null
+            };
+          }
+          if (Array.isArray(menuItem.children)) {
+            const child = menuItem.children.find(item => item.slug === slug);
+            if (child) {
+              return {
+                item: child,
+                parent: menuItem
+              };
+            }
+          }
+        }
+      }
+      return null;
+    },
+    isSideNavItemInactiveBySlug(slug) {
+      const matchedMenu = this.findSideNavItem(slug);
+      if (!matchedMenu) {
+        return false;
+      }
+      return matchedMenu.item.active === false || Boolean(matchedMenu.parent && matchedMenu.parent.active === false);
+    },
+    isCurrentRouteSideNavInactive() {
+      const currentRouteSlug = this.getCurrentRouteSideNavSlug();
+      return this.isSideNavItemInactiveBySlug(currentRouteSlug);
+    },
+    redirectInactiveActiveSideNav() {
+      if (!this.isCurrentRouteSideNavInactive() || typeof window === "undefined") {
+        return;
+      }
+      const dashboardUrl = this.buildModuleUrl("/dashboard");
+      if (window.location.href !== dashboardUrl) {
+        window.location.href = dashboardUrl;
+      }
+    },
     clickNav(data) {
       if (data && typeof data === "object" && data.active === false) {
         return;
@@ -41191,8 +41253,8 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
 });
 // CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/SideNav/index.vue?vue&type=style&index=0&id=504d1e58&lang=scss
-var SideNavvue_type_style_index_0_id_504d1e58_lang_scss = __webpack_require__("2334");
+// EXTERNAL MODULE: ./src/components/SideNav/index.vue?vue&type=style&index=0&id=41a595cc&lang=scss
+var SideNavvue_type_style_index_0_id_41a595cc_lang_scss = __webpack_require__("056e");
 
 // CONCATENATED MODULE: ./src/components/SideNav/index.vue
 
@@ -41202,7 +41264,7 @@ var SideNavvue_type_style_index_0_id_504d1e58_lang_scss = __webpack_require__("2
 
 
 
-const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',SideNavvue_type_template_id_504d1e58_render]])
+const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',SideNavvue_type_template_id_41a595cc_render]])
 
 /* harmony default export */ var SideNav = (SideNav_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Snackbar/index.vue?vue&type=template&id=e0e5b538