lib-pajakio-v2 1.0.58 → 1.0.60

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

@@ -109,17 +109,6 @@ module.exports = String(test) === '[object z]';
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "014b":
-/***/ (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_0bfe4e17_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("06e8");
-/* 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_0bfe4e17_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_0bfe4e17_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "01dd":
@@ -189,13 +178,6 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 };
 
 
-/***/ }),
-
-/***/ "06e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "07fa":
@@ -702,6 +684,17 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
+/***/ }),
+
+/***/ "2499":
+/***/ (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_5de26688_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2569");
+/* 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_5de26688_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_5de26688_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2567":
@@ -713,6 +706,13 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "2569":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "28f1":
@@ -42711,31 +42711,30 @@ var FormSwitchvue_type_style_index_0_id_43b561de_lang_scss_scoped_true = __webpa
 const FormSwitch_exports_ = /*#__PURE__*/exportHelper_default()(FormSwitchvue_type_script_lang_js, [['render',FormSwitchvue_type_template_id_43b561de_scoped_true_render],['__scopeId',"data-v-43b561de"]])
 
 /* 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=0bfe4e17
+// 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=5de26688
 
-const SideNavvue_type_template_id_0bfe4e17_hoisted_1 = ["id"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_2 = ["src"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_3 = ["id"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_4 = ["src"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_5 = {
+const SideNavvue_type_template_id_5de26688_hoisted_1 = ["id"];
+const SideNavvue_type_template_id_5de26688_hoisted_2 = ["src"];
+const SideNavvue_type_template_id_5de26688_hoisted_3 = ["id"];
+const SideNavvue_type_template_id_5de26688_hoisted_4 = ["src"];
+const SideNavvue_type_template_id_5de26688_hoisted_5 = {
   class: "side-nav__content"
 };
-const SideNavvue_type_template_id_0bfe4e17_hoisted_6 = ["id"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_7 = {
+const SideNavvue_type_template_id_5de26688_hoisted_6 = ["id"];
+const SideNavvue_type_template_id_5de26688_hoisted_7 = {
   class: "side-nav__group"
 };
-const SideNavvue_type_template_id_0bfe4e17_hoisted_8 = ["id", "onClick"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_9 = {
+const SideNavvue_type_template_id_5de26688_hoisted_8 = {
   key: 0,
   class: "side-nav__badge"
 };
-const SideNavvue_type_template_id_0bfe4e17_hoisted_10 = ["id", "onClick"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_11 = ["data-title"];
-const SideNavvue_type_template_id_0bfe4e17_hoisted_12 = {
+const SideNavvue_type_template_id_5de26688_hoisted_9 = ["id", "href", "aria-disabled", "tabindex", "onClick"];
+const SideNavvue_type_template_id_5de26688_hoisted_10 = ["data-title"];
+const SideNavvue_type_template_id_5de26688_hoisted_11 = {
   key: 0,
   class: "side-nav__divider"
 };
-function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setup, $data, $options) {
+function SideNavvue_type_template_id_5de26688_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", {
@@ -42747,19 +42746,19 @@ function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setu
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__header", {
       'justify-center': !$data.menuOpen
     }])
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("a", {
     id: $options.getSelectorId('dashboard-logo'),
-    type: "button",
     class: "side-nav__logo-button",
     "aria-label": "Go to dashboard",
-    onClick: _cache[0] || (_cache[0] = $event => $options.clickNav('dashboard'))
+    href: "/dashboard",
+    onClick: _cache[0] || (_cache[0] = $event => $options.handleNavClick($event, 'dashboard'))
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("img", {
     src: $data.menuOpen ? $data.logoPajakio : $data.logoP,
     alt: "Pajak.io",
     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_0bfe4e17_hoisted_2)], 8, SideNavvue_type_template_id_0bfe4e17_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_5de26688_hoisted_2)], 8, SideNavvue_type_template_id_5de26688_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,
     id: $options.getSelectorId('toggle'),
     type: "button",
@@ -42770,14 +42769,14 @@ function SideNavvue_type_template_id_0bfe4e17_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_0bfe4e17_hoisted_4)], 8, SideNavvue_type_template_id_0bfe4e17_hoisted_3)) : 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_0bfe4e17_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+  }, null, 8, SideNavvue_type_template_id_5de26688_hoisted_4)], 8, SideNavvue_type_template_id_5de26688_hoisted_3)) : 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_5de26688_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("a", {
     id: $options.getSelectorId('dashboard'),
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__item", {
       'is-active': $props.activeSideNav === 'dashboard',
       'is-disabled': false
     }]),
-    onClick: _cache[2] || (_cache[2] = $event => $options.clickNav('dashboard')),
-    type: "button"
+    href: "/dashboard",
+    onClick: _cache[2] || (_cache[2] = $event => $options.handleNavClick($event, 'dashboard'))
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: $props.iconDashboard ? $props.iconDashboard : 'home',
     color: $props.colorIconDashboard ? $props.colorIconDashboard : $options.getIconColor($props.activeSideNav === 'dashboard')
@@ -42788,12 +42787,12 @@ function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setu
   }, {
     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"])($props.dashboardName ? $props.dashboardName : "Dashboard"), 1)]),
     _: 1
-  }, 8, ["variant"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_0bfe4e17_hoisted_6), _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }, 8, ["variant"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_5de26688_hoisted_6), _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "side-nav__divider"
   }, 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_0bfe4e17_hoisted_7, [$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_5de26688_hoisted_7, [$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"
@@ -42804,40 +42803,45 @@ function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setu
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: index,
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__group-item", {
-          'is-disabled': !data.active
+          'is-disabled': data.active === false
         }])
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+      }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])(data.children.length > 0 ? 'button' : 'a'), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
         id: $options.getSelectorId('menu', i, index),
-        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__item", {
+        class: ["side-nav__item", {
           'is-active': $options.isParentActive(data)
-        }]),
-        onClick: $event => {
-          $options.toggleCollapse(data);
-          $options.clickNav(data);
-        },
-        type: "button"
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
-        iconName: data.iconName ? data.iconName : data.slug,
-        color: $options.getIconColor($options.isParentActive(data)),
-        disabled: !data.active
-      }, null, 8, ["iconName", "color", "disabled"]), $data.menuOpen ? (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__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_0bfe4e17_hoisted_9, " NEW ! ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
+        }],
+        href: data.children.length > 0 || data.active === false || !data.href && !data.slug ? undefined : $options.getMenuHref(data),
+        "aria-disabled": data.active === false ? 'true' : undefined,
+        tabindex: data.active === false ? -1 : undefined,
+        onClick: $event => $options.handleNavClick($event, data),
+        ref_for: true
+      }, data.children.length > 0 ? {
+        type: 'button'
+      } : {}), {
+        default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+          iconName: data.iconName ? data.iconName : data.slug,
+          color: $options.getIconColor($options.isParentActive(data)),
+          disabled: data.active === false
+        }, null, 8, ["iconName", "color", "disabled"]), $data.menuOpen ? (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__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_5de26688_hoisted_8, " 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,
+          class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__arrow", {
+            'is-open': data.isCollapse
+          }])
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+          iconName: data.isCollapse ? 'expand_more' : 'chevron_right',
+          color: "#B0B8C2",
+          width: "18",
+          height: "18"
+        }, null, 8, ["iconName"])], 2)) : 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,
-        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__arrow", {
-          'is-open': data.isCollapse
-        }])
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
-        iconName: data.isCollapse ? 'expand_more' : 'chevron_right',
-        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_0bfe4e17_hoisted_8), $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      }, 1040, ["id", "class", "href", "aria-disabled", "tabindex", "onClick"])), $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"])({
@@ -42846,14 +42850,16 @@ function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setu
           pointerEvents: data.isCollapse ? '' : 'none'
         })
       }, [(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.children, (child, childIndex) => {
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("a", {
           key: childIndex,
           id: $options.getSelectorId('menu', i, index, childIndex),
           class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__child", {
             'is-active': $props.activeSideNav === child.slug
           }]),
-          onClick: $event => $options.clickNav(child),
-          type: "button"
+          href: data.active === false || child.active === false || !child.href && !child.slug ? undefined : $options.getMenuHref(child),
+          "aria-disabled": data.active === false || child.active === false ? 'true' : undefined,
+          tabindex: data.active === false || child.active === false ? -1 : undefined,
+          onClick: $event => $options.handleNavClick($event, child, data)
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
           variant: "body-1-regular",
           class: "side-nav__child-label"
@@ -42869,12 +42875,12 @@ function SideNavvue_type_template_id_0bfe4e17_render(_ctx, _cache, $props, $setu
           height: "16",
           iconName: "info_outline",
           color: "#383E45"
-        })], 8, SideNavvue_type_template_id_0bfe4e17_hoisted_11)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_0bfe4e17_hoisted_10);
+        })], 8, SideNavvue_type_template_id_5de26688_hoisted_10)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_5de26688_hoisted_9);
       }), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2);
-    }), 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_0bfe4e17_hoisted_12)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+    }), 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_5de26688_hoisted_11)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128))])], 2);
 }
-// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=0bfe4e17
+// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=5de26688
 
 // 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
 
@@ -42979,6 +42985,21 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
       }
       menuItem.isCollapse = !menuItem.isCollapse;
     },
+    handleNavClick(event, data, parent) {
+      if (data && data.active === false || parent && parent.active === false) {
+        event.preventDefault();
+        return;
+      }
+      const isModifiedClick = event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+      if (isModifiedClick) {
+        return;
+      }
+      if (event.currentTarget.tagName === "A") {
+        event.preventDefault();
+      }
+      this.toggleCollapse(data);
+      this.clickNav(data);
+    },
     setMenuStructure() {
       if (this.list) {
         this.menuStructure = this.list.map(menu => {
@@ -42990,11 +43011,13 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
               isCollapse: false,
               active: child.active,
               iconName: child.iconName,
+              href: child.href,
               children: Array.isArray(child.children) ? child.children.map(subChild => ({
                 label: subChild.label,
                 slug: subChild.slug,
                 active: subChild.active,
                 desc: subChild.desc,
+                href: subChild.href,
                 children: []
               })) : []
             }))
@@ -43088,6 +43111,12 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
         }
       }
     },
+    getMenuHref(data) {
+      if (data.href) {
+        return data.href;
+      }
+      return `/${data.slug}`;
+    },
     getSelectorId(action, groupIndex, itemIndex, childIndex) {
       const prefix = this.selectorId || this.instanceSelectorId;
       const indexes = [groupIndex, itemIndex, childIndex].filter(index => index !== undefined);
@@ -43112,8 +43141,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=0bfe4e17&lang=scss
-var SideNavvue_type_style_index_0_id_0bfe4e17_lang_scss = __webpack_require__("014b");
+// EXTERNAL MODULE: ./src/components/SideNav/index.vue?vue&type=style&index=0&id=5de26688&lang=scss
+var SideNavvue_type_style_index_0_id_5de26688_lang_scss = __webpack_require__("2499");
 
 // CONCATENATED MODULE: ./src/components/SideNav/index.vue
 
@@ -43123,7 +43152,7 @@ var SideNavvue_type_style_index_0_id_0bfe4e17_lang_scss = __webpack_require__("0
 
 
 
-const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',SideNavvue_type_template_id_0bfe4e17_render]])
+const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',SideNavvue_type_template_id_5de26688_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=34748542