lib-pajakio-v2 1.0.26 → 1.0.28

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

@@ -87,6 +87,13 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "0079":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "00ee":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -920,6 +927,17 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "522e":
+/***/ (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_2a54b263_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0079");
+/* 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_2a54b263_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_2a54b263_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5692":
@@ -2033,13 +2051,6 @@ module.exports = function (name) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "c028":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "c04e":
@@ -2404,17 +2415,6 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
-/***/ }),
-
-/***/ "d831":
-/***/ (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_52b4ebd4_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c028");
-/* 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__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d9b5":
@@ -42281,51 +42281,66 @@ 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=52b4ebd4
+// 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=2a54b263
 
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_1 = {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_1 = {
   class: "form-wysiwyg flex flex-col"
 };
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_2 = {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_2 = {
   class: "w-full"
 };
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_3 = {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_3 = {
   key: 0,
   class: "toolbar"
 };
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_4 = {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_4 = {
   key: 0,
   class: "toolbar-divider"
 };
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_5 = ["disabled", "title", "onClick"];
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_6 = {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_5 = ["disabled", "title", "value", "onChange"];
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_6 = ["value"];
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_7 = ["disabled", "title", "onClick"];
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_8 = {
   key: 1,
   class: "toolbar-text"
 };
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_7 = ["contenteditable", "data-placeholder"];
-const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_8 = ["innerHTML"];
-function FormWysiwygvue_type_template_id_52b4ebd4_render(_ctx, _cache, $props, $setup, $data, $options) {
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_9 = ["contenteditable", "data-placeholder"];
+const FormWysiwygvue_type_template_id_2a54b263_hoisted_10 = ["innerHTML"];
+function FormWysiwygvue_type_template_id_2a54b263_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_52b4ebd4_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_2a54b263_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_52b4ebd4_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_2a54b263_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_52b4ebd4_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_2a54b263_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_52b4ebd4_hoisted_4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+    }, [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_2a54b263_hoisted_4)) : item.type === 'select' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("select", {
       key: 1,
+      class: "toolbar-select",
+      disabled: $options.isActionDisabled(item),
+      title: item.title || item.label,
+      value: $options.getSelectValue(item),
+      onMousedown: _cache[0] || (_cache[0] = (...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_2a54b263_hoisted_6);
+    }), 128))], 40, FormWysiwygvue_type_template_id_2a54b263_hoisted_5)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("button", {
+      key: 2,
       type: "button",
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["toolbar-button", {
         active: $options.isActionActive(item)
       }]),
       disabled: $options.isActionDisabled(item),
       title: item.title || item.label,
-      onMousedown: _cache[0] || (_cache[0] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(() => {}, ["prevent"])),
+      onMousedown: _cache[1] || (_cache[1] = 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,
@@ -42333,13 +42348,13 @@ function FormWysiwygvue_type_template_id_52b4ebd4_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_52b4ebd4_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_52b4ebd4_hoisted_5))], 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_2a54b263_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 1))], 42, FormWysiwygvue_type_template_id_2a54b263_hoisted_7))], 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[1] || (_cache[1] = (...args) => $options.handleImageSelected && $options.handleImageSelected(...args))
+    onChange: _cache[2] || (_cache[2] = (...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)
@@ -42350,28 +42365,55 @@ function FormWysiwygvue_type_template_id_52b4ebd4_render(_ctx, _cache, $props, $
     }]),
     contenteditable: $options.isEditable,
     "data-placeholder": $props.placeholder,
-    onInput: _cache[2] || (_cache[2] = (...args) => $options.handleInput && $options.handleInput(...args)),
-    onFocus: _cache[3] || (_cache[3] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
-    onBlur: _cache[4] || (_cache[4] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
-    onPaste: _cache[5] || (_cache[5] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
-    onMouseup: _cache[6] || (_cache[6] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onKeyup: _cache[7] || (_cache[7] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
-    onMousedown: _cache[8] || (_cache[8] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
-    onMousemove: _cache[9] || (_cache[9] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
-    onMouseleave: _cache[10] || (_cache[10] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
-  }, null, 42, FormWysiwygvue_type_template_id_52b4ebd4_hoisted_7)], 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[3] || (_cache[3] = (...args) => $options.handleInput && $options.handleInput(...args)),
+    onFocus: _cache[4] || (_cache[4] = (...args) => $options.handleFocus && $options.handleFocus(...args)),
+    onBlur: _cache[5] || (_cache[5] = (...args) => $options.handleBlur && $options.handleBlur(...args)),
+    onPaste: _cache[6] || (_cache[6] = (...args) => $options.handlePaste && $options.handlePaste(...args)),
+    onMouseup: _cache[7] || (_cache[7] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onKeyup: _cache[8] || (_cache[8] = (...args) => $options.refreshToolbarState && $options.refreshToolbarState(...args)),
+    onMousedown: _cache[9] || (_cache[9] = (...args) => $options.handleEditorMouseDown && $options.handleEditorMouseDown(...args)),
+    onMousemove: _cache[10] || (_cache[10] = (...args) => $options.handleEditorMouseMove && $options.handleEditorMouseMove(...args)),
+    onMouseleave: _cache[11] || (_cache[11] = (...args) => $options.handleEditorMouseLeave && $options.handleEditorMouseLeave(...args))
+  }, null, 42, FormWysiwygvue_type_template_id_2a54b263_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", {
     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_52b4ebd4_hoisted_8)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
+  }, null, 8, FormWysiwygvue_type_template_id_2a54b263_hoisted_10)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)]);
 }
-// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=52b4ebd4
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=template&id=2a54b263
 
 // 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
 
+
+const DEFAULT_FONT_SIZE = "14px";
+const FONT_SIZE_OPTIONS = [{
+  label: "12px",
+  value: "12px"
+}, {
+  label: "14px",
+  value: DEFAULT_FONT_SIZE
+}, {
+  label: "16px",
+  value: "16px"
+}, {
+  label: "18px",
+  value: "18px"
+}, {
+  label: "20px",
+  value: "20px"
+}, {
+  label: "24px",
+  value: "24px"
+}, {
+  label: "28px",
+  value: "28px"
+}, {
+  label: "32px",
+  value: "32px"
+}];
 const TOOLBAR_ITEMS = {
   paragraph: {
     action: "paragraph",
@@ -42388,6 +42430,13 @@ const TOOLBAR_ITEMS = {
     label: "H2",
     title: "Heading 2"
   },
+  fontSize: {
+    action: "fontSize",
+    type: "select",
+    label: "Font Size",
+    title: "Font Size",
+    options: FONT_SIZE_OPTIONS
+  },
   bold: {
     action: "bold",
     icon: "format_bold",
@@ -42443,6 +42492,11 @@ const TOOLBAR_ITEMS = {
     icon: "format_align_justify",
     title: "Justify"
   },
+  horizontalRule: {
+    action: "horizontalRule",
+    icon: "horizontal_rule",
+    title: "Insert Divider Line"
+  },
   link: {
     action: "link",
     icon: "insert_link",
@@ -42453,6 +42507,26 @@ const TOOLBAR_ITEMS = {
     icon: "insert_photo",
     title: "Insert Image"
   },
+  articleCards: {
+    action: "articleCards",
+    icon: "article",
+    title: "Insert Article Cards"
+  },
+  timelineStep: {
+    action: "timelineStep",
+    icon: "playlist_add",
+    title: "Add Timeline Step"
+  },
+  numberedCards: {
+    action: "numberedCards",
+    icon: "format_list_numbered",
+    title: "Insert Numbered Cards"
+  },
+  borderSection: {
+    action: "borderSection",
+    icon: "border_outer",
+    title: "Insert Border Section"
+  },
   unlink: {
     action: "unlink",
     icon: "link_off",
@@ -42477,13 +42551,16 @@ const TOOLBAR_ITEMS = {
     action: "divider"
   }
 };
-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"];
+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"];
 const ALIGNABLE_TAGS = ["P", "DIV", "H1", "H2", "H3", "BLOCKQUOTE", "LI", "PRE"];
 const SAFE_PROTOCOLS = ["http://", "https://", "mailto:", "tel:"];
 const SAFE_IMAGE_PROTOCOLS = ["http://", "https://", "data:image/", "blob:", "/"];
 const IMAGE_MIN_WIDTH = 40;
 const IMAGE_RESIZE_HANDLE_GAP = 16;
-const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "H2", "H3", "I", "IMG", "LI", "OL", "P", "PRE", "S", "SPAN", "STRIKE", "STRONG", "U", "UL"];
+const ALLOWED_FONT_SIZE_VALUES = FONT_SIZE_OPTIONS.map(option => option.value);
+const FONT_SIZE_TAGS = ["ARTICLE", "BLOCKQUOTE", "DIV", "H1", "H2", "H3", "LI", "P", "SPAN"];
+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"];
+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"];
 /* harmony default export */ var FormWysiwygvue_type_script_lang_js = ({
   components: {
     BaseIcon: BaseIcon
@@ -42568,7 +42645,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
         orderedList: false,
         blockquote: false,
         align: "justifyLeft",
-        formatBlock: "P"
+        formatBlock: "P",
+        fontSize: DEFAULT_FONT_SIZE
       }
     };
   },
@@ -42632,9 +42710,11 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       if (editor.innerHTML !== nextValue) {
         editor.innerHTML = nextValue;
       }
+      this.normalizeStructuredTemplateMarkers();
       this.updateEmptyState();
     },
     handleInput() {
+      this.normalizeStructuredTemplateMarkers();
       this.emitModelValue();
       this.refreshToolbarState();
     },
