lib-pajakio-v2 1.0.36 → 1.0.38

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

@@ -598,13 +598,6 @@ $({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('dif
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "2345":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "23cb":
@@ -961,6 +954,13 @@ module.exports = !fails(function () {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "4488":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "44ad":
@@ -2137,6 +2137,17 @@ module.exports = DESCRIPTORS ? function (object, key, value) {
 };
 
 
+/***/ }),
+
+/***/ "92b0":
+/***/ (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_8ec98f68_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4488");
+/* 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_8ec98f68_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_8ec98f68_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "94ca":
@@ -2353,17 +2364,6 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "9ed3":
-/***/ (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_6b59b7da_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2345");
-/* 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_6b59b7da_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_6b59b7da_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a04b":
@@ -37723,16 +37723,16 @@ var DashboardFootervue_type_style_index_0_id_d0c99736_lang_scss = __webpack_requ
 const DashboardFooter_exports_ = /*#__PURE__*/exportHelper_default()(DashboardFootervue_type_script_lang_js, [['render',DashboardFootervue_type_template_id_d0c99736_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=6b59b7da
+// 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=8ec98f68
 
-const DashboardHeadervue_type_template_id_6b59b7da_hoisted_1 = {
+const DashboardHeadervue_type_template_id_8ec98f68_hoisted_1 = {
   class: "dashboard-header box-shadow"
 };
-const DashboardHeadervue_type_template_id_6b59b7da_hoisted_2 = {
+const DashboardHeadervue_type_template_id_8ec98f68_hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const DashboardHeadervue_type_template_id_6b59b7da_hoisted_3 = {
+const DashboardHeadervue_type_template_id_8ec98f68_hoisted_3 = {
   class: "company-name"
 };
 const _hoisted_4 = {
@@ -37754,85 +37754,138 @@ const _hoisted_9 = {
   class: "header-right relative"
 };
 const _hoisted_10 = {
-  class: "notification-wrapper"
+  key: 0,
+  class: "progress-wrapper"
 };
-const _hoisted_11 = ["id"];
+const _hoisted_11 = ["id", "disabled", "aria-expanded"];
 const _hoisted_12 = {
+  ref: "progressTriggerContent",
+  class: "progress-trigger-content"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "progress-counts",
+  "aria-hidden": "true"
+};
+const _hoisted_14 = {
+  class: "progress-label"
+};
+const _hoisted_15 = {
+  key: 1,
+  class: "progress-spinner",
+  "aria-hidden": "true"
+};
+const _hoisted_16 = ["id"];
+const _hoisted_17 = {
+  class: "progress-dropdown-header"
+};
+const _hoisted_18 = {
+  class: "progress-list"
+};
+const _hoisted_19 = ["id"];
+const _hoisted_20 = {
+  class: "progress-item-heading"
+};
+const _hoisted_21 = {
+  class: "progress-item-label"
+};
+const _hoisted_22 = {
+  class: "progress-bar",
+  "aria-hidden": "true"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "progress-item-footer"
+};
+const _hoisted_24 = {
+  key: 0,
+  class: "progress-item-meta"
+};
+const _hoisted_25 = ["id", "onClick"];
+const _hoisted_26 = {
+  key: 1,
+  class: "divider"
+};
+const _hoisted_27 = {
+  class: "notification-wrapper"
+};
+const _hoisted_28 = ["id"];
+const _hoisted_29 = {
   key: 0,
   class: "notif-dot"
 };
-const _hoisted_13 = {
+const _hoisted_30 = {
   key: 0,
   class: "notification-dropdown box-shadow"
 };
-const _hoisted_14 = {
+const _hoisted_31 = {
   key: 0,
   class: "notification-header"
 };
-const _hoisted_15 = {
+const _hoisted_32 = {
   key: 1,
   class: "notification-list"
 };
-const _hoisted_16 = ["id", "onClick"];
-const _hoisted_17 = {
+const _hoisted_33 = ["id", "onClick"];
+const _hoisted_34 = {
   class: "notification-item-content"
 };
-const _hoisted_18 = {
+const _hoisted_35 = {
   class: "notification-item-title"
 };
-const _hoisted_19 = {
+const _hoisted_36 = {
   key: 0,
   class: "notification-item-meta"
 };
-const _hoisted_20 = {
+const _hoisted_37 = {
   key: 2,
   class: "notification-empty"
 };
-const _hoisted_21 = ["id"];
-const _hoisted_22 = {
+const _hoisted_38 = ["id"];
+const _hoisted_39 = {
   key: 0,
   class: "user-summary-prefix"
 };
-const _hoisted_23 = {
+const _hoisted_40 = {
   class: "avatar"
 };
-const _hoisted_24 = {
+const _hoisted_41 = {
   key: 1,
   class: "user-text"
 };
-const _hoisted_25 = {
+const _hoisted_42 = {
   class: "user-name"
 };
-const _hoisted_26 = {
+const _hoisted_43 = {
   class: "user-role"
 };
-const _hoisted_27 = {
-  key: 0,
+const _hoisted_44 = {
+  key: 2,
   class: "absolute top-8 right-0 user-dropdown-wrapper"
 };
-const _hoisted_28 = {
+const _hoisted_45 = {
   class: "flex flex-col p-3",
   style: {
     "border-bottom": "1px solid #DDDDDD"
   }
 };
-const _hoisted_29 = {
+const _hoisted_46 = {
   class: "flex flex-row items-center mb-4"
 };
-const _hoisted_30 = {
+const _hoisted_47 = {
   class: "avatar mr-3"
 };
-const _hoisted_31 = {
+const _hoisted_48 = {
   class: "flex flex-col"
 };
-const _hoisted_32 = ["id", "onClick"];
-const _hoisted_33 = ["id"];
-function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_49 = ["id", "onClick"];
+const _hoisted_50 = ["id"];
+function DashboardHeadervue_type_template_id_8ec98f68_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_6b59b7da_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_6b59b7da_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_8ec98f68_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_8ec98f68_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
     options: $props.companyList,
     style: {
       "width": "100%",
@@ -37851,7 +37904,7 @@ function DashboardHeadervue_type_template_id_6b59b7da_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_6b59b7da_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_8ec98f68_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",
@@ -37860,15 +37913,71 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
       })
     }, null, 8, ["style"])])]),
     _: 1
-  }, 8, ["options", "id", "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", {
+  }, 8, ["options", "id", "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, [$options.hasProgressIndicator ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+    id: $options.getSelectorId('progress-toggle'),
+    ref: "progressTrigger",
+    type: "button",
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-trigger", [`progress-trigger--${$options.progressIndicatorState.tone}`, {
+      active: $data.showProgress,
+      disabled: $options.progressIndicatorState.disabled
+    }]]),
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.progressTriggerStyle),
+    disabled: $options.progressIndicatorState.disabled,
+    "aria-expanded": $data.showProgress ? 'true' : 'false',
+    onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleProgressMenu && $options.toggleProgressMenu(...args))
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", _hoisted_12, [$options.progressIndicatorState.showCounts ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _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.progressIndicatorCounts, count => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
+      key: count.status,
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-count", `progress-count--${count.status}`])
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(count.count), 3);
+  }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", _hoisted_14, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressIndicatorState.label), 1), $options.progressIndicatorState.showSpinner ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_15)) : $options.progressIndicatorState.icon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
+    key: 2,
+    iconName: $options.progressIndicatorState.icon,
+    color: $options.progressIndicatorState.iconColor,
+    class: "progress-state-icon",
+    "aria-hidden": "true"
+  }, null, 8, ["iconName", "color"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.progressIndicatorState.showRing ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
+    key: 3,
+    class: "progress-ring",
+    style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.progressRingStyle($options.progressIndicatorState.progress)),
+    "aria-hidden": "true"
+  }, null, 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)], 14, _hoisted_11), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Transition"], {
+    name: "progress-dropdown"
+  }, {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [$data.showProgress ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: 0,
+      id: $options.getSelectorId('progress-dropdown'),
+      class: "progress-dropdown box-shadow"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_17, [_cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", null, "Proses Sedang Berjalan", -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressRunningCount) + " berjalan", 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_18, [(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.normalizedProgressItems, (item, index) => {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+        key: item.key,
+        id: $options.getSelectorId('progress-row', index),
+        class: "progress-item"
+      }, [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"])(item.label), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-item-status", `progress-item-status--${item.status}`])
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressItemStatusLabel(item)), 3)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_22, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+        class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-bar-value", `progress-bar-value--${item.status}`]),
+        style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
+          width: `${$options.progressItemBarWidth(item)}%`
+        })
+      }, null, 6)]), $options.progressItemMeta(item) || $options.canShowProgressDetail(item) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_23, [$options.progressItemMeta(item) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_24, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressItemMeta(item)), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.canShowProgressDetail(item) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+        key: 1,
+        id: $options.getSelectorId('progress-detail', index),
+        type: "button",
+        class: "progress-detail",
+        onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])($event => $options.onProgressDetail(item), ["stop"])
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.detailLabel || "Lihat Detail"), 9, _hoisted_25)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 8, _hoisted_19);
+    }), 128))])], 8, _hoisted_16)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
+    _: 1
+  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.hasProgressIndicator ? (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_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_27, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     id: $options.getSelectorId('notification-toggle'),
     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))
