lib-pajakio-v2 1.0.34 → 1.0.35

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

@@ -109,17 +109,6 @@ module.exports = String(test) === '[object z]';
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "0286":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_0d8d1bef_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("168b");
-/* 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_0d8d1bef_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_0d8d1bef_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "04f8":
@@ -505,13 +494,6 @@ module.exports = typeof documentAll == 'undefined' && documentAll !== undefined
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "168b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "1a2d":
@@ -1597,6 +1579,17 @@ $({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('uni
 exports.f = Object.getOwnPropertySymbols;
 
 
+/***/ }),
+
+/***/ "75e5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_FormWysiwyg_vue_vue_type_style_index_0_id_25d17aeb_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a84e");
+/* 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_25d17aeb_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_25d17aeb_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7839":
@@ -2429,6 +2422,13 @@ module.exports = function (METHOD_NAME, argument) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "a84e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "aa8b":
@@ -43096,74 +43096,74 @@ var FormTextareavue_type_style_index_0_id_4b6a6dc5_lang_scss = __webpack_require
 const FormTextarea_exports_ = /*#__PURE__*/exportHelper_default()(FormTextareavue_type_script_lang_js, [['render',FormTextareavue_type_template_id_4b6a6dc5_render]])
 
 /* harmony default export */ var FormTextarea = (FormTextarea_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Form/FormWysiwyg.vue?vue&type=template&id=0d8d1bef
+// 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=25d17aeb
 
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_1 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_1 = {
   class: "form-wysiwyg flex flex-col"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_2 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_2 = {
   class: "w-full"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_3 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_3 = {
   key: 0,
   class: "toolbar"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_4 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_4 = {
   key: 0,
   class: "toolbar-divider"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_5 = ["disabled", "title"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_6 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_5 = ["disabled", "title"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_6 = {
   class: "icon-picker-tabs"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_7 = ["title", "onClick"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_8 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_7 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_8 = {
   class: "icon-picker-search"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_9 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_9 = {
   class: "icon-picker-color"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_10 = ["title", "onClick"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_11 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_10 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_11 = {
   class: "icon-picker-color-custom"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_12 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_12 = {
   class: "icon-picker-list"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_13 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_13 = {
   class: "icon-picker-section-title"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_14 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_14 = {
   class: "icon-picker-grid"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_15 = ["title", "onClick"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_16 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_15 = ["title", "onClick"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_16 = {
   key: 0,
   class: "icon-picker-empty"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_17 = ["disabled", "title", "value", "onChange"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_18 = ["value"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_19 = ["disabled", "title", "onClick"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_20 = {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_17 = ["disabled", "title", "value", "onChange"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_18 = ["value"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_19 = ["disabled", "title", "onClick"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_20 = {
   key: 1,
   class: "toolbar-text"
 };
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_21 = ["contenteditable", "data-placeholder"];
-const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_22 = ["innerHTML"];
-function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $setup, $data, $options) {
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_21 = ["contenteditable", "data-placeholder"];
+const FormWysiwygvue_type_template_id_25d17aeb_hoisted_22 = ["innerHTML"];
+function FormWysiwygvue_type_template_id_25d17aeb_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`label-${$props.labelPosition}`)
-  }, [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_0d8d1bef_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }, [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_25d17aeb_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-group", {
       error: $props.error,
       disabled: $props.disabled,
       readonly: $props.readonly && !$props.disabled
     }])
-  }, [$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_0d8d1bef_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) => {
+  }, [$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_25d17aeb_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) => {
     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"], {
       key: `${item.action}-${index}`
-    }, [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_0d8d1bef_hoisted_4)) : item.action === 'insertIcon' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    }, [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_25d17aeb_hoisted_4)) : item.action === 'insertIcon' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: 1,
       ref_for: true,
       ref: "iconPickerRef",
@@ -43182,12 +43182,12 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
       width: "18",
       height: "18",
       color: $data.isIconPickerOpen ? '#3e7dc0' : '#59636E'
-    }, null, 8, ["color"])], 42, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_5), $data.isIconPickerOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    }, null, 8, ["color"])], 42, FormWysiwygvue_type_template_id_25d17aeb_hoisted_5), $data.isIconPickerOpen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: 0,
       class: "icon-picker-popover",
-      onMousedown: _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"])),
-      onClick: _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_6, [(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.iconPickerTabs, category => {
+      onMousedown: _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"])),
+      onClick: _cache[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_6, [(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.iconPickerTabs, category => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
         key: category.key,
         type: "button",
@@ -43201,8 +43201,8 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
         width: "22",
         height: "22",
         color: $data.activeIconCategory === category.key ? '#20242C' : '#666D75'
-      }, null, 8, ["iconName", "color"])], 10, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_7);
-    }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+      }, null, 8, ["iconName", "color"])], 10, FormWysiwygvue_type_template_id_25d17aeb_hoisted_7);
+    }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
       iconName: "search",
       width: "20",
       height: "20",
@@ -43214,7 +43214,7 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
       type: "text",
       placeholder: "Cari Icon",
       onKeydown: _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])((...args) => $options.closeIconPicker && $options.closeIconPicker(...args), ["esc"]))
-    }, null, 544), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.iconSearch]])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_9, [_cache[19] || (_cache[19] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+    }, null, 544), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.iconSearch]])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_9, [_cache[20] || (_cache[20] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
       class: "icon-picker-color-label"
     }, "Warna Icon", -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"])($props.iconColorOptions, color => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
@@ -43228,8 +43228,8 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
         }),
         title: color,
         onClick: $event => $options.setSelectedIconColor(color)