@@ -42795,6 +42875,7 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       if (!editor) {
         return "";
       }
+      this.normalizeStructuredTemplateMarkers();
       let htmlValue = editor.innerHTML;
       if (this.isHtmlEmpty(htmlValue)) {
         htmlValue = "";
@@ -42823,7 +42904,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
           orderedList: false,
           blockquote: false,
           align: "justifyLeft",
-          formatBlock: "P"
+          formatBlock: "P",
+          fontSize: DEFAULT_FONT_SIZE
         };
         return;
       }
@@ -42838,7 +42920,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
         orderedList: document.queryCommandState("insertOrderedList"),
         blockquote: blockValue === "BLOCKQUOTE",
         align: activeAlign || "justifyLeft",
-        formatBlock: blockValue || "P"
+        formatBlock: blockValue || "P",
+        fontSize: this.getSelectionFontSize()
       };
     },
     selectionInsideEditor() {
@@ -42918,12 +43001,27 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
         case "alignJustify":
           this.executeCommand("justifyFull");
           break;
+        case "horizontalRule":
+          this.insertHorizontalRule();
+          break;
         case "link":
           this.createLink();
           break;
         case "insertImage":
           this.triggerImagePicker();
           break;
+        case "articleCards":
+          this.insertArticleCards();
+          break;
+        case "timelineStep":
+          this.insertTimelineStep();
+          break;
+        case "numberedCards":
+          this.insertNumberedCards();
+          break;
+        case "borderSection":
+          this.insertBorderSection();
+          break;
         case "unlink":
           this.executeCommand("unlink");
           break;
@@ -42942,12 +43040,90 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
           break;
       }
     },