+    onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleNotificationMenu && $options.toggleNotificationMenu(...args))
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: "notifications_none"
-  }), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_12)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, _hoisted_11), $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_13, [$options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_14, " Silakan klik untuk menyelesaikan tugas ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.hasNotifications ? (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_["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, index) => {
+  }), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_29)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, _hoisted_28), $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_30, [$options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_31, " Silakan klik untuk menyelesaikan tugas ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_32, [(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, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: item.id || index,
       id: $options.getSelectorId('notification', index),
@@ -37880,26 +37989,26 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
       class: "notification-item-icon",
       width: "20px",
       height: "20px"
-    }, null, 8, ["iconName", "color"]), 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_["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_19, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.periodLabel), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, _hoisted_16);
-  }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_20, " 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", {
+    }, null, 8, ["iconName", "color"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_34, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_35, 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_36, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.periodLabel), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, _hoisted_33);
+  }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_37, " Tidak ada notifikasi "))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), _cache[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "divider"
   }, null, -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     id: $options.getSelectorId('user-menu-toggle'),
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["user-summary", {
       active: $data.show
     }]),
-    onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
-  }, [_ctx.$slots['profile-summary-prefix'] ? (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_["renderSlot"])(_ctx.$slots, "profile-summary-prefix", {
+    onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
+  }, [_ctx.$slots['profile-summary-prefix'] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_39, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "profile-summary-prefix", {
     opened: $data.show,
     close: $options.closeAllMenus
-  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_23, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), $props.showUserSummaryText ? (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_["createElementVNode"])("p", _hoisted_25, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_26, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_40, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), $props.showUserSummaryText ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_41, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_42, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_43, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), 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"])], 10, _hoisted_21), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_27, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }, null, 8, ["style"])], 10, _hoisted_38), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_44, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "dropdown-panel box-shadow bg-white",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       width: $options.normalizedUserDropdownWidth
@@ -37913,7 +38022,7 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
     userRole: $props.userRole,
     initialName: $options.initialName,
     menuNavbar: $props.menuNavbar
-  }, () => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("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_["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, {
+  }, () => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_45, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_46, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_47, 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"
   }, {
@@ -37930,11 +38039,11 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
     id: $options.getSelectorId('edit-profile'),
     variant: "secondary",
     class: "justify-center",
-    onClick: _cache[2] || (_cache[2] = $event => $options.actionRoute('edit-profile'))
+    onClick: _cache[3] || (_cache[3] = $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 ")])),
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[6] || (_cache[6] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Ubah Profil ")])),
     _: 1
-  }, 8, ["id"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_31, [(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) => {
+  }, 8, ["id"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_48, [(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,
       id: $options.getSelectorId('menu', index),
@@ -37944,15 +38053,18 @@ function DashboardHeadervue_type_template_id_6b59b7da_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_32);
-  }), 128))])])], 4)])) : 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,
+    }, 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_49);
+  }), 128))])])], 4)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $data.show || $data.showNotification || $data.showProgress ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    key: 3,
     id: $options.getSelectorId('overlay'),
     class: "overlay",
