lib-pajakio-v2 1.0.25 → 1.0.27
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 +665 -112
- 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 +665 -112
- 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/forms.md +8 -1
- package/docs/specs/navigation-layout.md +1 -1
- package/package.json +1 -1
- package/src/components/Form/FormWysiwyg.vue +925 -2
- package/src/components/SideNav/index.vue +35 -13
|
@@ -136,6 +136,17 @@ module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
|
|
|
136
136
|
});
|
|
137
137
|
|
|
138
138
|
|
|
139
|
+
/***/ }),
|
|
140
|
+
|
|
141
|
+
/***/ "056e":
|
|
142
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
143
|
+
|
|
144
|
+
"use strict";
|
|
145
|
+
/* 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_41a595cc_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e23d");
|
|
146
|
+
/* 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_41a595cc_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_41a595cc_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
147
|
+
/* unused harmony reexport * */
|
|
148
|
+
|
|
149
|
+
|
|
139
150
|
/***/ }),
|
|
140
151
|
|
|
141
152
|
/***/ "06cf":
|
|
@@ -424,6 +435,13 @@ $({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
|
|
|
424
435
|
});
|
|
425
436
|
|
|
426
437
|
|
|
438
|
+
/***/ }),
|
|
439
|
+
|
|
440
|
+
/***/ "1618":
|
|
441
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
442
|
+
|
|
443
|
+
// extracted by mini-css-extract-plugin
|
|
444
|
+
|
|
427
445
|
/***/ }),
|
|
428
446
|
|
|
429
447
|
/***/ "1626":
|
|
@@ -1620,13 +1638,6 @@ module.exports = store.inspectSource;
|
|
|
1620
1638
|
|
|
1621
1639
|
/***/ }),
|
|
1622
1640
|
|
|
1623
|
-
/***/ "8b87":
|
|
1624
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
1625
|
-
|
|
1626
|
-
// extracted by mini-css-extract-plugin
|
|
1627
|
-
|
|
1628
|
-
/***/ }),
|
|
1629
|
-
|
|
1630
1641
|
/***/ "8bbf":
|
|
1631
1642
|
/***/ (function(module, exports) {
|
|
1632
1643
|
|
|
@@ -2029,13 +2040,6 @@ module.exports = function (name) {
|
|
|
2029
2040
|
/* unused harmony reexport * */
|
|
2030
2041
|
|
|
2031
2042
|
|
|
2032
|
-
/***/ }),
|
|
2033
|
-
|
|
2034
|
-
/***/ "c028":
|
|
2035
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
2036
|
-
|
|
2037
|
-
// extracted by mini-css-extract-plugin
|
|
2038
|
-
|
|
2039
2043
|
/***/ }),
|
|
2040
2044
|
|
|
2041
2045
|
/***/ "c04e":
|
|
@@ -2070,17 +2074,6 @@ module.exports = function (input, pref) {
|
|
|
2070
2074
|
};
|
|
2071
2075
|
|
|
2072
2076
|
|
|
2073
|
-
/***/ }),
|
|
2074
|
-
|
|
2075
|
-
/***/ "c082":
|
|
2076
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2077
|
-
|
|
2078
|
-
"use strict";
|
|
2079
|
-
/* 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_2ca127f1_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8b87");
|
|
2080
|
-
/* 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_2ca127f1_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_2ca127f1_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2081
|
-
/* unused harmony reexport * */
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
2077
|
/***/ }),
|
|
2085
2078
|
|
|
2086
2079
|
/***/ "c24d":
|
|
@@ -2297,6 +2290,17 @@ module.exports = function (it) {
|
|
|
2297
2290
|
};
|
|
2298
2291
|
|
|
2299
2292
|
|
|
2293
|
+
/***/ }),
|
|
2294
|
+
|
|
2295
|
+
/***/ "cc9a":
|
|
2296
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2297
|
+
|
|
2298
|
+
"use strict";
|
|
2299
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_62033250_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1618");
|
|
2300
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_62033250_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_62033250_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2301
|
+
/* unused harmony reexport * */
|
|
2302
|
+
|
|
2303
|
+
|
|
2300
2304
|
/***/ }),
|
|
2301
2305
|
|
|
2302
2306
|
/***/ "cdce":
|
|
@@ -2411,17 +2415,6 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
|
|
|
2411
2415
|
} : $propertyIsEnumerable;
|
|
2412
2416
|
|
|
2413
2417
|
|
|
2414
|
-
/***/ }),
|
|
2415
|
-
|
|
2416
|
-
/***/ "d831":
|
|
2417
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2418
|
-
|
|
2419
|
-
"use strict";
|
|
2420
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c028");
|
|
2421
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2422
|
-
/* unused harmony reexport * */
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
2418
|
/***/ }),
|
|
2426
2419
|
|
|
2427
2420
|
/***/ "d9b5":
|
|
@@ -2484,6 +2477,13 @@ module.exports = function (V, P) {
|
|
|
2484
2477
|
/* unused harmony reexport * */
|
|
2485
2478
|
|
|
2486
2479
|
|
|
2480
|
+
/***/ }),
|
|
2481
|
+
|
|
2482
|
+
/***/ "e23d":
|
|
2483
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
2484
|
+
|
|
2485
|
+
// extracted by mini-css-extract-plugin
|
|
2486
|
+
|
|
2487
2487
|
/***/ }),
|
|
2488
2488
|
|
|
2489
2489
|
/***/ "e330":
|
|
@@ -40869,29 +40869,29 @@ var FormSwitchvue_type_style_index_0_id_7b52b7b6_lang_scss_scoped_true = __webpa
|
|
|
40869
40869
|
const FormSwitch_exports_ = /*#__PURE__*/exportHelper_default()(FormSwitchvue_type_script_lang_js, [['render',FormSwitchvue_type_template_id_7b52b7b6_scoped_true_render],['__scopeId',"data-v-7b52b7b6"]])
|
|
40870
40870
|
|
|
40871
40871
|
/* harmony default export */ var FormSwitch = (FormSwitch_exports_);
|
|
40872
|
-
// 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/SideNav/index.vue?vue&type=template&id=
|
|
40872
|
+
// 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/SideNav/index.vue?vue&type=template&id=41a595cc
|
|
40873
40873
|
|
|
40874
|
-
const
|
|
40875
|
-
const
|
|
40876
|
-
const
|
|
40874
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_1 = ["src"];
|
|
40875
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_2 = ["src"];
|
|
40876
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_3 = {
|
|
40877
40877
|
class: "side-nav__content"
|
|
40878
40878
|
};
|
|
40879
|
-
const
|
|
40879
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_4 = {
|
|
40880
40880
|
class: "side-nav__group"
|
|
40881
40881
|
};
|
|
40882
|
-
const
|
|
40883
|
-
const
|
|
40884
|
-
const
|
|
40882
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_5 = ["id"];
|
|
40883
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_6 = ["onClick"];
|
|
40884
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_7 = {
|
|
40885
40885
|
key: 0,
|
|
40886
40886
|
class: "side-nav__badge"
|
|
40887
40887
|
};
|
|
40888
|
-
const
|
|
40889
|
-
const
|
|
40890
|
-
const
|
|
40888
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_8 = ["onClick"];
|
|
40889
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_9 = ["data-title"];
|
|
40890
|
+
const SideNavvue_type_template_id_41a595cc_hoisted_10 = {
|
|
40891
40891
|
key: 0,
|
|
40892
40892
|
class: "side-nav__divider"
|
|
40893
40893
|
};
|
|
40894
|
-
function
|
|
40894
|
+
function SideNavvue_type_template_id_41a595cc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
40895
40895
|
const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
|
|
40896
40896
|
const _component_typo_text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("typo-text");
|
|
40897
40897
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("aside", {
|
|
@@ -40914,7 +40914,7 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
40914
40914
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__logo", {
|
|
40915
40915
|
'side-nav__logo--collapsed': !$data.menuOpen
|
|
40916
40916
|
}])
|
|
40917
|
-
}, null, 10,
|
|
40917
|
+
}, null, 10, SideNavvue_type_template_id_41a595cc_hoisted_1)]), $options.showCollapseButton ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
|
|
40918
40918
|
key: 0,
|
|
40919
40919
|
type: "button",
|
|
40920
40920
|
class: "side-nav__toggle",
|
|
@@ -40924,7 +40924,7 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
40924
40924
|
src: $data.menuOpen ? $data.collapseClose : $data.collapseOpen,
|
|
40925
40925
|
alt: "Toggle navigation",
|
|
40926
40926
|
class: "side-nav__toggle-icon"
|
|
40927
|
-
}, null, 8,
|
|
40927
|
+
}, null, 8, SideNavvue_type_template_id_41a595cc_hoisted_2)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_41a595cc_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
|
|
40928
40928
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["side-nav__item", {
|
|
40929
40929
|
'is-active': $props.activeSideNav === 'dashboard',
|
|
40930
40930
|
'is-disabled': false
|
|
@@ -40946,7 +40946,7 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
40946
40946
|
}, null, -1)), (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"])($data.menuStructure, (menu, i) => {
|
|
40947
40947
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
|
|
40948
40948
|
key: i
|
|
40949
|
-
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
40949
|
+
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", SideNavvue_type_template_id_41a595cc_hoisted_4, [$data.menuOpen && menu.groupTitle ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_typo_text, {
|
|
40950
40950
|
key: 0,
|
|
40951
40951
|
class: "side-nav__group-title",
|
|
40952
40952
|
variant: "caption-bold"
|
|
@@ -40978,7 +40978,7 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
40978
40978
|
class: "side-nav__label",
|
|
40979
40979
|
variant: $options.isParentActive(data) ? 'body-1-bold' : 'body-1-regular'
|
|
40980
40980
|
}, {
|
|
40981
|
-
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(data.label) + " ", 1), data.slug === 'ematerai' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span",
|
|
40981
|
+
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(data.label) + " ", 1), data.slug === 'ematerai' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", SideNavvue_type_template_id_41a595cc_hoisted_7, " NEW ! ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]),
|
|
40982
40982
|
_: 2
|
|
40983
40983
|
}, 1032, ["variant"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), data.children.length > 0 && $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
40984
40984
|
key: 1,
|
|
@@ -40990,7 +40990,7 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
40990
40990
|
color: "#B0B8C2",
|
|
40991
40991
|
width: "18",
|
|
40992
40992
|
height: "18"
|
|
40993
|
-
}, null, 8, ["iconName"])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10,
|
|
40993
|
+
}, null, 8, ["iconName"])], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_6), $data.menuOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
40994
40994
|
key: 0,
|
|
40995
40995
|
class: "side-nav__children",
|
|
40996
40996
|
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
|
|
@@ -41021,12 +41021,12 @@ function SideNavvue_type_template_id_2ca127f1_render(_ctx, _cache, $props, $setu
|
|
|
41021
41021
|
height: "16",
|
|
41022
41022
|
iconName: "info_outline",
|
|
41023
41023
|
color: "#383E45"
|
|
41024
|
-
})], 8,
|
|
41025
|
-
}), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10,
|
|
41026
|
-
}), 128))]), i < $data.menuStructure.length - 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
41024
|
+
})], 8, SideNavvue_type_template_id_41a595cc_hoisted_9)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_8);
|
|
41025
|
+
}), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, SideNavvue_type_template_id_41a595cc_hoisted_5);
|
|
41026
|
+
}), 128))]), i < $data.menuStructure.length - 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", SideNavvue_type_template_id_41a595cc_hoisted_10)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
|
|
41027
41027
|
}), 128))])], 2);
|
|
41028
41028
|
}
|
|
41029
|
-
// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=
|
|
41029
|
+
// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=template&id=41a595cc
|
|
41030
41030
|
|
|
41031
41031
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/SideNav/index.vue?vue&type=script&lang=js
|
|
41032
41032
|
|
|
@@ -41155,25 +41155,51 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
|
|
|
41155
41155
|
const normalizedPath = path.startsWith("/") ? path : `/${path}`;
|
|
41156
41156
|
return `${baseUrl}${normalizedPath}`;
|
|
41157
41157
|
},
|
|
41158
|
-
|
|
41159
|
-
if (
|
|
41160
|
-
return
|
|
41158
|
+
getCurrentRouteSideNavSlug() {
|
|
41159
|
+
if (typeof window === "undefined") {
|
|
41160
|
+
return "";
|
|
41161
41161
|
}
|
|
41162
|
-
|
|
41163
|
-
|
|
41164
|
-
|
|
41165
|
-
|
|
41162
|
+
const [slug] = window.location.pathname.split("/").filter(Boolean);
|
|
41163
|
+
return slug || "";
|
|
41164
|
+
},
|
|
41165
|
+
findSideNavItem(slug) {
|
|
41166
|
+
if (!slug || slug === "dashboard") {
|
|
41167
|
+
return null;
|
|
41168
|
+
}
|
|
41169
|
+
for (const menu of this.menuStructure) {
|
|
41170
|
+
for (const menuItem of menu.groupMenu || []) {
|
|
41171
|
+
if (menuItem.slug === slug) {
|
|
41172
|
+
return {
|
|
41173
|
+
item: menuItem,
|
|
41174
|
+
parent: null
|
|
41175
|
+
};
|
|
41166
41176
|
}
|
|
41167
41177
|
if (Array.isArray(menuItem.children)) {
|
|
41168
|
-
const child = menuItem.children.find(item => item.slug ===
|
|
41169
|
-
|
|
41178
|
+
const child = menuItem.children.find(item => item.slug === slug);
|
|
41179
|
+
if (child) {
|
|
41180
|
+
return {
|
|
41181
|
+
item: child,
|
|
41182
|
+
parent: menuItem
|
|
41183
|
+
};
|
|
41184
|
+
}
|
|
41170
41185
|
}
|
|
41171
|
-
|
|
41172
|
-
|
|
41173
|
-
|
|
41186
|
+
}
|
|
41187
|
+
}
|
|
41188
|
+
return null;
|
|
41189
|
+
},
|
|
41190
|
+
isSideNavItemInactiveBySlug(slug) {
|
|
41191
|
+
const matchedMenu = this.findSideNavItem(slug);
|
|
41192
|
+
if (!matchedMenu) {
|
|
41193
|
+
return false;
|
|
41194
|
+
}
|
|
41195
|
+
return matchedMenu.item.active === false || Boolean(matchedMenu.parent && matchedMenu.parent.active === false);
|
|
41196
|
+
},
|
|
41197
|
+
isCurrentRouteSideNavInactive() {
|
|
41198
|
+
const currentRouteSlug = this.getCurrentRouteSideNavSlug();
|
|
41199
|
+
return this.isSideNavItemInactiveBySlug(currentRouteSlug);
|
|
41174
41200
|
},
|
|
41175
41201
|
redirectInactiveActiveSideNav() {
|
|
41176
|
-
if (!this.
|
|
41202
|
+
if (!this.isCurrentRouteSideNavInactive() || typeof window === "undefined") {
|
|
41177
41203
|
return;
|
|
41178
41204
|
}
|
|
41179
41205
|
const dashboardUrl = this.buildModuleUrl("/dashboard");
|
|
@@ -41227,8 +41253,8 @@ const collapseClose = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0
|
|
|
41227
41253
|
});
|
|
41228
41254
|
// CONCATENATED MODULE: ./src/components/SideNav/index.vue?vue&type=script&lang=js
|
|
41229
41255
|
|
|
41230
|
-
// EXTERNAL MODULE: ./src/components/SideNav/index.vue?vue&type=style&index=0&id=
|
|
41231
|
-
var
|
|
41256
|
+
// EXTERNAL MODULE: ./src/components/SideNav/index.vue?vue&type=style&index=0&id=41a595cc&lang=scss
|
|
41257
|
+
var SideNavvue_type_style_index_0_id_41a595cc_lang_scss = __webpack_require__("056e");
|
|
41232
41258
|
|
|
41233
41259
|
// CONCATENATED MODULE: ./src/components/SideNav/index.vue
|
|
41234
41260
|
|
|
@@ -41238,7 +41264,7 @@ var SideNavvue_type_style_index_0_id_2ca127f1_lang_scss = __webpack_require__("c
|
|
|
41238
41264
|
|
|
41239
41265
|
|
|
41240
41266
|
|
|
41241
|
-
const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',
|
|
41267
|
+
const SideNav_exports_ = /*#__PURE__*/exportHelper_default()(SideNavvue_type_script_lang_js, [['render',SideNavvue_type_template_id_41a595cc_render]])
|
|
41242
41268
|
|
|
41243
41269
|
/* harmony default export */ var SideNav = (SideNav_exports_);
|
|
41244
41270
|
// 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/Snackbar/index.vue?vue&type=template&id=e0e5b538
|
|
@@ -42255,51 +42281,66 @@ var FormTextareavue_type_style_index_0_id_4b6a6dc5_lang_scss = __webpack_require
|
|
|
42255
42281
|
const FormTextarea_exports_ = /*#__PURE__*/exportHelper_default()(FormTextareavue_type_script_lang_js, [['render',FormTextareavue_type_template_id_4b6a6dc5_render]])
|
|
42256
42282
|
|
|
42257
42283
|
/* harmony default export */ var FormTextarea = (FormTextarea_exports_);
|
|
42258
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=template&id=
|
|
42284
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=template&id=62033250
|
|
42259
42285
|
|
|
42260
|
-
const
|
|
42286
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_1 = {
|
|
42261
42287
|
class: "form-wysiwyg flex flex-col"
|
|
42262
42288
|
};
|
|
42263
|
-
const
|
|
42289
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_2 = {
|
|
42264
42290
|
class: "w-full"
|
|
42265
42291
|
};
|
|
42266
|
-
const
|
|
42292
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_3 = {
|
|
42267
42293
|
key: 0,
|
|
42268
42294
|
class: "toolbar"
|
|
42269
42295
|
};
|
|
42270
|
-
const
|
|
42296
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_4 = {
|
|
42271
42297
|
key: 0,
|
|
42272
42298
|
class: "toolbar-divider"
|
|
42273
42299
|
};
|
|
42274
|
-
const
|
|
42275
|
-
const
|
|
42300
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_5 = ["disabled", "title", "value", "onChange"];
|
|
42301
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_6 = ["value"];
|
|
42302
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_7 = ["disabled", "title", "onClick"];
|
|
42303
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_8 = {
|
|
42276
42304
|
key: 1,
|
|
42277
42305
|
class: "toolbar-text"
|
|
42278
42306
|
};
|
|
42279
|
-
const
|
|
42280
|
-
const
|
|
42281
|
-
function
|
|
42307
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_9 = ["contenteditable", "data-placeholder"];
|
|
42308
|
+
const FormWysiwygvue_type_template_id_62033250_hoisted_10 = ["innerHTML"];
|
|
42309
|
+
function FormWysiwygvue_type_template_id_62033250_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
42282
42310
|
const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
|
|
42283
|
-
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
42311
|
+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_62033250_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
|
|
42284
42312
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`label-${$props.labelPosition}`)
|
|
42285
|
-
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
42313
|
+
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_62033250_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
|
|
42286
42314
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-group", {
|
|
42287
42315
|
error: $props.error,
|
|
42288
42316
|
disabled: $props.disabled,
|
|
42289
42317
|
readonly: $props.readonly && !$props.disabled
|
|
42290
42318
|
}])
|
|
42291
|
-
}, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
42319
|
+
}, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_62033250_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.resolvedToolbar, (item, index) => {
|
|
42292
42320
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
|
|
42293
42321
|
key: `${item.action}-${index}`
|
|
42294
|
-
}, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
42322
|
+
}, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_62033250_hoisted_4)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
|
|
42295
42323
|
key: 1,
|
|
42324
|
+
class: "toolbar-select",
|
|
42325
|
+
disabled: $options.isActionDisabled(item),
|
|
42326
|
+
title: item.title || item.label,
|
|
42327
|
+
value: $options.getSelectValue(item),
|
|
42328
|
+
onMousedown: _cache[0] || (_cache[0] = (...args) => $options.saveRange && $options.saveRange(...args)),
|
|
42329
|
+
onChange: $event => $options.handleToolbarSelect(item, $event)
|
|
42330
|
+
}, [(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"])(item.options, option => {
|
|
42331
|
+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("option", {
|
|
42332
|
+
key: option.value,
|
|
42333
|
+
value: option.value
|
|
42334
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_62033250_hoisted_6);
|
|
42335
|
+
}), 128))], 40, FormWysiwygvue_type_template_id_62033250_hoisted_5)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
|
|
42336
|
+
key: 2,
|
|
42296
42337
|
type: "button",
|
|
42297
42338
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
|
|
42298
42339
|
active: $options.isActionActive(item)
|
|
42299
42340
|
}]),
|
|
42300
42341
|
disabled: $options.isActionDisabled(item),
|
|
42301
42342
|
title: item.title || item.label,
|
|
42302
|
-
onMousedown: _cache[
|
|
42343
|
+
onMousedown: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
|
|
42303
42344
|
onClick: $event => $options.handleToolbarAction(item)
|
|
42304
42345
|
}, [item.icon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
|
|
42305
42346
|
key: 0,
|
|
@@ -42307,13 +42348,13 @@ function FormWysiwygvue_type_template_id_52b4ebd4_render(_ctx, _cache, $props, $
|
|
|
42307
42348
|
width: "18",
|
|
42308
42349
|
height: "18",
|
|
42309
42350
|
color: $options.isActionActive(item) ? '#3e7dc0' : '#59636E'
|
|
42310
|
-
}, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span",
|
|
42351
|
+
}, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", FormWysiwygvue_type_template_id_62033250_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_62033250_hoisted_7))], 64);
|
|
42311
42352
|
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
|
|
42312
42353
|
ref: "imageInputRef",
|
|
42313
42354
|
type: "file",
|
|
42314
42355
|
class: "image-input",
|
|
42315
42356
|
accept: "image/*",
|
|
42316
|
-
onChange: _cache[
|
|
42357
|
+
onChange: _cache[2] || (_cache[2] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
|
|
42317
42358
|
}, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
|
|
42318
42359
|
class: "editor-wrapper",
|
|
42319
42360
|
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.editorStyle)
|
|
@@ -42324,28 +42365,55 @@ function FormWysiwygvue_type_template_id_52b4ebd4_render(_ctx, _cache, $props, $
|
|
|
42324
42365
|
}]),
|
|
42325
42366
|
contenteditable: $options.isEditable,
|
|
42326
42367
|
"data-placeholder": $props.placeholder,
|
|
42327
|
-
onInput: _cache[
|
|
42328
|
-
onFocus: _cache[
|
|
42329
|
-
onBlur: _cache[
|
|
42330
|
-
onPaste: _cache[
|
|
42331
|
-
onMouseup: _cache[
|
|
42332
|
-
onKeyup: _cache[
|
|
42333
|
-
onMousedown: _cache[
|
|
42334
|
-
onMousemove: _cache[
|
|
42335
|
-
onMouseleave: _cache[
|
|
42336
|
-
}, null, 42,
|
|
42368
|
+
onInput: _cache[3] || (_cache[3] = (...args) => $options.handleInput && $options.handleInput(...args)),
|
|
42369
|
+
onFocus: _cache[4] || (_cache[4] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
|
|
42370
|
+
onBlur: _cache[5] || (_cache[5] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
|
|
42371
|
+
onPaste: _cache[6] || (_cache[6] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
|
|
42372
|
+
onMouseup: _cache[7] || (_cache[7] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
|
|
42373
|
+
onKeyup: _cache[8] || (_cache[8] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
|
|
42374
|
+
onMousedown: _cache[9] || (_cache[9] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
|
|
42375
|
+
onMousemove: _cache[10] || (_cache[10] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
|
|
42376
|
+
onMouseleave: _cache[11] || (_cache[11] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
|
|
42377
|
+
}, null, 42, FormWysiwygvue_type_template_id_62033250_hoisted_9)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
42337
42378
|
key: 0,
|
|
42338
42379
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["helper-text", {
|
|
42339
42380
|
'error-helper': $props.error
|
|
42340
42381
|
}])
|
|
42341
42382
|
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
|
|
42342
42383
|
innerHTML: $props.message
|
|
42343
|
-
}, null, 8,
|
|
42384
|
+
}, null, 8, FormWysiwygvue_type_template_id_62033250_hoisted_10)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
|
|
42344
42385
|
}
|
|
42345
|
-
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=
|
|
42386
|
+
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=62033250
|
|
42346
42387
|
|
|
42347
42388
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
|
|
42348
42389
|
|
|
42390
|
+
|
|
42391
|
+
const DEFAULT_FONT_SIZE = "14px";
|
|
42392
|
+
const FONT_SIZE_OPTIONS = [{
|
|
42393
|
+
label: "12px",
|
|
42394
|
+
value: "12px"
|
|
42395
|
+
}, {
|
|
42396
|
+
label: "14px",
|
|
42397
|
+
value: DEFAULT_FONT_SIZE
|
|
42398
|
+
}, {
|
|
42399
|
+
label: "16px",
|
|
42400
|
+
value: "16px"
|
|
42401
|
+
}, {
|
|
42402
|
+
label: "18px",
|
|
42403
|
+
value: "18px"
|
|
42404
|
+
}, {
|
|
42405
|
+
label: "20px",
|
|
42406
|
+
value: "20px"
|
|
42407
|
+
}, {
|
|
42408
|
+
label: "24px",
|
|
42409
|
+
value: "24px"
|
|
42410
|
+
}, {
|
|
42411
|
+
label: "28px",
|
|
42412
|
+
value: "28px"
|
|
42413
|
+
}, {
|
|
42414
|
+
label: "32px",
|
|
42415
|
+
value: "32px"
|
|
42416
|
+
}];
|
|
42349
42417
|
const TOOLBAR_ITEMS = {
|
|
42350
42418
|
paragraph: {
|
|
42351
42419
|
action: "paragraph",
|
|
@@ -42362,6 +42430,13 @@ const TOOLBAR_ITEMS = {
|
|
|
42362
42430
|
label: "H2",
|
|
42363
42431
|
title: "Heading 2"
|
|
42364
42432
|
},
|
|
42433
|
+
fontSize: {
|
|
42434
|
+
action: "fontSize",
|
|
42435
|
+
type: "select",
|
|
42436
|
+
label: "Font Size",
|
|
42437
|
+
title: "Font Size",
|
|
42438
|
+
options: FONT_SIZE_OPTIONS
|
|
42439
|
+
},
|
|
42365
42440
|
bold: {
|
|
42366
42441
|
action: "bold",
|
|
42367
42442
|
icon: "format_bold",
|
|
@@ -42417,6 +42492,11 @@ const TOOLBAR_ITEMS = {
|
|
|
42417
42492
|
icon: "format_align_justify",
|
|
42418
42493
|
title: "Justify"
|
|
42419
42494
|
},
|
|
42495
|
+
horizontalRule: {
|
|
42496
|
+
action: "horizontalRule",
|
|
42497
|
+
icon: "horizontal_rule",
|
|
42498
|
+
title: "Insert Divider Line"
|
|
42499
|
+
},
|
|
42420
42500
|
link: {
|
|
42421
42501
|
action: "link",
|
|
42422
42502
|
icon: "insert_link",
|
|
@@ -42427,6 +42507,26 @@ const TOOLBAR_ITEMS = {
|
|
|
42427
42507
|
icon: "insert_photo",
|
|
42428
42508
|
title: "Insert Image"
|
|
42429
42509
|
},
|
|
42510
|
+
articleCards: {
|
|
42511
|
+
action: "articleCards",
|
|
42512
|
+
icon: "article",
|
|
42513
|
+
title: "Insert Article Cards"
|
|
42514
|
+
},
|
|
42515
|
+
timelineStep: {
|
|
42516
|
+
action: "timelineStep",
|
|
42517
|
+
icon: "playlist_add",
|
|
42518
|
+
title: "Add Timeline Step"
|
|
42519
|
+
},
|
|
42520
|
+
numberedCards: {
|
|
42521
|
+
action: "numberedCards",
|
|
42522
|
+
icon: "format_list_numbered",
|
|
42523
|
+
title: "Insert Numbered Cards"
|
|
42524
|
+
},
|
|
42525
|
+
borderSection: {
|
|
42526
|
+
action: "borderSection",
|
|
42527
|
+
icon: "border_outer",
|
|
42528
|
+
title: "Insert Border Section"
|
|
42529
|
+
},
|
|
42430
42530
|
unlink: {
|
|
42431
42531
|
action: "unlink",
|
|
42432
42532
|
icon: "link_off",
|
|
@@ -42451,13 +42551,16 @@ const TOOLBAR_ITEMS = {
|
|
|
42451
42551
|
action: "divider"
|
|
42452
42552
|
}
|
|
42453
42553
|
};
|
|
42454
|
-
const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "link", "insertImage", "unlink", "divider", "undo", "redo", "clear"];
|
|
42554
|
+
const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "fontSize", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "horizontalRule", "divider", "link", "insertImage", "articleCards", "timelineStep", "numberedCards", "borderSection", "unlink", "divider", "undo", "redo", "clear"];
|
|
42455
42555
|
const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "BLOCKQUOTE", "LI", "PRE"];
|
|
42456
42556
|
const SAFE_PROTOCOLS = ["http://", "https://", "mailto:", "tel:"];
|
|
42457
42557
|
const SAFE_IMAGE_PROTOCOLS = ["http://", "https://", "data:image/", "blob:", "/"];
|
|
42458
42558
|
const IMAGE_MIN_WIDTH = 40;
|
|
42459
42559
|
const IMAGE_RESIZE_HANDLE_GAP = 16;
|
|
42460
|
-
const
|
|
42560
|
+
const ALLOWED_FONT_SIZE_VALUES = FONT_SIZE_OPTIONS.map(option => option.value);
|
|
42561
|
+
const FONT_SIZE_TAGS = ["ARTICLE", "BLOCKQUOTE", "DIV", "H1", "H2", "H3", "LI", "P", "SPAN"];
|
|
42562
|
+
const WYSIWYG_TEMPLATE_CLASSES = ["wysiwyg-article-grid", "wysiwyg-article-card", "wysiwyg-article-icon", "wysiwyg-divider-line", "wysiwyg-timeline", "wysiwyg-timeline-content", "wysiwyg-timeline-item", "wysiwyg-timeline-marker", "wysiwyg-numbered-card", "wysiwyg-numbered-card-content", "wysiwyg-numbered-card-list", "wysiwyg-numbered-card-marker", "wysiwyg-border-section"];
|
|
42563
|
+
const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "HR", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "U", "UL"];
|
|
42461
42564
|
/* harmony default export */ var FormWysiwygvue_type_script_lang_js = ({
|
|
42462
42565
|
components: {
|
|
42463
42566
|
BaseIcon: BaseIcon
|
|
@@ -42542,7 +42645,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42542
42645
|
orderedList: false,
|
|
42543
42646
|
blockquote: false,
|
|
42544
42647
|
align: "justifyLeft",
|
|
42545
|
-
formatBlock: "P"
|
|
42648
|
+
formatBlock: "P",
|
|
42649
|
+
fontSize: DEFAULT_FONT_SIZE
|
|
42546
42650
|
}
|
|
42547
42651
|
};
|
|
42548
42652
|
},
|
|
@@ -42606,9 +42710,11 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42606
42710
|
if (editor.innerHTML !== nextValue) {
|
|
42607
42711
|
editor.innerHTML = nextValue;
|
|
42608
42712
|
}
|
|
42713
|
+
this.normalizeStructuredTemplateMarkers();
|
|
42609
42714
|
this.updateEmptyState();
|
|
42610
42715
|
},
|
|
42611
42716
|
handleInput() {
|
|
42717
|
+
this.normalizeStructuredTemplateMarkers();
|
|
42612
42718
|
this.emitModelValue();
|
|
42613
42719
|
this.refreshToolbarState();
|
|
42614
42720
|
},
|
|
@@ -42769,6 +42875,7 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42769
42875
|
if (!editor) {
|
|
42770
42876
|
return "";
|
|
42771
42877
|
}
|
|
42878
|
+
this.normalizeStructuredTemplateMarkers();
|
|
42772
42879
|
let htmlValue = editor.innerHTML;
|
|
42773
42880
|
if (this.isHtmlEmpty(htmlValue)) {
|
|
42774
42881
|
htmlValue = "";
|
|
@@ -42797,7 +42904,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42797
42904
|
orderedList: false,
|
|
42798
42905
|
blockquote: false,
|
|
42799
42906
|
align: "justifyLeft",
|
|
42800
|
-
formatBlock: "P"
|
|
42907
|
+
formatBlock: "P",
|
|
42908
|
+
fontSize: DEFAULT_FONT_SIZE
|
|
42801
42909
|
};
|
|
42802
42910
|
return;
|
|
42803
42911
|
}
|
|
@@ -42812,7 +42920,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42812
42920
|
orderedList: document.queryCommandState("insertOrderedList"),
|
|
42813
42921
|
blockquote: blockValue === "BLOCKQUOTE",
|
|
42814
42922
|
align: activeAlign || "justifyLeft",
|
|
42815
|
-
formatBlock: blockValue || "P"
|
|
42923
|
+
formatBlock: blockValue || "P",
|
|
42924
|
+
fontSize: this.getSelectionFontSize()
|
|
42816
42925
|
};
|
|
42817
42926
|
},
|
|
42818
42927
|
selectionInsideEditor() {
|
|
@@ -42892,12 +43001,27 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42892
43001
|
case "alignJustify":
|
|
42893
43002
|
this.executeCommand("justifyFull");
|
|
42894
43003
|
break;
|
|
43004
|
+
case "horizontalRule":
|
|
43005
|
+
this.insertHorizontalRule();
|
|
43006
|
+
break;
|
|
42895
43007
|
case "link":
|
|
42896
43008
|
this.createLink();
|
|
42897
43009
|
break;
|
|
42898
43010
|
case "insertImage":
|
|
42899
43011
|
this.triggerImagePicker();
|
|
42900
43012
|
break;
|
|
43013
|
+
case "articleCards":
|
|
43014
|
+
this.insertArticleCards();
|
|
43015
|
+
break;
|
|
43016
|
+
case "timelineStep":
|
|
43017
|
+
this.insertTimelineStep();
|
|
43018
|
+
break;
|
|
43019
|
+
case "numberedCards":
|
|
43020
|
+
this.insertNumberedCards();
|
|
43021
|
+
break;
|
|
43022
|
+
case "borderSection":
|
|
43023
|
+
this.insertBorderSection();
|
|
43024
|
+
break;
|
|
42901
43025
|
case "unlink":
|
|
42902
43026
|
this.executeCommand("unlink");
|
|
42903
43027
|
break;
|
|
@@ -42916,12 +43040,90 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42916
43040
|
break;
|
|
42917
43041
|
}
|
|
42918
43042
|
},
|
|
43043
|
+
handleToolbarSelect(item, event) {
|
|
43044
|
+
if (this.isActionDisabled(item)) {
|
|
43045
|
+
return;
|
|
43046
|
+
}
|
|
43047
|
+
const value = event.target.value;
|
|
43048
|
+
this.focusEditor();
|
|
43049
|
+
this.restoreRange();
|
|
43050
|
+
if (item.action === "fontSize") {
|
|
43051
|
+
this.applyFontSize(value);
|
|
43052
|
+
}
|
|
43053
|
+
},
|
|
42919
43054
|
executeCommand(command, value = null) {
|
|
42920
43055
|
this.focusEditor();
|
|
42921
43056
|
this.restoreRange();
|
|
42922
43057
|
document.execCommand(command, false, value);
|
|
42923
43058
|
this.handleInput();
|
|
42924
43059
|
},
|
|
43060
|
+
insertHorizontalRule() {
|
|
43061
|
+
this.focusEditor();
|
|
43062
|
+
this.restoreRange();
|
|
43063
|
+
document.execCommand("insertHTML", false, '<hr class="wysiwyg-divider-line"><p><br></p>');
|
|
43064
|
+
this.handleInput();
|
|
43065
|
+
},
|
|
43066
|
+
applyFontSize(rawFontSize) {
|
|
43067
|
+
const fontSize = this.normalizeFontSize(rawFontSize);
|
|
43068
|
+
if (!fontSize) {
|
|
43069
|
+
return;
|
|
43070
|
+
}
|
|
43071
|
+
const editor = this.$refs.editorRef;
|
|
43072
|
+
const selection = window.getSelection();
|
|
43073
|
+
if (!editor || !selection || !selection.rangeCount || !this.selectionInsideEditor()) {
|
|
43074
|
+
return;
|
|
43075
|
+
}
|
|
43076
|
+
const range = selection.getRangeAt(0);
|
|
43077
|
+
if (range.collapsed) {
|
|
43078
|
+
const targetElement = this.getClosestFontSizeTarget(range.startContainer);
|
|
43079
|
+
if (targetElement) {
|
|
43080
|
+
targetElement.style.fontSize = fontSize;
|
|
43081
|
+
}
|
|
43082
|
+
} else {
|
|
43083
|
+
const fontSizeWrapper = document.createElement("span");
|
|
43084
|
+
fontSizeWrapper.style.fontSize = fontSize;
|
|
43085
|
+
try {
|
|
43086
|
+
range.surroundContents(fontSizeWrapper);
|
|
43087
|
+
} catch (error) {
|
|
43088
|
+
fontSizeWrapper.appendChild(range.extractContents());
|
|
43089
|
+
range.insertNode(fontSizeWrapper);
|
|
43090
|
+
}
|
|
43091
|
+
const nextRange = document.createRange();
|
|
43092
|
+
nextRange.selectNodeContents(fontSizeWrapper);
|
|
43093
|
+
selection.removeAllRanges();
|
|
43094
|
+
selection.addRange(nextRange);
|
|
43095
|
+
}
|
|
43096
|
+
this.handleInput();
|
|
43097
|
+
},
|
|
43098
|
+
getClosestFontSizeTarget(node) {
|
|
43099
|
+
const editor = this.$refs.editorRef;
|
|
43100
|
+
let currentNode = node && node.nodeType === Node.ELEMENT_NODE ? node : node === null || node === void 0 ? void 0 : node.parentElement;
|
|
43101
|
+
while (currentNode && currentNode !== editor) {
|
|
43102
|
+
if (FONT_SIZE_TAGS.includes(currentNode.tagName)) {
|
|
43103
|
+
return currentNode;
|
|
43104
|
+
}
|
|
43105
|
+
currentNode = currentNode.parentElement;
|
|
43106
|
+
}
|
|
43107
|
+
return null;
|
|
43108
|
+
},
|
|
43109
|
+
normalizeFontSize(rawFontSize) {
|
|
43110
|
+
const fontSize = String(rawFontSize || "").trim().toLowerCase();
|
|
43111
|
+
return ALLOWED_FONT_SIZE_VALUES.includes(fontSize) ? fontSize : "";
|
|
43112
|
+
},
|
|
43113
|
+
getSelectionFontSize() {
|
|
43114
|
+
const editor = this.$refs.editorRef;
|
|
43115
|
+
const selection = window.getSelection();
|
|
43116
|
+
if (!editor || !selection || !selection.rangeCount || !this.selectionInsideEditor()) {
|
|
43117
|
+
return DEFAULT_FONT_SIZE;
|
|
43118
|
+
}
|
|
43119
|
+
const anchorNode = selection.anchorNode;
|
|
43120
|
+
const anchorElement = (anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.nodeType) === Node.ELEMENT_NODE ? anchorNode : anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.parentElement;
|
|
43121
|
+
if (!anchorElement) {
|
|
43122
|
+
return DEFAULT_FONT_SIZE;
|
|
43123
|
+
}
|
|
43124
|
+
const fontSize = window.getComputedStyle(anchorElement).fontSize;
|
|
43125
|
+
return this.normalizeFontSize(fontSize) || DEFAULT_FONT_SIZE;
|
|
43126
|
+
},
|
|
42925
43127
|
triggerImagePicker() {
|
|
42926
43128
|
const imageInput = this.$refs.imageInputRef;
|
|
42927
43129
|
if (!imageInput) {
|
|
@@ -42953,6 +43155,317 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
42953
43155
|
document.execCommand("insertHTML", false, `<img src="${safeSrc}" alt="image">`);
|
|
42954
43156
|
this.handleInput();
|
|
42955
43157
|
},
|
|
43158
|
+
insertArticleCards() {
|
|
43159
|
+
this.focusEditor();
|
|
43160
|
+
this.restoreRange();
|
|
43161
|
+
const editor = this.$refs.editorRef;
|
|
43162
|
+
const selection = window.getSelection();
|
|
43163
|
+
const anchorElement = this.getSelectionAnchorElement(selection);
|
|
43164
|
+
const currentGrid = this.getClosestElementByClass(anchorElement, "wysiwyg-article-grid");
|
|
43165
|
+
const currentCard = this.getClosestElementByClass(anchorElement, "wysiwyg-article-card");
|
|
43166
|
+
if (!editor || !selection || !currentGrid) {
|
|
43167
|
+
const articleGrid = document.createElement("div");
|
|
43168
|
+
articleGrid.className = "wysiwyg-article-grid";
|
|
43169
|
+
const articleCard = this.createArticleCardElement(document, 1);
|
|
43170
|
+
const spacer = document.createElement("p");
|
|
43171
|
+
spacer.innerHTML = "<br>";
|
|
43172
|
+
articleGrid.appendChild(articleCard);
|
|
43173
|
+
this.insertNodesAtSelection([articleGrid, spacer]);
|
|
43174
|
+
this.placeCaretAtEnd(articleCard.querySelector("h3"));
|
|
43175
|
+
this.handleInput();
|
|
43176
|
+
return;
|
|
43177
|
+
}
|
|
43178
|
+
const articleCards = this.getArticleCards(currentGrid);
|
|
43179
|
+
const currentCardIndex = currentCard ? articleCards.indexOf(currentCard) : -1;
|
|
43180
|
+
const nextCardNumber = currentCardIndex >= 0 ? currentCardIndex + 2 : articleCards.length + 1;
|
|
43181
|
+
const articleCard = this.createArticleCardElement(document, nextCardNumber);
|
|
43182
|
+
if (currentCard && currentCard.parentElement === currentGrid) {
|
|
43183
|
+
currentCard.insertAdjacentElement("afterend", articleCard);
|
|
43184
|
+
} else {
|
|
43185
|
+
currentGrid.appendChild(articleCard);
|
|
43186
|
+
}
|
|
43187
|
+
this.placeCaretAtEnd(articleCard.querySelector("h3"));
|
|
43188
|
+
this.handleInput();
|
|
43189
|
+
},
|
|
43190
|
+
insertBorderSection() {
|
|
43191
|
+
this.focusEditor();
|
|
43192
|
+
this.restoreRange();
|
|
43193
|
+
const borderSection = document.createElement("div");
|
|
43194
|
+
borderSection.className = "wysiwyg-border-section";
|
|
43195
|
+
borderSection.innerHTML = "<p><br></p>";
|
|
43196
|
+
const spacer = document.createElement("p");
|
|
43197
|
+
spacer.innerHTML = "<br>";
|
|
43198
|
+
this.insertNodesAtSelection([borderSection, spacer]);
|
|
43199
|
+
this.placeCaretAtEnd(borderSection.querySelector("p"));
|
|
43200
|
+
this.handleInput();
|
|
43201
|
+
},
|
|
43202
|
+
createArticleCardHtml(cardNumber = 1) {
|
|
43203
|
+
const articleCard = this.getArticleCardContent(cardNumber);
|
|
43204
|
+
return ['<article class="wysiwyg-article-card">', `<span class="wysiwyg-article-icon">${articleCard.icon}</span>`, `<h3>${this.escapeHtml(articleCard.title)}</h3>`, `<p>${this.escapeHtml(articleCard.description)}</p>`, "</article>"].join("");
|
|
43205
|
+
},
|
|
43206
|
+
createArticleCardElement(doc, cardNumber = 1) {
|
|
43207
|
+
const wrapper = doc.createElement("div");
|
|
43208
|
+
wrapper.innerHTML = this.createArticleCardHtml(cardNumber);
|
|
43209
|
+
return wrapper.firstElementChild;
|
|
43210
|
+
},
|
|
43211
|
+
getArticleCardContent(cardNumber) {
|
|
43212
|
+
const articleCardContents = [{
|
|
43213
|
+
icon: "🧭",
|
|
43214
|
+
title: "Masih Wacana",
|
|
43215
|
+
description: "Belum ada perubahan perlakuan pajak bagi pengguna jalan tol sampai ada aturan yang resmi berlaku."
|
|
43216
|
+
}, {
|
|
43217
|
+
icon: "📄",
|
|
43218
|
+
title: "Masuk Renstra DJP",
|
|
43219
|
+
description: "Topik ini tercantum dalam agenda regulasi perluasan basis pajak pada Renstra DJP 2025-2029."
|
|
43220
|
+
}, {
|
|
43221
|
+
icon: "⌛",
|
|
43222
|
+
title: "Target Regulasi 2028",
|
|
43223
|
+
description: "Dokumen Renstra menempatkan penyusunan regulasi mekanisme pemungutan sebagai target jangka menengah."
|
|
43224
|
+
}];
|
|
43225
|
+
return articleCardContents[cardNumber - 1] || {
|
|
43226
|
+
icon: "📄",
|
|
43227
|
+
title: `Article Card ${cardNumber}`,
|
|
43228
|
+
description: "Deskripsi article card."
|
|
43229
|
+
};
|
|
43230
|
+
},
|
|
43231
|
+
getArticleCards(articleGrid) {
|
|
43232
|
+
if (!articleGrid) {
|
|
43233
|
+
return [];
|
|
43234
|
+
}
|
|
43235
|
+
return Array.from(articleGrid.children).filter(child => {
|
|
43236
|
+
var _child$classList;
|
|
43237
|
+
return (_child$classList = child.classList) === null || _child$classList === void 0 ? void 0 : _child$classList.contains("wysiwyg-article-card");
|
|
43238
|
+
});
|
|
43239
|
+
},
|
|
43240
|
+
insertNumberedCards() {
|
|
43241
|
+
this.focusEditor();
|
|
43242
|
+
this.restoreRange();
|
|
43243
|
+
const editor = this.$refs.editorRef;
|
|
43244
|
+
const selection = window.getSelection();
|
|
43245
|
+
const anchorElement = this.getSelectionAnchorElement(selection);
|
|
43246
|
+
const currentList = this.getClosestElementByClass(anchorElement, "wysiwyg-numbered-card-list");
|
|
43247
|
+
const currentCard = this.getClosestElementByClass(anchorElement, "wysiwyg-numbered-card");
|
|
43248
|
+
if (!editor || !selection || !currentList) {
|
|
43249
|
+
const numberedCardList = document.createElement("div");
|
|
43250
|
+
numberedCardList.className = "wysiwyg-numbered-card-list";
|
|
43251
|
+
const numberedCard = this.createNumberedCardElement(document, 1);
|
|
43252
|
+
const spacer = document.createElement("p");
|
|
43253
|
+
spacer.innerHTML = "<br>";
|
|
43254
|
+
numberedCardList.appendChild(numberedCard);
|
|
43255
|
+
this.insertNodesAtSelection([numberedCardList, spacer]);
|
|
43256
|
+
this.placeCaretAtEnd(numberedCard.querySelector("h3"));
|
|
43257
|
+
this.handleInput();
|
|
43258
|
+
return;
|
|
43259
|
+
}
|
|
43260
|
+
const numberedCards = this.getNumberedCards(currentList);
|
|
43261
|
+
const currentCardIndex = currentCard ? numberedCards.indexOf(currentCard) : -1;
|
|
43262
|
+
const nextNumber = currentCardIndex >= 0 ? currentCardIndex + 2 : numberedCards.length + 1;
|
|
43263
|
+
const numberedCard = this.createNumberedCardElement(document, nextNumber);
|
|
43264
|
+
if (currentCard && currentCard.parentElement === currentList) {
|
|
43265
|
+
currentCard.insertAdjacentElement("afterend", numberedCard);
|
|
43266
|
+
} else {
|
|
43267
|
+
currentList.appendChild(numberedCard);
|
|
43268
|
+
}
|
|
43269
|
+
this.normalizeNumberedCardMarkers();
|
|
43270
|
+
this.placeCaretAtEnd(numberedCard.querySelector("h3"));
|
|
43271
|
+
this.handleInput();
|
|
43272
|
+
},
|
|
43273
|
+
createNumberedCardHtml(cardNumber = 1) {
|
|
43274
|
+
const numberedCard = this.getNumberedCardContent(cardNumber);
|
|
43275
|
+
return ['<article class="wysiwyg-numbered-card">', `<span class="wysiwyg-numbered-card-marker">${cardNumber}</span>`, '<div class="wysiwyg-numbered-card-content">', `<h3>${this.escapeHtml(numberedCard.title)}</h3>`, `<p>${this.escapeHtml(numberedCard.description)}</p>`, "</div>", "</article>"].join("");
|
|
43276
|
+
},
|
|
43277
|
+
createNumberedCardElement(doc, cardNumber = 1) {
|
|
43278
|
+
const wrapper = doc.createElement("div");
|
|
43279
|
+
wrapper.innerHTML = this.createNumberedCardHtml(cardNumber);
|
|
43280
|
+
return wrapper.firstElementChild;
|
|
43281
|
+
},
|
|
43282
|
+
getNumberedCardContent(cardNumber) {
|
|
43283
|
+
const numberedCardContents = [{
|
|
43284
|
+
title: "Pantau aturan resmi",
|
|
43285
|
+
description: "Gunakan kanal DJP dan Kementerian Keuangan sebagai rujukan utama, bukan hanya ringkasan media."
|
|
43286
|
+
}, {
|
|
43287
|
+
title: "Petakan biaya transportasi",
|
|
43288
|
+
description: "Identifikasi kontrak logistik, perjalanan dinas, dan biaya operasional yang sensitif terhadap tarif tol."
|
|
43289
|
+
}, {
|
|
43290
|
+
title: "Siapkan skenario PPN",
|
|
43291
|
+
description: "Buat simulasi sederhana untuk melihat dampak jika tarif tol menjadi termasuk atau ditambah PPN."
|
|
43292
|
+
}, {
|
|
43293
|
+
title: "Rapikan arsip transaksi",
|
|
43294
|
+
description: "Pastikan bukti pembayaran, invoice vendor, dan pencatatan biaya transportasi mudah ditelusuri."
|
|
43295
|
+
}];
|
|
43296
|
+
return numberedCardContents[cardNumber - 1] || {
|
|
43297
|
+
title: `Nomor ${cardNumber}`,
|
|
43298
|
+
description: "Deskripsi kartu bernomor."
|
|
43299
|
+
};
|
|
43300
|
+
},
|
|
43301
|
+
getNumberedCards(numberedCardList) {
|
|
43302
|
+
if (!numberedCardList) {
|
|
43303
|
+
return [];
|
|
43304
|
+
}
|
|
43305
|
+
return Array.from(numberedCardList.children).filter(child => {
|
|
43306
|
+
var _child$classList2;
|
|
43307
|
+
return (_child$classList2 = child.classList) === null || _child$classList2 === void 0 ? void 0 : _child$classList2.contains("wysiwyg-numbered-card");
|
|
43308
|
+
});
|
|
43309
|
+
},
|
|
43310
|
+
insertTimelineStep() {
|
|
43311
|
+
this.focusEditor();
|
|
43312
|
+
this.restoreRange();
|
|
43313
|
+
const editor = this.$refs.editorRef;
|
|
43314
|
+
const selection = window.getSelection();
|
|
43315
|
+
const anchorElement = this.getSelectionAnchorElement(selection);
|
|
43316
|
+
const currentTimeline = this.getClosestElementByClass(anchorElement, "wysiwyg-timeline");
|
|
43317
|
+
const currentItem = this.getClosestElementByClass(anchorElement, "wysiwyg-timeline-item");
|
|
43318
|
+
if (!editor || !selection || !currentTimeline) {
|
|
43319
|
+
const timeline = document.createElement("div");
|
|
43320
|
+
timeline.className = "wysiwyg-timeline";
|
|
43321
|
+
const timelineStep = this.createTimelineStepElement(document, 1);
|
|
43322
|
+
const spacer = document.createElement("p");
|
|
43323
|
+
spacer.innerHTML = "<br>";
|
|
43324
|
+
timeline.appendChild(timelineStep);
|
|
43325
|
+
this.insertNodesAtSelection([timeline, spacer]);
|
|
43326
|
+
this.placeCaretAtEnd(timelineStep.querySelector("h3"));
|
|
43327
|
+
this.handleInput();
|
|
43328
|
+
return;
|
|
43329
|
+
}
|
|
43330
|
+
const timelineItems = this.getTimelineItems(currentTimeline);
|
|
43331
|
+
const currentItemIndex = currentItem ? timelineItems.indexOf(currentItem) : -1;
|
|
43332
|
+
const nextStepNumber = currentItemIndex >= 0 ? currentItemIndex + 2 : timelineItems.length + 1;
|
|
43333
|
+
const timelineStep = this.createTimelineStepElement(document, nextStepNumber);
|
|
43334
|
+
if (currentItem && currentItem.parentElement === currentTimeline) {
|
|
43335
|
+
currentItem.insertAdjacentElement("afterend", timelineStep);
|
|
43336
|
+
} else {
|
|
43337
|
+
currentTimeline.appendChild(timelineStep);
|
|
43338
|
+
}
|
|
43339
|
+
this.normalizeTimelineMarkers();
|
|
43340
|
+
this.placeCaretAtEnd(timelineStep.querySelector("h3"));
|
|
43341
|
+
this.handleInput();
|
|
43342
|
+
},
|
|
43343
|
+
createTimelineStepHtml(stepNumber = 1) {
|
|
43344
|
+
const timelineStep = this.getTimelineStepContent(stepNumber);
|
|
43345
|
+
return ['<article class="wysiwyg-timeline-item">', `<span class="wysiwyg-timeline-marker">${stepNumber}</span>`, '<div class="wysiwyg-timeline-content">', `<h3>${this.escapeHtml(timelineStep.title)}</h3>`, `<p>${this.escapeHtml(timelineStep.description)}</p>`, "</div>", "</article>"].join("");
|
|
43346
|
+
},
|
|
43347
|
+
createTimelineStepElement(doc, stepNumber = 1) {
|
|
43348
|
+
const wrapper = doc.createElement("div");
|
|
43349
|
+
wrapper.innerHTML = this.createTimelineStepHtml(stepNumber);
|
|
43350
|
+
return wrapper.firstElementChild;
|
|
43351
|
+
},
|
|
43352
|
+
getTimelineStepContent(stepNumber) {
|
|
43353
|
+
const timelineStepContents = [{
|
|
43354
|
+
title: "2015: Aturan Sempat Terbit",
|
|
43355
|
+
description: "PER-10/PJ/2015 mengatur tata cara pemungutan PPN atas jasa jalan tol, tetapi kemudian dicabut melalui PER-16/PJ/2015."
|
|
43356
|
+
}, {
|
|
43357
|
+
title: "2025-2029: Masuk Rencana Strategis",
|
|
43358
|
+
description: "KEP-252/PJ/2025 menempatkan mekanisme pemungutan PPN jasa jalan tol dalam agenda regulasi perluasan basis pajak."
|
|
43359
|
+
}, {
|
|
43360
|
+
title: "April 2026: DJP Memberi Klarifikasi",
|
|
43361
|
+
description: "DJP menyampaikan bahwa isu ini masih tahap perencanaan kebijakan dan belum menjadi ketentuan yang berlaku."
|
|
43362
|
+
}, {
|
|
43363
|
+
title: "2028: Target Penyelesaian Regulasi",
|
|
43364
|
+
description: "Target ini perlu dibaca sebagai agenda penyusunan regulasi, bukan otomatis berarti tarif tol langsung berubah."
|
|
43365
|
+
}];
|
|
43366
|
+
return timelineStepContents[stepNumber - 1] || {
|
|
43367
|
+
title: `Step ${stepNumber}`,
|
|
43368
|
+
description: "Deskripsi timeline."
|
|
43369
|
+
};
|
|
43370
|
+
},
|
|
43371
|
+
getTimelineItems(timeline) {
|
|
43372
|
+
if (!timeline) {
|
|
43373
|
+
return [];
|
|
43374
|
+
}
|
|
43375
|
+
return Array.from(timeline.children).filter(child => {
|
|
43376
|
+
var _child$classList3;
|
|
43377
|
+
return (_child$classList3 = child.classList) === null || _child$classList3 === void 0 ? void 0 : _child$classList3.contains("wysiwyg-timeline-item");
|
|
43378
|
+
});
|
|
43379
|
+
},
|
|
43380
|
+
insertNodesAtSelection(nodes) {
|
|
43381
|
+
const selection = window.getSelection();
|
|
43382
|
+
if (!selection || !selection.rangeCount) {
|
|
43383
|
+
return;
|
|
43384
|
+
}
|
|
43385
|
+
const range = selection.getRangeAt(0);
|
|
43386
|
+
range.deleteContents();
|
|
43387
|
+
const fragment = document.createDocumentFragment();
|
|
43388
|
+
nodes.forEach(node => {
|
|
43389
|
+
fragment.appendChild(node);
|
|
43390
|
+
});
|
|
43391
|
+
range.insertNode(fragment);
|
|
43392
|
+
},
|
|
43393
|
+
getSelectionAnchorElement(selection = window.getSelection()) {
|
|
43394
|
+
if (!selection || !selection.rangeCount) {
|
|
43395
|
+
return null;
|
|
43396
|
+
}
|
|
43397
|
+
const anchorNode = selection.anchorNode;
|
|
43398
|
+
return (anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.nodeType) === Node.ELEMENT_NODE ? anchorNode : anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.parentElement;
|
|
43399
|
+
},
|
|
43400
|
+
getClosestElementByClass(node, className) {
|
|
43401
|
+
const editor = this.$refs.editorRef;
|
|
43402
|
+
let currentNode = node;
|
|
43403
|
+
while (currentNode && currentNode !== editor) {
|
|
43404
|
+
var _currentNode$classLis;
|
|
43405
|
+
if ((_currentNode$classLis = currentNode.classList) !== null && _currentNode$classLis !== void 0 && _currentNode$classLis.contains(className)) {
|
|
43406
|
+
return currentNode;
|
|
43407
|
+
}
|
|
43408
|
+
currentNode = currentNode.parentElement;
|
|
43409
|
+
}
|
|
43410
|
+
return null;
|
|
43411
|
+
},
|
|
43412
|
+
normalizeTimelineMarkers() {
|
|
43413
|
+
const editor = this.$refs.editorRef;
|
|
43414
|
+
if (!editor) {
|
|
43415
|
+
return;
|
|
43416
|
+
}
|
|
43417
|
+
editor.querySelectorAll(".wysiwyg-timeline").forEach(timeline => {
|
|
43418
|
+
const timelineItems = this.getTimelineItems(timeline);
|
|
43419
|
+
timelineItems.forEach((item, index) => {
|
|
43420
|
+
let marker = item.querySelector(":scope > .wysiwyg-timeline-marker");
|
|
43421
|
+
if (!marker) {
|
|
43422
|
+
marker = document.createElement("span");
|
|
43423
|
+
marker.className = "wysiwyg-timeline-marker";
|
|
43424
|
+
item.insertBefore(marker, item.firstChild);
|
|
43425
|
+
}
|
|
43426
|
+
const markerValue = String(index + 1);
|
|
43427
|
+
if (marker.textContent !== markerValue) {
|
|
43428
|
+
marker.textContent = markerValue;
|
|
43429
|
+
}
|
|
43430
|
+
});
|
|
43431
|
+
});
|
|
43432
|
+
},
|
|
43433
|
+
normalizeNumberedCardMarkers() {
|
|
43434
|
+
const editor = this.$refs.editorRef;
|
|
43435
|
+
if (!editor) {
|
|
43436
|
+
return;
|
|
43437
|
+
}
|
|
43438
|
+
editor.querySelectorAll(".wysiwyg-numbered-card-list").forEach(numberedCardList => {
|
|
43439
|
+
const numberedCards = this.getNumberedCards(numberedCardList);
|
|
43440
|
+
numberedCards.forEach((card, index) => {
|
|
43441
|
+
let marker = card.querySelector(":scope > .wysiwyg-numbered-card-marker");
|
|
43442
|
+
if (!marker) {
|
|
43443
|
+
marker = document.createElement("span");
|
|
43444
|
+
marker.className = "wysiwyg-numbered-card-marker";
|
|
43445
|
+
card.insertBefore(marker, card.firstChild);
|
|
43446
|
+
}
|
|
43447
|
+
const markerValue = String(index + 1);
|
|
43448
|
+
if (marker.textContent !== markerValue) {
|
|
43449
|
+
marker.textContent = markerValue;
|
|
43450
|
+
}
|
|
43451
|
+
});
|
|
43452
|
+
});
|
|
43453
|
+
},
|
|
43454
|
+
normalizeStructuredTemplateMarkers() {
|
|
43455
|
+
this.normalizeTimelineMarkers();
|
|
43456
|
+
this.normalizeNumberedCardMarkers();
|
|
43457
|
+
},
|
|
43458
|
+
placeCaretAtEnd(element) {
|
|
43459
|
+
if (!element) {
|
|
43460
|
+
return;
|
|
43461
|
+
}
|
|
43462
|
+
const range = document.createRange();
|
|
43463
|
+
range.selectNodeContents(element);
|
|
43464
|
+
range.collapse(false);
|
|
43465
|
+
const selection = window.getSelection();
|
|
43466
|
+
selection.removeAllRanges();
|
|
43467
|
+
selection.addRange(range);
|
|
43468
|
+
},
|
|
42956
43469
|
createLink() {
|
|
42957
43470
|
this.restoreRange();
|
|
42958
43471
|
const selection = window.getSelection();
|
|
@@ -43076,9 +43589,21 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
43076
43589
|
element.setAttribute("width", `${Math.max(IMAGE_MIN_WIDTH, Math.round(imageWidth))}`);
|
|
43077
43590
|
}
|
|
43078
43591
|
}
|
|
43592
|
+
const className = this.extractAllowedClassName(node.getAttribute("class"));
|
|
43593
|
+
if (className) {
|
|
43594
|
+
element.setAttribute("class", className);
|
|
43595
|
+
}
|
|
43596
|
+
const styleRules = [];
|
|
43079
43597
|
const textAlign = this.extractAllowedTextAlign(node.getAttribute("style"));
|
|
43080
43598
|
if (textAlign && ALIGNABLE_TAGS.includes(tagName)) {
|
|
43081
|
-
|
|
43599
|
+
styleRules.push(`text-align:${textAlign};`);
|
|
43600
|
+
}
|
|
43601
|
+
const fontSize = this.extractAllowedFontSize(node.getAttribute("style"));
|
|
43602
|
+
if (fontSize && FONT_SIZE_TAGS.includes(tagName)) {
|
|
43603
|
+
styleRules.push(`font-size:${fontSize};`);
|
|
43604
|
+
}
|
|
43605
|
+
if (styleRules.length) {
|
|
43606
|
+
element.setAttribute("style", styleRules.join(""));
|
|
43082
43607
|
}
|
|
43083
43608
|
Array.from(node.childNodes).forEach(child => {
|
|
43084
43609
|
const childNode = this.createSanitizedNode(child, doc);
|
|
@@ -43088,6 +43613,12 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
43088
43613
|
});
|
|
43089
43614
|
return element;
|
|
43090
43615
|
},
|
|
43616
|
+
extractAllowedClassName(classValue) {
|
|
43617
|
+
if (!classValue) {
|
|
43618
|
+
return "";
|
|
43619
|
+
}
|
|
43620
|
+
return String(classValue).split(/\s+/).filter(className => WYSIWYG_TEMPLATE_CLASSES.includes(className)).join(" ");
|
|
43621
|
+
},
|
|
43091
43622
|
extractAllowedTextAlign(styleValue) {
|
|
43092
43623
|
if (!styleValue) {
|
|
43093
43624
|
return "";
|
|
@@ -43104,6 +43635,27 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
43104
43635
|
const alignValue = parsed[1].trim().toLowerCase();
|
|
43105
43636
|
return ["left", "center", "right", "justify"].includes(alignValue) ? alignValue : "";
|
|
43106
43637
|
},
|
|
43638
|
+
extractAllowedFontSize(styleValue) {
|
|
43639
|
+
if (!styleValue) {
|
|
43640
|
+
return "";
|
|
43641
|
+
}
|
|
43642
|
+
const rules = styleValue.split(";").map(style => style.trim());
|
|
43643
|
+
const fontSizeRule = rules.find(style => style.toLowerCase().startsWith("font-size"));
|
|
43644
|
+
if (!fontSizeRule) {
|
|
43645
|
+
return "";
|
|
43646
|
+
}
|
|
43647
|
+
const parsed = fontSizeRule.split(":");
|
|
43648
|
+
if (parsed.length < 2) {
|
|
43649
|
+
return "";
|
|
43650
|
+
}
|
|
43651
|
+
return this.normalizeFontSize(parsed[1]);
|
|
43652
|
+
},
|
|
43653
|
+
getSelectValue(item) {
|
|
43654
|
+
if (item.action === "fontSize") {
|
|
43655
|
+
return this.toolbarState.fontSize || DEFAULT_FONT_SIZE;
|
|
43656
|
+
}
|
|
43657
|
+
return "";
|
|
43658
|
+
},
|
|
43107
43659
|
isActionActive(item) {
|
|
43108
43660
|
switch (item.action) {
|
|
43109
43661
|
case "paragraph":
|
|
@@ -43161,7 +43713,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
43161
43713
|
inspector.innerHTML = htmlValue;
|
|
43162
43714
|
const textContent = (inspector.textContent || "").replace(/\u200B/g, "").trim();
|
|
43163
43715
|
const hasImage = Boolean(inspector.querySelector("img"));
|
|
43164
|
-
|
|
43716
|
+
const hasHorizontalRule = Boolean(inspector.querySelector("hr"));
|
|
43717
|
+
if (hasImage || hasHorizontalRule) {
|
|
43165
43718
|
return false;
|
|
43166
43719
|
}
|
|
43167
43720
|
return textContent.length === 0;
|
|
@@ -43180,8 +43733,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
|
|
|
43180
43733
|
});
|
|
43181
43734
|
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
|
|
43182
43735
|
|
|
43183
|
-
// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=
|
|
43184
|
-
var
|
|
43736
|
+
// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=62033250&lang=scss
|
|
43737
|
+
var FormWysiwygvue_type_style_index_0_id_62033250_lang_scss = __webpack_require__("cc9a");
|
|
43185
43738
|
|
|
43186
43739
|
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
|
|
43187
43740
|
|
|
@@ -43191,7 +43744,7 @@ var FormWysiwygvue_type_style_index_0_id_52b4ebd4_lang_scss = __webpack_require_
|
|
|
43191
43744
|
|
|
43192
43745
|
|
|
43193
43746
|
|
|
43194
|
-
const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',
|
|
43747
|
+
const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_62033250_render]])
|
|
43195
43748
|
|
|
43196
43749
|
/* harmony default export */ var FormWysiwyg = (FormWysiwyg_exports_);
|
|
43197
43750
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExpansionPanel/index.vue?vue&type=template&id=01544323
|