-      }, null, 14, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_10);
-    }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+      }, null, 14, FormWysiwygvue_type_template_id_25d17aeb_hoisted_10);
+    }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", FormWysiwygvue_type_template_id_25d17aeb_hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
       style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
         backgroundColor: $data.selectedIconColor
       })
@@ -43237,38 +43237,39 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
       "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => $data.selectedIconColor = $event),
       type: "color",
       title: "Custom color"
-    }, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.selectedIconColor]])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_12, [(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.visibleIconSections, section => {
+    }, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.selectedIconColor]])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_12, [(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.visibleIconSections, section => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: section.key,
         class: "icon-picker-section"
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(section.label), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_14, [(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"])(section.icons, iconName => {
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(section.label), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_14, [(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"])(section.icons, iconName => {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
           key: `${section.key}-${iconName}`,
           type: "button",
           class: "icon-picker-item",
           title: iconName,
+          onMousedown: _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
           onClick: $event => $options.selectIcon(iconName)
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
           iconName: iconName,
           width: "20",
           height: "20",
           color: $data.selectedIconColor
-        }, null, 8, ["iconName", "color"])], 8, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_15);
+        }, null, 8, ["iconName", "color"])], 40, FormWysiwygvue_type_template_id_25d17aeb_hoisted_15);
       }), 128))])]);
-    }), 128)), !$options.visibleIconSections.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_0d8d1bef_hoisted_16, " Icon tidak ditemukan ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 32)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
+    }), 128)), !$options.visibleIconSections.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", FormWysiwygvue_type_template_id_25d17aeb_hoisted_16, " Icon tidak ditemukan ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 32)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
       key: 2,
       class: "toolbar-select",
       disabled: $options.isActionDisabled(item),
       title: item.title || item.label,
       value: $options.getSelectValue(item),
-      onMousedown: _cache[7] || (_cache[7] = (...args) => $options.saveRange && $options.saveRange(...args)),
+      onMousedown: _cache[8] || (_cache[8] = (...args) => $options.saveRange && $options.saveRange(...args)),
       onChange: $event => $options.handleToolbarSelect(item, $event)
     }, [(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 => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("option", {
         key: option.value,
         value: option.value
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_18);
-    }), 128))], 40, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_17)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_25d17aeb_hoisted_18);
+    }), 128))], 40, FormWysiwygvue_type_template_id_25d17aeb_hoisted_17)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
       key: 3,
       type: "button",
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
@@ -43276,7 +43277,7 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
       }]),
       disabled: $options.isActionDisabled(item),
       title: item.title || item.label,
-      onMousedown: _cache[8] || (_cache[8] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
+      onMousedown: _cache[9] || (_cache[9] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
       onClick: $event => $options.handleToolbarAction(item)
     }, [item.icon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_base_icon, {
       key: 0,
@@ -43284,13 +43285,13 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
       width: "18",
       height: "18",
       color: $options.isActionActive(item) ? '#3e7dc0' : '#59636E'
-    }, 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_0d8d1bef_hoisted_20, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_19))], 64);
+    }, 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_25d17aeb_hoisted_20, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_25d17aeb_hoisted_19))], 64);
   }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
     ref: "imageInputRef",
     type: "file",
     class: "image-input",
     accept: "image/*",
-    onChange: _cache[9] || (_cache[9] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
+    onChange: _cache[10] || (_cache[10] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
   }, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "editor-wrapper",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])($options.editorStyle)