-    onClick: _cache[3] || (_cache[3] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
-  }, null, 8, _hoisted_33)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
+    onClick: _cache[4] || (_cache[4] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
+  }, null, 8, _hoisted_50)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
 }
-// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=6b59b7da
+// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=8ec98f68
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
+var es_array_reduce = __webpack_require__("13d5");
 
 // 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=bc0f7af0
 
@@ -38212,6 +38324,7 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
 
 
 
+
 let dashboardHeaderInstance = 0;
 /* harmony default export */ var DashboardHeadervue_type_script_lang_js = ({
   components: {
@@ -38286,6 +38399,18 @@ let dashboardHeaderInstance = 0;
       type: Array,
       default: () => []
     },
+    progressItems: {
+      type: Array,
+      default: () => []
+    },
+    progressSuccessFlashDuration: {
+      type: Number,
+      default: 3000
+    },
+    showProgressIndicator: {
+      type: Boolean,
+      default: true
+    },
     selectorId: {
       type: String,
       default: ""
@@ -38295,7 +38420,14 @@ let dashboardHeaderInstance = 0;
     return {
       show: false,
       showNotification: false,
+      showProgress: false,
       logoutTimeout: null,
+      progressSuccessFlash: null,
+      progressSuccessFlashTimeout: null,
+      progressStatusById: {},
+      progressTriggerWidth: null,
+      progressResizeObserver: null,
+      mouseMoveHandler: null,
       instanceSelectorId: `dashboard-header-${++dashboardHeaderInstance}`
     };
   },
@@ -38326,36 +38458,231 @@ let dashboardHeaderInstance = 0;
         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);
       });