+    handleToolbarSelect(item, event) {
+      if (this.isActionDisabled(item)) {
+        return;
+      }
+      const value = event.target.value;
+      this.focusEditor();
+      this.restoreRange();
+      if (item.action === "fontSize") {
+        this.applyFontSize(value);
+      }
+    },
     executeCommand(command, value = null) {
       this.focusEditor();
       this.restoreRange();
       document.execCommand(command, false, value);
       this.handleInput();
     },
+    insertHorizontalRule() {
+      this.focusEditor();
+      this.restoreRange();
+      document.execCommand("insertHTML", false, '<hr class="wysiwyg-divider-line"><p><br></p>');
+      this.handleInput();
+    },
+    applyFontSize(rawFontSize) {
+      const fontSize = this.normalizeFontSize(rawFontSize);
+      if (!fontSize) {
+        return;
+      }
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      if (!editor || !selection || !selection.rangeCount || !this.selectionInsideEditor()) {
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      if (range.collapsed) {
+        const targetElement = this.getClosestFontSizeTarget(range.startContainer);
+        if (targetElement) {
+          targetElement.style.fontSize = fontSize;
+        }
+      } else {
+        const fontSizeWrapper = document.createElement("span");
+        fontSizeWrapper.style.fontSize = fontSize;
+        try {
+          range.surroundContents(fontSizeWrapper);
+        } catch (error) {
+          fontSizeWrapper.appendChild(range.extractContents());
+          range.insertNode(fontSizeWrapper);
+        }
+        const nextRange = document.createRange();
+        nextRange.selectNodeContents(fontSizeWrapper);
+        selection.removeAllRanges();
+        selection.addRange(nextRange);
+      }
+      this.handleInput();
+    },
+    getClosestFontSizeTarget(node) {
+      const editor = this.$refs.editorRef;
+      let currentNode = node && node.nodeType === Node.ELEMENT_NODE ? node : node === null || node === void 0 ? void 0 : node.parentElement;
+      while (currentNode && currentNode !== editor) {
+        if (FONT_SIZE_TAGS.includes(currentNode.tagName)) {
+          return currentNode;
+        }
+        currentNode = currentNode.parentElement;
+      }
+      return null;
+    },
+    normalizeFontSize(rawFontSize) {
+      const fontSize = String(rawFontSize || "").trim().toLowerCase();
+      return ALLOWED_FONT_SIZE_VALUES.includes(fontSize) ? fontSize : "";
+    },
+    getSelectionFontSize() {
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      if (!editor || !selection || !selection.rangeCount || !this.selectionInsideEditor()) {
+        return DEFAULT_FONT_SIZE;
+      }
+      const anchorNode = selection.anchorNode;
+      const anchorElement = (anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.nodeType) === Node.ELEMENT_NODE ? anchorNode : anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.parentElement;
+      if (!anchorElement) {
+        return DEFAULT_FONT_SIZE;
+      }
+      const fontSize = window.getComputedStyle(anchorElement).fontSize;
+      return this.normalizeFontSize(fontSize) || DEFAULT_FONT_SIZE;
+    },
     triggerImagePicker() {
       const imageInput = this.$refs.imageInputRef;
       if (!imageInput) {
@@ -42979,6 +43155,375 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       document.execCommand("insertHTML", false, `<img src="${safeSrc}" alt="image">`);
       this.handleInput();
     },
+    insertArticleCards() {
+      this.focusEditor();
+      this.restoreRange();
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      const anchorElement = this.getSelectionAnchorElement(selection);
+      const currentGrid = this.getClosestElementByClass(anchorElement, "wysiwyg-article-grid");
+      const currentCard = this.getClosestElementByClass(anchorElement, "wysiwyg-article-card");
+      if (!editor || !selection || !currentGrid) {
+        const articleGrid = document.createElement("div");
+        articleGrid.className = "wysiwyg-article-grid";
+        const articleCard = this.createArticleCardElement(document, 1);
+        const spacer = document.createElement("p");
+        spacer.innerHTML = "<br>";
+        articleGrid.appendChild(articleCard);
+        this.insertNodesAtSelection([articleGrid, spacer]);
+        this.placeCaretAtEnd(articleCard.querySelector("h3"));
+        this.handleInput();
+        return;
+      }
+      const articleCards = this.getArticleCards(currentGrid);
+      const currentCardIndex = currentCard ? articleCards.indexOf(currentCard) : -1;
+      const nextCardNumber = currentCardIndex >= 0 ? currentCardIndex + 2 : articleCards.length + 1;
+      const articleCard = this.createArticleCardElement(document, nextCardNumber);
+      if (currentCard && currentCard.parentElement === currentGrid) {
+        currentCard.insertAdjacentElement("afterend", articleCard);
+      } else {
+        currentGrid.appendChild(articleCard);
+      }
+      this.placeCaretAtEnd(articleCard.querySelector("h3"));
+      this.handleInput();
+    },
+    insertBorderSection() {
+      this.focusEditor();
+      this.restoreRange();
+      const borderSection = document.createElement("div");
+      borderSection.className = "wysiwyg-border-section";
+      borderSection.innerHTML = "<p><br></p>";
+      const spacer = document.createElement("p");
+      spacer.innerHTML = "<br>";
+      this.insertNodesAtSelection([borderSection, spacer]);
+      this.placeCaretAtEnd(borderSection.querySelector("p"));
+      this.handleInput();
+    },
+    createArticleCardHtml(cardNumber = 1) {
+      const articleCard = this.getArticleCardContent(cardNumber);
+      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("");
+    },
+    createArticleCardElement(doc, cardNumber = 1) {
+      const wrapper = doc.createElement("div");
+      wrapper.innerHTML = this.createArticleCardHtml(cardNumber);
+      return wrapper.firstElementChild;
+    },
+    getArticleCardContent(cardNumber) {
+      const articleCardContents = [{
+        icon: "&#129517;",
+        title: "Masih Wacana",
+        description: "Belum ada perubahan perlakuan pajak bagi pengguna jalan tol sampai ada aturan yang resmi berlaku."
+      }, {
+        icon: "&#128196;",
+        title: "Masuk Renstra DJP",
+        description: "Topik ini tercantum dalam agenda regulasi perluasan basis pajak pada Renstra DJP 2025-2029."
+      }, {
+        icon: "&#8987;",
+        title: "Target Regulasi 2028",
+        description: "Dokumen Renstra menempatkan penyusunan regulasi mekanisme pemungutan sebagai target jangka menengah."
+      }];
+      return articleCardContents[cardNumber - 1] || {
+        icon: "&#128196;",
+        title: `Article Card ${cardNumber}`,
+        description: "Deskripsi article card."
+      };
+    },
+    getArticleCards(articleGrid) {
+      if (!articleGrid) {
+        return [];
+      }
+      return Array.from(articleGrid.children).filter(child => {
+        var _child$classList;
+        return (_child$classList = child.classList) === null || _child$classList === void 0 ? void 0 : _child$classList.contains("wysiwyg-article-card");
+      });
+    },
+    insertNumberedCards() {
+      this.focusEditor();
+      this.restoreRange();
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      const anchorElement = this.getSelectionAnchorElement(selection);
+      const currentList = this.getClosestElementByClass(anchorElement, "wysiwyg-numbered-card-list");
+      const currentCard = this.getClosestElementByClass(anchorElement, "wysiwyg-numbered-card");
+      if (!editor || !selection || !currentList) {
+        const numberedCardList = document.createElement("div");
+        numberedCardList.className = "wysiwyg-numbered-card-list";
+        const numberedCard = this.createNumberedCardElement(document, 1);
+        const spacer = document.createElement("p");
+        spacer.innerHTML = "<br>";
+        numberedCardList.appendChild(numberedCard);
+        this.insertNodesAtSelection([numberedCardList, spacer]);
+        this.placeCaretAtEnd(numberedCard.querySelector("h3"));
+        this.handleInput();
+        return;
+      }
+      const numberedCards = this.getNumberedCards(currentList);
+      const currentCardIndex = currentCard ? numberedCards.indexOf(currentCard) : -1;
+      const nextNumber = currentCardIndex >= 0 ? currentCardIndex + 2 : numberedCards.length + 1;
+      const numberedCard = this.createNumberedCardElement(document, nextNumber);
+      if (currentCard && currentCard.parentElement === currentList) {
+        currentCard.insertAdjacentElement("afterend", numberedCard);
+      } else {
+        currentList.appendChild(numberedCard);
+      }
+      this.normalizeNumberedCardMarkers();
+      this.placeCaretAtEnd(numberedCard.querySelector("h3"));
+      this.handleInput();
+    },
+    createNumberedCardHtml(cardNumber = 1) {
+      const numberedCard = this.getNumberedCardContent(cardNumber);
+      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("");
+    },
+    createNumberedCardElement(doc, cardNumber = 1) {
+      const wrapper = doc.createElement("div");
+      wrapper.innerHTML = this.createNumberedCardHtml(cardNumber);
+      return wrapper.firstElementChild;
+    },
+    getNumberedCardContent(cardNumber) {
+      const numberedCardContents = [{
+        title: "Pantau aturan resmi",
+        description: "Gunakan kanal DJP dan Kementerian Keuangan sebagai rujukan utama, bukan hanya ringkasan media."
+      }, {
+        title: "Petakan biaya transportasi",
+        description: "Identifikasi kontrak logistik, perjalanan dinas, dan biaya operasional yang sensitif terhadap tarif tol."
+      }, {
+        title: "Siapkan skenario PPN",
+        description: "Buat simulasi sederhana untuk melihat dampak jika tarif tol menjadi termasuk atau ditambah PPN."
+      }, {
+        title: "Rapikan arsip transaksi",
+        description: "Pastikan bukti pembayaran, invoice vendor, dan pencatatan biaya transportasi mudah ditelusuri."
+      }];
+      return numberedCardContents[cardNumber - 1] || {
+        title: `Nomor ${cardNumber}`,
+        description: "Deskripsi kartu bernomor."
+      };
+    },
+    getNumberedCards(numberedCardList) {
+      if (!numberedCardList) {
+        return [];
+      }
+      return Array.from(numberedCardList.children).filter(child => {
+        var _child$classList2;
+        return (_child$classList2 = child.classList) === null || _child$classList2 === void 0 ? void 0 : _child$classList2.contains("wysiwyg-numbered-card");
+      });
+    },
+    insertTimelineStep() {
+      this.focusEditor();
+      this.restoreRange();
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      const anchorElement = this.getSelectionAnchorElement(selection);
+      const currentTimeline = this.getClosestElementByClass(anchorElement, "wysiwyg-timeline");
+      const currentItem = this.getClosestElementByClass(anchorElement, "wysiwyg-timeline-item");
+      if (!editor || !selection || !currentTimeline) {
+        const timeline = document.createElement("div");
+        timeline.className = "wysiwyg-timeline";
+        const timelineStep = this.createTimelineStepElement(document, 1);
+        const spacer = document.createElement("p");
+        spacer.innerHTML = "<br>";
+        timeline.appendChild(timelineStep);
+        this.insertNodesAtSelection([timeline, spacer]);
+        this.placeCaretAtEnd(timelineStep.querySelector("h3"));
+        this.handleInput();
+        return;
+      }
+      const timelineItems = this.getTimelineItems(currentTimeline);
+      const currentItemIndex = currentItem ? timelineItems.indexOf(currentItem) : -1;
+      const nextStepNumber = currentItemIndex >= 0 ? currentItemIndex + 2 : timelineItems.length + 1;
+      const timelineStep = this.createTimelineStepElement(document, nextStepNumber);
+      if (currentItem && currentItem.parentElement === currentTimeline) {
+        currentItem.insertAdjacentElement("afterend", timelineStep);
+      } else {
+        currentTimeline.appendChild(timelineStep);
+      }
+      this.normalizeTimelineMarkers();
+      this.placeCaretAtEnd(timelineStep.querySelector("h3"));
+      this.handleInput();
+    },
+    createTimelineStepHtml(stepNumber = 1) {
+      const timelineStep = this.getTimelineStepContent(stepNumber);
+      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("");
+    },
+    createTimelineStepElement(doc, stepNumber = 1) {
+      const wrapper = doc.createElement("div");
+      wrapper.innerHTML = this.createTimelineStepHtml(stepNumber);
+      return wrapper.firstElementChild;
+    },
+    getTimelineStepContent(stepNumber) {
+      const timelineStepContents = [{
+        title: "2015: Aturan Sempat Terbit",
+        description: "PER-10/PJ/2015 mengatur tata cara pemungutan PPN atas jasa jalan tol, tetapi kemudian dicabut melalui PER-16/PJ/2015."
+      }, {
+        title: "2025-2029: Masuk Rencana Strategis",
+        description: "KEP-252/PJ/2025 menempatkan mekanisme pemungutan PPN jasa jalan tol dalam agenda regulasi perluasan basis pajak."
+      }, {
+        title: "April 2026: DJP Memberi Klarifikasi",
+        description: "DJP menyampaikan bahwa isu ini masih tahap perencanaan kebijakan dan belum menjadi ketentuan yang berlaku."
+      }, {
+        title: "2028: Target Penyelesaian Regulasi",
+        description: "Target ini perlu dibaca sebagai agenda penyusunan regulasi, bukan otomatis berarti tarif tol langsung berubah."
+      }];
+      return timelineStepContents[stepNumber - 1] || {
+        title: `Step ${stepNumber}`,
+        description: "Deskripsi timeline."
+      };
+    },
+    getTimelineItems(timeline) {
+      if (!timeline) {
+        return [];
+      }
+      return Array.from(timeline.children).filter(child => {
+        var _child$classList3;
+        return (_child$classList3 = child.classList) === null || _child$classList3 === void 0 ? void 0 : _child$classList3.contains("wysiwyg-timeline-item");
+      });
+    },
+    insertNodesAtSelection(nodes) {
+      const selection = window.getSelection();
+      if (!selection || !selection.rangeCount) {
+        return;
+      }
+      const range = selection.getRangeAt(0);
+      range.deleteContents();
+      const fragment = document.createDocumentFragment();
+      nodes.forEach(node => {
+        fragment.appendChild(node);
+      });
+      range.insertNode(fragment);
+    },
+    getSelectionAnchorElement(selection = window.getSelection()) {
+      if (!selection || !selection.rangeCount) {
+        return null;
+      }
+      const anchorNode = selection.anchorNode;
+      return (anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.nodeType) === Node.ELEMENT_NODE ? anchorNode : anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.parentElement;
+    },
+    getClosestElementByClass(node, className) {
+      const editor = this.$refs.editorRef;
+      let currentNode = node;
+      while (currentNode && currentNode !== editor) {
+        var _currentNode$classLis;
+        if ((_currentNode$classLis = currentNode.classList) !== null && _currentNode$classLis !== void 0 && _currentNode$classLis.contains(className)) {
+          return currentNode;
+        }
+        currentNode = currentNode.parentElement;
+      }
+      return null;
+    },
+    normalizeTimelineMarkers() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.querySelectorAll(".wysiwyg-timeline").forEach(timeline => {
+        const timelineItems = this.getTimelineItems(timeline);
+        timelineItems.forEach((item, index) => {
+          let marker = item.querySelector(":scope > .wysiwyg-timeline-marker");
+          if (!marker) {
+            marker = document.createElement("span");
+            marker.className = "wysiwyg-timeline-marker";
+            item.insertBefore(marker, item.firstChild);
+          }
+          const markerValue = String(index + 1);
+          if (marker.textContent !== markerValue) {
+            marker.textContent = markerValue;
+          }
+        });
+      });
+    },
+    normalizeNumberedCardMarkers() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.querySelectorAll(".wysiwyg-numbered-card-list").forEach(numberedCardList => {
+        const numberedCards = this.getNumberedCards(numberedCardList);
+        numberedCards.forEach((card, index) => {
+          let marker = card.querySelector(":scope > .wysiwyg-numbered-card-marker");
+          if (!marker) {
+            marker = document.createElement("span");
+            marker.className = "wysiwyg-numbered-card-marker";
+            card.insertBefore(marker, card.firstChild);
+          }
+          const markerValue = String(index + 1);
+          if (marker.textContent !== markerValue) {
+            marker.textContent = markerValue;
+          }
+        });
+      });
+    },
+    normalizeStructuredTemplateMarkers() {
+      this.normalizeArticleCardIcons();
+      this.normalizeTimelineMarkers();
+      this.normalizeNumberedCardMarkers();
+    },
+    normalizeArticleCardIcons() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.querySelectorAll(".wysiwyg-article-card").forEach(card => {
+        const directChildren = Array.from(card.children);
+        let icon = directChildren.find(child => {
+          var _child$classList4;
+          return (_child$classList4 = child.classList) === null || _child$classList4 === void 0 ? void 0 : _child$classList4.contains("wysiwyg-article-icon");
+        });
+        if (icon) {
+          if (!this.hasVisibleIconContent(icon)) {
+            icon.remove();
+            return;
+          }
+          if (icon.tagName !== "SPAN") {
+            const spanIcon = document.createElement("span");
+            spanIcon.className = "wysiwyg-article-icon";
+            spanIcon.innerHTML = icon.innerHTML || icon.textContent || "";
+            icon.replaceWith(spanIcon);
+          }
+          return;
+        }
+        const iconCandidate = Array.from(card.childNodes).find(node => {
+          if (node.nodeType === Node.TEXT_NODE) {
+            return (node.textContent || "").trim();
+          }
+          if (node.nodeType !== Node.ELEMENT_NODE) {
+            return false;
+          }
+          return !["H1", "H2", "H3", "P"].includes(node.tagName);
+        });
+        if (!iconCandidate) {
+          return;
+        }
+        icon = document.createElement("span");
+        icon.className = "wysiwyg-article-icon";
+        if (iconCandidate.nodeType === Node.TEXT_NODE) {
+          icon.textContent = (iconCandidate.textContent || "").trim();
+        } else {
+          icon.innerHTML = iconCandidate.innerHTML || iconCandidate.textContent || "";
+        }
+        iconCandidate.remove();
+        const firstContent = Array.from(card.children).find(child => ["H1", "H2", "H3", "P"].includes(child.tagName));
+        card.insertBefore(icon, firstContent || card.firstChild);
+      });
+    },
+    hasVisibleIconContent(icon) {
+      if (!icon) {
+        return false;
+      }
+      if (icon.querySelector("img, svg")) {
+        return true;
+      }
+      return Boolean((icon.textContent || "").replace(/\u00A0/g, "").trim());
+    },
+    placeCaretAtEnd(element) {
+      if (!element) {
+        return;
+      }
+      const range = document.createRange();
+      range.selectNodeContents(element);
+      range.collapse(false);
+      const selection = window.getSelection();
+      selection.removeAllRanges();
+      selection.addRange(range);
+    },
     createLink() {
       this.restoreRange();
       const selection = window.getSelection();
@@ -43102,9 +43647,21 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
           element.setAttribute("width", `${Math.max(IMAGE_MIN_WIDTH, Math.round(imageWidth))}`);
         }
       }
