lib-pajakio-v2 1.0.46 → 1.0.47

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

@@ -767,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":
@@ -1525,13 +1532,6 @@ exports.default = (sfc, props) => {
 };
 
 
-/***/ }),
-
-/***/ "6c61":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "7234":
@@ -2455,17 +2455,6 @@ module.exports = function (METHOD_NAME, argument) {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "ab13":
-/***/ (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_521fddd3_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6c61");
-/* 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_521fddd3_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_521fddd3_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ad6d":
@@ -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=521fddd3
+// 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_521fddd3_hoisted_1 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_1 = {
+  ref: "dashboardHeader",
   class: "dashboard-header box-shadow"
 };
-const DashboardHeadervue_type_template_id_521fddd3_hoisted_2 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const DashboardHeadervue_type_template_id_521fddd3_hoisted_3 = {
+const DashboardHeadervue_type_template_id_0da0617a_hoisted_3 = {
   class: "company-name"
 };
 const _hoisted_4 = {
@@ -37849,24 +37850,24 @@ 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 = {
-  key: 1,
-  class: "progress-spinner",
-  "aria-hidden": "true"
+  key: 4,
+  class: "progress-indicator-detail"
 };
 const _hoisted_15 = ["id"];
 const _hoisted_16 = {
@@ -37973,12 +37974,16 @@ const _hoisted_47 = {
 };
 const _hoisted_48 = ["id", "onClick"];
 const _hoisted_49 = ["id"];
-function DashboardHeadervue_type_template_id_521fddd3_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_50 = ["id"];
+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_521fddd3_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_521fddd3_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%",
@@ -37997,7 +38002,7 @@ function DashboardHeadervue_type_template_id_521fddd3_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_521fddd3_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",
@@ -38006,7 +38011,12 @@ function DashboardHeadervue_type_template_id_521fddd3_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",
@@ -38018,7 +38028,18 @@ function DashboardHeadervue_type_template_id_521fddd3_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 => {
+  }, [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.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}`])
@@ -38027,25 +38048,23 @@ function DashboardHeadervue_type_template_id_521fddd3_render(_ctx, _cache, $prop
     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.progressIndicatorState.showSpinner ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_14)) : $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",
+  }, 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"
-  }, 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)),
+  }, "•", -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_16, [_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_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) => {
+    }, [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),
@@ -38066,7 +38085,7 @@ function DashboardHeadervue_type_template_id_521fddd3_render(_ctx, _cache, $prop
       }, 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_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", {
+  })], 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
@@ -38087,7 +38106,7 @@ function DashboardHeadervue_type_template_id_521fddd3_render(_ctx, _cache, $prop
       width: "20px",
       height: "20px"
     }, 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[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }), 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'),
@@ -38138,7 +38157,7 @@ function DashboardHeadervue_type_template_id_521fddd3_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_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", {
@@ -38156,9 +38175,34 @@ function DashboardHeadervue_type_template_id_521fddd3_render(_ctx, _cache, $prop
     id: $options.getSelectorId('overlay'),
     class: "overlay",
     onClick: _cache[4] || (_cache[4] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
-  }, null, 8, _hoisted_49)) : 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=521fddd3
+// 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");
@@ -38508,6 +38552,10 @@ let dashboardHeaderInstance = 0;
       type: Boolean,
       default: true
     },
+    showProgressOnboarding: {
+      type: Boolean,
+      default: true
+    },
     selectorId: {
       type: String,
       default: ""
@@ -38525,6 +38573,10 @@ let dashboardHeaderInstance = 0;
       progressTriggerWidth: null,
       progressResizeObserver: null,
       mouseMoveHandler: null,
+      progressOnboardingResizeHandler: null,
+      progressOnboardingDialogLeft: null,
+      progressOnboardingPointerLeft: null,
+      showProgressOnboardingDialog: false,
       instanceSelectorId: `dashboard-header-${++dashboardHeaderInstance}`
     };
   },
@@ -38694,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: {
@@ -38718,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);
@@ -38732,6 +38820,9 @@ let dashboardHeaderInstance = 0;
     showProgressIndicator() {
       if (!this.showProgressIndicator) this.setProgressMenu(false);
       this.$nextTick(() => this.setupProgressResizeObserver());
+    },
+    showProgressOnboarding(value) {
+      if (!value) this.closeProgressOnboarding();
     }
   },
   mounted() {
@@ -38740,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() {
@@ -38751,6 +38844,9 @@ let dashboardHeaderInstance = 0;
     if (this.progressResizeObserver) {
       this.progressResizeObserver.disconnect();
     }
+    if (this.progressOnboardingResizeHandler) {
+      window.removeEventListener("resize", this.progressOnboardingResizeHandler);
+    }
   },
   methods: {
     toggleMenu() {
@@ -38851,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();
@@ -38863,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) {
@@ -38982,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=521fddd3&lang=scss
-var DashboardHeadervue_type_style_index_0_id_521fddd3_lang_scss = __webpack_require__("ab13");
+// 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
 
@@ -38993,7 +39139,7 @@ var DashboardHeadervue_type_style_index_0_id_521fddd3_lang_scss = __webpack_requ
 
 
 
-const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_521fddd3_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
@@ -39136,7 +39282,7 @@ const DatePickervue_type_template_id_b0614cac_hoisted_48 = {
   class: "flex flex-wrap items-center wrap-month"
 };
 const DatePickervue_type_template_id_b0614cac_hoisted_49 = ["id", "onClick", "onMouseenter"];
-const _hoisted_50 = {
+const DatePickervue_type_template_id_b0614cac_hoisted_50 = {
   key: 2,
   class: "px-6 pb-5 wrap-action-footer"
 };
@@ -39458,7 +39604,7 @@ 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)], 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", _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)]),
+    }), 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"]);
 }