lib-pajakio-v2 1.0.17 → 1.0.18

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

@@ -2040,6 +2040,13 @@ module.exports = function (name) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "c028":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "c04e":
@@ -2404,6 +2411,17 @@ 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":
@@ -2686,6 +2704,7 @@ __webpack_require__.d(__webpack_exports__, "DropdownCompany", function() { retur
 __webpack_require__.d(__webpack_exports__, "ModalDialog", function() { return /* reexport */ ModalDialog; });
 __webpack_require__.d(__webpack_exports__, "FormInputTag", function() { return /* reexport */ FormInputTag; });
 __webpack_require__.d(__webpack_exports__, "FormTextarea", function() { return /* reexport */ FormTextarea; });
+__webpack_require__.d(__webpack_exports__, "FormWysiwyg", function() { return /* reexport */ FormWysiwyg; });
 __webpack_require__.d(__webpack_exports__, "ExpansionPanel", function() { return /* reexport */ ExpansionPanel; });
 __webpack_require__.d(__webpack_exports__, "AnimatedIconLogo", function() { return /* reexport */ AnimatedIconLogo; });
 
@@ -42072,6 +42091,945 @@ 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
+
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_1 = {
+  class: "form-wysiwyg flex flex-col"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_2 = {
+  class: "w-full"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_hoisted_3 = {
+  key: 0,
+  class: "toolbar"
+};
+const FormWysiwygvue_type_template_id_52b4ebd4_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 = {
+  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 _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", {
+    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", {
+    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) => {
+    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", {
+      key: 1,
+      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"])),
+      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,
+      iconName: item.icon,
+      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);
+  }), 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))
+  }, 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)
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    ref: "editorRef",
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["editor-area", {
+      'is-empty': $data.isEmpty
+    }]),
+    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", {
+    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)]);
+}
+// CONCATENATED MODULE: ./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/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 TOOLBAR_ITEMS = {
+  paragraph: {
+    action: "paragraph",
+    label: "P",
+    title: "Paragraph"
+  },
+  heading1: {
+    action: "heading1",
+    label: "H1",
+    title: "Heading 1"
+  },
+  heading2: {
+    action: "heading2",
+    label: "H2",
+    title: "Heading 2"
+  },
+  bold: {
+    action: "bold",
+    icon: "format_bold",
+    title: "Bold"
+  },
+  italic: {
+    action: "italic",
+    icon: "format_italic",
+    title: "Italic"
+  },
+  underline: {
+    action: "underline",
+    icon: "format_underlined",
+    title: "Underline"
+  },
+  strikeThrough: {
+    action: "strikeThrough",
+    icon: "strikethrough_s",
+    title: "Strikethrough"
+  },
+  unorderedList: {
+    action: "unorderedList",
+    icon: "format_list_bulleted",
+    title: "Bullet List"
+  },
+  orderedList: {
+    action: "orderedList",
+    icon: "format_list_numbered",
+    title: "Numbered List"
+  },
+  blockquote: {
+    action: "blockquote",
+    icon: "format_quote",
+    title: "Quote"
+  },
+  alignLeft: {
+    action: "alignLeft",
+    icon: "format_align_left",
+    title: "Align Left"
+  },
+  alignCenter: {
+    action: "alignCenter",
+    icon: "format_align_center",
+    title: "Align Center"
+  },
+  alignRight: {
+    action: "alignRight",
+    icon: "format_align_right",
+    title: "Align Right"
+  },
+  alignJustify: {
+    action: "alignJustify",
+    icon: "format_align_justify",
+    title: "Justify"
+  },
+  link: {
+    action: "link",
+    icon: "insert_link",
+    title: "Insert Link"
+  },
+  insertImage: {
+    action: "insertImage",
+    icon: "insert_photo",
+    title: "Insert Image"
+  },
+  unlink: {
+    action: "unlink",
+    icon: "link_off",
+    title: "Remove Link"
+  },
+  undo: {
+    action: "undo",
+    icon: "undo",
+    title: "Undo"
+  },
+  redo: {
+    action: "redo",
+    icon: "redo",
+    title: "Redo"
+  },
+  clear: {
+    action: "clear",
+    icon: "format_clear",
+    title: "Clear Format"
+  },
+  divider: {
+    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 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"];
+/* harmony default export */ var FormWysiwygvue_type_script_lang_js = ({
+  components: {
+    BaseIcon: BaseIcon
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Write your content here"
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    labelPosition: {
+      type: String,
+      default: "top",
+      validator(value) {
+        return ["left", "top"].includes(value);
+      }
+    },
+    minHeight: {
+      type: [Number, String],
+      default: 180
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    toolbar: {
+      type: Array,
+      default: () => []
+    },
+    showToolbar: {
+      type: Boolean,
+      default: true
+    },
+    sanitizeOnPaste: {
+      type: Boolean,
+      default: true
+    },
+    sanitizeOnBlur: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "update:text", "input", "change", "focus", "blur"],
+  data() {
+    return {
+      isEmpty: true,
+      isFocused: false,
+      isEmitting: false,
+      savedRange: null,
+      imageResize: {
+        active: false,
+        target: null,
+        startX: 0,
+        startWidth: 0,
+        maxWidth: 0
+      },
+      toolbarState: {
+        bold: false,
+        italic: false,
+        underline: false,
+        strikeThrough: false,
+        unorderedList: false,
+        orderedList: false,
+        blockquote: false,
+        align: "justifyLeft",
+        formatBlock: "P"
+      }
+    };
+  },
+  computed: {
+    resolvedToolbar() {
+      const source = this.toolbar.length ? this.toolbar : DEFAULT_TOOLBAR;
+      return source.map(item => {
+        if (typeof item === "string") {
+          return TOOLBAR_ITEMS[item] || null;
+        }
+        if (!item || !item.action) {
+          return null;
+        }
+        return item;
+      }).filter(item => item);
+    },
+    editorStyle() {
+      const maxHeight = this.maxHeight ? this.normalizeSize(this.maxHeight) : "none";
+      return {
+        minHeight: this.normalizeSize(this.minHeight),
+        maxHeight: maxHeight
+      };
+    },
+    isEditable() {
+      return !this.disabled && !this.readonly;
+    }
+  },
+  watch: {
+    modelValue(newValue) {
+      if (this.isEmitting) {
+        return;
+      }
+      this.setEditorValue(newValue);
+    }
+  },
+  mounted() {
+    this.setEditorValue(this.modelValue);
+    this.refreshToolbarState();
+    document.addEventListener("selectionchange", this.handleSelectionChange);
+  },
+  beforeUnmount() {
+    document.removeEventListener("selectionchange", this.handleSelectionChange);
+    this.stopImageResize();
+  },
+  methods: {
+    normalizeSize(value) {
+      return Number.isFinite(Number(value)) ? `${Number(value)}px` : String(value);
+    },
+    setEditorValue(value) {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      let nextValue = value == null ? "" : String(value);
+      if (this.sanitizeOnBlur && nextValue) {
+        nextValue = this.sanitizeHtml(nextValue);
+      }
+      if (this.isHtmlEmpty(nextValue)) {
+        nextValue = "";
+      }
+      if (editor.innerHTML !== nextValue) {
+        editor.innerHTML = nextValue;
+      }
+      this.updateEmptyState();
+    },
+    handleInput() {
+      this.emitModelValue();
+      this.refreshToolbarState();
+    },
+    handleFocus() {
+      this.isFocused = true;
+      this.$emit("focus");
+      this.refreshToolbarState();
+    },
+    handleBlur() {
+      this.isFocused = false;
+      if (this.sanitizeOnBlur) {
+        const editor = this.$refs.editorRef;
+        const sanitizedValue = this.sanitizeHtml(editor.innerHTML);
+        if (editor.innerHTML !== sanitizedValue) {
+          editor.innerHTML = sanitizedValue;
+        }
+      }
+      const htmlValue = this.emitModelValue();
+      this.$emit("change", htmlValue);
+      this.$emit("blur", htmlValue);
+      this.refreshToolbarState();
+    },
+    handlePaste(event) {
+      if (!this.sanitizeOnPaste || !this.isEditable) {
+        return;
+      }
+      event.preventDefault();
+      const clipboardData = event.clipboardData || window.clipboardData;
+      const htmlPayload = clipboardData.getData("text/html");
+      const textPayload = clipboardData.getData("text/plain");
+      let contentToInsert = "";
+      if (htmlPayload) {
+        contentToInsert = this.sanitizeHtml(htmlPayload);
+      } else {
+        contentToInsert = this.escapeHtml(textPayload).replace(/\n/g, "<br>");
+      }
+      this.focusEditor();
+      document.execCommand("insertHTML", false, contentToInsert);
+      this.handleInput();
+    },
+    handleSelectionChange() {
+      if (this.isFocused) {
+        this.refreshToolbarState();
+      }
+    },
+    handleEditorMouseDown(event) {
+      if (!this.isEditable) {
+        return;
+      }
+      const targetImage = event.target;
+      if (!targetImage || targetImage.tagName !== "IMG") {
+        return;
+      }
+      if (!this.isOnImageResizeHandle(event, targetImage)) {
+        return;
+      }
+      event.preventDefault();
+      this.startImageResize(event, targetImage);
+    },
+    handleEditorMouseMove(event) {
+      if (this.imageResize.active) {
+        return;
+      }
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      const targetImage = event.target;
+      if (!targetImage || targetImage.tagName !== "IMG") {
+        editor.style.cursor = "";
+        return;
+      }
+      editor.style.cursor = this.isOnImageResizeHandle(event, targetImage) ? "nwse-resize" : "";
+    },
+    handleEditorMouseLeave() {
+      if (this.imageResize.active) {
+        return;
+      }
+      const editor = this.$refs.editorRef;
+      if (editor) {
+        editor.style.cursor = "";
+      }
+    },
+    startImageResize(event, imageNode) {
+      this.imageResize = {
+        active: true,
+        target: imageNode,
+        startX: event.clientX,
+        startWidth: this.getImageWidth(imageNode),
+        maxWidth: this.getImageResizeMaxWidth()
+      };
+      imageNode.classList.add("resizing-image");
+      document.body.style.userSelect = "none";
+      window.addEventListener("mousemove", this.onImageResizeMove);
+      window.addEventListener("mouseup", this.stopImageResize);
+    },
+    onImageResizeMove(event) {
+      if (!this.imageResize.active || !this.imageResize.target) {
+        return;
+      }
+      const deltaX = event.clientX - this.imageResize.startX;
+      const nextWidth = Math.max(IMAGE_MIN_WIDTH, Math.min(this.imageResize.startWidth + deltaX, this.imageResize.maxWidth));
+      this.imageResize.target.style.width = `${nextWidth}px`;
+      this.imageResize.target.setAttribute("width", `${Math.round(nextWidth)}`);
+      this.imageResize.target.style.height = "auto";
+    },
+    stopImageResize() {
+      if (!this.imageResize.active) {
+        return;
+      }
+      const resizedTarget = this.imageResize.target;
+      if (resizedTarget) {
+        resizedTarget.classList.remove("resizing-image");
+      }
+      this.imageResize = {
+        active: false,
+        target: null,
+        startX: 0,
+        startWidth: 0,
+        maxWidth: 0
+      };
+      document.body.style.userSelect = "";
+      window.removeEventListener("mousemove", this.onImageResizeMove);
+      window.removeEventListener("mouseup", this.stopImageResize);
+      const editor = this.$refs.editorRef;
+      if (editor) {
+        editor.style.cursor = "";
+      }
+      this.emitModelValue();
+    },
+    getImageWidth(imageNode) {
+      const widthFromAttribute = Number(imageNode.getAttribute("width"));
+      if (Number.isFinite(widthFromAttribute) && widthFromAttribute > 0) {
+        return widthFromAttribute;
+      }
+      const rect = imageNode.getBoundingClientRect();
+      if (rect.width > 0) {
+        return rect.width;
+      }
+      return IMAGE_MIN_WIDTH;
+    },
+    getImageResizeMaxWidth() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return 1200;
+      }
+      const editorWidth = editor.clientWidth || 1200;
+      return Math.max(editorWidth, IMAGE_MIN_WIDTH);
+    },
+    isOnImageResizeHandle(event, imageNode) {
+      const imageRect = imageNode.getBoundingClientRect();
+      const isInsideX = event.clientX >= imageRect.right - IMAGE_RESIZE_HANDLE_GAP;
+      const isInsideY = event.clientY >= imageRect.bottom - IMAGE_RESIZE_HANDLE_GAP;
+      return isInsideX && isInsideY;
+    },
+    emitModelValue() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return "";
+      }
+      let htmlValue = editor.innerHTML;
+      if (this.isHtmlEmpty(htmlValue)) {
+        htmlValue = "";
+        if (editor.innerHTML !== "") {
+          editor.innerHTML = "";
+        }
+      }
+      this.updateEmptyState();
+      this.isEmitting = true;
+      this.$emit("update:modelValue", htmlValue);
+      this.$emit("input", htmlValue);
+      this.$emit("update:text", this.getPlainText());
+      this.$nextTick(() => {
+        this.isEmitting = false;
+      });
+      return htmlValue;
+    },
+    refreshToolbarState() {
+      if (!this.selectionInsideEditor()) {
+        this.toolbarState = {
+          bold: false,
+          italic: false,
+          underline: false,
+          strikeThrough: false,
+          unorderedList: false,
+          orderedList: false,
+          blockquote: false,
+          align: "justifyLeft",
+          formatBlock: "P"
+        };
+        return;
+      }
+      const activeAlign = ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"].find(command => document.queryCommandState(command));
+      const blockValue = (document.queryCommandValue("formatBlock") || "").replace(/[<>]/g, "").toUpperCase();
+      this.toolbarState = {
+        bold: document.queryCommandState("bold"),
+        italic: document.queryCommandState("italic"),
+        underline: document.queryCommandState("underline"),
+        strikeThrough: document.queryCommandState("strikeThrough"),
+        unorderedList: document.queryCommandState("insertUnorderedList"),
+        orderedList: document.queryCommandState("insertOrderedList"),
+        blockquote: blockValue === "BLOCKQUOTE",
+        align: activeAlign || "justifyLeft",
+        formatBlock: blockValue || "P"
+      };
+    },
+    selectionInsideEditor() {
+      const editor = this.$refs.editorRef;
+      const selection = window.getSelection();
+      if (!editor || !selection || !selection.rangeCount) {
+        return false;
+      }
+      const range = selection.getRangeAt(0);
+      return editor.contains(range.commonAncestorContainer);
+    },
+    focusEditor() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return;
+      }
+      editor.focus();
+      if (!this.selectionInsideEditor()) {
+        const range = document.createRange();
+        range.selectNodeContents(editor);
+        range.collapse(false);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+    },
+    handleToolbarAction(item) {
+      if (this.isActionDisabled(item)) {
+        return;
+      }
+      this.focusEditor();
+      this.saveRange();
+      switch (item.action) {
+        case "paragraph":
+          this.executeCommand("formatBlock", "P");
+          break;
+        case "heading1":
+          this.executeCommand("formatBlock", "H1");
+          break;
+        case "heading2":
+          this.executeCommand("formatBlock", "H2");
+          break;
+        case "bold":
+          this.executeCommand("bold");
+          break;
+        case "italic":
+          this.executeCommand("italic");
+          break;
+        case "underline":
+          this.executeCommand("underline");
+          break;
+        case "strikeThrough":
+          this.executeCommand("strikeThrough");
+          break;
+        case "unorderedList":
+          this.executeCommand("insertUnorderedList");
+          break;
+        case "orderedList":
+          this.executeCommand("insertOrderedList");
+          break;
+        case "blockquote":
+          if (this.toolbarState.blockquote) {
+            this.executeCommand("formatBlock", "P");
+          } else {
+            this.executeCommand("formatBlock", "BLOCKQUOTE");
+          }
+          break;
+        case "alignLeft":
+          this.executeCommand("justifyLeft");
+          break;
+        case "alignCenter":
+          this.executeCommand("justifyCenter");
+          break;
+        case "alignRight":
+          this.executeCommand("justifyRight");
+          break;
+        case "alignJustify":
+          this.executeCommand("justifyFull");
+          break;
+        case "link":
+          this.createLink();
+          break;
+        case "insertImage":
+          this.triggerImagePicker();
+          break;
+        case "unlink":
+          this.executeCommand("unlink");
+          break;
+        case "undo":
+          this.executeCommand("undo");
+          break;
+        case "redo":
+          this.executeCommand("redo");
+          break;
+        case "clear":
+          this.executeCommand("removeFormat");
+          this.executeCommand("unlink");
+          this.executeCommand("formatBlock", "P");
+          break;
+        default:
+          break;
+      }
+    },
+    executeCommand(command, value = null) {
+      this.focusEditor();
+      this.restoreRange();
+      document.execCommand(command, false, value);
+      this.handleInput();
+    },
+    triggerImagePicker() {
+      const imageInput = this.$refs.imageInputRef;
+      if (!imageInput) {
+        return;
+      }
+      imageInput.value = "";
+      imageInput.click();
+    },
+    handleImageSelected(event) {
+      var _event$target;
+      const file = (_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.files) === null || _event$target === void 0 ? void 0 : _event$target[0];
+      if (!file || !String(file.type).startsWith("image/")) {
+        return;
+      }
+      const fileReader = new FileReader();
+      fileReader.onload = () => {
+        this.insertImage(String(fileReader.result || ""));
+      };
+      fileReader.readAsDataURL(file);
+    },
+    insertImage(rawImageSrc) {
+      const imageSrc = this.normalizeImageSrc(rawImageSrc);
+      if (!this.isSafeImageSrc(imageSrc)) {
+        return;
+      }
+      this.focusEditor();
+      this.restoreRange();
+      const safeSrc = this.escapeHtml(imageSrc);
+      document.execCommand("insertHTML", false, `<img src="${safeSrc}" alt="image">`);
+      this.handleInput();
+    },
+    createLink() {
+      this.restoreRange();
+      const selection = window.getSelection();
+      const selectedText = selection ? selection.toString() : "";
+      const defaultUrl = selectedText && this.isSafeUrl(selectedText) ? selectedText : "https://";
+      const rawUrl = window.prompt("Input URL", defaultUrl);
+      if (!rawUrl) {
+        return;
+      }
+      const normalizedUrl = this.normalizeUrl(rawUrl);
+      if (!this.isSafeUrl(normalizedUrl)) {
+        return;
+      }
+      this.focusEditor();
+      this.restoreRange();
+      const selectedRange = window.getSelection();
+      if (selectedRange && selectedRange.toString()) {
+        document.execCommand("createLink", false, normalizedUrl);
+      } else {
+        const safeUrl = this.escapeHtml(normalizedUrl);
+        document.execCommand("insertHTML", false, `<a href="${safeUrl}" target="_blank" rel="noopener noreferrer">${safeUrl}</a>`);
+      }
+      this.handleInput();
+    },
+    normalizeUrl(rawUrl) {
+      const trimmedUrl = String(rawUrl).trim();
+      if (!trimmedUrl) {
+        return "";
+      }
+      if (SAFE_PROTOCOLS.some(protocol => trimmedUrl.toLowerCase().startsWith(protocol))) {
+        return trimmedUrl;
+      }
+      return `https://${trimmedUrl}`;
+    },
+    isSafeUrl(url) {
+      if (!url) {
+        return false;
+      }
+      return SAFE_PROTOCOLS.some(protocol => url.toLowerCase().startsWith(protocol));
+    },
+    normalizeImageSrc(rawSrc) {
+      const cleanedSrc = String(rawSrc || "").trim();
+      if (!cleanedSrc) {
+        return "";
+      }
+      const normalizedSrc = cleanedSrc.toLowerCase();
+      if (SAFE_IMAGE_PROTOCOLS.some(protocol => normalizedSrc.startsWith(protocol))) {
+        return cleanedSrc;
+      }
+      return `https://${cleanedSrc}`;
+    },
+    isSafeImageSrc(src) {
+      if (!src) {
+        return false;
+      }
+      const normalizedSrc = src.toLowerCase();
+      return SAFE_IMAGE_PROTOCOLS.some(protocol => normalizedSrc.startsWith(protocol));
+    },
+    saveRange() {
+      const selection = window.getSelection();
+      if (selection && selection.rangeCount) {
+        this.savedRange = selection.getRangeAt(0).cloneRange();
+      }
+    },
+    restoreRange() {
+      if (!this.savedRange) {
+        return;
+      }
+      const selection = window.getSelection();
+      selection.removeAllRanges();
+      selection.addRange(this.savedRange);
+    },
+    sanitizeHtml(htmlValue) {
+      const source = document.createElement("div");
+      source.innerHTML = htmlValue || "";
+      const target = document.createElement("div");
+      Array.from(source.childNodes).forEach(node => {
+        const sanitizedNode = this.createSanitizedNode(node, document);
+        if (sanitizedNode) {
+          target.appendChild(sanitizedNode);
+        }
+      });
+      return target.innerHTML;
+    },
+    createSanitizedNode(node, doc) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        return doc.createTextNode(node.textContent || "");
+      }
+      if (node.nodeType !== Node.ELEMENT_NODE) {
+        return null;
+      }
+      const tagName = node.tagName.toUpperCase();
+      if (!ALLOWED_TAGS.includes(tagName)) {
+        const fragment = doc.createDocumentFragment();
+        Array.from(node.childNodes).forEach(child => {
+          const childNode = this.createSanitizedNode(child, doc);
+          if (childNode) {
+            fragment.appendChild(childNode);
+          }
+        });
+        return fragment;
+      }
+      const element = doc.createElement(tagName.toLowerCase());
+      if (tagName === "A") {
+        const href = this.normalizeUrl(node.getAttribute("href") || "");
+        if (this.isSafeUrl(href)) {
+          element.setAttribute("href", href);
+          element.setAttribute("target", "_blank");
+          element.setAttribute("rel", "noopener noreferrer");
+        }
+      }
+      if (tagName === "IMG") {
+        const imageSrc = this.normalizeImageSrc(node.getAttribute("src") || "");
+        if (!this.isSafeImageSrc(imageSrc)) {
+          return null;
+        }
+        element.setAttribute("src", imageSrc);
+        element.setAttribute("alt", node.getAttribute("alt") || "image");
+        const imageWidth = Number(node.getAttribute("width"));
+        if (Number.isFinite(imageWidth) && imageWidth > 0) {
+          element.setAttribute("width", `${Math.max(IMAGE_MIN_WIDTH, Math.round(imageWidth))}`);
+        }
+      }
+      const textAlign = this.extractAllowedTextAlign(node.getAttribute("style"));
+      if (textAlign && ALIGNABLE_TAGS.includes(tagName)) {
+        element.setAttribute("style", `text-align:${textAlign};`);
+      }
+      Array.from(node.childNodes).forEach(child => {
+        const childNode = this.createSanitizedNode(child, doc);
+        if (childNode) {
+          element.appendChild(childNode);
+        }
+      });
+      return element;
+    },
+    extractAllowedTextAlign(styleValue) {
+      if (!styleValue) {
+        return "";
+      }
+      const rules = styleValue.split(";").map(style => style.trim());
+      const textAlignRule = rules.find(style => style.toLowerCase().startsWith("text-align"));
+      if (!textAlignRule) {
+        return "";
+      }
+      const parsed = textAlignRule.split(":");
+      if (parsed.length < 2) {
+        return "";
+      }
+      const alignValue = parsed[1].trim().toLowerCase();
+      return ["left", "center", "right", "justify"].includes(alignValue) ? alignValue : "";
+    },
+    isActionActive(item) {
+      switch (item.action) {
+        case "paragraph":
+          return this.toolbarState.formatBlock === "P" || this.toolbarState.formatBlock === "DIV";
+        case "heading1":
+          return this.toolbarState.formatBlock === "H1";
+        case "heading2":
+          return this.toolbarState.formatBlock === "H2";
+        case "bold":
+          return this.toolbarState.bold;
+        case "italic":
+          return this.toolbarState.italic;
+        case "underline":
+          return this.toolbarState.underline;
+        case "strikeThrough":
+          return this.toolbarState.strikeThrough;
+        case "unorderedList":
+          return this.toolbarState.unorderedList;
+        case "orderedList":
+          return this.toolbarState.orderedList;
+        case "blockquote":
+          return this.toolbarState.blockquote;
+        case "alignLeft":
+          return this.toolbarState.align === "justifyLeft";
+        case "alignCenter":
+          return this.toolbarState.align === "justifyCenter";
+        case "alignRight":
+          return this.toolbarState.align === "justifyRight";
+        case "alignJustify":
+          return this.toolbarState.align === "justifyFull";
+        default:
+          return false;
+      }
+    },
+    isActionDisabled(item) {
+      return item.action === "divider" || !this.isEditable;
+    },
+    updateEmptyState() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        this.isEmpty = true;
+        return;
+      }
+      this.isEmpty = this.isHtmlEmpty(editor.innerHTML);
+    },
+    isHtmlEmpty(htmlValue) {
+      if (!htmlValue) {
+        return true;
+      }
+      const cleaned = String(htmlValue).replace(/&nbsp;/gi, "").replace(/<br\s*\/?>/gi, "").replace(/\s+/g, "");
+      if (!cleaned) {
+        return true;
+      }
+      const inspector = document.createElement("div");
+      inspector.innerHTML = htmlValue;
+      const textContent = (inspector.textContent || "").replace(/\u200B/g, "").trim();
+      const hasImage = Boolean(inspector.querySelector("img"));
+      if (hasImage) {
+        return false;
+      }
+      return textContent.length === 0;
+    },
+    getPlainText() {
+      const editor = this.$refs.editorRef;
+      if (!editor) {
+        return "";
+      }
+      return (editor.innerText || "").replace(/\u200B/g, "").trim();
+    },
+    escapeHtml(value) {
+      return String(value || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+  }
+});
+// 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");
+
+// CONCATENATED MODULE: ./src/components/Form/FormWysiwyg.vue
+
+
+
+
+
+
+
+const FormWysiwyg_exports_ = /*#__PURE__*/exportHelper_default()(FormWysiwygvue_type_script_lang_js, [['render',FormWysiwygvue_type_template_id_52b4ebd4_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
 
 const ExpansionPanelvue_type_template_id_01544323_hoisted_1 = {
@@ -42281,6 +43239,7 @@ const AnimatedIconLogo_exports_ = AnimatedIconLogovue_type_script_setup_true_lan
 
 
 
+
 
 
 // CONCATENATED MODULE: ./src/install.js