lib-pajakio-v2 1.0.17 → 1.0.19

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

@@ -275,17 +275,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "0f32":
-/***/ (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_faab9602_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7dd7");
-/* 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_faab9602_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_faab9602_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1212":
@@ -1380,13 +1369,6 @@ module.exports = function (argument) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "7dd7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "8085":
@@ -1636,6 +1618,17 @@ module.exports = store.inspectSource;
 
 module.exports = require("vue");
 
+/***/ }),
+
+/***/ "8d6c":
+/***/ (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_28cf6cc1_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("de1e");
+/* 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_28cf6cc1_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_28cf6cc1_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8dbb":
@@ -2040,6 +2033,13 @@ module.exports = function (name) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "c028":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "c04e":
@@ -2404,6 +2404,17 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
+/***/ }),
+
+/***/ "d831":
+/***/ (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_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c028");
+/* 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_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_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_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d9b5":
@@ -2466,6 +2477,13 @@ module.exports = function (V, P) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "de1e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e330":
@@ -2686,6 +2704,7 @@ __webpack_require__.d(__webpack_exports__, "DropdownCompany", function() { retur
 __webpack_require__.d(__webpack_exports__, "ModalDialog", function() { return /* reexport */ ModalDialog; });
 __webpack_require__.d(__webpack_exports__, "FormInputTag", function() { return /* reexport */ FormInputTag; });
 __webpack_require__.d(__webpack_exports__, "FormTextarea", function() { return /* reexport */ FormTextarea; });
+__webpack_require__.d(__webpack_exports__, "FormWysiwyg", function() { return /* reexport */ FormWysiwyg; });
 __webpack_require__.d(__webpack_exports__, "ExpansionPanel", function() { return /* reexport */ ExpansionPanel; });
 __webpack_require__.d(__webpack_exports__, "AnimatedIconLogo", function() { return /* reexport */ AnimatedIconLogo; });
 
@@ -36842,16 +36861,16 @@ var DashboardFootervue_type_style_index_0_id_2dbadb09_lang_scss = __webpack_requ
 const DashboardFooter_exports_ = /*#__PURE__*/exportHelper_default()(DashboardFootervue_type_script_lang_js, [['render',DashboardFootervue_type_template_id_2dbadb09_render]])
 
 /* harmony default export */ var DashboardFooter = (DashboardFooter_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/DashboardHeader/index.vue?vue&type=template&id=faab9602
+// 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/DashboardHeader/index.vue?vue&type=template&id=28cf6cc1
 
-const DashboardHeadervue_type_template_id_faab9602_hoisted_1 = {
+const DashboardHeadervue_type_template_id_28cf6cc1_hoisted_1 = {
   class: "dashboard-header box-shadow"
 };
-const DashboardHeadervue_type_template_id_faab9602_hoisted_2 = {
+const DashboardHeadervue_type_template_id_28cf6cc1_hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const DashboardHeadervue_type_template_id_faab9602_hoisted_3 = {
+const DashboardHeadervue_type_template_id_28cf6cc1_hoisted_3 = {
   class: "company-name"
 };
 const _hoisted_4 = {
@@ -36873,49 +36892,76 @@ const _hoisted_9 = {
   class: "header-right relative"
 };
 const _hoisted_10 = {
-  class: "notification"
+  class: "notification-wrapper"
 };
 const _hoisted_11 = {
-  class: "avatar"
+  key: 0,
+  class: "notif-dot"
 };
 const _hoisted_12 = {
-  class: "user-text"
+  key: 0,
+  class: "notification-dropdown box-shadow"
 };
 const _hoisted_13 = {
+  key: 0,
+  class: "notification-list"
+};
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
+  class: "notification-item-content"
+};
+const _hoisted_16 = {
+  class: "notification-item-title"
+};
+const _hoisted_17 = {
+  key: 0,
+  class: "notification-item-meta"
+};
+const _hoisted_18 = {
+  key: 1,
+  class: "notification-empty"
+};
+const _hoisted_19 = {
+  class: "avatar"
+};
+const _hoisted_20 = {
+  class: "user-text"
+};
+const _hoisted_21 = {
   class: "user-name"
 };
-const _hoisted_14 = {
+const _hoisted_22 = {
   class: "user-role"
 };
-const _hoisted_15 = {
+const _hoisted_23 = {
   key: 0,
-  class: "absolute top-8 right-0"
+  class: "absolute top-8 right-0 user-dropdown-wrapper"
 };
-const _hoisted_16 = {
+const _hoisted_24 = {
   class: "dropdown-panel box-shadow bg-white"
 };
-const _hoisted_17 = {
+const _hoisted_25 = {
   class: "flex flex-col p-3",
   style: {
     "border-bottom": "1px solid #DDDDDD"
   }
 };
-const _hoisted_18 = {
+const _hoisted_26 = {
   class: "flex flex-row items-center mb-4"
 };
-const _hoisted_19 = {
+const _hoisted_27 = {
   class: "avatar mr-3"
 };
-const _hoisted_20 = {
+const _hoisted_28 = {
   class: "flex flex-col"
 };
-const _hoisted_21 = ["onClick"];
-function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_29 = ["onClick"];
+function DashboardHeadervue_type_template_id_28cf6cc1_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
   const _component_dropdown_company = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("dropdown-company");
   const _component_typo_text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("typo-text");
   const _component_base_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-button");
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_faab9602_hoisted_1, [$props.showCompany ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_faab9602_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_28cf6cc1_hoisted_1, [$props.showCompany ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_28cf6cc1_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
     options: $props.companyList,
     style: {
       "width": "100%",
@@ -36934,7 +36980,7 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
   }, {
     list: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(({
       item
-    }) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", DashboardHeadervue_type_template_id_faab9602_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyNpwp), 1)]),
+    }) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", DashboardHeadervue_type_template_id_28cf6cc1_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyNpwp), 1)]),
     label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(slotProps => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selectedCompany.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selectedCompany.companyNpwp), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
       iconName: "expand_more",
       class: "chevron",
@@ -36943,25 +36989,40 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
       })
     }, null, 8, ["style"])])]),
     _: 1
-  }, 8, ["options", "onChange", "enableInfiniteScroll", "hasMore", "isLoadingMore", "scrollThreshold", "onLoadMore"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+  }, 8, ["options", "onChange", "enableInfiniteScroll", "hasMore", "isLoadingMore", "scrollThreshold", "onLoadMore"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["notification", {
+      active: $data.showNotification
+    }]),
+    onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleNotificationMenu && $options.toggleNotificationMenu(...args))
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: "notifications_none"
-  }), _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
-    class: "notif-dot"
-  }, null, -1))]), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_11)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_12, [$options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_13, [(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"])($options.notificationItems, item => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: item.id,
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["notification-item", $options.notificationSeverityClass(item)]),
+      onClick: $event => $options.onNotificationClick(item)
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+      iconName: $options.notificationIcon(item),
+      color: $options.notificationColor(item),
+      class: "notification-item-icon",
+      width: "20px",
+      height: "20px"
+    }, null, 8, ["iconName", "color"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_15, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_16, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.title), 1), item.periodLabel ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_17, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.periodLabel), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, _hoisted_14);
+  }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_18, " Tidak ada notifikasi "))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "divider"
   }, null, -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["user-summary", {
       active: $data.show
     }]),
