lib-pajakio-v2 1.0.36 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-pajakio-v2.common.js +503 -106
- package/dist/lib-pajakio-v2.common.js.map +1 -1
- package/dist/lib-pajakio-v2.css +1 -1
- package/dist/lib-pajakio-v2.umd.js +503 -106
- package/dist/lib-pajakio-v2.umd.js.map +1 -1
- package/dist/lib-pajakio-v2.umd.min.js +1 -1
- package/dist/lib-pajakio-v2.umd.min.js.map +1 -1
- package/docs/specs/navigation-layout.md +88 -0
- package/package.json +1 -1
- package/src/components/DashboardHeader/index.vue +884 -4
- package/src/views/Header.vue +374 -0
|
@@ -598,13 +598,6 @@ $({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('dif
|
|
|
598
598
|
/* unused harmony reexport * */
|
|
599
599
|
|
|
600
600
|
|
|
601
|
-
/***/ }),
|
|
602
|
-
|
|
603
|
-
/***/ "2345":
|
|
604
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
605
|
-
|
|
606
|
-
// extracted by mini-css-extract-plugin
|
|
607
|
-
|
|
608
601
|
/***/ }),
|
|
609
602
|
|
|
610
603
|
/***/ "23cb":
|
|
@@ -1611,6 +1604,17 @@ exports.f = Object.getOwnPropertySymbols;
|
|
|
1611
1604
|
|
|
1612
1605
|
// extracted by mini-css-extract-plugin
|
|
1613
1606
|
|
|
1607
|
+
/***/ }),
|
|
1608
|
+
|
|
1609
|
+
/***/ "77ac":
|
|
1610
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1611
|
+
|
|
1612
|
+
"use strict";
|
|
1613
|
+
/* 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_5537b441_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7a2d");
|
|
1614
|
+
/* 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_5537b441_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_5537b441_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
1615
|
+
/* unused harmony reexport * */
|
|
1616
|
+
|
|
1617
|
+
|
|
1614
1618
|
/***/ }),
|
|
1615
1619
|
|
|
1616
1620
|
/***/ "7839":
|
|
@@ -1654,6 +1658,13 @@ $({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
|
|
|
1654
1658
|
});
|
|
1655
1659
|
|
|
1656
1660
|
|
|
1661
|
+
/***/ }),
|
|
1662
|
+
|
|
1663
|
+
/***/ "7a2d":
|
|
1664
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
1665
|
+
|
|
1666
|
+
// extracted by mini-css-extract-plugin
|
|
1667
|
+
|
|
1657
1668
|
/***/ }),
|
|
1658
1669
|
|
|
1659
1670
|
/***/ "7b0b":
|
|
@@ -2353,17 +2364,6 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
|
|
|
2353
2364
|
/* unused harmony reexport * */
|
|
2354
2365
|
|
|
2355
2366
|
|
|
2356
|
-
/***/ }),
|
|
2357
|
-
|
|
2358
|
-
/***/ "9ed3":
|
|
2359
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2360
|
-
|
|
2361
|
-
"use strict";
|
|
2362
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_6b59b7da_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2345");
|
|
2363
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_6b59b7da_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_6b59b7da_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2364
|
-
/* unused harmony reexport * */
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
2367
|
/***/ }),
|
|
2368
2368
|
|
|
2369
2369
|
/***/ "a04b":
|
|
@@ -37723,16 +37723,16 @@ var DashboardFootervue_type_style_index_0_id_d0c99736_lang_scss = __webpack_requ
|
|
|
37723
37723
|
const DashboardFooter_exports_ = /*#__PURE__*/exportHelper_default()(DashboardFootervue_type_script_lang_js, [['render',DashboardFootervue_type_template_id_d0c99736_render]])
|
|
37724
37724
|
|
|
37725
37725
|
/* harmony default export */ var DashboardFooter = (DashboardFooter_exports_);
|
|
37726
|
-
// 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=
|
|
37726
|
+
// 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=5537b441
|
|
37727
37727
|
|
|
37728
|
-
const
|
|
37728
|
+
const DashboardHeadervue_type_template_id_5537b441_hoisted_1 = {
|
|
37729
37729
|
class: "dashboard-header box-shadow"
|
|
37730
37730
|
};
|
|
37731
|
-
const
|
|
37731
|
+
const DashboardHeadervue_type_template_id_5537b441_hoisted_2 = {
|
|
37732
37732
|
key: 0,
|
|
37733
37733
|
class: "header-left"
|
|
37734
37734
|
};
|
|
37735
|
-
const
|
|
37735
|
+
const DashboardHeadervue_type_template_id_5537b441_hoisted_3 = {
|
|
37736
37736
|
class: "company-name"
|
|
37737
37737
|
};
|
|
37738
37738
|
const _hoisted_4 = {
|
|
@@ -37754,85 +37754,134 @@ const _hoisted_9 = {
|
|
|
37754
37754
|
class: "header-right relative"
|
|
37755
37755
|
};
|
|
37756
37756
|
const _hoisted_10 = {
|
|
37757
|
-
|
|
37757
|
+
key: 0,
|
|
37758
|
+
class: "progress-wrapper"
|
|
37758
37759
|
};
|
|
37759
|
-
const _hoisted_11 = ["id"];
|
|
37760
|
+
const _hoisted_11 = ["id", "disabled", "aria-expanded"];
|
|
37760
37761
|
const _hoisted_12 = {
|
|
37762
|
+
ref: "progressTriggerContent",
|
|
37763
|
+
class: "progress-trigger-content"
|
|
37764
|
+
};
|
|
37765
|
+
const _hoisted_13 = {
|
|
37766
|
+
key: 0,
|
|
37767
|
+
class: "progress-counts",
|
|
37768
|
+
"aria-hidden": "true"
|
|
37769
|
+
};
|
|
37770
|
+
const _hoisted_14 = {
|
|
37771
|
+
class: "progress-label"
|
|
37772
|
+
};
|
|
37773
|
+
const _hoisted_15 = {
|
|
37774
|
+
key: 1,
|
|
37775
|
+
class: "progress-spinner",
|
|
37776
|
+
"aria-hidden": "true"
|
|
37777
|
+
};
|
|
37778
|
+
const _hoisted_16 = ["id"];
|
|
37779
|
+
const _hoisted_17 = {
|
|
37780
|
+
class: "progress-dropdown-header"
|
|
37781
|
+
};
|
|
37782
|
+
const _hoisted_18 = {
|
|
37783
|
+
class: "progress-list"
|
|
37784
|
+
};
|
|
37785
|
+
const _hoisted_19 = ["id"];
|
|
37786
|
+
const _hoisted_20 = {
|
|
37787
|
+
class: "progress-item-heading"
|
|
37788
|
+
};
|
|
37789
|
+
const _hoisted_21 = {
|
|
37790
|
+
class: "progress-item-label"
|
|
37791
|
+
};
|
|
37792
|
+
const _hoisted_22 = {
|
|
37793
|
+
class: "progress-bar",
|
|
37794
|
+
"aria-hidden": "true"
|
|
37795
|
+
};
|
|
37796
|
+
const _hoisted_23 = {
|
|
37797
|
+
key: 0,
|
|
37798
|
+
class: "progress-item-footer"
|
|
37799
|
+
};
|
|
37800
|
+
const _hoisted_24 = {
|
|
37801
|
+
key: 0,
|
|
37802
|
+
class: "progress-item-meta"
|
|
37803
|
+
};
|
|
37804
|
+
const _hoisted_25 = ["id", "onClick"];
|
|
37805
|
+
const _hoisted_26 = {
|
|
37806
|
+
class: "notification-wrapper"
|
|
37807
|
+
};
|
|
37808
|
+
const _hoisted_27 = ["id"];
|
|
37809
|
+
const _hoisted_28 = {
|
|
37761
37810
|
key: 0,
|
|
37762
37811
|
class: "notif-dot"
|
|
37763
37812
|
};
|
|
37764
|
-
const
|
|
37813
|
+
const _hoisted_29 = {
|
|
37765
37814
|
key: 0,
|
|
37766
37815
|
class: "notification-dropdown box-shadow"
|
|
37767
37816
|
};
|
|
37768
|
-
const
|
|
37817
|
+
const _hoisted_30 = {
|
|
37769
37818
|
key: 0,
|
|
37770
37819
|
class: "notification-header"
|
|
37771
37820
|
};
|
|
37772
|
-
const
|
|
37821
|
+
const _hoisted_31 = {
|
|
37773
37822
|
key: 1,
|
|
37774
37823
|
class: "notification-list"
|
|
37775
37824
|
};
|
|
37776
|
-
const
|
|
37777
|
-
const
|
|
37825
|
+
const _hoisted_32 = ["id", "onClick"];
|
|
37826
|
+
const _hoisted_33 = {
|
|
37778
37827
|
class: "notification-item-content"
|
|
37779
37828
|
};
|
|
37780
|
-
const
|
|
37829
|
+
const _hoisted_34 = {
|
|
37781
37830
|
class: "notification-item-title"
|
|
37782
37831
|
};
|
|
37783
|
-
const
|
|
37832
|
+
const _hoisted_35 = {
|
|
37784
37833
|
key: 0,
|
|
37785
37834
|
class: "notification-item-meta"
|
|
37786
37835
|
};
|
|
37787
|
-
const
|
|
37836
|
+
const _hoisted_36 = {
|
|
37788
37837
|
key: 2,
|
|
37789
37838
|
class: "notification-empty"
|
|
37790
37839
|
};
|
|
37791
|
-
const
|
|
37792
|
-
const
|
|
37840
|
+
const _hoisted_37 = ["id"];
|
|
37841
|
+
const _hoisted_38 = {
|
|
37793
37842
|
key: 0,
|
|
37794
37843
|
class: "user-summary-prefix"
|
|
37795
37844
|
};
|
|
37796
|
-
const
|
|
37845
|
+
const _hoisted_39 = {
|
|
37797
37846
|
class: "avatar"
|
|
37798
37847
|
};
|
|
37799
|
-
const
|
|
37848
|
+
const _hoisted_40 = {
|
|
37800
37849
|
key: 1,
|
|
37801
37850
|
class: "user-text"
|
|
37802
37851
|
};
|
|
37803
|
-
const
|
|
37852
|
+
const _hoisted_41 = {
|
|
37804
37853
|
class: "user-name"
|
|
37805
37854
|
};
|
|
37806
|
-
const
|
|
37855
|
+
const _hoisted_42 = {
|
|
37807
37856
|
class: "user-role"
|
|
37808
37857
|
};
|
|
37809
|
-
const
|
|
37810
|
-
key:
|
|
37858
|
+
const _hoisted_43 = {
|
|
37859
|
+
key: 1,
|
|
37811
37860
|
class: "absolute top-8 right-0 user-dropdown-wrapper"
|
|
37812
37861
|
};
|
|
37813
|
-
const
|
|
37862
|
+
const _hoisted_44 = {
|
|
37814
37863
|
class: "flex flex-col p-3",
|
|
37815
37864
|
style: {
|
|
37816
37865
|
"border-bottom": "1px solid #DDDDDD"
|
|
37817
37866
|
}
|
|
37818
37867
|
};
|
|
37819
|
-
const
|
|
37868
|
+
const _hoisted_45 = {
|
|
37820
37869
|
class: "flex flex-row items-center mb-4"
|
|
37821
37870
|
};
|
|
37822
|
-
const
|
|
37871
|
+
const _hoisted_46 = {
|
|
37823
37872
|
class: "avatar mr-3"
|
|
37824
37873
|
};
|
|
37825
|
-
const
|
|
37874
|
+
const _hoisted_47 = {
|
|
37826
37875
|
class: "flex flex-col"
|
|
37827
37876
|
};
|
|
37828
|
-
const
|
|
37829
|
-
const
|
|
37830
|
-
function
|
|
37877
|
+
const _hoisted_48 = ["id", "onClick"];
|
|
37878
|
+
const _hoisted_49 = ["id"];
|
|
37879
|
+
function DashboardHeadervue_type_template_id_5537b441_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
37831
37880
|
const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
|
|
37832
37881
|
const _component_dropdown_company = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("dropdown-company");
|
|
37833
37882
|
const _component_typo_text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("typo-text");
|
|
37834
37883
|
const _component_base_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-button");
|
|
37835
|
-
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
37884
|
+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_5537b441_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_5537b441_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
|
|
37836
37885
|
options: $props.companyList,
|
|
37837
37886
|
style: {
|
|
37838
37887
|
"width": "100%",
|
|
@@ -37851,7 +37900,7 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37851
37900
|
}, {
|
|
37852
37901
|
list: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(({
|
|
37853
37902
|
item
|
|
37854
|
-
}) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p",
|
|
37903
|
+
}) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", DashboardHeadervue_type_template_id_5537b441_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)]),
|
|
37855
37904
|
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, {
|
|
37856
37905
|
iconName: "expand_more",
|
|
37857
37906
|
class: "chevron",
|
|
@@ -37860,15 +37909,71 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37860
37909
|
})
|
|
37861
37910
|
}, null, 8, ["style"])])]),
|
|
37862
37911
|
_: 1
|
|
37863
|
-
}, 8, ["options", "id", "onChange", "enableInfiniteScroll", "hasMore", "isLoadingMore", "scrollThreshold", "onLoadMore"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["
|
|
37912
|
+
}, 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", {
|
|
37913
|
+
id: $options.getSelectorId('progress-toggle'),
|
|
37914
|
+
ref: "progressTrigger",
|
|
37915
|
+
type: "button",
|
|
37916
|
+
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-trigger", [`progress-trigger--${$options.progressIndicatorState.tone}`, {
|
|
37917
|
+
active: $data.showProgress,
|
|
37918
|
+
disabled: $options.progressIndicatorState.disabled
|
|
37919
|
+
}]]),
|
|
37920
|
+
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.progressTriggerStyle),
|
|
37921
|
+
disabled: $options.progressIndicatorState.disabled,
|
|
37922
|
+
"aria-expanded": $data.showProgress ? 'true' : 'false',
|
|
37923
|
+
onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleProgressMenu && $options.toggleProgressMenu(...args))
|
|
37924
|
+
}, [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 => {
|
|
37925
|
+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", {
|
|
37926
|
+
key: count.status,
|
|
37927
|
+
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-count", `progress-count--${count.status}`])
|
|
37928
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(count.count), 3);
|
|
37929
|
+
}), 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, {
|
|
37930
|
+
key: 2,
|
|
37931
|
+
iconName: $options.progressIndicatorState.icon,
|
|
37932
|
+
color: $options.progressIndicatorState.iconColor,
|
|
37933
|
+
class: "progress-state-icon",
|
|
37934
|
+
"aria-hidden": "true"
|
|
37935
|
+
}, 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", {
|
|
37936
|
+
key: 3,
|
|
37937
|
+
class: "progress-ring",
|
|
37938
|
+
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.progressRingStyle($options.progressIndicatorState.progress)),
|
|
37939
|
+
"aria-hidden": "true"
|
|
37940
|
+
}, 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"], {
|
|
37941
|
+
name: "progress-dropdown"
|
|
37942
|
+
}, {
|
|
37943
|
+
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", {
|
|
37944
|
+
key: 0,
|
|
37945
|
+
id: $options.getSelectorId('progress-dropdown'),
|
|
37946
|
+
class: "progress-dropdown box-shadow"
|
|
37947
|
+
}, [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) => {
|
|
37948
|
+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
37949
|
+
key: item.key,
|
|
37950
|
+
id: $options.getSelectorId('progress-row', index),
|
|
37951
|
+
class: "progress-item"
|
|
37952
|
+
}, [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", {
|
|
37953
|
+
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-item-status", `progress-item-status--${item.status}`])
|
|
37954
|
+
}, 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", {
|
|
37955
|
+
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["progress-bar-value", `progress-bar-value--${item.status}`]),
|
|
37956
|
+
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
|
|
37957
|
+
width: `${$options.progressItemBarWidth(item)}%`
|
|
37958
|
+
})
|
|
37959
|
+
}, 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", {
|
|
37960
|
+
key: 1,
|
|
37961
|
+
id: $options.getSelectorId('progress-detail', index),
|
|
37962
|
+
type: "button",
|
|
37963
|
+
class: "progress-detail",
|
|
37964
|
+
onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])($event => $options.onProgressDetail(item), ["stop"])
|
|
37965
|
+
}, 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);
|
|
37966
|
+
}), 128))])], 8, _hoisted_16)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
|
|
37967
|
+
_: 1
|
|
37968
|
+
})])) : 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", {
|
|
37864
37969
|
id: $options.getSelectorId('notification-toggle'),
|
|
37865
37970
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["notification", {
|
|
37866
37971
|
active: $data.showNotification
|
|
37867
37972
|
}]),
|
|
37868
|
-
onClick: _cache[
|
|
37973
|
+
onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleNotificationMenu && $options.toggleNotificationMenu(...args))
|
|
37869
37974
|
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
|
|
37870
37975
|
iconName: "notifications_none"
|
|
37871
|
-
}), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span",
|
|
37976
|
+
}), $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) => {
|
|
37872
37977
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
37873
37978
|
key: item.id || index,
|
|
37874
37979
|
id: $options.getSelectorId('notification', index),
|
|
@@ -37880,26 +37985,26 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37880
37985
|
class: "notification-item-icon",
|
|
37881
37986
|
width: "20px",
|
|
37882
37987
|
height: "20px"
|
|
37883
|
-
}, null, 8, ["iconName", "color"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
37884
|
-
}), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
37988
|
+
}, 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);
|
|
37989
|
+
}), 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", {
|
|
37885
37990
|
class: "divider"
|
|
37886
37991
|
}, null, -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
|
|
37887
37992
|
id: $options.getSelectorId('user-menu-toggle'),
|
|
37888
37993
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["user-summary", {
|
|
37889
37994
|
active: $data.show
|
|
37890
37995
|
}]),
|
|
37891
|
-
onClick: _cache[
|
|
37892
|
-
}, [_ctx.$slots['profile-summary-prefix'] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
37996
|
+
onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
|
|
37997
|
+
}, [_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", {
|
|
37893
37998
|
opened: $data.show,
|
|
37894
37999
|
close: $options.closeAllMenus
|
|
37895
|
-
})])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
38000
|
+
})])) : 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, {
|
|
37896
38001
|
iconName: "expand_more",
|
|
37897
38002
|
class: "caret",
|
|
37898
38003
|
color: "#90A1B9",
|
|
37899
38004
|
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
|
|
37900
38005
|
transform: $data.show ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
37901
38006
|
})
|
|
37902
|
-
}, null, 8, ["style"])], 10,
|
|
38007
|
+
}, 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", {
|
|
37903
38008
|
class: "dropdown-panel box-shadow bg-white",
|
|
37904
38009
|
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
|
|
37905
38010
|
width: $options.normalizedUserDropdownWidth
|
|
@@ -37913,7 +38018,7 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37913
38018
|
userRole: $props.userRole,
|
|
37914
38019
|
initialName: $options.initialName,
|
|
37915
38020
|
menuNavbar: $props.menuNavbar
|
|
37916
|
-
}, () => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
38021
|
+
}, () => [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, {
|
|
37917
38022
|
variant: "body-1-bold",
|
|
37918
38023
|
class: "capitalize"
|
|
37919
38024
|
}, {
|
|
@@ -37930,11 +38035,11 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37930
38035
|
id: $options.getSelectorId('edit-profile'),
|
|
37931
38036
|
variant: "secondary",
|
|
37932
38037
|
class: "justify-center",
|
|
37933
|
-
onClick: _cache[
|
|
38038
|
+
onClick: _cache[3] || (_cache[3] = $event => $options.actionRoute('edit-profile'))
|
|
37934
38039
|
}, {
|
|
37935
|
-
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[
|
|
38040
|
+
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 ")])),
|
|
37936
38041
|
_: 1
|
|
37937
|
-
}, 8, ["id"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
38042
|
+
}, 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) => {
|
|
37938
38043
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
37939
38044
|
key: index,
|
|
37940
38045
|
id: $options.getSelectorId('menu', index),
|
|
@@ -37944,15 +38049,18 @@ function DashboardHeadervue_type_template_id_6b59b7da_render(_ctx, _cache, $prop
|
|
|
37944
38049
|
key: 0,
|
|
37945
38050
|
iconName: item.icon,
|
|
37946
38051
|
class: "mr-2"
|
|
37947
|
-
}, 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,
|
|
37948
|
-
}), 128))])])], 4)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $data.show || $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
37949
|
-
key:
|
|
38052
|
+
}, 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);
|
|
38053
|
+
}), 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", {
|
|
38054
|
+
key: 2,
|
|
37950
38055
|
id: $options.getSelectorId('overlay'),
|
|
37951
38056
|
class: "overlay",
|
|
37952
|
-
onClick: _cache[
|
|
37953
|
-
}, null, 8,
|
|
38057
|
+
onClick: _cache[4] || (_cache[4] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
|
|
38058
|
+
}, null, 8, _hoisted_49)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
|
|
37954
38059
|
}
|
|
37955
|
-
// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=
|
|
38060
|
+
// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=5537b441
|
|
38061
|
+
|
|
38062
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
|
|
38063
|
+
var es_array_reduce = __webpack_require__("13d5");
|
|
37956
38064
|
|
|
37957
38065
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Dropdown/DropdownCompany.vue?vue&type=template&id=bc0f7af0
|
|
37958
38066
|
|
|
@@ -38212,6 +38320,7 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
|
|
|
38212
38320
|
|
|
38213
38321
|
|
|
38214
38322
|
|
|
38323
|
+
|
|
38215
38324
|
let dashboardHeaderInstance = 0;
|
|
38216
38325
|
/* harmony default export */ var DashboardHeadervue_type_script_lang_js = ({
|
|
38217
38326
|
components: {
|
|
@@ -38286,6 +38395,18 @@ let dashboardHeaderInstance = 0;
|
|
|
38286
38395
|
type: Array,
|
|
38287
38396
|
default: () => []
|
|
38288
38397
|
},
|
|
38398
|
+
progressItems: {
|
|
38399
|
+
type: Array,
|
|
38400
|
+
default: () => []
|
|
38401
|
+
},
|
|
38402
|
+
progressSuccessFlashDuration: {
|
|
38403
|
+
type: Number,
|
|
38404
|
+
default: 3000
|
|
38405
|
+
},
|
|
38406
|
+
showProgressIndicator: {
|
|
38407
|
+
type: Boolean,
|
|
38408
|
+
default: true
|
|
38409
|
+
},
|
|
38289
38410
|
selectorId: {
|
|
38290
38411
|
type: String,
|
|
38291
38412
|
default: ""
|
|
@@ -38295,7 +38416,14 @@ let dashboardHeaderInstance = 0;
|
|
|
38295
38416
|
return {
|
|
38296
38417
|
show: false,
|
|
38297
38418
|
showNotification: false,
|
|
38419
|
+
showProgress: false,
|
|
38298
38420
|
logoutTimeout: null,
|
|
38421
|
+
progressSuccessFlash: null,
|
|
38422
|
+
progressSuccessFlashTimeout: null,
|
|
38423
|
+
progressStatusById: {},
|
|
38424
|
+
progressTriggerWidth: null,
|
|
38425
|
+
progressResizeObserver: null,
|
|
38426
|
+
mouseMoveHandler: null,
|
|
38299
38427
|
instanceSelectorId: `dashboard-header-${++dashboardHeaderInstance}`
|
|
38300
38428
|
};
|
|
38301
38429
|
},
|
|
@@ -38326,36 +38454,231 @@ let dashboardHeaderInstance = 0;
|
|
|
38326
38454
|
var _a$priority, _b$priority;
|
|
38327
38455
|
return ((_a$priority = a === null || a === void 0 ? void 0 : a.priority) !== null && _a$priority !== void 0 ? _a$priority : 0) - ((_b$priority = b === null || b === void 0 ? void 0 : b.priority) !== null && _b$priority !== void 0 ? _b$priority : 0);
|
|
38328
38456
|
});
|
|
38457
|
+
},
|
|
38458
|
+
normalizedProgressItems() {
|
|
38459
|
+
if (!Array.isArray(this.progressItems)) return [];
|
|
38460
|
+
return this.progressItems.map((item, index) => {
|
|
38461
|
+
const source = item && typeof item === "object" ? item : {};
|
|
38462
|
+
const status = ["pending", "running", "success", "failed", "partial"].includes(source.status) ? source.status : "pending";
|
|
38463
|
+
const current = Number(source.current);
|
|
38464
|
+
const total = Number(source.total);
|
|
38465
|
+
const hasCurrentTotal = Number.isFinite(current) && Number.isFinite(total) && total > 0;
|
|
38466
|
+
const rawProgress = hasCurrentTotal ? current / total * 100 : Number(source.progress);
|
|
38467
|
+
return {
|
|
38468
|
+
...source,
|
|
38469
|
+
source,
|
|
38470
|
+
key: source.id !== undefined && source.id !== null ? String(source.id) : `index-${index}`,
|
|
38471
|
+
status,
|
|
38472
|
+
label: source.label || "Proses",
|
|
38473
|
+
progress: this.clampProgress(Number.isFinite(rawProgress) ? rawProgress : 0),
|
|
38474
|
+
current: hasCurrentTotal ? current : source.current,
|
|
38475
|
+
total: hasCurrentTotal ? total : source.total,
|
|
38476
|
+
hasCurrentTotal
|
|
38477
|
+
};
|
|
38478
|
+
});
|
|
38479
|
+
},
|
|
38480
|
+
hasProgressIndicator() {
|
|
38481
|
+
return this.showProgressIndicator && this.normalizedProgressItems.length > 0;
|
|
38482
|
+
},
|
|
38483
|
+
progressRunningItems() {
|
|
38484
|
+
return this.normalizedProgressItems.filter(item => item.status === "running");
|
|
38485
|
+
},
|
|
38486
|
+
progressRunningCount() {
|
|
38487
|
+
return this.progressRunningItems.length;
|
|
38488
|
+
},
|
|
38489
|
+
progressAggregate() {
|
|
38490
|
+
const runningItems = this.progressRunningItems;
|
|
38491
|
+
const weightedItems = runningItems.filter(item => item.hasCurrentTotal);
|
|
38492
|
+
if (weightedItems.length === runningItems.length && weightedItems.length > 0) {
|
|
38493
|
+
const total = weightedItems.reduce((sum, item) => sum + Number(item.total), 0);
|
|
38494
|
+
const current = weightedItems.reduce((sum, item) => sum + Number(item.current), 0);
|
|
38495
|
+
if (total > 0) return this.clampProgress(current / total * 100);
|
|
38496
|
+
}
|
|
38497
|
+
if (runningItems.length === 0) return 0;
|
|
38498
|
+
return this.clampProgress(runningItems.reduce((sum, item) => sum + item.progress, 0) / runningItems.length);
|
|
38499
|
+
},
|
|
38500
|
+
progressStatusCounts() {
|
|
38501
|
+
const order = ["success", "failed", "partial", "running"];
|
|
38502
|
+
return order.map(status => ({
|
|
38503
|
+
status,
|
|
38504
|
+
count: this.normalizedProgressItems.filter(item => item.status === status).length
|
|
38505
|
+
})).filter(item => item.count > 0);
|
|
38506
|
+
},
|
|
38507
|
+
progressIndicatorCounts() {
|
|
38508
|
+
if (this.progressIndicatorState.showTotalCount) {
|
|
38509
|
+
return [{
|
|
38510
|
+
status: "running",
|
|
38511
|
+
count: this.normalizedProgressItems.length
|
|
38512
|
+
}];
|
|
38513
|
+
}
|
|
38514
|
+
return this.progressStatusCounts;
|
|
38515
|
+
},
|
|
38516
|
+
progressIndicatorState() {
|
|
38517
|
+
const items = this.normalizedProgressItems;
|
|
38518
|
+
const runningItems = this.progressRunningItems;
|
|
38519
|
+
const statuses = items.map(item => item.status);
|
|
38520
|
+
const allPending = statuses.length > 0 && statuses.every(status => status === "pending");
|
|
38521
|
+
const allSuccess = statuses.length > 0 && statuses.every(status => status === "success");
|
|
38522
|
+
const allFailed = statuses.length > 0 && statuses.every(status => status === "failed");
|
|
38523
|
+
const multipleProgress = items.length > 1;
|
|
38524
|
+
if (this.progressSuccessFlash) {
|
|
38525
|
+
return {
|
|
38526
|
+
label: `${this.progressSuccessFlash.label} selesai`,
|
|
38527
|
+
tone: "success-flash",
|
|
38528
|
+
showCounts: true,
|
|
38529
|
+
showTotalCount: true,
|
|
38530
|
+
showRing: true,
|
|
38531
|
+
progress: this.progressAggregate
|
|
38532
|
+
};
|
|
38533
|
+
}
|
|
38534
|
+
if (allPending) {
|
|
38535
|
+
return {
|
|
38536
|
+
label: items.length === 1 && items[0].label ? `${items[0].label} akan berlangsung` : "Proses akan berlangsung",
|
|
38537
|
+
tone: "pending",
|
|
38538
|
+
disabled: true,
|
|
38539
|
+
showSpinner: true,
|
|
38540
|
+
progress: 0
|
|
38541
|
+
};
|
|
38542
|
+
}
|
|
38543
|
+
if (runningItems.length > 0) {
|
|
38544
|
+
if (multipleProgress) {
|
|
38545
|
+
return {
|
|
38546
|
+
label: "Proses sedang berjalan",
|
|
38547
|
+
tone: "running",
|
|
38548
|
+
showCounts: true,
|
|
38549
|
+
showRing: true,
|
|
38550
|
+
progress: this.progressAggregate
|
|
38551
|
+
};
|
|
38552
|
+
}
|
|
38553
|
+
const runningItem = runningItems[0];
|
|
38554
|
+
return {
|
|
38555
|
+
label: `${Math.round(runningItem.progress)}%`,
|
|
38556
|
+
tone: "running",
|
|
38557
|
+
showRing: true,
|
|
38558
|
+
progress: runningItem.progress
|
|
38559
|
+
};
|
|
38560
|
+
}
|
|
38561
|
+
if (allSuccess) {
|
|
38562
|
+
return {
|
|
38563
|
+
label: "Selesai",
|
|
38564
|
+
tone: "success",
|
|
38565
|
+
icon: "check_circle",
|
|
38566
|
+
iconColor: "#228B5D",
|
|
38567
|
+
progress: 100
|
|
38568
|
+
};
|
|
38569
|
+
}
|
|
38570
|
+
if (allFailed) {
|
|
38571
|
+
return {
|
|
38572
|
+
label: "Gagal",
|
|
38573
|
+
tone: "failed",
|
|
38574
|
+
icon: "check_circle",
|
|
38575
|
+
iconColor: "#D64747",
|
|
38576
|
+
progress: 0
|
|
38577
|
+
};
|
|
38578
|
+
}
|
|
38579
|
+
return {
|
|
38580
|
+
label: "Selesai Sebagian",
|
|
38581
|
+
tone: "partial",
|
|
38582
|
+
icon: "warning_amber",
|
|
38583
|
+
iconColor: "#B97900",
|
|
38584
|
+
progress: 100
|
|
38585
|
+
};
|
|
38586
|
+
},
|
|
38587
|
+
progressTriggerStyle() {
|
|
38588
|
+
return this.progressTriggerWidth ? {
|
|
38589
|
+
width: `${this.progressTriggerWidth}px`
|
|
38590
|
+
} : {};
|
|
38329
38591
|
}
|
|
38330
38592
|
},
|
|
38331
38593
|
watch: {
|
|
38332
38594
|
selectedCompany() {
|
|
38333
38595
|
this.setLogoutTimer();
|
|
38596
|
+
},
|
|
38597
|
+
progressItems: {
|
|
38598
|
+
handler(items) {
|
|
38599
|
+
const nextStatusById = {};
|
|
38600
|
+
if (Array.isArray(items)) {
|
|
38601
|
+
items.forEach((item, index) => {
|
|
38602
|
+
const id = item && item.id !== undefined && item.id !== null ? String(item.id) : `index-${index}`;
|
|
38603
|
+
const status = item && ["pending", "running", "success", "failed", "partial"].includes(item.status) ? item.status : "pending";
|
|
38604
|
+
const previousStatus = this.progressStatusById[id];
|
|
38605
|
+
const hasOtherRunningItem = items.some((otherItem, otherIndex) => {
|
|
38606
|
+
if (otherIndex === index) return false;
|
|
38607
|
+
return otherItem && otherItem.status === "running";
|
|
38608
|
+
});
|
|
38609
|
+
if (items.length > 1 && previousStatus === "running" && status === "success" && hasOtherRunningItem) {
|
|
38610
|
+
this.showProgressSuccessFlash(item);
|
|
38611
|
+
}
|
|
38612
|
+
nextStatusById[id] = status;
|
|
38613
|
+
});
|
|
38614
|
+
}
|
|
38615
|
+
this.progressStatusById = nextStatusById;
|
|
38616
|
+
this.$nextTick(() => {
|
|
38617
|
+
if (!this.hasProgressIndicator || this.progressIndicatorState.disabled) {
|
|
38618
|
+
this.setProgressMenu(false);
|
|
38619
|
+
}
|
|
38620
|
+
this.setupProgressResizeObserver();
|
|
38621
|
+
});
|
|
38622
|
+
},
|
|
38623
|
+
deep: true,
|
|
38624
|
+
immediate: true
|
|
38625
|
+
},
|
|
38626
|
+
showProgressIndicator() {
|
|
38627
|
+
if (!this.showProgressIndicator) this.setProgressMenu(false);
|
|
38628
|
+
this.$nextTick(() => this.setupProgressResizeObserver());
|
|
38334
38629
|
}
|
|
38335
38630
|
},
|
|
38336
38631
|
mounted() {
|
|
38337
|
-
|
|
38632
|
+
this.mouseMoveHandler = () => {
|
|
38338
38633
|
clearTimeout(this.logoutTimeout);
|
|
38339
38634
|
this.setLogoutTimer();
|
|
38340
|
-
}
|
|
38635
|
+
};
|
|
38636
|
+
document.addEventListener("mousemove", this.mouseMoveHandler);
|
|
38637
|
+
this.setupProgressResizeObserver();
|
|
38638
|
+
},
|
|
38639
|
+
beforeUnmount() {
|
|
38640
|
+
clearTimeout(this.logoutTimeout);
|
|
38641
|
+
clearTimeout(this.progressSuccessFlashTimeout);
|
|
38642
|
+
if (this.mouseMoveHandler) {
|
|
38643
|
+
document.removeEventListener("mousemove", this.mouseMoveHandler);
|
|
38644
|
+
}
|
|
38645
|
+
if (this.progressResizeObserver) {
|
|
38646
|
+
this.progressResizeObserver.disconnect();
|
|
38647
|
+
}
|
|
38341
38648
|
},
|
|
38342
38649
|
methods: {
|
|
38343
38650
|
toggleMenu() {
|
|
38651
|
+
this.setProgressMenu(false);
|
|
38344
38652
|
this.showNotification = false;
|
|
38345
38653
|
this.show = !this.show;
|
|
38346
38654
|
},
|
|
38347
38655
|
toggleNotificationMenu() {
|
|
38348
38656
|
this.show = false;
|
|
38657
|
+
this.setProgressMenu(false);
|
|
38349
38658
|
this.showNotification = !this.showNotification;
|
|
38350
38659
|
},
|
|
38660
|
+
toggleProgressMenu() {
|
|
38661
|
+
if (this.progressIndicatorState.disabled) return;
|
|
38662
|
+
this.show = false;
|
|
38663
|
+
this.showNotification = false;
|
|
38664
|
+
this.setProgressMenu(!this.showProgress);
|
|
38665
|
+
},
|
|
38666
|
+
setProgressMenu(open) {
|
|
38667
|
+
const nextState = Boolean(open) && this.hasProgressIndicator && !this.progressIndicatorState.disabled;
|
|
38668
|
+
if (this.showProgress === nextState) return;
|
|
38669
|
+
this.showProgress = nextState;
|
|
38670
|
+
this.$emit("progressToggle", nextState);
|
|
38671
|
+
},
|
|
38351
38672
|
closeAllMenus() {
|
|
38352
38673
|
this.show = false;
|
|
38353
38674
|
this.showNotification = false;
|
|
38675
|
+
this.setProgressMenu(false);
|
|
38354
38676
|
},
|
|
38355
38677
|
actionRoute(value) {
|
|
38356
38678
|
this.$emit("actionRoute", value);
|
|
38357
38679
|
this.show = false;
|
|
38358
38680
|
this.showNotification = false;
|
|
38681
|
+
this.setProgressMenu(false);
|
|
38359
38682
|
},
|
|
38360
38683
|
setSelectedCompany(value) {
|
|
38361
38684
|
this.$emit("setSelectedCompany", value);
|
|
@@ -38364,6 +38687,83 @@ let dashboardHeaderInstance = 0;
|
|
|
38364
38687
|
const prefix = this.selectorId || this.instanceSelectorId;
|
|
38365
38688
|
return index === undefined ? `${prefix}--${action}` : `${prefix}--${action}-${index}`;
|
|
38366
38689
|
},
|
|
38690
|
+
clampProgress(value) {
|
|
38691
|
+
return Math.min(100, Math.max(0, Number(value) || 0));
|
|
38692
|
+
},
|
|
38693
|
+
progressRingStyle(progress) {
|
|
38694
|
+
const value = this.clampProgress(progress);
|
|
38695
|
+
return {
|
|
38696
|
+
background: `conic-gradient(#3E7DC0 0 ${value}%, #DCE5EE ${value}% 100%)`
|
|
38697
|
+
};
|
|
38698
|
+
},
|
|
38699
|
+
progressItemStatusLabel(item) {
|
|
38700
|
+
if (item.status === "running") return `${Math.round(item.progress)}%`;
|
|
38701
|
+
if (item.status === "pending") return "Menunggu";
|
|
38702
|
+
if (item.status === "success") return "Selesai";
|
|
38703
|
+
if (item.status === "failed") return "Gagal";
|
|
38704
|
+
return "Selesai Sebagian";
|
|
38705
|
+
},
|
|
38706
|
+
progressItemBarWidth(item) {
|
|
38707
|
+
return ["success", "failed", "partial"].includes(item.status) ? 100 : item.progress;
|
|
38708
|
+
},
|
|
38709
|
+
progressItemMeta(item) {
|
|
38710
|
+
const unit = item.unit || "item";
|
|
38711
|
+
const progressCount = item.hasCurrentTotal ? `${this.formatProgressNumber(item.current)} dari ${this.formatProgressNumber(item.total)} ${unit}` : "";
|
|
38712
|
+
if (item.status === "running" || item.status === "success") {
|
|
38713
|
+
return progressCount || item.description || "";
|
|
38714
|
+
}
|
|
38715
|
+
if (item.status === "partial") {
|
|
38716
|
+
const rawFailedCount = Number(item.failedCount);
|
|
38717
|
+
const failedCount = Number.isFinite(rawFailedCount) ? rawFailedCount : item.hasCurrentTotal ? Math.max(0, Number(item.total) - Number(item.current)) : null;
|
|
38718
|
+
if (failedCount !== null && Number.isFinite(Number(item.total))) {
|
|
38719
|
+
return `${this.formatProgressNumber(failedCount)} dari ${this.formatProgressNumber(item.total)} ${unit} gagal`;
|
|
38720
|
+
}
|
|
38721
|
+
return item.description || "";
|
|
38722
|
+
}
|
|
38723
|
+
if (item.status === "failed") {
|
|
38724
|
+
return item.errorMessage || item.description || "Proses gagal";
|
|
38725
|
+
}
|
|
38726
|
+
return item.description || progressCount;
|
|
38727
|
+
},
|
|
38728
|
+
formatProgressNumber(value) {
|
|
38729
|
+
return Number(value).toLocaleString("id-ID");
|
|
38730
|
+
},
|
|
38731
|
+
canShowProgressDetail(item) {
|
|
38732
|
+
return ["failed", "partial"].includes(item.status) || Boolean(item.detailLabel);
|
|
38733
|
+
},
|
|
38734
|
+
onProgressDetail(item) {
|
|
38735
|
+
this.$emit("progressDetail", item.source);
|
|
38736
|
+
},
|
|
38737
|
+
showProgressSuccessFlash(item) {
|
|
38738
|
+
clearTimeout(this.progressSuccessFlashTimeout);
|
|
38739
|
+
this.progressSuccessFlash = {
|
|
38740
|
+
id: item && item.id,
|
|
38741
|
+
label: item && item.label ? item.label : "Proses"
|
|
38742
|
+
};
|
|
38743
|
+
this.progressSuccessFlashTimeout = setTimeout(() => {
|
|
38744
|
+
this.progressSuccessFlash = null;
|
|
38745
|
+
this.progressSuccessFlashTimeout = null;
|
|
38746
|
+
}, Math.max(0, Number(this.progressSuccessFlashDuration) || 0));
|
|
38747
|
+
},
|
|
38748
|
+
setupProgressResizeObserver() {
|
|
38749
|
+
if (this.progressResizeObserver) {
|
|
38750
|
+
this.progressResizeObserver.disconnect();
|
|
38751
|
+
this.progressResizeObserver = null;
|
|
38752
|
+
}
|
|
38753
|
+
const content = this.$refs.progressTriggerContent;
|
|
38754
|
+
if (!content) {
|
|
38755
|
+
this.progressTriggerWidth = null;
|
|
38756
|
+
return;
|
|
38757
|
+
}
|
|
38758
|
+
const updateWidth = () => {
|
|
38759
|
+
this.progressTriggerWidth = content.scrollWidth;
|
|
38760
|
+
};
|
|
38761
|
+
updateWidth();
|
|
38762
|
+
if (typeof ResizeObserver !== "undefined") {
|
|
38763
|
+
this.progressResizeObserver = new ResizeObserver(updateWidth);
|
|
38764
|
+
this.progressResizeObserver.observe(content);
|
|
38765
|
+
}
|
|
38766
|
+
},
|
|
38367
38767
|
onCompanyLoadMore(payload) {
|
|
38368
38768
|
this.$emit("loadMoreCompany", payload);
|
|
38369
38769
|
},
|
|
@@ -38476,8 +38876,8 @@ let dashboardHeaderInstance = 0;
|
|
|
38476
38876
|
});
|
|
38477
38877
|
// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=script&lang=js
|
|
38478
38878
|
|
|
38479
|
-
// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=
|
|
38480
|
-
var
|
|
38879
|
+
// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=5537b441&lang=scss
|
|
38880
|
+
var DashboardHeadervue_type_style_index_0_id_5537b441_lang_scss = __webpack_require__("77ac");
|
|
38481
38881
|
|
|
38482
38882
|
// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue
|
|
38483
38883
|
|
|
@@ -38487,7 +38887,7 @@ var DashboardHeadervue_type_style_index_0_id_6b59b7da_lang_scss = __webpack_requ
|
|
|
38487
38887
|
|
|
38488
38888
|
|
|
38489
38889
|
|
|
38490
|
-
const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',
|
|
38890
|
+
const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_5537b441_render]])
|
|
38491
38891
|
|
|
38492
38892
|
/* harmony default export */ var DashboardHeader = (DashboardHeader_exports_);
|
|
38493
38893
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/DatePicker/index.vue?vue&type=template&id=b0614cac
|
|
@@ -38585,51 +38985,51 @@ const DatePickervue_type_template_id_b0614cac_hoisted_32 = {
|
|
|
38585
38985
|
const DatePickervue_type_template_id_b0614cac_hoisted_33 = {
|
|
38586
38986
|
class: "mr-6"
|
|
38587
38987
|
};
|
|
38588
|
-
const
|
|
38988
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_34 = {
|
|
38589
38989
|
class: "header flex flex-col"
|
|
38590
38990
|
};
|
|
38591
|
-
const
|
|
38991
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_35 = {
|
|
38592
38992
|
class: "flex w-full"
|
|
38593
38993
|
};
|
|
38594
|
-
const
|
|
38994
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_36 = {
|
|
38595
38995
|
class: "weekdays"
|
|
38596
38996
|
};
|
|
38597
|
-
const
|
|
38598
|
-
const
|
|
38997
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_37 = ["id", "onClick", "onMouseenter"];
|
|
38998
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_38 = {
|
|
38599
38999
|
class: "header flex flex-col"
|
|
38600
39000
|
};
|
|
38601
|
-
const
|
|
39001
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_39 = {
|
|
38602
39002
|
class: "flex w-full"
|
|
38603
39003
|
};
|
|
38604
|
-
const
|
|
39004
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_40 = {
|
|
38605
39005
|
class: "weekdays"
|
|
38606
39006
|
};
|
|
38607
|
-
const
|
|
38608
|
-
const
|
|
39007
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_41 = ["id", "onClick", "onMouseenter"];
|
|
39008
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_42 = {
|
|
38609
39009
|
key: 1,
|
|
38610
39010
|
class: "calendar range-picker"
|
|
38611
39011
|
};
|
|
38612
|
-
const
|
|
39012
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_43 = {
|
|
38613
39013
|
class: "header"
|
|
38614
39014
|
};
|
|
38615
|
-
const
|
|
39015
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_44 = {
|
|
38616
39016
|
key: 0,
|
|
38617
39017
|
class: "title"
|
|
38618
39018
|
};
|
|
38619
|
-
const
|
|
39019
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_45 = {
|
|
38620
39020
|
key: 1,
|
|
38621
39021
|
class: "title"
|
|
38622
39022
|
};
|
|
38623
|
-
const
|
|
39023
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_46 = {
|
|
38624
39024
|
key: 0,
|
|
38625
39025
|
class: "flex flex-wrap items-center wrap-month"
|
|
38626
39026
|
};
|
|
38627
|
-
const
|
|
38628
|
-
const
|
|
39027
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_47 = ["id", "onClick", "onMouseenter"];
|
|
39028
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_48 = {
|
|
38629
39029
|
key: 1,
|
|
38630
39030
|
class: "flex flex-wrap items-center wrap-month"
|
|
38631
39031
|
};
|
|
38632
|
-
const
|
|
39032
|
+
const DatePickervue_type_template_id_b0614cac_hoisted_49 = ["id", "onClick", "onMouseenter"];
|
|
38633
39033
|
const _hoisted_50 = {
|
|
38634
39034
|
key: 2,
|
|
38635
39035
|
class: "px-6 pb-5 wrap-action-footer"
|
|
@@ -38808,13 +39208,13 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38808
39208
|
today: item.isToday
|
|
38809
39209
|
})
|
|
38810
39210
|
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, DatePickervue_type_template_id_b0614cac_hoisted_28);
|
|
38811
|
-
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_30, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_32, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_33, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39211
|
+
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_30, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_32, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_33, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_34, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
|
|
38812
39212
|
variant: "body-2-bold",
|
|
38813
39213
|
class: "mb-2"
|
|
38814
39214
|
}, {
|
|
38815
39215
|
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[11] || (_cache[11] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Tanggal Awal ")])),
|
|
38816
39216
|
_: 1
|
|
38817
|
-
}), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39217
|
+
}), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_35, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
|
|
38818
39218
|
"selector-id": `${$data.pickerId}-range-start-month`,
|
|
38819
39219
|
name: "monthStart",
|
|
38820
39220
|
class: "pr-2",
|
|
@@ -38827,7 +39227,7 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38827
39227
|
list: $options.listYearRange(),
|
|
38828
39228
|
modelValue: $data.valueYearStart,
|
|
38829
39229
|
"onUpdate:modelValue": _cache[7] || (_cache[7] = $event => $data.valueYearStart = $event)
|
|
38830
|
-
}, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39230
|
+
}, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_36, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.weekdays, (weekday, index) => {
|
|
38831
39231
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
38832
39232
|
class: "weekday",
|
|
38833
39233
|
key: index
|
|
@@ -38854,15 +39254,15 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38854
39254
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
|
|
38855
39255
|
today: day.isToday
|
|
38856
39256
|
})
|
|
38857
|
-
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42,
|
|
39257
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_37);
|
|
38858
39258
|
}), 128))]);
|
|
38859
|
-
}), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39259
|
+
}), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_38, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
|
|
38860
39260
|
variant: "body-2-bold",
|
|
38861
39261
|
class: "mb-2"
|
|
38862
39262
|
}, {
|
|
38863
39263
|
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[12] || (_cache[12] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Tanggal Akhir ")])),
|
|
38864
39264
|
_: 1
|
|
38865
|
-
}), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39265
|
+
}), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_39, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_select, {
|
|
38866
39266
|
"selector-id": `${$data.pickerId}-range-end-month`,
|
|
38867
39267
|
name: "monthEnd",
|
|
38868
39268
|
class: "pr-2",
|
|
@@ -38875,7 +39275,7 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38875
39275
|
list: $options.listYearRange('end'),
|
|
38876
39276
|
modelValue: $data.valueYearEnd,
|
|
38877
39277
|
"onUpdate:modelValue": _cache[9] || (_cache[9] = $event => $data.valueYearEnd = $event)
|
|
38878
|
-
}, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
39278
|
+
}, null, 8, ["selector-id", "list", "modelValue"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_40, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.weekdays, (weekday, index) => {
|
|
38879
39279
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
38880
39280
|
class: "weekday",
|
|
38881
39281
|
key: index
|
|
@@ -38902,21 +39302,21 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38902
39302
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
|
|
38903
39303
|
today: day.isToday
|
|
38904
39304
|
})
|
|
38905
|
-
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42,
|
|
39305
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_41);
|
|
38906
39306
|
}), 128))]);
|
|
38907
|
-
}), 128))])])])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
39307
|
+
}), 128))])])])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_42, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_b0614cac_hoisted_43, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
|
|
38908
39308
|
id: `${$data.pickerId}-range-previous`,
|
|
38909
39309
|
iconName: "chevron_left",
|
|
38910
39310
|
class: "arrow",
|
|
38911
39311
|
color: "#3e7dc0",
|
|
38912
39312
|
onClick: $options.movePrevious
|
|
38913
|
-
}, null, 8, ["id", "onClick"]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span",
|
|
39313
|
+
}, null, 8, ["id", "onClick"]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DatePickervue_type_template_id_b0614cac_hoisted_44, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($data.year), 1)) : $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", DatePickervue_type_template_id_b0614cac_hoisted_45, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[0].year) + " - " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.listYear[$options.listYear.length - 1].year), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
|
|
38914
39314
|
id: `${$data.pickerId}-range-next`,
|
|
38915
39315
|
iconName: "chevron_right",
|
|
38916
39316
|
class: "arrow",
|
|
38917
39317
|
color: "#3e7dc0",
|
|
38918
39318
|
onClick: $options.moveNext
|
|
38919
|
-
}, null, 8, ["id", "onClick"])]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
39319
|
+
}, null, 8, ["id", "onClick"])]), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_46, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.months, (item, index) => {
|
|
38920
39320
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
38921
39321
|
key: index,
|
|
38922
39322
|
id: $options.getPickerItemId('month', item),
|
|
@@ -38933,8 +39333,8 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38933
39333
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
|
|
38934
39334
|
today: item.isToday
|
|
38935
39335
|
})
|
|
38936
|
-
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 42,
|
|
38937
|
-
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
39336
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_47);
|
|
39337
|
+
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_b0614cac_hoisted_48, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.listYear, (item, index) => {
|
|
38938
39338
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
38939
39339
|
key: index,
|
|
38940
39340
|
id: $options.getPickerItemId('year', item),
|
|
@@ -38951,7 +39351,7 @@ function DatePickervue_type_template_id_b0614cac_render(_ctx, _cache, $props, $s
|
|
|
38951
39351
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
|
|
38952
39352
|
today: item.isToday
|
|
38953
39353
|
})
|
|
38954
|
-
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 42,
|
|
39354
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 42, DatePickervue_type_template_id_b0614cac_hoisted_49);
|
|
38955
39355
|
}), 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)]),
|
|
38956
39356
|
_: 3
|
|
38957
39357
|
}, 8, ["show", "content-id", "disabled"]);
|
|
@@ -43804,9 +44204,6 @@ function FormWysiwygvue_type_template_id_e862dc86_render(_ctx, _cache, $props, $
|
|
|
43804
44204
|
}
|
|
43805
44205
|
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=e862dc86
|
|
43806
44206
|
|
|
43807
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
|
|
43808
|
-
var es_array_reduce = __webpack_require__("13d5");
|
|
43809
|
-
|
|
43810
44207
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
|
|
43811
44208
|
var es_set_difference_v2 = __webpack_require__("1e70");
|
|
43812
44209
|
|