+    },
+    normalizedProgressItems() {
+      if (!Array.isArray(this.progressItems)) return [];
+      return this.progressItems.map((item, index) => {
+        const source = item && typeof item === "object" ? item : {};
+        const status = ["pending", "running", "success", "failed", "partial"].includes(source.status) ? source.status : "pending";
+        const current = Number(source.current);
+        const total = Number(source.total);
+        const hasCurrentTotal = Number.isFinite(current) && Number.isFinite(total) && total > 0;
+        const rawProgress = hasCurrentTotal ? current / total * 100 : Number(source.progress);
+        return {
+          ...source,
+          source,
+          key: source.id !== undefined && source.id !== null ? String(source.id) : `index-${index}`,
+          status,
+          label: source.label || "Proses",
+          progress: this.clampProgress(Number.isFinite(rawProgress) ? rawProgress : 0),
+          current: hasCurrentTotal ? current : source.current,
+          total: hasCurrentTotal ? total : source.total,
+          hasCurrentTotal
+        };
+      });
+    },
+    hasProgressIndicator() {
+      return this.showProgressIndicator && this.normalizedProgressItems.length > 0;
+    },
+    progressRunningItems() {
+      return this.normalizedProgressItems.filter(item => item.status === "running");
+    },
+    progressRunningCount() {
+      return this.progressRunningItems.length;
+    },
+    progressAggregate() {
+      const runningItems = this.progressRunningItems;
+      const weightedItems = runningItems.filter(item => item.hasCurrentTotal);
+      if (weightedItems.length === runningItems.length && weightedItems.length > 0) {
+        const total = weightedItems.reduce((sum, item) => sum + Number(item.total), 0);
+        const current = weightedItems.reduce((sum, item) => sum + Number(item.current), 0);
+        if (total > 0) return this.clampProgress(current / total * 100);
+      }
+      if (runningItems.length === 0) return 0;
+      return this.clampProgress(runningItems.reduce((sum, item) => sum + item.progress, 0) / runningItems.length);
+    },
+    progressStatusCounts() {
+      const order = ["success", "failed", "partial", "running"];
+      return order.map(status => ({
+        status,
+        count: this.normalizedProgressItems.filter(item => item.status === status).length
+      })).filter(item => item.count > 0);
+    },
+    progressIndicatorCounts() {
+      if (this.progressIndicatorState.showTotalCount) {
+        return [{
+          status: "running",
+          count: this.normalizedProgressItems.length
+        }];
+      }
+      return this.progressStatusCounts;
+    },
+    progressIndicatorState() {
+      const items = this.normalizedProgressItems;
+      const runningItems = this.progressRunningItems;
+      const statuses = items.map(item => item.status);
+      const allPending = statuses.length > 0 && statuses.every(status => status === "pending");
+      const allSuccess = statuses.length > 0 && statuses.every(status => status === "success");
+      const allFailed = statuses.length > 0 && statuses.every(status => status === "failed");
+      const multipleProgress = items.length > 1;
+      if (this.progressSuccessFlash) {
+        return {
+          label: `${this.progressSuccessFlash.label} selesai`,
+          tone: "success-flash",
+          showCounts: true,
+          showTotalCount: true,
+          showRing: true,
+          progress: this.progressAggregate
+        };
+      }
+      if (allPending) {
+        return {
+          label: items.length === 1 && items[0].label ? `${items[0].label} akan berlangsung` : "Proses akan berlangsung",
+          tone: "pending",
+          disabled: true,
+          showSpinner: true,
+          progress: 0
+        };
+      }
+      if (runningItems.length > 0) {
+        if (multipleProgress) {
+          return {
+            label: "Proses sedang berjalan",
+            tone: "running",
+            showCounts: true,
+            showRing: true,
+            progress: this.progressAggregate
+          };
+        }
+        const runningItem = runningItems[0];
+        return {
+          label: `${Math.round(runningItem.progress)}%`,
+          tone: "running",
+          showRing: true,
+          progress: runningItem.progress
+        };
+      }
+      if (allSuccess) {
+        return {
+          label: "Selesai",
+          tone: "success",
+          icon: "check_circle",
+          iconColor: "#228B5D",
+          progress: 100
+        };
+      }
+      if (allFailed) {
+        return {
+          label: "Gagal",
+          tone: "failed",
+          icon: "check_circle",
+          iconColor: "#D64747",
+          progress: 0
+        };
+      }
+      return {
+        label: "Selesai Sebagian",
+        tone: "partial",
+        icon: "warning_amber",
+        iconColor: "#B97900",
+        progress: 100
+      };
+    },
+    progressTriggerStyle() {
+      return this.progressTriggerWidth ? {
+        width: `${this.progressTriggerWidth}px`
+      } : {};
     }
   },
   watch: {
     selectedCompany() {
       this.setLogoutTimer();
+    },
+    progressItems: {
+      handler(items) {
+        const nextStatusById = {};
+        if (Array.isArray(items)) {
+          items.forEach((item, index) => {
+            const id = item && item.id !== undefined && item.id !== null ? String(item.id) : `index-${index}`;
+            const status = item && ["pending", "running", "success", "failed", "partial"].includes(item.status) ? item.status : "pending";
+            const previousStatus = this.progressStatusById[id];
+            const hasOtherRunningItem = items.some((otherItem, otherIndex) => {
+              if (otherIndex === index) return false;
+              return otherItem && otherItem.status === "running";
+            });
+            if (items.length > 1 && previousStatus === "running" && status === "success" && hasOtherRunningItem) {
+              this.showProgressSuccessFlash(item);
+            }
+            nextStatusById[id] = status;
+          });
+        }
+        this.progressStatusById = nextStatusById;
+        this.$nextTick(() => {
+          if (!this.hasProgressIndicator || this.progressIndicatorState.disabled) {
+            this.setProgressMenu(false);
+          }
+          this.setupProgressResizeObserver();
+        });
+      },
+      deep: true,
+      immediate: true
+    },
+    showProgressIndicator() {
+      if (!this.showProgressIndicator) this.setProgressMenu(false);
+      this.$nextTick(() => this.setupProgressResizeObserver());
     }
   },
   mounted() {
-    document.addEventListener('mousemove', () => {
+    this.mouseMoveHandler = () => {
       clearTimeout(this.logoutTimeout);
       this.setLogoutTimer();
-    });
+    };
+    document.addEventListener("mousemove", this.mouseMoveHandler);
+    this.setupProgressResizeObserver();
+  },
+  beforeUnmount() {
+    clearTimeout(this.logoutTimeout);
+    clearTimeout(this.progressSuccessFlashTimeout);
+    if (this.mouseMoveHandler) {
+      document.removeEventListener("mousemove", this.mouseMoveHandler);
+    }
+    if (this.progressResizeObserver) {
+      this.progressResizeObserver.disconnect();
+    }
   },
   methods: {
     toggleMenu() {
+      this.setProgressMenu(false);
       this.showNotification = false;
       this.show = !this.show;
     },
     toggleNotificationMenu() {
       this.show = false;
+      this.setProgressMenu(false);
       this.showNotification = !this.showNotification;
     },
+    toggleProgressMenu() {
+      if (this.progressIndicatorState.disabled) return;
+      this.show = false;
+      this.showNotification = false;
+      this.setProgressMenu(!this.showProgress);
+    },
+    setProgressMenu(open) {
+      const nextState = Boolean(open) && this.hasProgressIndicator && !this.progressIndicatorState.disabled;
+      if (this.showProgress === nextState) return;
+      this.showProgress = nextState;
+      this.$emit("progressToggle", nextState);
+    },
     closeAllMenus() {
       this.show = false;
       this.showNotification = false;
+      this.setProgressMenu(false);
     },
     actionRoute(value) {
       this.$emit("actionRoute", value);
       this.show = false;
       this.showNotification = false;
+      this.setProgressMenu(false);
     },
     setSelectedCompany(value) {
       this.$emit("setSelectedCompany", value);
@@ -38364,6 +38691,83 @@ let dashboardHeaderInstance = 0;
       const prefix = this.selectorId || this.instanceSelectorId;
       return index === undefined ? `${prefix}--${action}` : `${prefix}--${action}-${index}`;
     },
+    clampProgress(value) {
+      return Math.min(100, Math.max(0, Number(value) || 0));
+    },
+    progressRingStyle(progress) {
+      const value = this.clampProgress(progress);
+      return {
+        background: `conic-gradient(#3E7DC0 0 ${value}%, #DCE5EE ${value}% 100%)`
+      };
+    },
+    progressItemStatusLabel(item) {
+      if (item.status === "running") return `${Math.round(item.progress)}%`;
+      if (item.status === "pending") return "Menunggu";
+      if (item.status === "success") return "Selesai";
+      if (item.status === "failed") return "Gagal";
+      return "Selesai Sebagian";
+    },
+    progressItemBarWidth(item) {
+      return ["success", "failed", "partial"].includes(item.status) ? 100 : item.progress;
+    },
+    progressItemMeta(item) {
+      const unit = item.unit || "item";
+      const progressCount = item.hasCurrentTotal ? `${this.formatProgressNumber(item.current)} dari ${this.formatProgressNumber(item.total)} ${unit}` : "";
+      if (item.status === "running" || item.status === "success") {
+        return progressCount || item.description || "";
+      }
+      if (item.status === "partial") {
+        const rawFailedCount = Number(item.failedCount);
+        const failedCount = Number.isFinite(rawFailedCount) ? rawFailedCount : item.hasCurrentTotal ? Math.max(0, Number(item.total) - Number(item.current)) : null;
+        if (failedCount !== null && Number.isFinite(Number(item.total))) {
+          return `${this.formatProgressNumber(failedCount)} dari ${this.formatProgressNumber(item.total)} ${unit} gagal`;
+        }
+        return item.description || "";
+      }
+      if (item.status === "failed") {
+        return item.errorMessage || item.description || "Proses gagal";
+      }
+      return item.description || progressCount;
+    },
+    formatProgressNumber(value) {
+      return Number(value).toLocaleString("id-ID");
+    },
+    canShowProgressDetail(item) {
+      return ["failed", "partial"].includes(item.status) || Boolean(item.detailLabel);
+    },
+    onProgressDetail(item) {
+      this.$emit("progressDetail", item.source);
+    },
+    showProgressSuccessFlash(item) {
+      clearTimeout(this.progressSuccessFlashTimeout);
+      this.progressSuccessFlash = {
+        id: item && item.id,
+        label: item && item.label ? item.label : "Proses"
+      };
+      this.progressSuccessFlashTimeout = setTimeout(() => {
+        this.progressSuccessFlash = null;
+        this.progressSuccessFlashTimeout = null;
+      }, Math.max(0, Number(this.progressSuccessFlashDuration) || 0));
+    },
+    setupProgressResizeObserver() {
+      if (this.progressResizeObserver) {
+        this.progressResizeObserver.disconnect();
+        this.progressResizeObserver = null;
+      }
+      const content = this.$refs.progressTriggerContent;
+      if (!content) {
+        this.progressTriggerWidth = null;
+        return;
+      }
+      const updateWidth = () => {
+        this.progressTriggerWidth = content.scrollWidth;
+      };
+      updateWidth();
+      if (typeof ResizeObserver !== "undefined") {
+        this.progressResizeObserver = new ResizeObserver(updateWidth);
+        this.progressResizeObserver.observe(content);
+      }
+    },
     onCompanyLoadMore(payload) {
       this.$emit("loadMoreCompany", payload);
     },
@@ -38476,8 +38880,8 @@ let dashboardHeaderInstance = 0;
 });
 // 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=6b59b7da&lang=scss
