lib-pajakio-v2 1.0.45 → 1.0.47

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

@@ -724,17 +724,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "2a10":
-/***/ (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_3aa8d738_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3730");
-/* 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_3aa8d738_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_3aa8d738_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2a62":
@@ -778,6 +767,13 @@ module.exports = function (iterator, kind, value) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "2fdc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "30a4":
@@ -827,13 +823,6 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "3730":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "384f":
@@ -2625,6 +2614,17 @@ module.exports = function (name) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "b7f6":
+/***/ (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_0da0617a_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2fdc");
+/* 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_0da0617a_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_0da0617a_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ba2d":
@@ -37819,16 +37819,17 @@ 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=3aa8d738
+// 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=0da0617a
 
-const DashboardHeadervue_type_template_id_3aa8d738_hoisted_1 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_1 = {
+  ref: "dashboardHeader",
   class: "dashboard-header box-shadow"
 };
-const DashboardHeadervue_type_template_id_3aa8d738_hoisted_2 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const DashboardHeadervue_type_template_id_3aa8d738_hoisted_3 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_3 = {
   class: "company-name"
 };
 const _hoisted_4 = {
@@ -37849,139 +37850,140 @@ const _hoisted_8 = {
 const _hoisted_9 = {
   class: "header-right relative"
 };
-const _hoisted_10 = {
-  key: 0,
-  class: "progress-wrapper"
-};
-const _hoisted_11 = ["id", "disabled", "aria-expanded"];
-const _hoisted_12 = {
+const _hoisted_10 = ["id", "disabled", "aria-expanded"];
+const _hoisted_11 = {
   ref: "progressTriggerContent",
   class: "progress-trigger-content"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
+  class: "progress-spinner",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = {
+  key: 3,
   class: "progress-counts",
   "aria-hidden": "true"
 };
 const _hoisted_14 = {
-  class: "progress-label"
+  key: 4,
+  class: "progress-indicator-detail"
 };
-const _hoisted_15 = {
-  key: 1,
-  class: "progress-spinner",
-  "aria-hidden": "true"
-};
-const _hoisted_16 = ["id"];
-const _hoisted_17 = {
+const _hoisted_15 = ["id"];
+const _hoisted_16 = {
   class: "progress-dropdown-header"
 };
-const _hoisted_18 = {
+const _hoisted_17 = {
   class: "progress-list"
 };
-const _hoisted_19 = ["id"];
-const _hoisted_20 = {
+const _hoisted_18 = ["id"];
+const _hoisted_19 = {
   class: "progress-item-heading"
 };
-const _hoisted_21 = {
+const _hoisted_20 = {
   class: "progress-item-label"
 };
-const _hoisted_22 = {
+const _hoisted_21 = {
   class: "progress-bar",
   "aria-hidden": "true"
 };
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 0,
   class: "progress-item-footer"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   key: 0,
   class: "progress-item-meta"
 };
-const _hoisted_25 = ["id", "onClick"];
-const _hoisted_26 = {
+const _hoisted_24 = ["id", "onClick"];
+const _hoisted_25 = {
   key: 1,
   class: "divider"
 };
-const _hoisted_27 = {
+const _hoisted_26 = {
   class: "notification-wrapper"
 };
-const _hoisted_28 = ["id"];
-const _hoisted_29 = {
+const _hoisted_27 = ["id"];
+const _hoisted_28 = {
   key: 0,
   class: "notif-dot"
 };
-const _hoisted_30 = {
+const _hoisted_29 = {
   key: 0,
   class: "notification-dropdown box-shadow"
 };
-const _hoisted_31 = {
+const _hoisted_30 = {
   key: 0,
   class: "notification-header"
 };
-const _hoisted_32 = {
+const _hoisted_31 = {
   key: 1,
   class: "notification-list"
 };
-const _hoisted_33 = ["id", "onClick"];
-const _hoisted_34 = {
+const _hoisted_32 = ["id", "onClick"];
+const _hoisted_33 = {
   class: "notification-item-content"
 };
-const _hoisted_35 = {
+const _hoisted_34 = {
   class: "notification-item-title"
 };
-const _hoisted_36 = {
+const _hoisted_35 = {
   key: 0,
   class: "notification-item-meta"
 };
-const _hoisted_37 = {
+const _hoisted_36 = {
   key: 2,
   class: "notification-empty"
 };
-const _hoisted_38 = ["id"];
-const _hoisted_39 = {
+const _hoisted_37 = ["id"];
+const _hoisted_38 = {
   key: 0,
   class: "user-summary-prefix"
 };
-const _hoisted_40 = {
+const _hoisted_39 = {
   class: "avatar"
 };
-const _hoisted_41 = {
+const _hoisted_40 = {
   key: 1,
   class: "user-text"
 };
-const _hoisted_42 = {
+const _hoisted_41 = {
   class: "user-name"
 };
-const _hoisted_43 = {
+const _hoisted_42 = {
   class: "user-role"
 };
-const _hoisted_44 = {
+const _hoisted_43 = {
   key: 2,
   class: "absolute top-8 right-0 user-dropdown-wrapper"
 };
-const _hoisted_45 = {
+const _hoisted_44 = {
   class: "flex flex-col p-3",
   style: {
     "border-bottom": "1px solid #DDDDDD"
   }
 };
-const _hoisted_46 = {
+const _hoisted_45 = {
   class: "flex flex-row items-center mb-4"
 };
-const _hoisted_47 = {
+const _hoisted_46 = {
   class: "avatar mr-3"
 };
-const _hoisted_48 = {
+const _hoisted_47 = {
   class: "flex flex-col"
 };
-const _hoisted_49 = ["id", "onClick"];
+const _hoisted_48 = ["id", "onClick"];
+const _hoisted_49 = ["id"];
 const _hoisted_50 = ["id"];
-function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_51 = {
+  class: "progress-onboarding-actions"
+};
+function DashboardHeadervue_type_template_id_0da0617a_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_3aa8d738_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_3aa8d738_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_0da0617a_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_0da0617a_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
     options: $props.companyList,
     style: {
       "width": "100%",
@@ -38000,7 +38002,7 @@ function DashboardHeadervue_type_template_id_3aa8d738_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_3aa8d738_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_0da0617a_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",
@@ -38009,7 +38011,12 @@ function DashboardHeadervue_type_template_id_3aa8d738_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, [$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", {
+  }, 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", {
+    key: 0,
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-wrapper", {
+      'progress-wrapper--onboarding': $data.showProgressOnboardingDialog
+    }])
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
     id: $options.getSelectorId('progress-toggle'),
     ref: "progressTrigger",
     type: "button",
@@ -38021,51 +38028,64 @@ function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $prop
     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, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", _hoisted_11, [$options.progressIndicatorState.showSpinner ? (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), $options.progressIndicatorState.showRing ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
+    key: 1,
+    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), $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)),
+  }, null, 8, ["iconName", "color"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $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", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-label", {
+      'progress-label--percentage': $options.progressIndicatorState.isPercentage
+    }])
+  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressIndicatorState.label), 3), $options.progressIndicatorDetail ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_14, [_cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    class: "progress-indicator-detail-separator",
+    "aria-hidden": "true"
+  }, "•", -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressIndicatorDetail), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !$options.progressIndicatorState.disabled ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
+    key: 5,
+    iconName: "expand_more",
+    color: $options.progressCaretColor,
+    class: "progress-caret",
     "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"], {
+  }, null, 8, ["color"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)], 14, _hoisted_10), 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) => {
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_16, [_cache[6] || (_cache[6] = 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_17, [(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", {
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_19, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_20, 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", {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.progressItemStatusLabel(item)), 3)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_21, [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", {
+      }, 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_22, [$options.progressItemMeta(item) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_23, 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)]),
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.detailLabel || "Lihat Detail"), 9, _hoisted_24)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 8, _hoisted_18);
+    }), 128))])], 8, _hoisted_15)) : 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", {
+  })], 2)) : 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_25)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_26, [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
@@ -38073,7 +38093,7 @@ function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $prop
     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_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) => {
+  }), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_28)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, _hoisted_27), $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_29, [$options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_30, " 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_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"])($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),
@@ -38085,8 +38105,8 @@ function DashboardHeadervue_type_template_id_3aa8d738_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_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", {
+    }, null, 8, ["iconName", "color"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_33, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_34, 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_35, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.periodLabel), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, _hoisted_32);
+  }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_36, " Tidak ada notifikasi "))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), _cache[8] || (_cache[8] = 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'),
@@ -38094,17 +38114,17 @@ function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $prop
       active: $data.show
     }]),
     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", {
+  }, [_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_38, [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_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, {
+  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_39, 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_40, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_41, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_42, 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_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", {
+  }, null, 8, ["style"])], 10, _hoisted_37), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_43, [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
@@ -38118,7 +38138,7 @@ function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $prop
     userRole: $props.userRole,
     initialName: $options.initialName,
     menuNavbar: $props.menuNavbar
-  }, () => [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, {
+  }, () => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_44, [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_["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"
   }, {
@@ -38137,9 +38157,9 @@ function DashboardHeadervue_type_template_id_3aa8d738_render(_ctx, _cache, $prop
     class: "justify-center",
     onClick: _cache[3] || (_cache[3] = $event => $options.actionRoute('edit-profile'))
   }, {
-    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 ")])),
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[7] || (_cache[7] = [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_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) => {
+  }, 8, ["id"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_47, [(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),
@@ -38149,15 +38169,40 @@ function DashboardHeadervue_type_template_id_3aa8d738_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_49);
+    }, 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_48);
   }), 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[4] || (_cache[4] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
-  }, null, 8, _hoisted_50)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
+  }, null, 8, _hoisted_49)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Transition"], {
+    name: "progress-onboarding"
+  }, {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [$data.showProgressOnboardingDialog ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("section", {
+      key: 0,
+      id: $options.getSelectorId('progress-onboarding'),
+      class: "progress-onboarding",
+      style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.progressOnboardingPointerStyle),
+      role: "dialog",
+      "aria-labelledby": "progress-onboarding-title",
+      "aria-describedby": "progress-onboarding-description"
+    }, [_cache[10] || (_cache[10] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("h2", {
+      id: "progress-onboarding-title"
+    }, "Proses berjalan di latar belakang", -1)), _cache[11] || (_cache[11] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", {
+      id: "progress-onboarding-description"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Pantau progres Anda melalui indikator di atas yang lebih "), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("em", null, "'seamless'"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" untuk menunjang pekerjaan Anda yang lebih cepat. ")], -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_51, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_button, {
+      id: $options.getSelectorId('progress-onboarding-acknowledge'),
+      type: "button",
+      variant: "secondary",
+      onClick: $options.acknowledgeProgressOnboarding
+    }, {
+      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[9] || (_cache[9] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Mengerti ")])),
+      _: 1
+    }, 8, ["id", "onClick"])])], 12, _hoisted_50)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
+    _: 1
+  })], 512);
 }
-// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=3aa8d738
+// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=0da0617a
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
 var es_array_reduce = __webpack_require__("13d5");
@@ -38507,6 +38552,10 @@ let dashboardHeaderInstance = 0;
       type: Boolean,
       default: true
     },
+    showProgressOnboarding: {
+      type: Boolean,
+      default: true
+    },
     selectorId: {
       type: String,
       default: ""
@@ -38524,6 +38573,10 @@ let dashboardHeaderInstance = 0;
       progressTriggerWidth: null,
       progressResizeObserver: null,
       mouseMoveHandler: null,
+      progressOnboardingResizeHandler: null,
+      progressOnboardingDialogLeft: null,
+      progressOnboardingPointerLeft: null,
+      showProgressOnboardingDialog: false,
       instanceSelectorId: `dashboard-header-${++dashboardHeaderInstance}`
     };
   },
@@ -38658,6 +38711,7 @@ let dashboardHeaderInstance = 0;
         return {
           label: `${Math.round(runningItem.progress)}%`,
           tone: "running",
+          isPercentage: true,
           showRing: true,
           progress: runningItem.progress
         };
@@ -38692,6 +38746,34 @@ let dashboardHeaderInstance = 0;
       return this.progressTriggerWidth ? {
         width: `${this.progressTriggerWidth}px`
       } : {};
+    },
+    progressCaretColor() {
+      const colors = {
+        success: "#228B5D",
+        "success-flash": "#228B5D",
+        failed: "#D64747",
+        partial: "#B97900"
+      };
+      return colors[this.progressIndicatorState.tone] || "#3E7DC0";
+    },
+    progressIndicatorDetail() {
+      if (this.normalizedProgressItems.length !== 1) return "";
+      const item = this.normalizedProgressItems[this.normalizedProgressItems.length - 1];
+      if (!["running", "success", "failed"].includes(item.status)) return "";
+      const actionName = item.label;
+      const failedCount = Number(item.failedCount);
+      const actionCount = item.status === "failed" && Number.isFinite(failedCount) ? failedCount : Number.isFinite(Number(item.total)) ? Number(item.total) : Number(item.current);
+      if (!Number.isFinite(actionCount)) {
+        return item.description || "";
+      }
+      const suffix = item.status === "failed" ? "gagal" : item.unit || "item";
+      return `${actionName} ${this.formatProgressNumber(actionCount)} ${suffix}`;
+    },
+    progressOnboardingPointerStyle() {
+      return {
+        "--progress-onboarding-dialog-left": this.progressOnboardingDialogLeft === null ? "34px" : `${this.progressOnboardingDialogLeft}px`,
+        "--progress-onboarding-pointer-left": this.progressOnboardingPointerLeft === null ? "50%" : `${this.progressOnboardingPointerLeft}px`
+      };
     }
   },
   watch: {
@@ -38716,7 +38798,15 @@ let dashboardHeaderInstance = 0;
             nextStatusById[id] = status;
           });
         }
+        const hasNewRunningItem = Array.isArray(items) && items.some((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";
+          return status === "running" && this.progressStatusById[id] !== "running";
+        });
         this.progressStatusById = nextStatusById;
+        if (hasNewRunningItem) {
+          this.showProgressOnboardingForNewProcess();
+        }
         this.$nextTick(() => {
           if (!this.hasProgressIndicator || this.progressIndicatorState.disabled) {
             this.setProgressMenu(false);
@@ -38730,6 +38820,9 @@ let dashboardHeaderInstance = 0;
     showProgressIndicator() {
       if (!this.showProgressIndicator) this.setProgressMenu(false);
       this.$nextTick(() => this.setupProgressResizeObserver());
+    },
+    showProgressOnboarding(value) {
+      if (!value) this.closeProgressOnboarding();
     }
   },
   mounted() {
@@ -38738,6 +38831,8 @@ let dashboardHeaderInstance = 0;
       this.setLogoutTimer();
     };
     document.addEventListener("mousemove", this.mouseMoveHandler);
+    this.progressOnboardingResizeHandler = () => this.updateProgressOnboardingPointer();
+    window.addEventListener("resize", this.progressOnboardingResizeHandler);
     this.setupProgressResizeObserver();
   },
   beforeUnmount() {
@@ -38749,6 +38844,9 @@ let dashboardHeaderInstance = 0;
     if (this.progressResizeObserver) {
       this.progressResizeObserver.disconnect();
     }
+    if (this.progressOnboardingResizeHandler) {
+      window.removeEventListener("resize", this.progressOnboardingResizeHandler);
+    }
   },
   methods: {
     toggleMenu() {
@@ -38797,7 +38895,7 @@ let dashboardHeaderInstance = 0;
     progressRingStyle(progress) {
       const value = this.clampProgress(progress);
       return {
-        background: `conic-gradient(#3E7DC0 0 ${value}%, #DCE5EE ${value}% 100%)`
+        background: `conic-gradient(#3E7DC0 0 ${value}%, #C5D8EC ${value}% 100%)`
       };
     },
     progressItemStatusLabel(item) {
@@ -38849,6 +38947,52 @@ let dashboardHeaderInstance = 0;
         this.progressSuccessFlashTimeout = null;
       }, Math.max(0, Number(this.progressSuccessFlashDuration) || 0));
     },
+    showProgressOnboardingForNewProcess() {
+      if (!this.showProgressOnboarding || this.showProgressOnboardingDialog || this.getProgressOnboardingCount() >= 3) {
+        return;
+      }
+      this.closeAllMenus();
+      this.showProgressOnboardingDialog = true;
+      this.$nextTick(() => this.updateProgressOnboardingPointer());
+    },
+    acknowledgeProgressOnboarding() {
+      const nextCount = Math.min(3, this.getProgressOnboardingCount() + 1);
+      this.setProgressOnboardingCount(nextCount);
+      this.closeProgressOnboarding();
+    },
+    closeProgressOnboarding() {
+      this.showProgressOnboardingDialog = false;
+      this.progressOnboardingDialogLeft = null;
+      this.progressOnboardingPointerLeft = null;
+    },
+    getProgressOnboardingCount() {
+      if (typeof window === "undefined" || !window.localStorage) return 0;
+      try {
+        const count = Number.parseInt(window.localStorage.getItem("dashboard-header-progress-onboarding-count"), 10);
+        return Number.isFinite(count) ? Math.max(0, count) : 0;
+      } catch (error) {
+        return 0;
+      }
+    },
+    setProgressOnboardingCount(count) {
+      if (typeof window === "undefined" || !window.localStorage) return;
+      try {
+        window.localStorage.setItem("dashboard-header-progress-onboarding-count", String(count));
+      } catch (error) {
+        // The onboarding remains usable when storage is unavailable.
+      }
+    },
+    updateProgressOnboardingPointer() {
+      if (!this.showProgressOnboardingDialog) return;
+      const header = this.$refs.dashboardHeader;
+      const trigger = this.$refs.progressTrigger;
+      if (!header || !trigger) return;
+      const headerRect = header.getBoundingClientRect();
+      const triggerRect = trigger.getBoundingClientRect();
+      this.progressOnboardingDialogLeft = Math.max(0, triggerRect.left - headerRect.left - 10);
+      const pointerLeft = triggerRect.left - headerRect.left + triggerRect.width / 2;
+      this.progressOnboardingPointerLeft = Math.max(24, Math.min(headerRect.width - 24, pointerLeft));
+    },
     setupProgressResizeObserver() {
       if (this.progressResizeObserver) {
         this.progressResizeObserver.disconnect();
@@ -38861,11 +39005,15 @@ let dashboardHeaderInstance = 0;
       }
       const updateWidth = () => {
         this.progressTriggerWidth = content.scrollWidth;
+        this.$nextTick(() => this.updateProgressOnboardingPointer());
       };
       updateWidth();
       if (typeof ResizeObserver !== "undefined") {
         this.progressResizeObserver = new ResizeObserver(updateWidth);
         this.progressResizeObserver.observe(content);
+        if (this.$refs.progressTrigger) {
+          this.progressResizeObserver.observe(this.$refs.progressTrigger);
+        }
       }
     },
     onCompanyLoadMore(payload) {
@@ -38980,8 +39128,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=3aa8d738&lang=scss
-var DashboardHeadervue_type_style_index_0_id_3aa8d738_lang_scss = __webpack_require__("2a10");
+// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=0da0617a&lang=scss
+var DashboardHeadervue_type_style_index_0_id_0da0617a_lang_scss = __webpack_require__("b7f6");
 
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue
 
@@ -38991,7 +39139,7 @@ var DashboardHeadervue_type_style_index_0_id_3aa8d738_lang_scss = __webpack_requ
 
 
 
-const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_3aa8d738_render]])
+const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_0da0617a_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