-    onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_11, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_12, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_14, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+    onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_19, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_20, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_21, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_22, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: "expand_more",
     class: "caret",
     color: "#90A1B9",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       transform: $data.show ? 'rotate(180deg)' : 'rotate(0deg)'
     })
-  }, null, 8, ["style"])], 2), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_15, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_16, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_17, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_18, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_19, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+  }, null, 8, ["style"])], 2), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_23, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_24, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_25, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_27, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
     variant: "body-1-bold",
     class: "capitalize"
   }, {
@@ -36977,11 +37038,11 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
   })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_button, {
     variant: "secondary",
     class: "justify-center",
-    onClick: _cache[1] || (_cache[1] = $event => $options.actionRoute('edit-profile'))
+    onClick: _cache[2] || (_cache[2] = $event => $options.actionRoute('edit-profile'))
   }, {
     default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[4] || (_cache[4] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Ubah Profil ")])),
     _: 1
-  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_20, [(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"])($props.menuNavbar, (item, index) => {
+  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_28, [(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"])($props.menuNavbar, (item, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: index,
       class: "p-4 cursor-pointer item-menu flex",
@@ -36990,13 +37051,14 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
       key: 0,
       iconName: item.icon,
       class: "mr-2"
-    }, null, 8, ["iconName"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.name), 1)], 8, _hoisted_21);
-  }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    }, null, 8, ["iconName"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.name), 1)], 8, _hoisted_29);
+  }), 128))])])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $data.show || $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    key: 1,
     class: "overlay",
-    onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
-  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
+    onClick: _cache[3] || (_cache[3] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
+  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
 }
-// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=faab9602
+// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=28cf6cc1
 
 // 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/Dropdown/DropdownCompany.vue?vue&type=template&id=267c0afa
 
@@ -37289,11 +37351,16 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
     companyScrollThreshold: {
       type: Number,
       default: 40
+    },
+    notifications: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
     return {
       show: false,
+      showNotification: false,
       logoutTimeout: null
     };
   },
@@ -37310,6 +37377,16 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
         initials = initials.toUpperCase();
       }
       return initials;