-var DashboardHeadervue_type_style_index_0_id_6b59b7da_lang_scss = __webpack_require__("9ed3");
+// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=8ec98f68&lang=scss
+var DashboardHeadervue_type_style_index_0_id_8ec98f68_lang_scss = __webpack_require__("92b0");
 
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue
 
@@ -38487,7 +38891,7 @@ var DashboardHeadervue_type_style_index_0_id_6b59b7da_lang_scss = __webpack_requ
 
 
 
-const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_6b59b7da_render]])
+const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_8ec98f68_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=b0614cac
@@ -38585,52 +38989,52 @@ const DatePickervue_type_template_id_b0614cac_hoisted_32 = {
 const DatePickervue_type_template_id_b0614cac_hoisted_33 = {
   class: "mr-6"
 };
-const _hoisted_34 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_34 = {
   class: "header flex flex-col"
 };
-const _hoisted_35 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_35 = {
   class: "flex w-full"
 };
-const _hoisted_36 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_36 = {
   class: "weekdays"
 };
-const _hoisted_37 = ["id", "onClick", "onMouseenter"];
-const _hoisted_38 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_37 = ["id", "onClick", "onMouseenter"];
+const DatePickervue_type_template_id_b0614cac_hoisted_38 = {
   class: "header flex flex-col"
 };
-const _hoisted_39 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_39 = {
   class: "flex w-full"
 };
-const _hoisted_40 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_40 = {
   class: "weekdays"
 };
-const _hoisted_41 = ["id", "onClick", "onMouseenter"];
-const _hoisted_42 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_41 = ["id", "onClick", "onMouseenter"];
+const DatePickervue_type_template_id_b0614cac_hoisted_42 = {
   key: 1,
   class: "calendar range-picker"
 };
-const _hoisted_43 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_43 = {
   class: "header"
 };
-const _hoisted_44 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_44 = {
   key: 0,
   class: "title"
 };
-const _hoisted_45 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_45 = {
   key: 1,
   class: "title"
 };
-const _hoisted_46 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_46 = {
   key: 0,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_47 = ["id", "onClick", "onMouseenter"];
-const _hoisted_48 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_47 = ["id", "onClick", "onMouseenter"];
+const DatePickervue_type_template_id_b0614cac_hoisted_48 = {
   key: 1,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_49 = ["id", "onClick", "onMouseenter"];
-const _hoisted_50 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_49 = ["id", "onClick", "onMouseenter"];
+const DatePickervue_type_template_id_b0614cac_hoisted_50 = {
   key: 2,
   class: "px-6 pb-5 wrap-action-footer"
 };
@@ -38808,13 +39212,13 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
           today: item.isToday
         })
       }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, DatePickervue_type_template_id_b0614cac_hoisted_28);
