lib-pajakio-v2 1.0.33 → 1.0.34
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 +110 -70
- 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 +110 -70
- 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 +1 -1
- package/package.json +1 -1
- package/src/components/Form/FormWysiwyg.vue +36 -2
|
@@ -109,6 +109,17 @@ module.exports = String(test) === '[object z]';
|
|
|
109
109
|
|
|
110
110
|
// extracted by mini-css-extract-plugin
|
|
111
111
|
|
|
112
|
+
/***/ }),
|
|
113
|
+
|
|
114
|
+
/***/ "0286":
|
|
115
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
116
|
+
|
|
117
|
+
"use strict";
|
|
118
|
+
/* 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");
|
|
119
|
+
/* 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__);
|
|
120
|
+
/* unused harmony reexport * */
|
|
121
|
+
|
|
122
|
+
|
|
112
123
|
/***/ }),
|
|
113
124
|
|
|
114
125
|
/***/ "04f8":
|
|
@@ -494,6 +505,13 @@ module.exports = typeof documentAll == 'undefined' && documentAll !== undefined
|
|
|
494
505
|
/* unused harmony reexport * */
|
|
495
506
|
|
|
496
507
|
|
|
508
|
+
/***/ }),
|
|
509
|
+
|
|
510
|
+
/***/ "168b":
|
|
511
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
512
|
+
|
|
513
|
+
// extracted by mini-css-extract-plugin
|
|
514
|
+
|
|
497
515
|
/***/ }),
|
|
498
516
|
|
|
499
517
|
/***/ "1a2d":
|
|
@@ -2122,13 +2140,6 @@ module.exports = DESCRIPTORS ? function (object, key, value) {
|
|
|
2122
2140
|
/* unused harmony reexport * */
|
|
2123
2141
|
|
|
2124
2142
|
|
|
2125
|
-
/***/ }),
|
|
2126
|
-
|
|
2127
|
-
/***/ "926f":
|
|
2128
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
2129
|
-
|
|
2130
|
-
// extracted by mini-css-extract-plugin
|
|
2131
|
-
|
|
2132
2143
|
/***/ }),
|
|
2133
2144
|
|
|
2134
2145
|
/***/ "9310":
|
|
@@ -2933,17 +2944,6 @@ module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
|
|
|
2933
2944
|
|
|
2934
2945
|
// extracted by mini-css-extract-plugin
|
|
2935
2946
|
|
|
2936
|
-
/***/ }),
|
|
2937
|
-
|
|
2938
|
-
/***/ "cfe2":
|
|
2939
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2940
|
-
|
|
2941
|
-
"use strict";
|
|
2942
|
-
/* 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_accc697c_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("926f");
|
|
2943
|
-
/* 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_accc697c_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_accc697c_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
2944
|
-
/* unused harmony reexport * */
|
|
2945
|
-
|
|
2946
|
-
|
|
2947
2947
|
/***/ }),
|
|
2948
2948
|
|
|
2949
2949
|
/***/ "cfe9":
|
|
@@ -43096,74 +43096,74 @@ var FormTextareavue_type_style_index_0_id_4b6a6dc5_lang_scss = __webpack_require
|
|
|
43096
43096
|
const FormTextarea_exports_ = /*#__PURE__*/exportHelper_default()(FormTextareavue_type_script_lang_js, [['render',FormTextareavue_type_template_id_4b6a6dc5_render]])
|
|
43097
43097
|
|
|
43098
43098
|
/* harmony default export */ var FormTextarea = (FormTextarea_exports_);
|
|
43099
|
-
// 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=
|
|
43099
|
+
// 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
|
|
43100
43100
|
|
|
43101
|
-
const
|
|
43101
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_1 = {
|
|
43102
43102
|
class: "form-wysiwyg flex flex-col"
|
|
43103
43103
|
};
|
|
43104
|
-
const
|
|
43104
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_2 = {
|
|
43105
43105
|
class: "w-full"
|
|
43106
43106
|
};
|
|
43107
|
-
const
|
|
43107
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_3 = {
|
|
43108
43108
|
key: 0,
|
|
43109
43109
|
class: "toolbar"
|
|
43110
43110
|
};
|
|
43111
|
-
const
|
|
43111
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_4 = {
|
|
43112
43112
|
key: 0,
|
|
43113
43113
|
class: "toolbar-divider"
|
|
43114
43114
|
};
|
|
43115
|
-
const
|
|
43116
|
-
const
|
|
43115
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_5 = ["disabled", "title"];
|
|
43116
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_6 = {
|
|
43117
43117
|
class: "icon-picker-tabs"
|
|
43118
43118
|
};
|
|
43119
|
-
const
|
|
43120
|
-
const
|
|
43119
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_7 = ["title", "onClick"];
|
|
43120
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_8 = {
|
|
43121
43121
|
class: "icon-picker-search"
|
|
43122
43122
|
};
|
|
43123
|
-
const
|
|
43123
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_9 = {
|
|
43124
43124
|
class: "icon-picker-color"
|
|
43125
43125
|
};
|
|
43126
|
-
const
|
|
43127
|
-
const
|
|
43126
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_10 = ["title", "onClick"];
|
|
43127
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_11 = {
|
|
43128
43128
|
class: "icon-picker-color-custom"
|
|
43129
43129
|
};
|
|
43130
|
-
const
|
|
43130
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_12 = {
|
|
43131
43131
|
class: "icon-picker-list"
|
|
43132
43132
|
};
|
|
43133
|
-
const
|
|
43133
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_13 = {
|
|
43134
43134
|
class: "icon-picker-section-title"
|
|
43135
43135
|
};
|
|
43136
|
-
const
|
|
43136
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_14 = {
|
|
43137
43137
|
class: "icon-picker-grid"
|
|
43138
43138
|
};
|
|
43139
|
-
const
|
|
43140
|
-
const
|
|
43139
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_15 = ["title", "onClick"];
|
|
43140
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_16 = {
|
|
43141
43141
|
key: 0,
|
|
43142
43142
|
class: "icon-picker-empty"
|
|
43143
43143
|
};
|
|
43144
|
-
const
|
|
43145
|
-
const
|
|
43146
|
-
const
|
|
43147
|
-
const
|
|
43144
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_17 = ["disabled", "title", "value", "onChange"];
|
|
43145
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_18 = ["value"];
|
|
43146
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_19 = ["disabled", "title", "onClick"];
|
|
43147
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_20 = {
|
|
43148
43148
|
key: 1,
|
|
43149
43149
|
class: "toolbar-text"
|
|
43150
43150
|
};
|
|
43151
|
-
const
|
|
43152
|
-
const
|
|
43153
|
-
function
|
|
43151
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_21 = ["contenteditable", "data-placeholder"];
|
|
43152
|
+
const FormWysiwygvue_type_template_id_0d8d1bef_hoisted_22 = ["innerHTML"];
|
|
43153
|
+
function FormWysiwygvue_type_template_id_0d8d1bef_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
43154
43154
|
const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
|
|
43155
|
-
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
43155
|
+
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", {
|
|
43156
43156
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(`label-${$props.labelPosition}`)
|
|
43157
|
-
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label"), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43157
|
+
}, [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", {
|
|
43158
43158
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-group", {
|
|
43159
43159
|
error: $props.error,
|
|
43160
43160
|
disabled: $props.disabled,
|
|
43161
43161
|
readonly: $props.readonly && !$props.disabled
|
|
43162
43162
|
}])
|
|
43163
|
-
}, [$props.showToolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
43163
|
+
}, [$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) => {
|
|
43164
43164
|
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"], {
|
|
43165
43165
|
key: `${item.action}-${index}`
|
|
43166
|
-
}, [item.action === 'divider' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
43166
|
+
}, [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", {
|
|
43167
43167
|
key: 1,
|
|
43168
43168
|
ref_for: true,
|
|
43169
43169
|
ref: "iconPickerRef",
|
|
@@ -43182,12 +43182,12 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43182
43182
|
width: "18",
|
|
43183
43183
|
height: "18",
|
|
43184
43184
|
color: $data.isIconPickerOpen ? '#3e7dc0' : '#59636E'
|
|
43185
|
-
}, null, 8, ["color"])], 42,
|
|
43185
|
+
}, 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", {
|
|
43186
43186
|
key: 0,
|
|
43187
43187
|
class: "icon-picker-popover",
|
|
43188
43188
|
onMousedown: _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"])),
|
|
43189
43189
|
onClick: _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["stop"]))
|
|
43190
|
-
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43190
|
+
}, [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 => {
|
|
43191
43191
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
|
|
43192
43192
|
key: category.key,
|
|
43193
43193
|
type: "button",
|
|
@@ -43201,8 +43201,8 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43201
43201
|
width: "22",
|
|
43202
43202
|
height: "22",
|
|
43203
43203
|
color: $data.activeIconCategory === category.key ? '#20242C' : '#666D75'
|
|
43204
|
-
}, null, 8, ["iconName", "color"])], 10,
|
|
43205
|
-
}), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43204
|
+
}, null, 8, ["iconName", "color"])], 10, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_7);
|
|
43205
|
+
}), 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, {
|
|
43206
43206
|
iconName: "search",
|
|
43207
43207
|
width: "20",
|
|
43208
43208
|
height: "20",
|
|
@@ -43214,7 +43214,7 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43214
43214
|
type: "text",
|
|
43215
43215
|
placeholder: "Cari Icon",
|
|
43216
43216
|
onKeydown: _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])((...args) => $options.closeIconPicker && $options.closeIconPicker(...args), ["esc"]))
|
|
43217
|
-
}, null, 544), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.iconSearch]])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43217
|
+
}, 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", {
|
|
43218
43218
|
class: "icon-picker-color-label"
|
|
43219
43219
|
}, "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 => {
|
|
43220
43220
|
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_accc697c_render(_ctx, _cache, $props, $
|
|
|
43228
43228
|
}),
|
|
43229
43229
|
title: color,
|
|
43230
43230
|
onClick: $event => $options.setSelectedIconColor(color)
|
|
43231
|
-
}, null, 14,
|
|
43232
|
-
}), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label",
|
|
43231
|
+
}, null, 14, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_10);
|
|
43232
|
+
}), 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", {
|
|
43233
43233
|
style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
|
|
43234
43234
|
backgroundColor: $data.selectedIconColor
|
|
43235
43235
|
})
|
|
@@ -43237,11 +43237,11 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43237
43237
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => $data.selectedIconColor = $event),
|
|
43238
43238
|
type: "color",
|
|
43239
43239
|
title: "Custom color"
|
|
43240
|
-
}, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $data.selectedIconColor]])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43240
|
+
}, 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 => {
|
|
43241
43241
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
|
|
43242
43242
|
key: section.key,
|
|
43243
43243
|
class: "icon-picker-section"
|
|
43244
|
-
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div",
|
|
43244
|
+
}, [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 => {
|
|
43245
43245
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
|
|
43246
43246
|
key: `${section.key}-${iconName}`,
|
|
43247
43247
|
type: "button",
|
|
@@ -43253,9 +43253,9 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43253
43253
|
width: "20",
|
|
43254
43254
|
height: "20",
|
|
43255
43255
|
color: $data.selectedIconColor
|
|
43256
|
-
}, null, 8, ["iconName", "color"])], 8,
|
|
43256
|
+
}, null, 8, ["iconName", "color"])], 8, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_15);
|
|
43257
43257
|
}), 128))])]);
|
|
43258
|
-
}), 128)), !$options.visibleIconSections.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div",
|
|
43258
|
+
}), 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", {
|
|
43259
43259
|
key: 2,
|
|
43260
43260
|
class: "toolbar-select",
|
|
43261
43261
|
disabled: $options.isActionDisabled(item),
|
|
@@ -43267,8 +43267,8 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43267
43267
|
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("option", {
|
|
43268
43268
|
key: option.value,
|
|
43269
43269
|
value: option.value
|
|
43270
|
-
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9,
|
|
43271
|
-
}), 128))], 40,
|
|
43270
|
+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(option.label), 9, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_18);
|
|
43271
|
+
}), 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", {
|
|
43272
43272
|
key: 3,
|
|
43273
43273
|
type: "button",
|
|
43274
43274
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
|
|
@@ -43284,7 +43284,7 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43284
43284
|
width: "18",
|
|
43285
43285
|
height: "18",
|
|
43286
43286
|
color: $options.isActionActive(item) ? '#3e7dc0' : '#59636E'
|
|
43287
|
-
}, null, 8, ["iconName", "color"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span",
|
|
43287
|
+
}, 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);
|
|
43288
43288
|
}), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
|
|
43289
43289
|
ref: "imageInputRef",
|
|
43290
43290
|
type: "file",
|
|
@@ -43310,16 +43310,16 @@ function FormWysiwygvue_type_template_id_accc697c_render(_ctx, _cache, $props, $
|
|
|
43310
43310
|
onMousedown: _cache[16] || (_cache[16] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
|
|
43311
43311
|
onMousemove: _cache[17] || (_cache[17] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
|
|
43312
43312
|
onMouseleave: _cache[18] || (_cache[18] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
|
|
43313
|
-
}, null, 42,
|
|
43313
|
+
}, 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", {
|
|
43314
43314
|
key: 0,
|
|
43315
43315
|
class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["helper-text", {
|
|
43316
43316
|
'error-helper': $props.error
|
|
43317
43317
|
}])
|
|
43318
43318
|
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
|
|
43319
43319
|
innerHTML: $props.message
|
|
43320
|
-
}, null, 8,
|
|
43320
|
+
}, null, 8, FormWysiwygvue_type_template_id_0d8d1bef_hoisted_22)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
|
|
43321
43321
|
}
|
|
43322
|
-
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=
|
|
43322
|
+
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=0d8d1bef
|
|
43323
43323
|
|
|
43324
43324
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
|
|
43325
43325
|
var es_array_reduce = __webpack_require__("13d5");
|
|
@@ -43473,6 +43473,26 @@ const TOOLBAR_ITEMS = {
|
|
|
43473
43473
|
label: "H2",
|
|
43474
43474
|
title: "Heading 2"
|
|
43475
43475
|
},
|
|
43476
|
+
heading3: {
|
|
43477
|
+
action: "heading3",
|
|
43478
|
+
label: "H3",
|
|
43479
|
+
title: "Heading 3"
|
|
43480
|
+
},
|
|
43481
|
+
heading4: {
|
|
43482
|
+
action: "heading4",
|
|
43483
|
+
label: "H4",
|
|
43484
|
+
title: "Heading 4"
|
|
43485
|
+
},
|
|
43486
|
+
heading5: {
|
|
43487
|
+
action: "heading5",
|
|
43488
|
+
label: "H5",
|
|
43489
|
+
title: "Heading 5"
|
|
43490
|
+
},
|
|
43491
|
+
heading6: {
|
|
43492
|
+
action: "heading6",
|
|
43493
|
+
label: "H6",
|
|
43494
|
+
title: "Heading 6"
|
|
43495
|
+
},
|
|
43476
43496
|
fontSize: {
|
|
43477
43497
|
action: "fontSize",
|
|
43478
43498
|
type: "select",
|
|
@@ -43600,16 +43620,16 @@ const TOOLBAR_ITEMS = {
|
|
|
43600
43620
|
action: "divider"
|
|
43601
43621
|
}
|
|
43602
43622
|
};
|
|
43603
|
-
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", "insertIcon", "articleCards", "timelineStep", "numberedCards", "borderSection", "unlink", "divider", "undo", "redo", "clear"];
|
|
43604
|
-
const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "BLOCKQUOTE", "LI", "PRE"];
|
|
43623
|
+
const DEFAULT_TOOLBAR = ["paragraph", "heading1", "heading2", "heading3", "heading4", "heading5", "heading6", "fontSize", "divider", "bold", "italic", "underline", "strikeThrough", "divider", "unorderedList", "orderedList", "blockquote", "divider", "alignLeft", "alignCenter", "alignRight", "alignJustify", "divider", "horizontalRule", "divider", "link", "insertImage", "insertIcon", "articleCards", "timelineStep", "numberedCards", "borderSection", "unlink", "divider", "undo", "redo", "clear"];
|
|
43624
|
+
const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "BLOCKQUOTE", "LI", "PRE"];
|
|
43605
43625
|
const SAFE_PROTOCOLS = ["http://", "https://", "mailto:", "tel:"];
|
|
43606
43626
|
const SAFE_IMAGE_PROTOCOLS = ["http://", "https://", "data:image/", "blob:", "/"];
|
|
43607
43627
|
const IMAGE_MIN_WIDTH = 40;
|
|
43608
43628
|
const IMAGE_RESIZE_HANDLE_GAP = 16;
|
|
43609
43629
|
const ALLOWED_FONT_SIZE_VALUES = FONT_SIZE_OPTIONS.map(option => option.value);
|
|
43610
|
-
const FONT_SIZE_TAGS = ["ARTICLE", "BLOCKQUOTE", "DIV", "H1", "H2", "H3", "LI", "P", "SPAN"];
|
|
43630
|
+
const FONT_SIZE_TAGS = ["ARTICLE", "BLOCKQUOTE", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "LI", "P", "SPAN"];
|
|
43611
43631
|
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", "wysiwyg-inline-icon"];
|
|
43612
|
-
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", "SVG", "U", "UL"];
|
|
43632
|
+
const ALLOWED_TAGS = ["A", "ARTICLE", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "H4", "H5", "H6", "HR", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "SVG", "U", "UL"];
|
|
43613
43633
|
const ALLOWED_SVG_TAGS = ["CIRCLE", "CLIPPATH", "DEFS", "ELLIPSE", "G", "LINE", "LINEARGRADIENT", "PATH", "POLYGON", "POLYLINE", "RECT", "STOP", "SVG"];
|
|
43614
43634
|
const ALLOWED_SVG_ATTRIBUTES = ["aria-hidden", "class", "clip-path", "clip-rule", "cx", "cy", "d", "data-icon-name", "fill", "fill-opacity", "fill-rule", "focusable", "gradientUnits", "height", "id", "offset", "opacity", "r", "role", "rx", "ry", "stop-color", "stop-opacity", "stroke", "stroke-dasharray", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-width", "transform", "viewBox", "width", "x", "x1", "x2", "xmlns", "y", "y1", "y2"];
|
|
43615
43635
|
const SVG_ATTRIBUTE_NAMES = ALLOWED_SVG_ATTRIBUTES.reduce((attributes, attributeName) => {
|
|
@@ -44183,6 +44203,18 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
|
|
|
44183
44203
|
case "heading2":
|
|
44184
44204
|
this.executeCommand("formatBlock", "H2");
|
|
44185
44205
|
break;
|
|
44206
|
+
case "heading3":
|
|
44207
|
+
this.executeCommand("formatBlock", "H3");
|
|
44208
|
+
break;
|
|
44209
|
+
case "heading4":
|
|
44210
|
+
this.executeCommand("formatBlock", "H4");
|
|
44211
|
+
break;
|
|
44212
|
+
case "heading5":
|
|
44213
|
+
this.executeCommand("formatBlock", "H5");
|
|
44214
|
+
break;
|
|
44215
|
+
case "heading6":
|
|
44216
|
+
this.executeCommand("formatBlock", "H6");
|
|
44217
|
+
break;
|
|
44186
44218
|
case "bold":
|
|
44187
44219
|
this.executeCommand("bold");
|
|
44188
44220
|
break;
|
|
@@ -45113,6 +45145,14 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
|
|
|
45113
45145
|
return this.toolbarState.formatBlock === "H1";
|
|
45114
45146
|
case "heading2":
|
|
45115
45147
|
return this.toolbarState.formatBlock === "H2";
|
|
45148
|
+
case "heading3":
|
|
45149
|
+
return this.toolbarState.formatBlock === "H3";
|
|
45150
|
+
case "heading4":
|
|
45151
|
+
return this.toolbarState.formatBlock === "H4";
|
|
45152
|
+
case "heading5":
|
|
45153
|
+
return this.toolbarState.formatBlock === "H5";
|
|
45154
|
+
case "heading6":
|
|
45155
|
+
return this.toolbarState.formatBlock === "H6";
|
|
45116
45156
|
case "bold":
|
|
45117
45157
|
return this.toolbarState.bold;
|
|
45118
45158
|
case "italic":
|
|
@@ -45183,8 +45223,8 @@ const SVG_SHAPE_SELECTOR = "path, rect, circle, ellipse, line, polyline, polygon
|
|
|
45183
45223
|
});
|
|
45184
45224
|
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=script&lang=js
|
|
45185
45225
|
|
|
45186
|
-
// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=
|
|
45187
|
-
var
|
|
45226
|
+
// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=0d8d1bef&lang=scss
|
|
45227
|
+
var FormWysiwygvue_type_style_index_0_id_0d8d1bef_lang_scss = __webpack_require__("0286");
|
|
45188
45228
|
|
|
45189
45229
|
// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
|
|
45190
45230
|
|
|
@@ -45194,7 +45234,7 @@ var FormWysiwygvue_type_style_index_0_id_accc697c_lang_scss = __webpack_require_
|
|
|
45194
45234
|
|
|
45195
45235
|
|
|
45196
45236
|
|
|
45197
|
-
const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',
|
|
45237
|
+
const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_0d8d1bef_render]])
|
|
45198
45238
|
|
|
45199
45239
|
/* harmony default export */ var FormWysiwyg = (FormWysiwyg_exports_);
|
|
45200
45240
|
// 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
|