@@ -43301,25 +43302,25 @@ function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $
     }]),
     contenteditable: $options.isEditable,
     "data-placeholder": $props.placeholder,
-    onInput: _cache[10] || (_cache[10] = (...args) => $options.handleInput && $options.handleInput(...args)),
-    onFocus: _cache[11] || (_cache[11] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
-    onBlur: _cache[12] || (_cache[12] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
-    onPaste: _cache[13] || (_cache[13] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
-    onMouseup: _cache[14] || (_cache[14] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onKeyup: _cache[15] || (_cache[15] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onMousedown: _cache[16] || (_cache[16] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
-    onMousemove: _cache[17] || (_cache[17] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
-    onMouseleave: _cache[18] || (_cache[18] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
-  }, null, 42, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_21)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    onInput: _cache[11] || (_cache[11] = (...args) => $options.handleInput && $options.handleInput(...args)),
+    onFocus: _cache[12] || (_cache[12] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
+    onBlur: _cache[13] || (_cache[13] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
+    onPaste: _cache[14] || (_cache[14] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
+    onMouseup: _cache[15] || (_cache[15] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onKeyup: _cache[16] || (_cache[16] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onMousedown: _cache[17] || (_cache[17] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
+    onMousemove: _cache[18] || (_cache[18] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
+    onMouseleave: _cache[19] || (_cache[19] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
+  }, null, 42, FormWysiwygvue_type_template_id_25d17aeb_hoisted_21)], 4)], 2), $props.message ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
     key: 0,
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["helper-text", {
       'error-helper': $props.error
     }])
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
     innerHTML: $props.message
-  }, null, 8, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_22)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
+  }, null, 8, FormWysiwygvue_type_template_id_25d17aeb_hoisted_22)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
 }
-// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=0d8d1bef
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=25d17aeb
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
 var es_array_reduce = __webpack_require__("13d5");
@@ -44420,7 +44421,28 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
       }
       this.focusEditor();
       this.restoreRange();
-      document.execCommand("insertHTML", false, `${iconHtml} `);
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      if (!editor || !selection || !selection.rangeCount || !this.selectionInsideEditor()) {
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      const iconContainer = document.createElement("div");
+      iconContainer.innerHTML = iconHtml;
+      const iconNode = iconContainer.firstChild;
+      if (!iconNode) {
+        return;
+      }
+      const trailingSpace = document.createTextNode("\u00a0");
+      const fragment = document.createDocumentFragment();
+      fragment.appendChild(iconNode);
+      fragment.appendChild(trailingSpace);
+      range.deleteContents();
+      range.insertNode(fragment);
+      range.setStartAfter(trailingSpace);
+      range.collapse(true);
+      selection.removeAllRanges();
+      selection.addRange(range);
       this.handleInput();
       this.saveRange();
     },
@@ -44946,13 +44968,20 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
       return SAFE_IMAGE_PROTOCOLS.some(protocol => normalizedSrc.startsWith(protocol));
     },
     saveRange() {
+      const editor = this.$refs.editorRef;
       const selection = window.getSelection();
-      if (selection && selection.rangeCount) {
-        this.savedRange = selection.getRangeAt(0).cloneRange();
+      if (!editor || !selection || !selection.rangeCount) {
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      if (!editor.contains(range.commonAncestorContainer)) {
+        return;
       }
+      this.savedRange = range.cloneRange();
     },
     restoreRange() {
-      if (!this.savedRange) {
+      const editor = this.$refs.editorRef;
+      if (!editor || !this.savedRange || !editor.contains(this.savedRange.commonAncestorContainer)) {
         return;
       }
       const selection = window.getSelection();
@@ -45223,8 +45252,8 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
 });
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=0d8d1bef&lang=scss
-var FormWysiwygvue_type_style_index_0_id_0d8d1bef_lang_scss = __webpack_require__("0286");
+// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=25d17aeb&lang=scss
+var FormWysiwygvue_type_style_index_0_id_25d17aeb_lang_scss = __webpack_require__("75e5");
 
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
 
@@ -45234,7 +45263,7 @@ var FormWysiwygvue_type_style_index_0_id_0d8d1bef_lang_scss = __webpack_require_
 
 
 
-const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_0d8d1bef_render]])
+const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_25d17aeb_render]])
 
 /* harmony default export */ var FormWysiwyg = (FormWysiwyg_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExpansionPanel/index.vue?vue&type=template&id=01544323