-    }), 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_b0614cac_hoisted_29, [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_b0614cac_hoisted_30, [$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_b0614cac_hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_32, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_33, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_34, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+    }), 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_b0614cac_hoisted_29, [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_b0614cac_hoisted_30, [$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_b0614cac_hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_32, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_33, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_34, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
       variant: "body-2-bold",
       class: "mb-2"
     }, {
       default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[11] || (_cache[11] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Tanggal Awal ")])),
       _: 1
-    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_35, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
+    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_35, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
       "selector-id": `${$data.pickerId}-range-start-month`,
       name: "monthStart",
       class: "pr-2",
@@ -38827,7 +39231,7 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
       list: $options.listYearRange(),
       modelValue: $data.valueYearStart,
       "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => $data.valueYearStart = $event)
-    }, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_36, [(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.weekdays, (weekday, index) => {
+    }, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_36, [(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.weekdays, (weekday, index) => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         class: "weekday",
         key: index
@@ -38854,15 +39258,15 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
           class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
             today: day.isToday
           })
-        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, _hoisted_37);
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_37);
       }), 128))]);
-    }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_38, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+    }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_38, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
       variant: "body-2-bold",
       class: "mb-2"
     }, {
       default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[12] || (_cache[12] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Tanggal Akhir ")])),
       _: 1
-    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_39, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
+    }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_39, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
       "selector-id": `${$data.pickerId}-range-end-month`,
       name: "monthEnd",
       class: "pr-2",
@@ -38875,7 +39279,7 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
       list: $options.listYearRange('end'),
       modelValue: $data.valueYearEnd,
       "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => $data.valueYearEnd = $event)
-    }, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_40, [(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.weekdays, (weekday, index) => {
+    }, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_40, [(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.weekdays, (weekday, index) => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         class: "weekday",
         key: index
@@ -38902,21 +39306,21 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
           class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
             today: day.isToday
           })
-        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, _hoisted_41);
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_41);
       }), 128))]);