+      const className = this.extractAllowedClassName(node.getAttribute("class"));
+      if (className) {
+        element.setAttribute("class", className);
+      }
+      const styleRules = [];
       const textAlign = this.extractAllowedTextAlign(node.getAttribute("style"));
       if (textAlign && ALIGNABLE_TAGS.includes(tagName)) {
-        element.setAttribute("style", `text-align:${textAlign};`);
+        styleRules.push(`text-align:${textAlign};`);
+      }
+      const fontSize = this.extractAllowedFontSize(node.getAttribute("style"));
+      if (fontSize && FONT_SIZE_TAGS.includes(tagName)) {
+        styleRules.push(`font-size:${fontSize};`);
+      }
+      if (styleRules.length) {
+        element.setAttribute("style", styleRules.join(""));
       }
       Array.from(node.childNodes).forEach(child => {
         const childNode = this.createSanitizedNode(child, doc);
@@ -43114,6 +43671,12 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       });
       return element;
     },
+    extractAllowedClassName(classValue) {
+      if (!classValue) {
+        return "";
+      }
+      return String(classValue).split(/\s+/).filter(className => WYSIWYG_TEMPLATE_CLASSES.includes(className)).join(" ");
+    },
     extractAllowedTextAlign(styleValue) {
       if (!styleValue) {
         return "";
@@ -43130,6 +43693,27 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       const alignValue = parsed[1].trim().toLowerCase();
       return ["left", "center", "right", "justify"].includes(alignValue) ? alignValue : "";
     },
+    extractAllowedFontSize(styleValue) {
+      if (!styleValue) {
+        return "";
+      }
+      const rules = styleValue.split(";").map(style => style.trim());
+      const fontSizeRule = rules.find(style => style.toLowerCase().startsWith("font-size"));
+      if (!fontSizeRule) {
+        return "";
+      }
+      const parsed = fontSizeRule.split(":");
+      if (parsed.length < 2) {
+        return "";
+      }
+      return this.normalizeFontSize(parsed[1]);
+    },
+    getSelectValue(item) {
+      if (item.action === "fontSize") {
+        return this.toolbarState.fontSize || DEFAULT_FONT_SIZE;
+      }
+      return "";
+    },
     isActionActive(item) {
       switch (item.action) {
         case "paragraph":
@@ -43187,7 +43771,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
       inspector.innerHTML = htmlValue;
       const textContent = (inspector.textContent || "").replace(/\u200B/g, "").trim();
       const hasImage = Boolean(inspector.querySelector("img"));
-      if (hasImage) {
+      const hasHorizontalRule = Boolean(inspector.querySelector("hr"));
+      if (hasImage || hasHorizontalRule) {
         return false;
       }
       return textContent.length === 0;
@@ -43206,8 +43791,8 @@ const ALLOWED_TAGS = ["A", "B", "BLOCKQUOTE", "BR", "CODE", "DIV", "EM", "H1", "
 });
 // 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=52b4ebd4&lang=scss
-var FormWysiwygvue_type_style_index_0_id_52b4ebd4_lang_scss = __webpack_require__("d831");
+// EXTERNAL MODULE: ./src/components/Form/FormWysiwyg.vue?vue&type=style&index=0&id=2a54b263&lang=scss
+var FormWysiwygvue_type_style_index_0_id_2a54b263_lang_scss = __webpack_require__("522e");
 
 // CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
 
@@ -43217,7 +43802,7 @@ var FormWysiwygvue_type_style_index_0_id_52b4ebd4_lang_scss = __webpack_require_
 
 
 
-const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_52b4ebd4_render]])
+const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_2a54b263_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