+    },
+    hasNotifications() {
+      return this.notificationItems.length > 0;
+    },
+    notificationItems() {
+      if (!Array.isArray(this.notifications)) return [];
+      return [...this.notifications].sort((a, b) => {
+        var _a$priority, _b$priority;
+        return ((_a$priority = a === null || a === void 0 ? void 0 : a.priority) !== null && _a$priority !== void 0 ? _a$priority : 0) - ((_b$priority = b === null || b === void 0 ? void 0 : b.priority) !== null && _b$priority !== void 0 ? _b$priority : 0);
+      });
     }
   },
   watch: {
@@ -37325,11 +37402,21 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
   },
   methods: {
     toggleMenu() {
+      this.showNotification = false;
       this.show = !this.show;
     },
+    toggleNotificationMenu() {
+      this.show = false;
+      this.showNotification = !this.showNotification;
+    },
+    closeAllMenus() {
+      this.show = false;
+      this.showNotification = false;
+    },
     actionRoute(value) {
       this.$emit("actionRoute", value);
       this.show = false;
+      this.showNotification = false;
     },
     setSelectedCompany(value) {
       this.$emit("setSelectedCompany", value);
@@ -37394,13 +37481,60 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
       } else {
         clearTimeout(this.logoutTimeout);
       }
+    },
+    notificationSeverityClass(item) {
+      const severity = item && item.severity ? item.severity : "default";
+      return `severity-${severity}`;
+    },
+    notificationIcon(item) {
+      if (item && item.icon) return item.icon;
+      if (item && item.severity === "danger") return "error_outline";
+      if (item && item.severity === "warning") return "warning";
+      return "notifications_none";
+    },
+    notificationColor(item) {
+      if (item && item.severity === "danger") return "#E64C4C";
+      if (item && item.severity === "warning") return "#F4A51C";
+      return "#7A8595";
+    },
+    moduleBaseUrl() {
+      return this.moduleApp ? this.moduleApp.replace(/\/+$/, "") : "";
+    },
+    buildRoute(path) {
+      if (!path) return "";
+      const cleanPath = String(path).replace(/^\/+/, "");
+      const baseUrl = this.moduleBaseUrl();
+      return baseUrl ? `${baseUrl}/${cleanPath}` : `/${cleanPath}`;
+    },
+    onNotificationClick(item) {
+      const actionMap = {
+        "verifikasi-email": "akun",
+        "verifikasi-phone": "akun",
+        pic: "manajemen-perusahaan/pic",
+        signer: "manajemen-perusahaan/penandatangan"
+      };
+      if (item.actionKey === "company-invitation") {
+        this.$emit("notificationAction", item);
+        this.showNotification = false;
+        return;
+      }
+      if (item.actionKey === "transaksi" && item.url) {
+        window.location.href = item.url;
+        this.showNotification = false;
+        return;
+      }
+      const path = actionMap[item.actionKey];
+      if (path) {
+        window.location.href = this.buildRoute(path);
+      }
+      this.showNotification = false;
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=faab9602&lang=scss
-var DashboardHeadervue_type_style_index_0_id_faab9602_lang_scss = __webpack_require__("0f32");
+// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=28cf6cc1&lang=scss
+var DashboardHeadervue_type_style_index_0_id_28cf6cc1_lang_scss = __webpack_require__("8d6c");
 
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue
 
@@ -37410,7 +37544,7 @@ var DashboardHeadervue_type_style_index_0_id_faab9602_lang_scss = __webpack_requ
 
 
 
-const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_faab9602_render]])
+const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_28cf6cc1_render]])
 
 /* harmony default export */ var DashboardHeader = (DashboardHeader_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/DatePicker/index.vue?vue&type=template&id=dd52aaa6
@@ -37478,28 +37612,28 @@ const DatePickervue_type_template_id_dd52aaa6_hoisted_20 = {
   class: "weekdays"
 };
 const DatePickervue_type_template_id_dd52aaa6_hoisted_21 = ["onClick", "onMouseenter"];
-const _hoisted_22 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_22 = {
   key: 2,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_23 = ["onClick"];
-const _hoisted_24 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_23 = ["onClick"];
+const DatePickervue_type_template_id_dd52aaa6_hoisted_24 = {
   key: 3,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_25 = ["onClick"];
-const _hoisted_26 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_25 = ["onClick"];
+const DatePickervue_type_template_id_dd52aaa6_hoisted_26 = {
   key: 3,
   class: "px-6 pb-5 wrap-action-footer"
 };
-const _hoisted_27 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_27 = {
   key: 1
 };
-const _hoisted_28 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_28 = {
   key: 0,
   class: "date-picker range-picker"
 };
-const _hoisted_29 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_29 = {
   class: "calendar flex flex-row"
 };
 const _hoisted_30 = {
@@ -37685,7 +37819,7 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
           })
         }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_dd52aaa6_hoisted_21);
       }), 128))]);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_22, [(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"])($options.months, (item, index) => {
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_22, [(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"])($options.months, (item, index) => {
       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"])(["month", {
@@ -37697,8 +37831,8 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
           today: item.isToday
         })
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 10, _hoisted_23);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_24, [(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"])($options.listYear, (item, index) => {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 10, DatePickervue_type_template_id_dd52aaa6_hoisted_23);
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_24, [(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"])($options.listYear, (item, index) => {
       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"])(["month", {
@@ -37710,8 +37844,8 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
           today: item.isToday
         })
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, _hoisted_25);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_27, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_28, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_30, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, DatePickervue_type_template_id_dd52aaa6_hoisted_25);
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_27, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_28, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_30, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
       variant: "body-2-bold",
       class: "mb-2"
     }, {
@@ -42072,6 +42206,945 @@ var FormTextareavue_type_style_index_0_id_4b6a6dc5_lang_scss = __webpack_require
 const FormTextarea_exports_ = /*#__PURE__*/exportHelper_default()(FormTextareavue_type_script_lang_js, [['render',FormTextareavue_type_template_id_4b6a6dc5_render]])
 
 /* harmony default export */ var FormTextarea = (FormTextarea_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/Form/FormWysiwyg.vue?vue&type=template&id=52b4ebd4
+
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_1 = {
+  class: "form-wysiwyg flex flex-col"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_2 = {
+  class: "w-full"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_3 = {
+  key: 0,
+  class: "toolbar"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_4 = {
+  key: 0,
+  class: "toolbar-divider"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_5 = ["disabled", "title", "onClick"];
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_6 = {
+  key: 1,
+  class: "toolbar-text"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_7 = ["contenteditable", "data-placeholder"];
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_8 = ["innerHTML"];
+function FormWysiwygvue_type_template_id_52b4ebd4_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_52b4ebd4_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`label-${$props.labelPosition}`)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_52b4ebd4_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-group", {
+      error: $props.error,
+      disabled: $props.disabled,
+      readonly: $props.readonly && !$props.disabled
+    }])
+  }, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_52b4ebd4_hoisted_3, [(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"])($options.resolvedToolbar, (item, index) => {
+    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: `${item.action}-${index}`
+    }, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_52b4ebd4_hoisted_4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+      key: 1,
+      type: "button",
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
+        active: $options.isActionActive(item)
+      }]),
+      disabled: $options.isActionDisabled(item),
+      title: item.title || item.label,
+      onMousedown: _cache[0] || (_cache[0] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
+      onClick: $event => $options.handleToolbarAction(item)
+    }, [item.icon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
+      key: 0,
+      iconName: item.icon,
+      width: "18",
+      height: "18",
+      color: $options.isActionActive(item) ? '#3e7dc0' : '#59636E'
+    }, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", FormWysiwygvue_type_template_id_52b4ebd4_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_52b4ebd4_hoisted_5))], 64);
+  }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+    ref: "imageInputRef",
+    type: "file",
+    class: "image-input",
+    accept: "image/*",
+    onChange: _cache[1] || (_cache[1] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
+  }, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: "editor-wrapper",
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.editorStyle)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "editorRef",
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-area", {
+      'is-empty': $data.isEmpty
+    }]),
+    contenteditable: $options.isEditable,
+    "data-placeholder": $props.placeholder,
+    onInput: _cache[2] || (_cache[2] = (...args) => $options.handleInput && $options.handleInput(...args)),
+    onFocus: _cache[3] || (_cache[3] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
+    onBlur: _cache[4] || (_cache[4] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
+    onPaste: _cache[5] || (_cache[5] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
+    onMouseup: _cache[6] || (_cache[6] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onKeyup: _cache[7] || (_cache[7] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onMousedown: _cache[8] || (_cache[8] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
+    onMousemove: _cache[9] || (_cache[9] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
+    onMouseleave: _cache[10] || (_cache[10] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
+  }, null, 42, FormWysiwygvue_type_template_id_52b4ebd4_hoisted_7)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    key: 0,
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["helper-text", {
+      'error-helper': $props.error
+    }])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    innerHTML: $props.message
+  }, null, 8, FormWysiwygvue_type_template_id_52b4ebd4_hoisted_8)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
+}
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=52b4ebd4
+
+// 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/Form/FormWysiwyg.vue?vue&type=script&lang=js
+
+const TOOLBAR_ITEMS = {
+  paragraph: {
+    action: "paragraph",
+    label: "P",
+    title: "Paragraph"
+  },
+  heading1: {
+    action: "heading1",
+    label: "H1",
+    title: "Heading 1"
+  },
+  heading2: {
+    action: "heading2",
+    label: "H2",
+    title: "Heading 2"
+  },
+  bold: {
+    action: "bold",
+    icon: "format_bold",
+    title: "Bold"
+  },
+  italic: {
+    action: "italic",
+    icon: "format_italic",
+    title: "Italic"
+  },
+  underline: {
+    action: "underline",
+    icon: "format_underlined",
+    title: "Underline"
+  },
+  strikeThrough: {
+    action: "strikeThrough",
+    icon: "strikethrough_s",
+    title: "Strikethrough"
+  },
+  unorderedList: {
+    action: "unorderedList",
+    icon: "format_list_bulleted",
+    title: "Bullet List"
+  },
+  orderedList: {
+    action: "orderedList",
+    icon: "format_list_numbered",
+    title: "Numbered List"
+  },
+  blockquote: {
+    action: "blockquote",
+    icon: "format_quote",
+    title: "Quote"
+  },
+  alignLeft: {
+    action: "alignLeft",
+    icon: "format_align_left",
+    title: "Align Left"
+  },
+  alignCenter: {
+    action: "alignCenter",
+    icon: "format_align_center",
+    title: "Align Center"
+  },
+  alignRight: {
+    action: "alignRight",
+    icon: "format_align_right",
+    title: "Align Right"
+  },
+  alignJustify: {
+    action: "alignJustify",
+    icon: "format_align_justify",
+    title: "Justify"
+  },
+  link: {
+    action: "link",
+    icon: "insert_link",
+    title: "Insert Link"
+  },
+  insertImage: {
+    action: "insertImage",
+    icon: "insert_photo",
+    title: "Insert Image"
+  },
+  unlink: {
+    action: "unlink",
+    icon: "link_off",
+    title: "Remove Link"
+  },
+  undo: {
+    action: "undo",
+    icon: "undo",
+    title: "Undo"
+  },
+  redo: {
+    action: "redo",
+    icon: "redo",
+    title: "Redo"
+  },
+  clear: {
+    action: "clear",
+    icon: "format_clear",
+    title: "Clear Format"
+  },
+  divider: {
+    action: "divider"
+  }
+};
+const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "link", "insertImage", "unlink", "divider", "undo", "redo", "clear"];
+const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "BLOCKQUOTE", "LI", "PRE"];
+const SAFE_PROTOCOLS = ["http://", "https://", "mailto:", "tel:"];
+const SAFE_IMAGE_PROTOCOLS = ["http://", "https://", "data:image/", "blob:", "/"];
+const IMAGE_MIN_WIDTH = 40;
+const IMAGE_RESIZE_HANDLE_GAP = 16;
+const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "U", "UL"];
+/* harmony default export */ var FormWysiwygvue_type_script_lang_js = ({
+  components: {
+    BaseIcon: BaseIcon
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Write your content here"
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    labelPosition: {
+      type: String,
+      default: "top",
+      validator(value) {
+        return ["left", "top"].includes(value);
+      }
+    },
+    minHeight: {
+      type: [Number, String],
+      default: 180
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    toolbar: {
+      type: Array,
+      default: () => []
+    },
+    showToolbar: {
+      type: Boolean,
+      default: true
+    },
+    sanitizeOnPaste: {
+      type: Boolean,
+      default: true
+    },
+    sanitizeOnBlur: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "update:text", "input", "change", "focus", "blur"],
+  data() {
+    return {
+      isEmpty: true,
+      isFocused: false,
+      isEmitting: false,
+      savedRange: null,
+      imageResize: {
+        active: false,
+        target: null,
+        startX: 0,
+        startWidth: 0,
+        maxWidth: 0
+      },
+      toolbarState: {
+        bold: false,
+        italic: false,
+        underline: false,
+        strikeThrough: false,
+        unorderedList: false,
+        orderedList: false,
+        blockquote: false,
+        align: "justifyLeft",
+        formatBlock: "P"
+      }
+    };
+  },
+  computed: {
+    resolvedToolbar() {
+      const source = this.toolbar.length ? this.toolbar : DEFAULT_TOOLBAR;
+      return source.map(item => {
+        if (typeof item === "string") {
+          return TOOLBAR_ITEMS[item] || null;
+        }
+        if (!item || !item.action) {
+          return null;
+        }
+        return item;
+      }).filter(item => item);
+    },
+    editorStyle() {
+      const maxHeight = this.maxHeight ? this.normalizeSize(this.maxHeight) : "none";
+      return {
+        minHeight: this.normalizeSize(this.minHeight),
+        maxHeight: maxHeight
+      };
+    },
+    isEditable() {
+      return !this.disabled && !this.readonly;
+    }
+  },
+  watch: {
+    modelValue(newValue) {
+      if (this.isEmitting) {
+        return;
+      }
+      this.setEditorValue(newValue);
+    }
+  },
+  mounted() {
+    this.setEditorValue(this.modelValue);
+    this.refreshToolbarState();
+    document.addEventListener("selectionchange", this.handleSelectionChange);
+  },
+  beforeUnmount() {
+    document.removeEventListener("selectionchange", this.handleSelectionChange);
+    this.stopImageResize();
+  },
+  methods: {
+    normalizeSize(value) {
+      return Number.isFinite(Number(value)) ? `${Number(value)}px` : String(value);
+    },
+    setEditorValue(value) {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      let nextValue = value == null ? "" : String(value);
+      if (this.sanitizeOnBlur && nextValue) {
+        nextValue = this.sanitizeHtml(nextValue);
+      }
+      if (this.isHtmlEmpty(nextValue)) {
+        nextValue = "";
+      }
+      if (editor.innerHTML !== nextValue) {
+        editor.innerHTML = nextValue;
+      }
+      this.updateEmptyState();
+    },
+    handleInput() {
+      this.emitModelValue();
+      this.refreshToolbarState();
+    },
+    handleFocus() {
+      this.isFocused = true;
+      this.$emit("focus");
+      this.refreshToolbarState();
+    },
+    handleBlur() {
+      this.isFocused = false;
+      if (this.sanitizeOnBlur) {
+        const editor = this.$refs.editorRef;
+        const sanitizedValue = this.sanitizeHtml(editor.innerHTML);
+        if (editor.innerHTML !== sanitizedValue) {
+          editor.innerHTML = sanitizedValue;
+        }
+      }
+      const htmlValue = this.emitModelValue();
+      this.$emit("change", htmlValue);
+      this.$emit("blur", htmlValue);
+      this.refreshToolbarState();
+    },
+    handlePaste(event) {
+      if (!this.sanitizeOnPaste || !this.isEditable) {
+        return;
+      }
+      event.preventDefault();
+      const clipboardData = event.clipboardData || window.clipboardData;
+      const htmlPayload = clipboardData.getData("text/html");
+      const textPayload = clipboardData.getData("text/plain");
+      let contentToInsert = "";
+      if (htmlPayload) {
+        contentToInsert = this.sanitizeHtml(htmlPayload);
+      } else {
+        contentToInsert = this.escapeHtml(textPayload).replace(/\n/g, "<br>");
+      }
+      this.focusEditor();
+      document.execCommand("insertHTML", false, contentToInsert);
+      this.handleInput();
+    },
+    handleSelectionChange() {
+      if (this.isFocused) {
+        this.refreshToolbarState();
+      }
+    },
+    handleEditorMouseDown(event) {
+      if (!this.isEditable) {
+        return;
+      }
+      const targetImage = event.target;
+      if (!targetImage || targetImage.tagName !== "IMG") {
+        return;
+      }
+      if (!this.isOnImageResizeHandle(event, targetImage)) {
+        return;
+      }
+      event.preventDefault();
+      this.startImageResize(event, targetImage);
+    },
+    handleEditorMouseMove(event) {
+      if (this.imageResize.active) {
+        return;
+      }
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      const targetImage = event.target;
+      if (!targetImage || targetImage.tagName !== "IMG") {
+        editor.style.cursor = "";
+        return;
+      }
+      editor.style.cursor = this.isOnImageResizeHandle(event, targetImage) ? "nwse-resize" : "";
+    },
+    handleEditorMouseLeave() {
+      if (this.imageResize.active) {
+        return;
+      }
+      const editor = this.$refs.editorRef;
+      if (editor) {
+        editor.style.cursor = "";
+      }
+    },
+    startImageResize(event, imageNode) {
+      this.imageResize = {
+        active: true,
+        target: imageNode,
+        startX: event.clientX,
+        startWidth: this.getImageWidth(imageNode),
+        maxWidth: this.getImageResizeMaxWidth()
+      };
+      imageNode.classList.add("resizing-image");
+      document.body.style.userSelect = "none";
+      window.addEventListener("mousemove", this.onImageResizeMove);
+      window.addEventListener("mouseup", this.stopImageResize);
+    },
+    onImageResizeMove(event) {
+      if (!this.imageResize.active || !this.imageResize.target) {
+        return;
+      }
+      const deltaX = event.clientX - this.imageResize.startX;
+      const nextWidth = Math.max(IMAGE_MIN_WIDTH, Math.min(this.imageResize.startWidth + deltaX, this.imageResize.maxWidth));
+      this.imageResize.target.style.width = `${nextWidth}px`;
+      this.imageResize.target.setAttribute("width", `${Math.round(nextWidth)}`);
+      this.imageResize.target.style.height = "auto";
+    },
+    stopImageResize() {
+      if (!this.imageResize.active) {
+        return;
+      }
+      const resizedTarget = this.imageResize.target;
+      if (resizedTarget) {
+        resizedTarget.classList.remove("resizing-image");
+      }
+      this.imageResize = {
+        active: false,
+        target: null,
+        startX: 0,
+        startWidth: 0,
+        maxWidth: 0
+      };
+      document.body.style.userSelect = "";
+      window.removeEventListener("mousemove", this.onImageResizeMove);
+      window.removeEventListener("mouseup", this.stopImageResize);
+      const editor = this.$refs.editorRef;
+      if (editor) {
+        editor.style.cursor = "";
+      }
+      this.emitModelValue();
+    },
+    getImageWidth(imageNode) {
+      const widthFromAttribute = Number(imageNode.getAttribute("width"));
+      if (Number.isFinite(widthFromAttribute) && widthFromAttribute > 0) {
+        return widthFromAttribute;
+      }
+      const rect = imageNode.getBoundingClientRect();
+      if (rect.width > 0) {
+        return rect.width;
+      }
+      return IMAGE_MIN_WIDTH;
+    },
+    getImageResizeMaxWidth() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return 1200;
+      }
+      const editorWidth = editor.clientWidth || 1200;
+      return Math.max(editorWidth, IMAGE_MIN_WIDTH);
+    },
+    isOnImageResizeHandle(event, imageNode) {
+      const imageRect = imageNode.getBoundingClientRect();
+      const isInsideX = event.clientX >= imageRect.right - IMAGE_RESIZE_HANDLE_GAP;
+      const isInsideY = event.clientY >= imageRect.bottom - IMAGE_RESIZE_HANDLE_GAP;
+      return isInsideX && isInsideY;
+    },
+    emitModelValue() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return "";
+      }
+      let htmlValue = editor.innerHTML;
+      if (this.isHtmlEmpty(htmlValue)) {
+        htmlValue = "";
+        if (editor.innerHTML !== "") {
+          editor.innerHTML = "";
+        }
+      }
+      this.updateEmptyState();
+      this.isEmitting = true;
+      this.$emit("update:modelValue", htmlValue);
+      this.$emit("input", htmlValue);
+      this.$emit("update:text", this.getPlainText());
+      this.$nextTick(() => {
+        this.isEmitting = false;
+      });
+      return htmlValue;
+    },
+    refreshToolbarState() {
+      if (!this.selectionInsideEditor()) {
+        this.toolbarState = {
+          bold: false,
+          italic: false,
+          underline: false,
+          strikeThrough: false,
+          unorderedList: false,
+          orderedList: false,
+          blockquote: false,
+          align: "justifyLeft",
+          formatBlock: "P"
+        };
+        return;
+      }
+      const activeAlign = ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"].find(command => document.queryCommandState(command));
+      const blockValue = (document.queryCommandValue("formatBlock") || "").replace(/[<>]/g, "").toUpperCase();
+      this.toolbarState = {
+        bold: document.queryCommandState("bold"),
+        italic: document.queryCommandState("italic"),
+        underline: document.queryCommandState("underline"),
+        strikeThrough: document.queryCommandState("strikeThrough"),
+        unorderedList: document.queryCommandState("insertUnorderedList"),
+        orderedList: document.queryCommandState("insertOrderedList"),
+        blockquote: blockValue === "BLOCKQUOTE",
+        align: activeAlign || "justifyLeft",
+        formatBlock: blockValue || "P"
+      };
+    },
+    selectionInsideEditor() {
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      if (!editor || !selection || !selection.rangeCount) {
+        return false;
+      }
+      const range = selection.getRangeAt(0);
+      return editor.contains(range.commonAncestorContainer);
+    },
+    focusEditor() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.focus();
+      if (!this.selectionInsideEditor()) {
+        const range = document.createRange();
+        range.selectNodeContents(editor);
+        range.collapse(false);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+    },
+    handleToolbarAction(item) {
+      if (this.isActionDisabled(item)) {
+        return;
+      }
+      this.focusEditor();
+      this.saveRange();
+      switch (item.action) {
+        case "paragraph":
+          this.executeCommand("formatBlock", "P");
+          break;
+        case "heading1":
+          this.executeCommand("formatBlock", "H1");
+          break;
+        case "heading2":
+          this.executeCommand("formatBlock", "H2");
+          break;
+        case "bold":
+          this.executeCommand("bold");
+          break;
+        case "italic":
+          this.executeCommand("italic");
+          break;
+        case "underline":
+          this.executeCommand("underline");
+          break;
+        case "strikeThrough":
+          this.executeCommand("strikeThrough");
+          break;
+        case "unorderedList":
+          this.executeCommand("insertUnorderedList");
+          break;
+        case "orderedList":
+          this.executeCommand("insertOrderedList");
+          break;
+        case "blockquote":
+          if (this.toolbarState.blockquote) {
+            this.executeCommand("formatBlock", "P");
+          } else {
+            this.executeCommand("formatBlock", "BLOCKQUOTE");
+          }
+          break;
+        case "alignLeft":
+          this.executeCommand("justifyLeft");
+          break;
+        case "alignCenter":
+          this.executeCommand("justifyCenter");
+          break;
+        case "alignRight":
+          this.executeCommand("justifyRight");
+          break;
+        case "alignJustify":
+          this.executeCommand("justifyFull");
+          break;
+        case "link":
+          this.createLink();
+          break;
+        case "insertImage":
+          this.triggerImagePicker();
+          break;
+        case "unlink":
+          this.executeCommand("unlink");
+          break;
+        case "undo":
+          this.executeCommand("undo");
+          break;
+        case "redo":
+          this.executeCommand("redo");
+          break;
+        case "clear":
+          this.executeCommand("removeFormat");
+          this.executeCommand("unlink");
+          this.executeCommand("formatBlock", "P");
+          break;
+        default:
+          break;
+      }
+    },
+    executeCommand(command, value = null) {
+      this.focusEditor();
+      this.restoreRange();
+      document.execCommand(command, false, value);
+      this.handleInput();
+    },
+    triggerImagePicker() {
+      const imageInput = this.$refs.imageInputRef;
+      if (!imageInput) {
+        return;
+      }
+      imageInput.value = "";
+      imageInput.click();
+    },
+    handleImageSelected(event) {
+      var _event$target;
+      const file = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files) === null || _event$target === void 0 ? void 0 : _event$target[0];
+      if (!file || !String(file.type).startsWith("image/")) {
+        return;
+      }
+      const fileReader = new FileReader();
+      fileReader.onload = () => {
+        this.insertImage(String(fileReader.result || ""));
+      };
+      fileReader.readAsDataURL(file);
+    },
+    insertImage(rawImageSrc) {
+      const imageSrc = this.normalizeImageSrc(rawImageSrc);
+      if (!this.isSafeImageSrc(imageSrc)) {
+        return;
+      }
+      this.focusEditor();
+      this.restoreRange();
+      const safeSrc = this.escapeHtml(imageSrc);
+      document.execCommand("insertHTML", false, `<img src="${safeSrc}" alt="image">`);
+      this.handleInput();
+    },
+    createLink() {
+      this.restoreRange();
+      const selection = window.getSelection();
+      const selectedText = selection ? selection.toString() : "";
+      const defaultUrl = selectedText && this.isSafeUrl(selectedText) ? selectedText : "https://";
+      const rawUrl = window.prompt("Input URL", defaultUrl);
+      if (!rawUrl) {
+        return;
+      }
+      const normalizedUrl = this.normalizeUrl(rawUrl);
+      if (!this.isSafeUrl(normalizedUrl)) {
+        return;
+      }
+      this.focusEditor();
+      this.restoreRange();
+      const selectedRange = window.getSelection();
+      if (selectedRange && selectedRange.toString()) {
+        document.execCommand("createLink", false, normalizedUrl);
+      } else {
+        const safeUrl = this.escapeHtml(normalizedUrl);
+        document.execCommand("insertHTML", false, `<a href="${safeUrl}" target="_blank" rel="noopener noreferrer">${safeUrl}</a>`);
+      }
+      this.handleInput();
+    },
+    normalizeUrl(rawUrl) {
+      const trimmedUrl = String(rawUrl).trim();
+      if (!trimmedUrl) {
+        return "";
+      }
+      if (SAFE_PROTOCOLS.some(protocol => trimmedUrl.toLowerCase().startsWith(protocol))) {
+        return trimmedUrl;
+      }
+      return `https://${trimmedUrl}`;
+    },
+    isSafeUrl(url) {
+      if (!url) {
+        return false;
+      }
+      return SAFE_PROTOCOLS.some(protocol => url.toLowerCase().startsWith(protocol));
+    },
+    normalizeImageSrc(rawSrc) {
+      const cleanedSrc = String(rawSrc || "").trim();
+      if (!cleanedSrc) {
+        return "";
+      }
+      const normalizedSrc = cleanedSrc.toLowerCase();
+      if (SAFE_IMAGE_PROTOCOLS.some(protocol => normalizedSrc.startsWith(protocol))) {
+        return cleanedSrc;
+      }
+      return `https://${cleanedSrc}`;
+    },
+    isSafeImageSrc(src) {
+      if (!src) {
+        return false;
+      }
+      const normalizedSrc = src.toLowerCase();
+      return SAFE_IMAGE_PROTOCOLS.some(protocol => normalizedSrc.startsWith(protocol));
+    },
+    saveRange() {
+      const selection = window.getSelection();
+      if (selection && selection.rangeCount) {
+        this.savedRange = selection.getRangeAt(0).cloneRange();
+      }
+    },
+    restoreRange() {
+      if (!this.savedRange) {
+        return;
+      }
+      const selection = window.getSelection();
+      selection.removeAllRanges();
+      selection.addRange(this.savedRange);
+    },
+    sanitizeHtml(htmlValue) {
+      const source = document.createElement("div");
+      source.innerHTML = htmlValue || "";
+      const target = document.createElement("div");
+      Array.from(source.childNodes).forEach(node => {
+        const sanitizedNode = this.createSanitizedNode(node, document);
+        if (sanitizedNode) {
+          target.appendChild(sanitizedNode);
+        }
+      });
+      return target.innerHTML;
+    },
+    createSanitizedNode(node, doc) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        return doc.createTextNode(node.textContent || "");
+      }
+      if (node.nodeType !== Node.ELEMENT_NODE) {
+        return null;
+      }
+      const tagName = node.tagName.toUpperCase();
+      if (!ALLOWED_TAGS.includes(tagName)) {
+        const fragment = doc.createDocumentFragment();
+        Array.from(node.childNodes).forEach(child => {
+          const childNode = this.createSanitizedNode(child, doc);
+          if (childNode) {
+            fragment.appendChild(childNode);
+          }
+        });
+        return fragment;
+      }
+      const element = doc.createElement(tagName.toLowerCase());
+      if (tagName === "A") {
+        const href = this.normalizeUrl(node.getAttribute("href") || "");
+        if (this.isSafeUrl(href)) {
+          element.setAttribute("href", href);
+          element.setAttribute("target", "_blank");
+          element.setAttribute("rel", "noopener noreferrer");
+        }
+      }
+      if (tagName === "IMG") {
+        const imageSrc = this.normalizeImageSrc(node.getAttribute("src") || "");
+        if (!this.isSafeImageSrc(imageSrc)) {
+          return null;
+        }
+        element.setAttribute("src", imageSrc);
+        element.setAttribute("alt", node.getAttribute("alt") || "image");
+        const imageWidth = Number(node.getAttribute("width"));
+        if (Number.isFinite(imageWidth) && imageWidth > 0) {
+          element.setAttribute("width", `${Math.max(IMAGE_MIN_WIDTH, Math.round(imageWidth))}`);
+        }
+      }
+      const textAlign = this.extractAllowedTextAlign(node.getAttribute("style"));
+      if (textAlign && ALIGNABLE_TAGS.includes(tagName)) {
+        element.setAttribute("style", `text-align:${textAlign};`);
+      }
+      Array.from(node.childNodes).forEach(child => {
+        const childNode = this.createSanitizedNode(child, doc);
+        if (childNode) {
+          element.appendChild(childNode);
+        }
+      });
+      return element;
+    },
+    extractAllowedTextAlign(styleValue) {
+      if (!styleValue) {
+        return "";
+      }
+      const rules = styleValue.split(";").map(style => style.trim());
+      const textAlignRule = rules.find(style => style.toLowerCase().startsWith("text-align"));
+      if (!textAlignRule) {
+        return "";
+      }
+      const parsed = textAlignRule.split(":");
+      if (parsed.length < 2) {
+        return "";
+      }
+      const alignValue = parsed[1].trim().toLowerCase();
+      return ["left", "center", "right", "justify"].includes(alignValue) ? alignValue : "";
+    },
+    isActionActive(item) {
+      switch (item.action) {
+        case "paragraph":
+          return this.toolbarState.formatBlock === "P" || this.toolbarState.formatBlock === "DIV";
+        case "heading1":
+          return this.toolbarState.formatBlock === "H1";
+        case "heading2":
+          return this.toolbarState.formatBlock === "H2";
+        case "bold":
+          return this.toolbarState.bold;
+        case "italic":
+          return this.toolbarState.italic;
+        case "underline":
+          return this.toolbarState.underline;
+        case "strikeThrough":
+          return this.toolbarState.strikeThrough;
+        case "unorderedList":
+          return this.toolbarState.unorderedList;
+        case "orderedList":
+          return this.toolbarState.orderedList;
+        case "blockquote":
+          return this.toolbarState.blockquote;
+        case "alignLeft":
+          return this.toolbarState.align === "justifyLeft";
+        case "alignCenter":
+          return this.toolbarState.align === "justifyCenter";
+        case "alignRight":
+          return this.toolbarState.align === "justifyRight";
+        case "alignJustify":
+          return this.toolbarState.align === "justifyFull";
+        default:
+          return false;
+      }
+    },
+    isActionDisabled(item) {
+      return item.action === "divider" || !this.isEditable;
+    },
+    updateEmptyState() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        this.isEmpty = true;
+        return;
+      }
+      this.isEmpty = this.isHtmlEmpty(editor.innerHTML);
+    },
+    isHtmlEmpty(htmlValue) {
+      if (!htmlValue) {
+        return true;
+      }
+      const cleaned = String(htmlValue).replace(/&nbsp;/gi, "").replace(/<br\s*\/?>/gi, "").replace(/\s+/g, "");
+      if (!cleaned) {
+        return true;
+      }
+      const inspector = document.createElement("div");
+      inspector.innerHTML = htmlValue;
+      const textContent = (inspector.textContent || "").replace(/\u200B/g, "").trim();
+      const hasImage = Boolean(inspector.querySelector("img"));
+      if (hasImage) {
+        return false;
+      }
+      return textContent.length === 0;
+    },
+    getPlainText() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return "";
+      }
+      return (editor.innerText || "").replace(/\u200B/g, "").trim();
+    },
+    escapeHtml(value) {
+      return String(value || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=52b4ebd4&lang=scss
+var FormWysiwygvue_type_style_index_0_id_52b4ebd4_lang_scss = __webpack_require__("d831");
+
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
+
+
+
+
+
+
+
+const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_52b4ebd4_render]])
+
+/* harmony default export */ var FormWysiwyg = (FormWysiwyg_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/ExpansionPanel/index.vue?vue&type=template&id=01544323
 
 const ExpansionPanelvue_type_template_id_01544323_hoisted_1 = {
@@ -42281,6 +43354,7 @@ const AnimatedIconLogo_exports_ = AnimatedIconLogovue_type_script_setup_true_lan
 
 
 
+
 
 
 // CONCATENATED MODULE: ./src/install.js