-    }), 128))])])])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_42, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_43, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+    }), 128))])])])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_42, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_43, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
       id: `${$data.pickerId}-range-previous`,
       iconName: "chevron_left",
       class: "arrow",
       color: "#3e7dc0",
       onClick: $options.movePrevious
-    }, null, 8, ["id", "onClick"]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_44, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($data.year), 1)) : $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_45, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[0].year) + " - " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[$options.listYear.length - 1].year), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+    }, null, 8, ["id", "onClick"]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DatePickervue_type_template_id_b0614cac_hoisted_44, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($data.year), 1)) : $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DatePickervue_type_template_id_b0614cac_hoisted_45, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[0].year) + " - " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[$options.listYear.length - 1].year), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
       id: `${$data.pickerId}-range-next`,
       iconName: "chevron_right",
       class: "arrow",
       color: "#3e7dc0",
       onClick: $options.moveNext
-    }, null, 8, ["id", "onClick"])]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_46, [(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) => {
+    }, null, 8, ["id", "onClick"])]), $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_b0614cac_hoisted_46, [(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,
         id: $options.getPickerItemId('month', item),
@@ -38933,8 +39337,8 @@ function DatePickervue_type_template_id_b0614cac_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)], 42, _hoisted_47);
-    }), 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_48, [(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)], 42, DatePickervue_type_template_id_b0614cac_hoisted_47);
+    }), 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_b0614cac_hoisted_48, [(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,
         id: $options.getPickerItemId('year', item),
@@ -38951,8 +39355,8 @@ function DatePickervue_type_template_id_b0614cac_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)], 42, _hoisted_49);
-    }), 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_50, [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)]),
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_49);
+    }), 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_b0614cac_hoisted_50, [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)]),
     _: 3
   }, 8, ["show", "content-id", "disabled"]);
 }
@@ -43804,9 +44208,6 @@ function FormWysiwygvue_type_template_id_e862dc86_render(_ctx, _cache, $props, $
 }
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=e862dc86
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
-var es_array_reduce = __webpack_require__("13d5");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__("1e70");