hisonvue 1.0.0

package/dist/HNote-CWnUjt3_.mjs

@@ -0,0 +1,934 @@
+import { defineComponent as K, ref as u, computed as v, onMounted as J, onBeforeUnmount as $, watch as c, nextTick as Y, triggerRef as X, createElementBlock as Z, openBlock as Q, normalizeStyle as p, normalizeClass as ee, createElementVNode as te, mergeProps as ne } from "vue";
+import { _ as oe, $ as ie, y as h, h as f, g as le, u as ce, e as fe, t as re, o as O, a as ae, l as s, F as ue, v as F, r as Be, c as ke, d as de } from "./index-DUh7pai4.mjs";
+import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ae = {
+  /**
+  * Unique identifier for the note.
+  * - Access methods via `hison.component.getNote(id)`
+  * - Duplicate `id` will throw at mount time
+  */
+  id: { type: String, required: !1 },
+  /**
+   * Custom class applied to the label (string / array / object all supported).
+   * - Works with responsive classes like `hison-col-*`, `hison-size-*`, etc.
+   */
+  class: {
+    type: [String, Array, Object],
+    required: !1
+  },
+  /**
+   * Inline style for the label (string, object, or an array of objects).
+   */
+  style: {
+    type: [String, Object, Array],
+    required: !1
+  },
+  /**
+   * Controls visibility of the editor field.
+   * - Accepts string values: `'true'` or `'false'`
+   * - Default: `'true'` (visible)
+   *
+   * [Note] Boolean only. Use `:visible="false"` (with colon) when binding.
+   */
+  visible: { type: Boolean, default: !0 },
+  /**
+   * Edit mode of the editor.
+   * - Values: `'editable'`, `'readonly'`, `'disable'`
+   * - `'readonly'` and `'disable'` both prevent editing but differ in styling
+   */
+  editMode: {
+    type: String,
+    default: h.editable,
+    validator: (e) => ["editable", "disable", "readonly"].includes(e)
+  },
+  /**
+   * ADAPTIVE : The composition of notes varies depending on whether the device is a desktop or mobile device.
+   * MOBILE : Always recognize as mobile.
+   * DESKTOP : Always recognize as desktop.
+   */
+  noteModeByDevice: {
+    type: String,
+    required: !1,
+    validator: (e) => e == null || ie.includes(e)
+  },
+  /**
+   * Position of the toolbar
+   */
+  toolPosition: {
+    type: String,
+    required: !1,
+    validator: (e) => e == null || oe.includes(e)
+  },
+  /**
+   * Toolbar Line Count
+   */
+  toolDefaultLine: { type: Number, required: !1 },
+  /**
+   * Whether to use the toolbar fold/unfold function
+   */
+  toolToggle: { type: Boolean, default: !1 },
+  /**
+   * - Variables for dynamically setting the size of the textarea
+   * - Default width of the textarea. If not set, the value of textarea-width is inserted. Used for dynamically changing the width.
+   */
+  textareaWidth: { type: String, required: !1 },
+  /**
+   * - Variables for dynamically setting the size of the textarea
+   * - Default height of the textarea. If not set, the value of textarea-height is inserted. Used for dynamically changing the height. Only insert css style in px units.(ex. 400px)
+   */
+  textareaHeight: { type: String, required: !1 },
+  /**
+   * - Variables for dynamically setting the max size of the textarea
+   * - Default max-width of the textarea. If not set, the value of textarea-max-width is inserted. Used for dynamically changing the width.
+   */
+  textareaMaxWidth: { type: String, required: !1 },
+  /**
+   * - Variables for dynamically setting the max size of the textarea
+   * - Default max-height of the textarea. If not set, the value of textarea-max-height is inserted. Used for dynamically changing the height. Only insert css style in px units.(ex. 900px)
+   */
+  textareaMaxHeight: { type: String, required: !1 },
+  /**
+   * Whether the user can change the height of the textarea. If true, it can be changed.
+   */
+  textareaHeightIsModify: { type: Boolean, default: !1 },
+  /**
+   * - Values related to placeholders. The attribute placeholder- can be used, but using these variables allows dynamic control of placeholders.
+   * - `true` : Uses a placeholder.
+   * - `false` : Default value. Does not use a placeholder.
+   */
+  placeholderIsVisible: { type: Boolean, default: !1 },
+  /**
+   * - Values related to placeholders. The attribute placeholder- can be used, but using these variables allows dynamic control of placeholders.
+   * - Adjusts the vertical position of the placeholder. Negative values are possible. The unit is px. Default value is 0.
+   */
+  placeholderAddTop: { type: Number, required: !1 },
+  /**
+   * - Values related to placeholders. The attribute placeholder- can be used, but using these variables allows dynamic control of placeholders.
+   * - Adjusts the horizontal position of the placeholder. Negative values are possible. The unit is px. Default value is 0.
+   */
+  placeholderAddLeft: { type: Number, required: !1 },
+  /**
+   * - Values related to placeholders. The attribute placeholder- can be used, but using these variables allows dynamic control of placeholders.
+   * - Sets the width of the placeholder. The default value is the size of the flexible textarea.
+   */
+  placeholderWidth: { type: String, required: !1 },
+  /**
+   * Placeholder text color
+   */
+  placeholderColor: { type: String, required: !1 },
+  /**
+   * Placeholder background color
+   */
+  placeholderBackgroundColor: { type: String, required: !1 },
+  /**
+   * Placeholder title text
+   */
+  placeholderTitle: { type: String, required: !1 },
+  /**
+   * Placeholder body text
+   */
+  placeholderTextContent: { type: String, required: !1 },
+  /**
+   * Comma-separated list of blocked MIME types (e.g., `'image/gif,text/csv'`).  
+   * Prevents uploading specified file types. Default is `''` (no restriction).  
+   */
+  attFilePreventTypes: { type: String, required: !1 },
+  /**
+   * Comma-separated list of allowed MIME types (e.g., `'image/png,application/pdf'`).  
+   * Only files matching these types can be uploaded. Default is `''` (allow all).  
+   */
+  attFileAcceptTypes: { type: String, required: !1 },
+  /**
+   * Maximum file upload size in bytes (e.g., `10485760` for 10MB).  
+   * Files exceeding this limit will be blocked. Default is `20971520` (20MB).  
+   */
+  attFileMaxSize: { type: Number, required: !1, default: 20 * 1024 * 1024 },
+  /**
+   * Comma-separated list of blocked MIME types for images (e.g., `'image/gif,image/svg+xml'`).  
+   * Prevents uploading specified image types. Default is `''` (no restriction).  
+   */
+  attImagePreventTypes: { type: String, required: !1 },
+  /**
+   * Comma-separated list of allowed image MIME types (e.g., `'image/png,image/jpeg'`).  
+   * Only images matching these types can be uploaded. Default is `''` (allow all).  
+   */
+  attImageAcceptTypes: { type: String, required: !1 },
+  /**
+   * Maximum upload size for images in bytes (e.g., `10485760` for 10MB).  
+   * Images exceeding this limit will be blocked. Default is `20971520` (20MB).  
+   */
+  attImageMaxSize: { type: Number, required: !1, default: 20 * 1024 * 1024 },
+  /**
+   * default textarea font-size
+   */
+  defaultFontSize: { type: Number, required: !1 },
+  /**
+   * default textarea line-height
+   */
+  defaultLineHeight: { type: Number, required: !1 },
+  /**
+   * default textarea font-family
+   */
+  defaultFontFamily: { type: String, required: !1 },
+  /**
+   * default tool box font-family
+   */
+  defaultToolFontFamily: { type: String, required: !1 },
+  /**
+   * Additional font families to append to the default list (e.g., `'Nanum Gothic,Roboto'`).  
+   * Comma-separated CSS font-family values.  
+   */
+  addFontFamily: { type: String, required: !1 },
+  /**
+   * Font families to remove from the default list (e.g., `'Comic Sans MS,Impact'`).  
+   * Comma-separated CSS font-family values.  
+   * Default fonts: `'Arial, Arial Black, Arial Narrow, Comic Sans MS, Courier, Georgia, Impact'`.  
+   */
+  removeFontFamily: { type: String, required: !1 },
+  /**
+   * - Sets the language of the editor. Used in conjunction with .languageSet. An error occurs if a key not in .languageSet is entered.
+   * - `'ENG'` : Default value. Sets the language of the note to English.
+   * - `'KOR'` : Sets the language of the note to Korean.
+   * - `'...'` : Can be used after being defined in .languageSet.
+   */
+  language: { type: String, required: !1 },
+  /**
+   * Maximum undo/redo record count
+   */
+  recodeLimit: { type: String, required: !1 },
+  /**
+   * Size (ratio) of note elements on desktop
+   */
+  sizeLevelDesktop: { type: Number, required: !1 },
+  /**
+   * Size (ratio) of note elements on mobile
+   */
+  sizeLevelMobile: { type: Number, required: !1 },
+  /**
+   * Main theme color for the editor
+   */
+  color: { type: String, required: !1 },
+  /**
+   * Whether to use inverted (dark mode) colors
+   */
+  invertColor: { type: Boolean, default: !1 },
+  /**
+   * Whether to use paragraph style buttons (normal, heading, etc.)
+   */
+  usingParagraphStyle: { type: Boolean, default: !0 },
+  /**
+   * Whether to use bold button
+   */
+  usingBold: { type: Boolean, default: !0 },
+  /**
+   * Whether to use underline button
+   */
+  usingUnderline: { type: Boolean, default: !0 },
+  /**
+   * Whether to use italic button
+   */
+  usingItalic: { type: Boolean, default: !0 },
+  /**
+   * Whether to use unordered list (ul) button
+   */
+  usingUl: { type: Boolean, default: !0 },
+  /**
+   * Whether to use ordered list (ol) button
+   */
+  usingOl: { type: Boolean, default: !0 },
+  /**
+   * Whether to use text align buttons (left, center, right)
+   */
+  usingTextAlign: { type: Boolean, default: !0 },
+  /**
+   * Whether to use attach link button
+   */
+  usingAttLink: { type: Boolean, default: !0 },
+  /**
+   * Whether to use attach file button
+   */
+  usingAttFile: { type: Boolean, default: !0 },
+  /**
+   * Whether to use attach image button
+   */
+  usingAttImage: { type: Boolean, default: !0 },
+  /**
+   * Whether to use attach video button
+   */
+  usingAttVideo: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow font size adjustment
+   */
+  usingFontSize: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow letter spacing adjustment
+   */
+  usingLetterSpacing: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow line height adjustment
+   */
+  usingLineHeight: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow font family change
+   */
+  usingFontFamily: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow text color change
+   */
+  usingColorText: { type: Boolean, default: !0 },
+  /**
+   * Whether to allow background color change
+   */
+  usingColorBack: { type: Boolean, default: !0 },
+  /**
+   * Whether to use format clear (remove styles) button
+   */
+  usingFormatClear: { type: Boolean, default: !0 },
+  /**
+   * Whether to use undo button
+   */
+  usingUndo: { type: Boolean, default: !0 },
+  /**
+   * Whether to use redo button
+   */
+  usingRedo: { type: Boolean, default: !0 },
+  /**
+   * Whether to use help (shortcut guide) button
+   */
+  usingHelp: { type: Boolean, default: !0 },
+  /**
+   * Whether to use paragraph style all buttons
+   */
+  usingParagraphAllStyle: { type: Boolean, default: !0 },
+  /**
+   * Whether to use character style all buttons
+   */
+  usingCharacterStyle: { type: Boolean, default: !0 },
+  /**
+   * Whether to use character size all buttons
+   */
+  usingCharacterSize: { type: Boolean, default: !0 },
+  /**
+   * Whether to use attachment all buttons
+   */
+  usingAttachFile: { type: Boolean, default: !0 },
+  /**
+   * Whether to use redo and undo buttons
+   */
+  usingDo: { type: Boolean, default: !0 },
+  /**
+   * Whether the note is required.
+   * - Accepts `'true'` or `'false'`
+   * - Adds `hison-note-required` class when `'true'`
+   */
+  required: { type: Boolean, default: !1 },
+  /**
+   * Two-way bound editor state (`NoteData`).
+   *
+   * Binds the full snapshot of the Vanillanote editor so you can
+   * initialize, observe, persist, and later restore the content.
+   * When the user edits the note, the component emits
+   * `update:modelValue` with a fresh `NoteData` object.
+   *
+   * ---
+   *
+   * ### What it contains
+   * Mirrors the `NoteData` interface:
+   * - `html` — Serialized HTML of the editor.
+   * - `plainText` — Text-only representation (no tags).
+   * - `links` — Array of embedded hyperlink metadata.
+   * - `files` — Array of attached file metadata.
+   * - `images` — Array of attached image metadata.
+   * - `videos` — Array of attached video metadata.
+   * - `fileObjects` — Map of active `File` objects for files (UUID → `File`).
+   * - `imageObjects` — Map of active `File` objects for images (UUID → `File`).
+   *
+   * ---
+   *
+   * ### Behavior
+   * - If omitted, the editor starts empty and will emit a snapshot on first user change.
+   * - For best reactivity, treat `modelValue` as **immutable** (replace the whole object
+   *   rather than mutating nested fields in place).
+   * - Emissions are debounced by the editor’s internal lifecycle (not by this component).
+   * - `fileObjects`/`imageObjects` exist **only in the browser** and are not JSON-serializable.
+   *
+   * ---
+   *
+   * ### Typical usage
+   * **Initialize from server & bind**
+   * ```vue
+   * <HNote v-model="note" />
+   *
+   * <script setup lang="ts">
+   * import type { NoteData } from 'hisonvue'
+   * const note = ref<NoteData | undefined>(undefined) // start empty
+   * // later: note.value = fetchedNoteData // (without File objects)
+   * <\/script>
+   * ```
+   *
+   * **Persist to server (omit File objects)**
+   * ```ts
+   * const { fileObjects, imageObjects, ...serializable } = note.value ?? {}
+   * await saveNoteData(serializable) // send JSON; upload Files separately if needed
+   * ```
+   *
+   * **Restore later**
+   * ```ts
+   * // After loading from API:
+   * note.value = savedNoteData
+   * ```
+   *
+   * ---
+   *
+   * ### Advanced
+   * - If you need the latest snapshot on demand, you can rely on the most recent
+   *   `modelValue` received via `v-model`, or call the underlying editor API
+   *   (e.g., `getNoteData()` / `setNoteData()`) if you access the instance directly.
+   */
+  modelValue: { type: Object, required: !1 },
+  /**
+   * Controls keyboard focus order of the element.
+   * - `0` enables natural tab navigation, positive numbers set custom order.
+   * - `null` or `''` removes tabindex (not focusable).
+   */
+  tabIndex: {
+    type: [Number, String],
+    default: null,
+    validator: (e) => e === null || e === "" || !isNaN(+e) && isFinite(+e)
+  }
+}, me = {
+  //textarea event
+  textareaBeforeClick: Function,
+  textareaAfterClick: Function,
+  textareaBeforeFocus: Function,
+  textareaAfterFocus: Function,
+  textareaBeforeBlur: Function,
+  textareaAfterBlur: Function,
+  //paragraphStyleSelect event
+  paragraphStyleSelectBeforeClick: Function,
+  paragraphStyleSelectAfterClick: Function,
+  //toolToggle event
+  toolToggleBeforeClick: Function,
+  toolToggleAfterClick: Function,
+  //styleNomal event
+  styleNomalBeforeClick: Function,
+  styleNomalAfterClick: Function,
+  //styleHeader1 event
+  styleHeader1BeforeClick: Function,
+  styleHeader1AfterClick: Function,
+  //styleHeader2 event
+  styleHeader2BeforeClick: Function,
+  styleHeader2AfterClick: Function,
+  //styleHeader3 event
+  styleHeader3BeforeClick: Function,
+  styleHeader3AfterClick: Function,
+  //styleHeader4 event
+  styleHeader4BeforeClick: Function,
+  styleHeader4AfterClick: Function,
+  //styleHeader5 event
+  styleHeader5BeforeClick: Function,
+  styleHeader5AfterClick: Function,
+  //styleHeader6 event
+  styleHeader6BeforeClick: Function,
+  styleHeader6AfterClick: Function,
+  //bold event
+  boldBeforeClick: Function,
+  boldAfterClick: Function,
+  //underline event
+  underlineBeforeClick: Function,
+  underlineAfterClick: Function,
+  //italic event
+  italicBeforeClick: Function,
+  italicAfterClick: Function,
+  //ul event
+  ulBeforeClick: Function,
+  ulAfterClick: Function,
+  //ol event
+  olBeforeClick: Function,
+  olAfterClick: Function,
+  //textAlignSelect event
+  textAlignSelectBeforeClick: Function,
+  textAlignSelectAfterClick: Function,
+  //textAlignLeft event
+  textAlignLeftBeforeClick: Function,
+  textAlignLeftAfterClick: Function,
+  //textAlignCenter event
+  textAlignCenterBeforeClick: Function,
+  textAlignCenterAfterClick: Function,
+  //textAlignRight event
+  textAlignRightBeforeClick: Function,
+  textAlignRightAfterClick: Function,
+  //attLink event
+  attLinkBeforeClick: Function,
+  attLinkAfterClick: Function,
+  //attFile event
+  attFileBeforeClick: Function,
+  attFileAfterClick: Function,
+  //attImage event
+  attImageBeforeClick: Function,
+  attImageAfterClick: Function,
+  //attVideo event
+  attVideoBeforeClick: Function,
+  attVideoAfterClick: Function,
+  //fontSizeBox event
+  fontSizeBoxBeforeClick: Function,
+  fontSizeBoxAfterClick: Function,
+  //fontSize event
+  fontSizeBeforeClick: Function,
+  fontSizeAfterClick: Function,
+  fontSizeBeforeInput: Function,
+  fontSizeAfterInput: Function,
+  fontSizeBeforeBlur: Function,
+  fontSizeAfterBlur: Function,
+  //letterSpacingBox event
+  letterSpacingBoxBeforeClick: Function,
+  letterSpacingBoxAfterClick: Function,
+  //letterSpacing event
+  letterSpacingBeforeClick: Function,
+  letterSpacingAfterClick: Function,
+  letterSpacingBeforeInput: Function,
+  letterSpacingAfterInput: Function,
+  letterSpacingBeforeBlur: Function,
+  letterSpacingAfterBlur: Function,
+  //lineHeightBox event
+  lineHeightBoxBeforeClick: Function,
+  lineHeightBoxAfterClick: Function,
+  //lineHeight event
+  lineHeightBeforeClick: Function,
+  lineHeightAfterClick: Function,
+  lineHeightBeforeInput: Function,
+  lineHeightAfterInput: Function,
+  lineHeightBeforeBlur: Function,
+  lineHeightAfterBlur: Function,
+  //fontFamilySelect event
+  fontFamilySelectBeforeClick: Function,
+  fontFamilySelectAfterClick: Function,
+  //color text select
+  colorTextSelectBeforeClick: Function,
+  colorTextSelectAfterClick: Function,
+  //color text select box
+  colorTextSelectBoxBeforeClick: Function,
+  colorTextSelectBoxAfterClick: Function,
+  //colorText0 
+  colorText0BeforeClick: Function,
+  colorText0AfterClick: Function,
+  //colorText1 
+  colorText1BeforeClick: Function,
+  colorText1AfterClick: Function,
+  //colorText2 
+  colorText2BeforeClick: Function,
+  colorText2AfterClick: Function,
+  //colorText3 
+  colorText3BeforeClick: Function,
+  colorText3AfterClick: Function,
+  //colorText4 
+  colorText4BeforeClick: Function,
+  colorText4AfterClick: Function,
+  //colorText5 
+  colorText5BeforeClick: Function,
+  colorText5AfterClick: Function,
+  //colorText6 
+  colorText6BeforeClick: Function,
+  colorText6AfterClick: Function,
+  //colorText7 
+  colorText7BeforeClick: Function,
+  colorText7AfterClick: Function,
+  //colorText R event
+  colorTextRBeforeClick: Function,
+  colorTextRAfterClick: Function,
+  colorTextRBeforeInput: Function,
+  colorTextRAfterInput: Function,
+  colorTextRBeforeBlur: Function,
+  colorTextRAfterBlur: Function,
+  //colorText G event
+  colorTextGBeforeClick: Function,
+  colorTextGAfterClick: Function,
+  colorTextGBeforeInput: Function,
+  colorTextGAfterInput: Function,
+  colorTextGBeforeBlur: Function,
+  colorTextGAfterBlur: Function,
+  //colorText B event
+  colorTextBBeforeClick: Function,
+  colorTextBAfterClick: Function,
+  colorTextBBeforeInput: Function,
+  colorTextBAfterInput: Function,
+  colorTextBBeforeBlur: Function,
+  colorTextBAfterBlur: Function,
+  //colorText Opacity event
+  colorTextOpacityBeforeClick: Function,
+  colorTextOpacityAfterClick: Function,
+  colorTextOpacityBeforeInput: Function,
+  colorTextOpacityAfterInput: Function,
+  colorTextOpacityBeforeBlur: Function,
+  colorTextOpacityAfterBlur: Function,
+  //color background select
+  colorBackSelectBeforeClick: Function,
+  colorBackSelectAfterClick: Function,
+  //color back select box
+  colorBackSelectBoxBeforeClick: Function,
+  colorBackSelectBoxAfterClick: Function,
+  //colorBack0 
+  colorBack0BeforeClick: Function,
+  colorBack0AfterClick: Function,
+  //colorBack1 
+  colorBack1BeforeClick: Function,
+  colorBack1AfterClick: Function,
+  //colorBack2 
+  colorBack2BeforeClick: Function,
+  colorBack2AfterClick: Function,
+  //colorBack3 
+  colorBack3BeforeClick: Function,
+  colorBack3AfterClick: Function,
+  //colorBack4 
+  colorBack4BeforeClick: Function,
+  colorBack4AfterClick: Function,
+  //colorBack5 
+  colorBack5BeforeClick: Function,
+  colorBack5AfterClick: Function,
+  //colorBack6 
+  colorBack6BeforeClick: Function,
+  colorBack6AfterClick: Function,
+  //colorBack7 
+  colorBack7BeforeClick: Function,
+  colorBack7AfterClick: Function,
+  //colorBack R event
+  colorBackRBeforeClick: Function,
+  colorBackRAfterClick: Function,
+  colorBackRBeforeInput: Function,
+  colorBackRAfterInput: Function,
+  colorBackRBeforeBlur: Function,
+  colorBackRAfterBlur: Function,
+  //colorBack G event
+  colorBackGBeforeClick: Function,
+  colorBackGAfterClick: Function,
+  colorBackGBeforeInput: Function,
+  colorBackGAfterInput: Function,
+  colorBackGBeforeBlur: Function,
+  colorBackGAfterBlur: Function,
+  //colorBack B event
+  colorBackBBeforeClick: Function,
+  colorBackBAfterClick: Function,
+  colorBackBBeforeInput: Function,
+  colorBackBAfterInput: Function,
+  colorBackBBeforeBlur: Function,
+  colorBackBAfterBlur: Function,
+  //colorBack Opacity event
+  colorBackOpacityBeforeClick: Function,
+  colorBackOpacityAfterClick: Function,
+  colorBackOpacityBeforeInput: Function,
+  colorBackOpacityAfterInput: Function,
+  colorBackOpacityBeforeBlur: Function,
+  colorBackOpacityAfterBlur: Function,
+  //formatClear event
+  formatClearBeforeClick: Function,
+  formatClearAfterClick: Function,
+  //undo event
+  undoBeforeClick: Function,
+  undoAfterClick: Function,
+  //redo event
+  redoBeforeClick: Function,
+  redoAfterClick: Function,
+  //help event
+  helpBeforeClick: Function,
+  helpAfterClick: Function,
+  //modal back event
+  modalBackBeforeClick: Function,
+  modalBackAfterClick: Function,
+  //modal att link event
+  attLinkModalBeforeClick: Function,
+  attLinkModalAfterClick: Function,
+  //modal att link text input event
+  attLinkTextBeforeInput: Function,
+  attLinkTextAfterInput: Function,
+  attLinkTextBeforeBlur: Function,
+  attLinkTextAfterBlur: Function,
+  //modal att link href input event
+  attLinkHrefBeforeInput: Function,
+  attLinkHrefAfterInput: Function,
+  attLinkHrefBeforeBlur: Function,
+  attLinkHrefAfterBlur: Function,
+  //modal att link insert  event
+  attLinkInsertBeforeClick: Function,
+  attLinkInsertAfterClick: Function,
+  //modal att file event
+  attFileModalBeforeClick: Function,
+  attFileModalAfterClick: Function,
+  //modal att file upload  event
+  attFileUploadBeforeClick: Function,
+  attFileUploadAfterClick: Function,
+  //modal att file upload div event
+  attFileUploadDivBeforeDragover: Function,
+  attFileUploadDivAfterDragover: Function,
+  attFileUploadDivBeforeDrop: Function,
+  attFileUploadDivAfterDrop: Function,
+  attFileUploadDivBeforeClick: Function,
+  attFileUploadDivAfterClick: Function,
+  //modal att file upload input event
+  attFileUploadBeforeInput: Function,
+  attFileUploadAfterInput: Function,
+  attFileUploadBeforeBlur: Function,
+  attFileUploadAfterBlur: Function,
+  //modal att file insert  event
+  attFileInsertBeforeClick: Function,
+  attFileInsertAfterClick: Function,
+  //att link tooltip edit  event
+  attLinkTooltipEditBeforeClick: Function,
+  attLinkTooltipEditAfterClick: Function,
+  //att link tooltip unlink  event
+  attLinkTooltipUnlinkBeforeClick: Function,
+  attLinkTooltipUnlinkAfterClick: Function,
+  //modal att image event
+  attImageModalBeforeClick: Function,
+  attImageModalAfterClick: Function,
+  //modal att image upload  and view event
+  attImageUploadViewBeforeDragover: Function,
+  attImageUploadViewAfterDragover: Function,
+  attImageUploadViewBeforeDrop: Function,
+  attImageUploadViewAfterDrop: Function,
+  attImageUploadViewBeforeClick: Function,
+  attImageUploadViewAfterClick: Function,
+  //modal att image view pre  event
+  attImageViewPreBeforeClick: Function,
+  attImageViewPreAfterClick: Function,
+  //modal att image view next  event
+  attImageViewNextBeforeClick: Function,
+  attImageViewNextAfterClick: Function,
+  //modal att image upload input event
+  attImageUploadBeforeInput: Function,
+  attImageUploadAfterInput: Function,
+  attImageUploadBeforeBlur: Function,
+  attImageUploadAfterBlur: Function,
+  //modal att image url input event
+  attImageURLBeforeInput: Function,
+  attImageURLAfterInput: Function,
+  attImageURLBeforeBlur: Function,
+  attImageURLAfterBlur: Function,
+  //modal att image insert  event
+  attImageInsertBeforeClick: Function,
+  attImageInsertAfterClick: Function,
+  //modal att video event
+  attVideoModalBeforeClick: Function,
+  attVideoModalAfterClick: Function,
+  //modal att video embed id input event
+  attVideoEmbedIdBeforeInput: Function,
+  attVideoEmbedIdAfterInput: Function,
+  attVideoEmbedIdBeforeBlur: Function,
+  attVideoEmbedIdAfterBlur: Function,
+  //modal att video width input event
+  attVideoWidthBeforeInput: Function,
+  attVideoWidthAfterInput: Function,
+  attVideoWidthBeforeBlur: Function,
+  attVideoWidthAfterBlur: Function,
+  //modal att video height input event
+  attVideoHeightBeforeInput: Function,
+  attVideoHeightAfterInput: Function,
+  attVideoHeightBeforeBlur: Function,
+  attVideoHeightAfterBlur: Function,
+  //modal att video insert  event
+  attVideoInsertBeforeClick: Function,
+  attVideoInsertAfterClick: Function,
+  //att image tooltip width event
+  attImageAndVideoTooltipWidthBeforeInput: Function,
+  attImageAndVideoTooltipWidthAfterInput: Function,
+  attImageAndVideoTooltipWidthBeforeBlur: Function,
+  attImageAndVideoTooltipWidthAfterBlur: Function,
+  attImageAndVideoTooltipWidthBeforeKeyup: Function,
+  attImageAndVideoTooltipWidthAfterKeyup: Function,
+  //att image tooltip float none radio input event
+  attImageAndVideoTooltipFloatRadioNoneBeforeClick: Function,
+  attImageAndVideoTooltipFloatRadioNoneAfterClick: Function,
+  //att image tooltip float left radio input event
+  attImageAndVideoTooltipFloatRadioLeftBeforeClick: Function,
+  attImageAndVideoTooltipFloatRadioLeftAfterClick: Function,
+  //att image tooltip float right radio input event
+  attImageAndVideoTooltipFloatRadioRightBeforeClick: Function,
+  attImageAndVideoTooltipFloatRadioRightAfterClick: Function,
+  //att image tooltip shape square radio input event
+  attImageAndVideoTooltipShapeRadioSquareBeforeClick: Function,
+  attImageAndVideoTooltipShapeRadioSquareAfterClick: Function,
+  //att image tooltip shape radius radio input event
+  attImageAndVideoTooltipShapeRadioRadiusBeforeClick: Function,
+  attImageAndVideoTooltipShapeRadioRadiusAfterClick: Function,
+  //att image tooltip shape circle radio input event
+  attImageAndVideoTooltipShapeRadioCircleBeforeClick: Function,
+  attImageAndVideoTooltipShapeRadioCircleAfterClick: Function,
+  //modal help event
+  helpModalBeforeClick: Function,
+  helpModalAfterClick: Function,
+  //placeholder event
+  placeholderBeforeClick: Function,
+  placeholderAfterClick: Function
+}, _e = K({
+  name: "HNote",
+  props: {
+    ...Ae,
+    ...me
+  },
+  emits: ["update:modelValue", "mounted", "responsive-change"],
+  setup(e, { emit: I }) {
+    const m = f.note, k = u(null), r = u(null), d = e.id ? e.id : le(), x = `hnote:${d}`, _ = u(e.required), M = v(() => {
+      if (_.value) return "hison-note-required";
+    }), S = ce(), g = u(e.visible), N = v(() => g.value ? "" : "hison-display-none"), B = u(e.editMode), z = v(() => {
+      if (B.value !== h.editable) return `hison-note-${B.value}`;
+    }), T = u(!1), C = u(
+      e.tabIndex !== null && e.tabIndex !== "" ? Number(e.tabIndex) : null
+    ), V = (o, t) => {
+      if (!o) return;
+      const l = [
+        "a[href]",
+        "area[href]",
+        "input:not([disabled])",
+        "select:not([disabled])",
+        "textarea:not([disabled])",
+        "button:not([disabled])",
+        "iframe",
+        "object",
+        "embed",
+        "[contenteditable]",
+        "[tabindex]"
+      ].join(",");
+      o.querySelectorAll(l).forEach((i) => {
+        t ? i.setAttribute("tabindex", "-1") : i.getAttribute("tabindex") === "-1" && i.removeAttribute("tabindex");
+      });
+    }, E = () => {
+      const o = r.value;
+      if (!o) return;
+      const t = o._elements.textarea;
+      B.value !== h.editable ? (t.removeAttribute("contenteditable"), t.removeAttribute("role"), t.removeAttribute("aria-multiline"), t.removeAttribute("spellcheck"), t.removeAttribute("autocorrect"), V(o, !0)) : (t.setAttribute("contenteditable", "true"), t.setAttribute("role", "textbox"), t.setAttribute("aria-multiline", "true"), t.setAttribute("spellcheck", "true"), t.setAttribute("autocorrect", "true"), V(o, !1));
+    }, R = u([]), q = ["modelValue", "id", "class", "style", "visible", "editMode"], b = u(0), G = () => {
+      X(b);
+    }, W = v(() => {
+      b.value;
+      const o = fe(re(e.class) || "", S.value), t = O(o, "color"), l = O(o, "size");
+      ae(o, "col") === -1 && o.push("hison-col-12"), R.value = o;
+      const n = {};
+      n["data-id"] = d;
+      for (const [i, A] of Object.entries(e))
+        q.includes(i) || A != null && (n[i.replace(/[A-Z]/g, (y) => "-" + y.toLowerCase())] = String(A));
+      return n["size-level-desktop"] = n["size-level-desktop"] && s.utils.isNumber(n["size-level-desktop"]) ? String(Math.min(Math.max(Number(n["size-level-desktop"]), 1), 9)) : L(3, l), n["size-level-mobile"] = n["size-level-mobile"] && s.utils.isNumber(n["size-level-mobile"]) ? String(Math.min(Math.max(Number(n["size-level-mobile"]), 1), 9)) : L(5, l), t && !n.color && (n.color = t), n.color && (n.color = ue(n.color) ?? n.color, n["main-color"] = n.color, delete n.color), (e.invertColor || f.componentStyle.invertColor) && (n["invert-color"] = "true"), n;
+    }), L = (o, t) => {
+      switch (t = t ?? f.componentStyle.size, t) {
+        case F.s:
+          o -= 2;
+          break;
+        case F.m:
+          break;
+        case F.l:
+          o += 2;
+          break;
+        case F.xl:
+          o += 3;
+          break;
+      }
+      return String(Math.min(Math.max(o, 1), 9));
+    }, H = new MutationObserver((o) => {
+      var n;
+      const t = (n = o[0]) == null ? void 0 : n.target;
+      !t || !w(t) || j();
+    }), w = (o) => {
+      var l;
+      let t = o;
+      for (; !(t instanceof Element); ) t = t.parentNode;
+      return ((l = t.closest) == null ? void 0 : l.call(t, "[data-vanillanote]")) || null;
+    }, P = (o, t) => {
+      if (!o || !t || o.html !== t.html || o.plainText !== t.plainText || JSON.stringify(o.links) !== JSON.stringify(t.links) || JSON.stringify(o.files) !== JSON.stringify(t.files) || JSON.stringify(o.images) !== JSON.stringify(t.images) || JSON.stringify(o.videos) !== JSON.stringify(t.videos)) return !1;
+      const l = Object.keys(o.fileObjects || {}), n = Object.keys(t.fileObjects || {});
+      if (l.length !== n.length || !l.every((y) => n.includes(y))) return !1;
+      const i = Object.keys(o.imageObjects || {}), A = Object.keys(t.imageObjects || {});
+      return !(i.length !== A.length || !i.every((y) => A.includes(y)));
+    }, j = () => {
+      r.value && (T.value = !0, I("update:modelValue", r.value.getNoteData()));
+    }, a = () => {
+      D(), G(), Y(U);
+    }, U = () => {
+      var l;
+      if (Be(x, a), m.init(), !k.value) return;
+      m.mountNote(k.value);
+      const o = m.getNote(d);
+      o.getId = () => d, r.value = o;
+      const t = r.value;
+      if (e.modelValue && t && t.setNoteData(e.modelValue), C.value && t._elements.textarea && t._elements.textarea.setAttribute("tabIndex", String(C.value)), t && (t.isHisonvueComponent = !0, t.getId = () => d, t.getType = () => "note", t.getRequired = () => _.value, t.setRequired = (n) => {
+        _.value = n;
+      }, t.isVisible = () => g.value, t.setVisible = (n) => {
+        g.value = n;
+      }, t.getEditMode = () => B.value, t.setEditMode = (n) => {
+        B.value = n, E();
+      }, t.isModified = () => T.value, t.initModified = () => T.value = !1, t.getTabIndex = () => C.value, t.setTabIndex = (n) => {
+        C.value = n != null ? Number(n) : null;
+      }, t.focus = () => {
+        var n, i;
+        (i = (n = t._elements) == null ? void 0 : n.textarea) == null || i.focus();
+      }, t.getDataModel = () => {
+        const n = t.getNoteData();
+        return new s.data.DataModel(n);
+      }, t.setDataModel = (n) => {
+        if (!n || n.getRowCount() == 0) return;
+        const i = {
+          html: n.hasColumn("html") ? n.getValue(0, "html") : "",
+          plainText: n.hasColumn("plainText") ? n.getValue(0, "plainText") : "",
+          links: n.hasColumn("links") ? n.getValue(0, "links") : [],
+          files: n.hasColumn("files") ? n.getValue(0, "files") : [],
+          images: n.hasColumn("images") ? n.getValue(0, "images") : [],
+          videos: n.hasColumn("videos") ? n.getValue(0, "videos") : [],
+          fileObjects: n.hasColumn("fileObjects") ? n.getValue(0, "fileObjects") : {},
+          imageObjects: n.hasColumn("imageObjects") ? n.getValue(0, "imageObjects") : {}
+        };
+        return t.setNoteData(i);
+      }, t.load = (n) => {
+        n && n.getIsDataModel && n.getIsDataModel() ? t.setDataModel(n) : t.setNoteData(n);
+      }, t.reload = () => ke(x)), t) {
+        const n = (l = t._elements) == null ? void 0 : l.textarea;
+        H.observe(n, { characterData: !0, childList: !0, subtree: !0 });
+      }
+      t && (t._cssEvents.target_onBeforeClick = f.event.cssEvent.button_onBeforeClick, t._cssEvents.target_onAfterClick = f.event.cssEvent.button_onAfterClick, t._cssEvents.target_onBeforeMouseover = f.event.cssEvent.button_onBeforeMouseover, t._cssEvents.target_onAfterMouseover = f.event.cssEvent.button_onAfterMouseover, t._cssEvents.target_onBeforeMouseout = f.event.cssEvent.button_onBeforeMouseout, t._cssEvents.target_onAfterMouseout = f.event.cssEvent.button_onAfterMouseout, t._cssEvents.target_onBeforeTouchstart = f.event.cssEvent.button_onBeforeTouchstart, t._cssEvents.target_onAfterTouchstart = f.event.cssEvent.button_onAfterTouchstart, t._cssEvents.target_onBeforeTouchend = f.event.cssEvent.button_onBeforeTouchend, t._cssEvents.target_onAfterTouchend = f.event.cssEvent.button_onAfterTouchend, typeof e.textareaBeforeClick == "function" && (t._elementEvents.textarea_onBeforeClick = e.textareaBeforeClick), typeof e.textareaAfterClick == "function" && (t._elementEvents.textarea_onAfterClick = e.textareaAfterClick), typeof e.textareaBeforeFocus == "function" && (t._elementEvents.textarea_onBeforeFocus = e.textareaBeforeFocus), typeof e.textareaAfterFocus == "function" && (t._elementEvents.textarea_onAfterFocus = e.textareaAfterFocus), typeof e.textareaBeforeBlur == "function" && (t._elementEvents.textarea_onBeforeBlur = e.textareaBeforeBlur), typeof e.textareaAfterBlur == "function" && (t._elementEvents.textarea_onAfterBlur = e.textareaAfterBlur), typeof e.paragraphStyleSelectBeforeClick == "function" && (t._elementEvents.paragraphStyleSelect_onBeforeClick = e.paragraphStyleSelectBeforeClick), typeof e.paragraphStyleSelectAfterClick == "function" && (t._elementEvents.paragraphStyleSelect_onAfterClick = e.paragraphStyleSelectAfterClick), typeof e.toolToggleBeforeClick == "function" && (t._elementEvents.toolToggleButton_onBeforeClick = e.toolToggleBeforeClick), typeof e.toolToggleAfterClick == "function" && (t._elementEvents.toolToggleButton_onAfterClick = e.toolToggleAfterClick), typeof e.styleNomalBeforeClick == "function" && (t._elementEvents.styleNomal_onBeforeClick = e.styleNomalBeforeClick), typeof e.styleNomalAfterClick == "function" && (t._elementEvents.styleNomal_onAfterClick = e.styleNomalAfterClick), typeof e.styleHeader1BeforeClick == "function" && (t._elementEvents.styleHeader1_onBeforeClick = e.styleHeader1BeforeClick), typeof e.styleHeader1AfterClick == "function" && (t._elementEvents.styleHeader1_onAfterClick = e.styleHeader1AfterClick), typeof e.styleHeader2BeforeClick == "function" && (t._elementEvents.styleHeader2_onBeforeClick = e.styleHeader2BeforeClick), typeof e.styleHeader2AfterClick == "function" && (t._elementEvents.styleHeader2_onAfterClick = e.styleHeader2AfterClick), typeof e.styleHeader3BeforeClick == "function" && (t._elementEvents.styleHeader3_onBeforeClick = e.styleHeader3BeforeClick), typeof e.styleHeader3AfterClick == "function" && (t._elementEvents.styleHeader3_onAfterClick = e.styleHeader3AfterClick), typeof e.styleHeader4BeforeClick == "function" && (t._elementEvents.styleHeader4_onBeforeClick = e.styleHeader4BeforeClick), typeof e.styleHeader4AfterClick == "function" && (t._elementEvents.styleHeader4_onAfterClick = e.styleHeader4AfterClick), typeof e.styleHeader5BeforeClick == "function" && (t._elementEvents.styleHeader5_onBeforeClick = e.styleHeader5BeforeClick), typeof e.styleHeader5AfterClick == "function" && (t._elementEvents.styleHeader5_onAfterClick = e.styleHeader5AfterClick), typeof e.styleHeader6BeforeClick == "function" && (t._elementEvents.styleHeader6_onBeforeClick = e.styleHeader6BeforeClick), typeof e.styleHeader6AfterClick == "function" && (t._elementEvents.styleHeader6_onAfterClick = e.styleHeader6AfterClick), typeof e.boldBeforeClick == "function" && (t._elementEvents.boldButton_onBeforeClick = e.boldBeforeClick), typeof e.boldAfterClick == "function" && (t._elementEvents.boldButton_onAfterClick = e.boldAfterClick), typeof e.underlineBeforeClick == "function" && (t._elementEvents.underlineButton_onBeforeClick = e.underlineBeforeClick), typeof e.underlineAfterClick == "function" && (t._elementEvents.underlineButton_onAfterClick = e.underlineAfterClick), typeof e.italicBeforeClick == "function" && (t._elementEvents.italicButton_onBeforeClick = e.italicBeforeClick), typeof e.italicAfterClick == "function" && (t._elementEvents.italicButton_onAfterClick = e.italicAfterClick), typeof e.ulBeforeClick == "function" && (t._elementEvents.ulButton_onBeforeClick = e.ulBeforeClick), typeof e.ulAfterClick == "function" && (t._elementEvents.ulButton_onAfterClick = e.ulAfterClick), typeof e.olBeforeClick == "function" && (t._elementEvents.olButton_onBeforeClick = e.olBeforeClick), typeof e.olAfterClick == "function" && (t._elementEvents.olButton_onAfterClick = e.olAfterClick), typeof e.textAlignSelectBeforeClick == "function" && (t._elementEvents.textAlignSelect_onBeforeClick = e.textAlignSelectBeforeClick), typeof e.textAlignSelectAfterClick == "function" && (t._elementEvents.textAlignSelect_onAfterClick = e.textAlignSelectAfterClick), typeof e.textAlignLeftBeforeClick == "function" && (t._elementEvents.textAlignLeft_onBeforeClick = e.textAlignLeftBeforeClick), typeof e.textAlignLeftAfterClick == "function" && (t._elementEvents.textAlignLeft_onAfterClick = e.textAlignLeftAfterClick), typeof e.textAlignCenterBeforeClick == "function" && (t._elementEvents.textAlignCenter_onBeforeClick = e.textAlignCenterBeforeClick), typeof e.textAlignCenterAfterClick == "function" && (t._elementEvents.textAlignCenter_onAfterClick = e.textAlignCenterAfterClick), typeof e.textAlignRightBeforeClick == "function" && (t._elementEvents.textAlignRight_onBeforeClick = e.textAlignRightBeforeClick), typeof e.textAlignRightAfterClick == "function" && (t._elementEvents.textAlignRight_onAfterClick = e.textAlignRightAfterClick), typeof e.attLinkBeforeClick == "function" && (t._elementEvents.attLinkButton_onBeforeClick = e.attLinkBeforeClick), typeof e.attLinkAfterClick == "function" && (t._elementEvents.attLinkButton_onAfterClick = e.attLinkAfterClick), typeof e.attFileBeforeClick == "function" && (t._elementEvents.attFileButton_onBeforeClick = e.attFileBeforeClick), typeof e.attFileAfterClick == "function" && (t._elementEvents.attFileButton_onAfterClick = e.attFileAfterClick), typeof e.attImageBeforeClick == "function" && (t._elementEvents.attImageButton_onBeforeClick = e.attImageBeforeClick), typeof e.attImageAfterClick == "function" && (t._elementEvents.attImageButton_onAfterClick = e.attImageAfterClick), typeof e.attVideoBeforeClick == "function" && (t._elementEvents.attVideoButton_onBeforeClick = e.attVideoBeforeClick), typeof e.attVideoAfterClick == "function" && (t._elementEvents.attVideoButton_onAfterClick = e.attVideoAfterClick), typeof e.fontSizeBoxBeforeClick == "function" && (t._elementEvents.fontSizeInputBox_onBeforeClick = e.fontSizeBoxBeforeClick), typeof e.fontSizeBoxAfterClick == "function" && (t._elementEvents.fontSizeInputBox_onAfterClick = e.fontSizeBoxAfterClick), typeof e.fontSizeBeforeClick == "function" && (t._elementEvents.fontSizeInput_onBeforeClick = e.fontSizeBeforeClick), typeof e.fontSizeAfterClick == "function" && (t._elementEvents.fontSizeInput_onAfterClick = e.fontSizeAfterClick), typeof e.fontSizeBeforeInput == "function" && (t._elementEvents.fontSizeInput_onBeforeInput = e.fontSizeBeforeInput), typeof e.fontSizeAfterInput == "function" && (t._elementEvents.fontSizeInput_onAfterInput = e.fontSizeAfterInput), typeof e.fontSizeBeforeBlur == "function" && (t._elementEvents.fontSizeInput_onBeforeBlur = e.fontSizeBeforeBlur), typeof e.fontSizeAfterBlur == "function" && (t._elementEvents.fontSizeInput_onAfterBlur = e.fontSizeAfterBlur), typeof e.letterSpacingBoxBeforeClick == "function" && (t._elementEvents.letterSpacingInputBox_onBeforeClick = e.letterSpacingBoxBeforeClick), typeof e.letterSpacingBoxAfterClick == "function" && (t._elementEvents.letterSpacingInputBox_onAfterClick = e.letterSpacingBoxAfterClick), typeof e.letterSpacingBeforeClick == "function" && (t._elementEvents.letterSpacingInput_onBeforeClick = e.letterSpacingBeforeClick), typeof e.letterSpacingAfterClick == "function" && (t._elementEvents.letterSpacingInput_onAfterClick = e.letterSpacingAfterClick), typeof e.letterSpacingBeforeInput == "function" && (t._elementEvents.letterSpacingInput_onBeforeInput = e.letterSpacingBeforeInput), typeof e.letterSpacingAfterInput == "function" && (t._elementEvents.letterSpacingInput_onAfterInput = e.letterSpacingAfterInput), typeof e.letterSpacingBeforeBlur == "function" && (t._elementEvents.letterSpacingInput_onBeforeBlur = e.letterSpacingBeforeBlur), typeof e.letterSpacingAfterBlur == "function" && (t._elementEvents.letterSpacingInput_onAfterBlur = e.letterSpacingAfterBlur), typeof e.lineHeightBoxBeforeClick == "function" && (t._elementEvents.lineHeightInputBox_onBeforeClick = e.lineHeightBoxBeforeClick), typeof e.lineHeightBoxAfterClick == "function" && (t._elementEvents.lineHeightInputBox_onAfterClick = e.lineHeightBoxAfterClick), typeof e.lineHeightBeforeClick == "function" && (t._elementEvents.lineHeightInput_onBeforeClick = e.lineHeightBeforeClick), typeof e.lineHeightAfterClick == "function" && (t._elementEvents.lineHeightInput_onAfterClick = e.lineHeightAfterClick), typeof e.lineHeightBeforeInput == "function" && (t._elementEvents.lineHeightInput_onBeforeInput = e.lineHeightBeforeInput), typeof e.lineHeightAfterInput == "function" && (t._elementEvents.lineHeightInput_onAfterInput = e.lineHeightAfterInput), typeof e.lineHeightBeforeBlur == "function" && (t._elementEvents.lineHeightInput_onBeforeBlur = e.lineHeightBeforeBlur), typeof e.lineHeightAfterBlur == "function" && (t._elementEvents.lineHeightInput_onAfterBlur = e.lineHeightAfterBlur), typeof e.fontFamilySelectBeforeClick == "function" && (t._elementEvents.fontFamilySelect_onBeforeClick = e.fontFamilySelectBeforeClick), typeof e.fontFamilySelectAfterClick == "function" && (t._elementEvents.fontFamilySelect_onAfterClick = e.fontFamilySelectAfterClick), typeof e.colorTextSelectBeforeClick == "function" && (t._elementEvents.colorTextSelect_onBeforeClick = e.colorTextSelectBeforeClick), typeof e.colorTextSelectAfterClick == "function" && (t._elementEvents.colorTextSelect_onAfterClick = e.colorTextSelectAfterClick), typeof e.colorTextSelectBoxBeforeClick == "function" && (t._elementEvents.colorTextSelectBox_onBeforeClick = e.colorTextSelectBoxBeforeClick), typeof e.colorTextSelectBoxAfterClick == "function" && (t._elementEvents.colorTextSelectBox_onAfterClick = e.colorTextSelectBoxAfterClick), typeof e.colorText0BeforeClick == "function" && (t._elementEvents.colorText0_onBeforeClick = e.colorText0BeforeClick), typeof e.colorText0AfterClick == "function" && (t._elementEvents.colorText0_onAfterClick = e.colorText0AfterClick), typeof e.colorText1BeforeClick == "function" && (t._elementEvents.colorText1_onBeforeClick = e.colorText1BeforeClick), typeof e.colorText1AfterClick == "function" && (t._elementEvents.colorText1_onAfterClick = e.colorText1AfterClick), typeof e.colorText2BeforeClick == "function" && (t._elementEvents.colorText2_onBeforeClick = e.colorText2BeforeClick), typeof e.colorText2AfterClick == "function" && (t._elementEvents.colorText2_onAfterClick = e.colorText2AfterClick), typeof e.colorText3BeforeClick == "function" && (t._elementEvents.colorText3_onBeforeClick = e.colorText3BeforeClick), typeof e.colorText3AfterClick == "function" && (t._elementEvents.colorText3_onAfterClick = e.colorText3AfterClick), typeof e.colorText4BeforeClick == "function" && (t._elementEvents.colorText4_onBeforeClick = e.colorText4BeforeClick), typeof e.colorText4AfterClick == "function" && (t._elementEvents.colorText4_onAfterClick = e.colorText4AfterClick), typeof e.colorText5BeforeClick == "function" && (t._elementEvents.colorText5_onBeforeClick = e.colorText5BeforeClick), typeof e.colorText5AfterClick == "function" && (t._elementEvents.colorText5_onAfterClick = e.colorText5AfterClick), typeof e.colorText6BeforeClick == "function" && (t._elementEvents.colorText6_onBeforeClick = e.colorText6BeforeClick), typeof e.colorText6AfterClick == "function" && (t._elementEvents.colorText6_onAfterClick = e.colorText6AfterClick), typeof e.colorText7BeforeClick == "function" && (t._elementEvents.colorText7_onBeforeClick = e.colorText7BeforeClick), typeof e.colorText7AfterClick == "function" && (t._elementEvents.colorText7_onAfterClick = e.colorText7AfterClick), typeof e.colorTextRBeforeClick == "function" && (t._elementEvents.colorTextRInput_onBeforeClick = e.colorTextRBeforeClick), typeof e.colorTextRAfterClick == "function" && (t._elementEvents.colorTextRInput_onAfterClick = e.colorTextRAfterClick), typeof e.colorTextRBeforeInput == "function" && (t._elementEvents.colorTextRInput_onBeforeInput = e.colorTextRBeforeInput), typeof e.colorTextRAfterInput == "function" && (t._elementEvents.colorTextRInput_onAfterInput = e.colorTextRAfterInput), typeof e.colorTextRBeforeBlur == "function" && (t._elementEvents.colorTextRInput_onBeforeBlur = e.colorTextRBeforeBlur), typeof e.colorTextRAfterBlur == "function" && (t._elementEvents.colorTextRInput_onAfterBlur = e.colorTextRAfterBlur), typeof e.colorTextGBeforeClick == "function" && (t._elementEvents.colorTextGInput_onBeforeClick = e.colorTextGBeforeClick), typeof e.colorTextGAfterClick == "function" && (t._elementEvents.colorTextGInput_onAfterClick = e.colorTextGAfterClick), typeof e.colorTextGBeforeInput == "function" && (t._elementEvents.colorTextGInput_onBeforeInput = e.colorTextGBeforeInput), typeof e.colorTextGAfterInput == "function" && (t._elementEvents.colorTextGInput_onAfterInput = e.colorTextGAfterInput), typeof e.colorTextGBeforeBlur == "function" && (t._elementEvents.colorTextGInput_onBeforeBlur = e.colorTextGBeforeBlur), typeof e.colorTextGAfterBlur == "function" && (t._elementEvents.colorTextGInput_onAfterBlur = e.colorTextGAfterBlur), typeof e.colorTextBBeforeClick == "function" && (t._elementEvents.colorTextBInput_onBeforeClick = e.colorTextBBeforeClick), typeof e.colorTextBAfterClick == "function" && (t._elementEvents.colorTextBInput_onAfterClick = e.colorTextBAfterClick), typeof e.colorTextBBeforeInput == "function" && (t._elementEvents.colorTextBInput_onBeforeInput = e.colorTextBBeforeInput), typeof e.colorTextBAfterInput == "function" && (t._elementEvents.colorTextBInput_onAfterInput = e.colorTextBAfterInput), typeof e.colorTextBBeforeBlur == "function" && (t._elementEvents.colorTextBInput_onBeforeBlur = e.colorTextBBeforeBlur), typeof e.colorTextBAfterBlur == "function" && (t._elementEvents.colorTextBInput_onAfterBlur = e.colorTextBAfterBlur), typeof e.colorTextOpacityBeforeClick == "function" && (t._elementEvents.colorTextOpacityInput_onBeforeClick = e.colorTextOpacityBeforeClick), typeof e.colorTextOpacityAfterClick == "function" && (t._elementEvents.colorTextOpacityInput_onAfterClick = e.colorTextOpacityAfterClick), typeof e.colorTextOpacityBeforeInput == "function" && (t._elementEvents.colorTextOpacityInput_onBeforeInput = e.colorTextOpacityBeforeInput), typeof e.colorTextOpacityAfterInput == "function" && (t._elementEvents.colorTextOpacityInput_onAfterInput = e.colorTextOpacityAfterInput), typeof e.colorTextOpacityBeforeBlur == "function" && (t._elementEvents.colorTextOpacityInput_onBeforeBlur = e.colorTextOpacityBeforeBlur), typeof e.colorTextOpacityAfterBlur == "function" && (t._elementEvents.colorTextOpacityInput_onAfterBlur = e.colorTextOpacityAfterBlur), typeof e.colorBackSelectBeforeClick == "function" && (t._elementEvents.colorBackSelect_onBeforeClick = e.colorBackSelectBeforeClick), typeof e.colorBackSelectAfterClick == "function" && (t._elementEvents.colorBackSelect_onAfterClick = e.colorBackSelectAfterClick), typeof e.colorBackSelectBoxBeforeClick == "function" && (t._elementEvents.colorBackSelectBox_onBeforeClick = e.colorBackSelectBoxBeforeClick), typeof e.colorBackSelectBoxAfterClick == "function" && (t._elementEvents.colorBackSelectBox_onAfterClick = e.colorBackSelectBoxAfterClick), typeof e.colorBack0BeforeClick == "function" && (t._elementEvents.colorBack0_onBeforeClick = e.colorBack0BeforeClick), typeof e.colorBack0AfterClick == "function" && (t._elementEvents.colorBack0_onAfterClick = e.colorBack0AfterClick), typeof e.colorBack1BeforeClick == "function" && (t._elementEvents.colorBack1_onBeforeClick = e.colorBack1BeforeClick), typeof e.colorBack1AfterClick == "function" && (t._elementEvents.colorBack1_onAfterClick = e.colorBack1AfterClick), typeof e.colorBack2BeforeClick == "function" && (t._elementEvents.colorBack2_onBeforeClick = e.colorBack2BeforeClick), typeof e.colorBack2AfterClick == "function" && (t._elementEvents.colorBack2_onAfterClick = e.colorBack2AfterClick), typeof e.colorBack3BeforeClick == "function" && (t._elementEvents.colorBack3_onBeforeClick = e.colorBack3BeforeClick), typeof e.colorBack3AfterClick == "function" && (t._elementEvents.colorBack3_onAfterClick = e.colorBack3AfterClick), typeof e.colorBack4BeforeClick == "function" && (t._elementEvents.colorBack4_onBeforeClick = e.colorBack4BeforeClick), typeof e.colorBack4AfterClick == "function" && (t._elementEvents.colorBack4_onAfterClick = e.colorBack4AfterClick), typeof e.colorBack5BeforeClick == "function" && (t._elementEvents.colorBack5_onBeforeClick = e.colorBack5BeforeClick), typeof e.colorBack5AfterClick == "function" && (t._elementEvents.colorBack5_onAfterClick = e.colorBack5AfterClick), typeof e.colorBack6BeforeClick == "function" && (t._elementEvents.colorBack6_onBeforeClick = e.colorBack6BeforeClick), typeof e.colorBack6AfterClick == "function" && (t._elementEvents.colorBack6_onAfterClick = e.colorBack6AfterClick), typeof e.colorBack7BeforeClick == "function" && (t._elementEvents.colorBack7_onBeforeClick = e.colorBack7BeforeClick), typeof e.colorBack7AfterClick == "function" && (t._elementEvents.colorBack7_onAfterClick = e.colorBack7AfterClick), typeof e.colorBackRBeforeClick == "function" && (t._elementEvents.colorBackRInput_onBeforeClick = e.colorBackRBeforeClick), typeof e.colorBackRAfterClick == "function" && (t._elementEvents.colorBackRInput_onAfterClick = e.colorBackRAfterClick), typeof e.colorBackRBeforeInput == "function" && (t._elementEvents.colorBackRInput_onBeforeInput = e.colorBackRBeforeInput), typeof e.colorBackRAfterInput == "function" && (t._elementEvents.colorBackRInput_onAfterInput = e.colorBackRAfterInput), typeof e.colorBackRBeforeBlur == "function" && (t._elementEvents.colorBackRInput_onBeforeBlur = e.colorBackRBeforeBlur), typeof e.colorBackRAfterBlur == "function" && (t._elementEvents.colorBackRInput_onAfterBlur = e.colorBackRAfterBlur), typeof e.colorBackGBeforeClick == "function" && (t._elementEvents.colorBackGInput_onBeforeClick = e.colorBackGBeforeClick), typeof e.colorBackGAfterClick == "function" && (t._elementEvents.colorBackGInput_onAfterClick = e.colorBackGAfterClick), typeof e.colorBackGBeforeInput == "function" && (t._elementEvents.colorBackGInput_onBeforeInput = e.colorBackGBeforeInput), typeof e.colorBackGAfterInput == "function" && (t._elementEvents.colorBackGInput_onAfterInput = e.colorBackGAfterInput), typeof e.colorBackGBeforeBlur == "function" && (t._elementEvents.colorBackGInput_onBeforeBlur = e.colorBackGBeforeBlur), typeof e.colorBackGAfterBlur == "function" && (t._elementEvents.colorBackGInput_onAfterBlur = e.colorBackGAfterBlur), typeof e.colorBackBBeforeClick == "function" && (t._elementEvents.colorBackBInput_onBeforeClick = e.colorBackBBeforeClick), typeof e.colorBackBAfterClick == "function" && (t._elementEvents.colorBackBInput_onAfterClick = e.colorBackBAfterClick), typeof e.colorBackBBeforeInput == "function" && (t._elementEvents.colorBackBInput_onBeforeInput = e.colorBackBBeforeInput), typeof e.colorBackBAfterInput == "function" && (t._elementEvents.colorBackBInput_onAfterInput = e.colorBackBAfterInput), typeof e.colorBackBBeforeBlur == "function" && (t._elementEvents.colorBackBInput_onBeforeBlur = e.colorBackBBeforeBlur), typeof e.colorBackBAfterBlur == "function" && (t._elementEvents.colorBackBInput_onAfterBlur = e.colorBackBAfterBlur), typeof e.colorBackOpacityBeforeClick == "function" && (t._elementEvents.colorBackOpacityInput_onBeforeClick = e.colorBackOpacityBeforeClick), typeof e.colorBackOpacityAfterClick == "function" && (t._elementEvents.colorBackOpacityInput_onAfterClick = e.colorBackOpacityAfterClick), typeof e.colorBackOpacityBeforeInput == "function" && (t._elementEvents.colorBackOpacityInput_onBeforeInput = e.colorBackOpacityBeforeInput), typeof e.colorBackOpacityAfterInput == "function" && (t._elementEvents.colorBackOpacityInput_onAfterInput = e.colorBackOpacityAfterInput), typeof e.colorBackOpacityBeforeBlur == "function" && (t._elementEvents.colorBackOpacityInput_onBeforeBlur = e.colorBackOpacityBeforeBlur), typeof e.colorBackOpacityAfterBlur == "function" && (t._elementEvents.colorBackOpacityInput_onAfterBlur = e.colorBackOpacityAfterBlur), typeof e.formatClearBeforeClick == "function" && (t._elementEvents.formatClearButton_onBeforeClick = e.formatClearBeforeClick), typeof e.formatClearAfterClick == "function" && (t._elementEvents.formatClearButton_onAfterClick = e.formatClearAfterClick), typeof e.undoBeforeClick == "function" && (t._elementEvents.undoButton_onBeforeClick = e.undoBeforeClick), typeof e.undoAfterClick == "function" && (t._elementEvents.undoButton_onAfterClick = e.undoAfterClick), typeof e.redoBeforeClick == "function" && (t._elementEvents.redoButton_onBeforeClick = e.redoBeforeClick), typeof e.redoAfterClick == "function" && (t._elementEvents.redoButton_onAfterClick = e.redoAfterClick), typeof e.helpBeforeClick == "function" && (t._elementEvents.helpButton_onBeforeClick = e.helpBeforeClick), typeof e.helpAfterClick == "function" && (t._elementEvents.helpButton_onAfterClick = e.helpAfterClick), typeof e.modalBackBeforeClick == "function" && (t._elementEvents.modalBack_onBeforeClick = e.modalBackBeforeClick), typeof e.modalBackAfterClick == "function" && (t._elementEvents.modalBack_onAfterClick = e.modalBackAfterClick), typeof e.attLinkModalBeforeClick == "function" && (t._elementEvents.attLinkModal_onBeforeClick = e.attLinkModalBeforeClick), typeof e.attLinkModalAfterClick == "function" && (t._elementEvents.attLinkModal_onAfterClick = e.attLinkModalAfterClick), typeof e.attLinkTextBeforeInput == "function" && (t._elementEvents.attLinkText_onBeforeInput = e.attLinkTextBeforeInput), typeof e.attLinkTextAfterInput == "function" && (t._elementEvents.attLinkText_onAfterInput = e.attLinkTextAfterInput), typeof e.attLinkTextBeforeBlur == "function" && (t._elementEvents.attLinkText_onBeforeBlur = e.attLinkTextBeforeBlur), typeof e.attLinkTextAfterBlur == "function" && (t._elementEvents.attLinkText_onAfterBlur = e.attLinkTextAfterBlur), typeof e.attLinkHrefBeforeInput == "function" && (t._elementEvents.attLinkHref_onBeforeInput = e.attLinkHrefBeforeInput), typeof e.attLinkHrefAfterInput == "function" && (t._elementEvents.attLinkHref_onAfterInput = e.attLinkHrefAfterInput), typeof e.attLinkHrefBeforeBlur == "function" && (t._elementEvents.attLinkHref_onBeforeBlur = e.attLinkHrefBeforeBlur), typeof e.attLinkHrefAfterBlur == "function" && (t._elementEvents.attLinkHref_onAfterBlur = e.attLinkHrefAfterBlur), typeof e.attLinkInsertBeforeClick == "function" && (t._elementEvents.attLinkInsertButton_onBeforeClick = e.attLinkInsertBeforeClick), typeof e.attLinkInsertAfterClick == "function" && (t._elementEvents.attLinkInsertButton_onAfterClick = e.attLinkInsertAfterClick), typeof e.attFileModalBeforeClick == "function" && (t._elementEvents.attFileModal_onBeforeClick = e.attFileModalBeforeClick), typeof e.attFileModalAfterClick == "function" && (t._elementEvents.attFileModal_onAfterClick = e.attFileModalAfterClick), typeof e.attFileUploadBeforeClick == "function" && (t._elementEvents.attFileUploadButton_onBeforeClick = e.attFileUploadBeforeClick), typeof e.attFileUploadAfterClick == "function" && (t._elementEvents.attFileUploadButton_onAfterClick = e.attFileUploadAfterClick), typeof e.attFileUploadDivBeforeDragover == "function" && (t._elementEvents.attFileUploadDiv_onBeforeDragover = e.attFileUploadDivBeforeDragover), typeof e.attFileUploadDivAfterDragover == "function" && (t._elementEvents.attFileUploadDiv_onAfterDragover = e.attFileUploadDivAfterDragover), typeof e.attFileUploadDivBeforeDrop == "function" && (t._elementEvents.attFileUploadDiv_onBeforeDrop = e.attFileUploadDivBeforeDrop), typeof e.attFileUploadDivAfterDrop == "function" && (t._elementEvents.attFileUploadDiv_onAfterDrop = e.attFileUploadDivAfterDrop), typeof e.attFileUploadDivBeforeClick == "function" && (t._elementEvents.attFileUploadDiv_onBeforeClick = e.attFileUploadDivBeforeClick), typeof e.attFileUploadDivAfterClick == "function" && (t._elementEvents.attFileUploadDiv_onAfterClick = e.attFileUploadDivAfterClick), typeof e.attFileUploadBeforeInput == "function" && (t._elementEvents.attFileUpload_onBeforeInput = e.attFileUploadBeforeInput), typeof e.attFileUploadAfterInput == "function" && (t._elementEvents.attFileUpload_onAfterInput = e.attFileUploadAfterInput), typeof e.attFileUploadBeforeBlur == "function" && (t._elementEvents.attFileUpload_onBeforeBlur = e.attFileUploadBeforeBlur), typeof e.attFileUploadAfterBlur == "function" && (t._elementEvents.attFileUpload_onAfterBlur = e.attFileUploadAfterBlur), typeof e.attFileInsertBeforeClick == "function" && (t._elementEvents.attFileInsertButton_onBeforeClick = e.attFileInsertBeforeClick), typeof e.attFileInsertAfterClick == "function" && (t._elementEvents.attFileInsertButton_onAfterClick = e.attFileInsertAfterClick), typeof e.attLinkTooltipEditBeforeClick == "function" && (t._elementEvents.attLinkTooltipEditButton_onBeforeClick = e.attLinkTooltipEditBeforeClick), typeof e.attLinkTooltipEditAfterClick == "function" && (t._elementEvents.attLinkTooltipEditButton_onAfterClick = e.attLinkTooltipEditAfterClick), typeof e.attLinkTooltipUnlinkBeforeClick == "function" && (t._elementEvents.attLinkTooltipUnlinkButton_onBeforeClick = e.attLinkTooltipUnlinkBeforeClick), typeof e.attLinkTooltipUnlinkAfterClick == "function" && (t._elementEvents.attLinkTooltipUnlinkButton_onAfterClick = e.attLinkTooltipUnlinkAfterClick), typeof e.attImageModalBeforeClick == "function" && (t._elementEvents.attImageModal_onBeforeClick = e.attImageModalBeforeClick), typeof e.attImageModalAfterClick == "function" && (t._elementEvents.attImageModal_onAfterClick = e.attImageModalAfterClick), typeof e.attImageUploadViewBeforeDragover == "function" && (t._elementEvents.attImageUploadButtonAndView_onBeforeDragover = e.attImageUploadViewBeforeDragover), typeof e.attImageUploadViewAfterDragover == "function" && (t._elementEvents.attImageUploadButtonAndView_onAfterDragover = e.attImageUploadViewAfterDragover), typeof e.attImageUploadViewBeforeDrop == "function" && (t._elementEvents.attImageUploadButtonAndView_onBeforeDrop = e.attImageUploadViewBeforeDrop), typeof e.attImageUploadViewAfterDrop == "function" && (t._elementEvents.attImageUploadButtonAndView_onAfterDrop = e.attImageUploadViewAfterDrop), typeof e.attImageUploadViewBeforeClick == "function" && (t._elementEvents.attImageUploadButtonAndView_onBeforeClick = e.attImageUploadViewBeforeClick), typeof e.attImageUploadViewAfterClick == "function" && (t._elementEvents.attImageUploadButtonAndView_onAfterClick = e.attImageUploadViewAfterClick), typeof e.attImageViewPreBeforeClick == "function" && (t._elementEvents.attImageViewPreButton_onBeforeClick = e.attImageViewPreBeforeClick), typeof e.attImageViewPreAfterClick == "function" && (t._elementEvents.attImageViewPreButton_onAfterClick = e.attImageViewPreAfterClick), typeof e.attImageViewNextBeforeClick == "function" && (t._elementEvents.attImageViewNextButton_onBeforeClick = e.attImageViewNextBeforeClick), typeof e.attImageViewNextAfterClick == "function" && (t._elementEvents.attImageViewNextButton_onAfterClick = e.attImageViewNextAfterClick), typeof e.attImageUploadBeforeInput == "function" && (t._elementEvents.attImageUpload_onBeforeInput = e.attImageUploadBeforeInput), typeof e.attImageUploadAfterInput == "function" && (t._elementEvents.attImageUpload_onAfterInput = e.attImageUploadAfterInput), typeof e.attImageUploadBeforeBlur == "function" && (t._elementEvents.attImageUpload_onBeforeBlur = e.attImageUploadBeforeBlur), typeof e.attImageUploadAfterBlur == "function" && (t._elementEvents.attImageUpload_onAfterBlur = e.attImageUploadAfterBlur), typeof e.attImageURLBeforeInput == "function" && (t._elementEvents.attImageURL_onBeforeInput = e.attImageURLBeforeInput), typeof e.attImageURLAfterInput == "function" && (t._elementEvents.attImageURL_onAfterInput = e.attImageURLAfterInput), typeof e.attImageURLBeforeBlur == "function" && (t._elementEvents.attImageURL_onBeforeBlur = e.attImageURLBeforeBlur), typeof e.attImageURLAfterBlur == "function" && (t._elementEvents.attImageURL_onAfterBlur = e.attImageURLAfterBlur), typeof e.attImageInsertBeforeClick == "function" && (t._elementEvents.attImageInsertButton_onBeforeClick = e.attImageInsertBeforeClick), typeof e.attImageInsertAfterClick == "function" && (t._elementEvents.attImageInsertButton_onAfterClick = e.attImageInsertAfterClick), typeof e.attVideoModalBeforeClick == "function" && (t._elementEvents.attVideoModal_onBeforeClick = e.attVideoModalBeforeClick), typeof e.attVideoModalAfterClick == "function" && (t._elementEvents.attVideoModal_onAfterClick = e.attVideoModalAfterClick), typeof e.attVideoEmbedIdBeforeInput == "function" && (t._elementEvents.attVideoEmbedId_onBeforeInput = e.attVideoEmbedIdBeforeInput), typeof e.attVideoEmbedIdAfterInput == "function" && (t._elementEvents.attVideoEmbedId_onAfterInput = e.attVideoEmbedIdAfterInput), typeof e.attVideoEmbedIdBeforeBlur == "function" && (t._elementEvents.attVideoEmbedId_onBeforeBlur = e.attVideoEmbedIdBeforeBlur), typeof e.attVideoEmbedIdAfterBlur == "function" && (t._elementEvents.attVideoEmbedId_onAfterBlur = e.attVideoEmbedIdAfterBlur), typeof e.attVideoWidthBeforeInput == "function" && (t._elementEvents.attVideoWidth_onBeforeInput = e.attVideoWidthBeforeInput), typeof e.attVideoWidthAfterInput == "function" && (t._elementEvents.attVideoWidth_onAfterInput = e.attVideoWidthAfterInput), typeof e.attVideoWidthBeforeBlur == "function" && (t._elementEvents.attVideoWidth_onBeforeBlur = e.attVideoWidthBeforeBlur), typeof e.attVideoWidthAfterBlur == "function" && (t._elementEvents.attVideoWidth_onAfterBlur = e.attVideoWidthAfterBlur), typeof e.attVideoHeightBeforeInput == "function" && (t._elementEvents.attVideoHeight_onBeforeInput = e.attVideoHeightBeforeInput), typeof e.attVideoHeightAfterInput == "function" && (t._elementEvents.attVideoHeight_onAfterInput = e.attVideoHeightAfterInput), typeof e.attVideoHeightBeforeBlur == "function" && (t._elementEvents.attVideoHeight_onBeforeBlur = e.attVideoHeightBeforeBlur), typeof e.attVideoHeightAfterBlur == "function" && (t._elementEvents.attVideoHeight_onAfterBlur = e.attVideoHeightAfterBlur), typeof e.attVideoInsertBeforeClick == "function" && (t._elementEvents.attVideoInsertButton_onBeforeClick = e.attVideoInsertBeforeClick), typeof e.attVideoInsertAfterClick == "function" && (t._elementEvents.attVideoInsertButton_onAfterClick = e.attVideoInsertAfterClick), typeof e.attImageAndVideoTooltipWidthBeforeInput == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onBeforeInput = e.attImageAndVideoTooltipWidthBeforeInput), typeof e.attImageAndVideoTooltipWidthAfterInput == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onAfterInput = e.attImageAndVideoTooltipWidthAfterInput), typeof e.attImageAndVideoTooltipWidthBeforeBlur == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onBeforeBlur = e.attImageAndVideoTooltipWidthBeforeBlur), typeof e.attImageAndVideoTooltipWidthAfterBlur == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onAfterBlur = e.attImageAndVideoTooltipWidthAfterBlur), typeof e.attImageAndVideoTooltipWidthBeforeKeyup == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onBeforeKeyup = e.attImageAndVideoTooltipWidthBeforeKeyup), typeof e.attImageAndVideoTooltipWidthAfterKeyup == "function" && (t._elementEvents.attImageAndVideoTooltipWidthInput_onAfterKeyup = e.attImageAndVideoTooltipWidthAfterKeyup), typeof e.attImageAndVideoTooltipFloatRadioNoneBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioNone_onBeforeClick = e.attImageAndVideoTooltipFloatRadioNoneBeforeClick), typeof e.attImageAndVideoTooltipFloatRadioNoneAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioNone_onAfterClick = e.attImageAndVideoTooltipFloatRadioNoneAfterClick), typeof e.attImageAndVideoTooltipFloatRadioLeftBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioLeft_onBeforeClick = e.attImageAndVideoTooltipFloatRadioLeftBeforeClick), typeof e.attImageAndVideoTooltipFloatRadioLeftAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioLeft_onAfterClick = e.attImageAndVideoTooltipFloatRadioLeftAfterClick), typeof e.attImageAndVideoTooltipFloatRadioRightBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioRight_onBeforeClick = e.attImageAndVideoTooltipFloatRadioRightBeforeClick), typeof e.attImageAndVideoTooltipFloatRadioRightAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipFloatRadioRight_onAfterClick = e.attImageAndVideoTooltipFloatRadioRightAfterClick), typeof e.attImageAndVideoTooltipShapeRadioSquareBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioSquare_onBeforeClick = e.attImageAndVideoTooltipShapeRadioSquareBeforeClick), typeof e.attImageAndVideoTooltipShapeRadioSquareAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioSquare_onAfterClick = e.attImageAndVideoTooltipShapeRadioSquareAfterClick), typeof e.attImageAndVideoTooltipShapeRadioRadiusBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioRadius_onBeforeClick = e.attImageAndVideoTooltipShapeRadioRadiusBeforeClick), typeof e.attImageAndVideoTooltipShapeRadioRadiusAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioRadius_onAfterClick = e.attImageAndVideoTooltipShapeRadioRadiusAfterClick), typeof e.attImageAndVideoTooltipShapeRadioCircleBeforeClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioCircle_onBeforeClick = e.attImageAndVideoTooltipShapeRadioCircleBeforeClick), typeof e.attImageAndVideoTooltipShapeRadioCircleAfterClick == "function" && (t._elementEvents.attImageAndVideoTooltipShapeRadioCircle_onAfterClick = e.attImageAndVideoTooltipShapeRadioCircleAfterClick), typeof e.helpModalBeforeClick == "function" && (t._elementEvents.helpModal_onBeforeClick = e.helpModalBeforeClick), typeof e.helpModalAfterClick == "function" && (t._elementEvents.helpModal_onAfterClick = e.helpModalAfterClick), typeof e.placeholderBeforeClick == "function" && (t._elementEvents.placeholder_onBeforeClick = e.placeholderBeforeClick), typeof e.placeholderAfterClick == "function" && (t._elementEvents.placeholder_onAfterClick = e.placeholderAfterClick)), E(), I("mounted", t);
+    }, D = () => {
+      de(x), k.value && (m.unmountNote(k.value), H.disconnect());
+    };
+    return J(U), $(D), c(S, (o) => {
+      a(), I("responsive-change", o);
+    }), c(() => e.modelValue, (o) => {
+      if (!r.value) return;
+      const t = r.value.getNoteData();
+      P(t, o) || r.value.setNoteData(o);
+    }), c(() => e.visible, (o) => {
+      const t = !!o;
+      t !== g.value && (g.value = t);
+    }), c(() => e.editMode, (o) => {
+      o && o !== B.value && (B.value = o, E());
+    }), c(() => e.required, (o) => {
+      const t = !!o;
+      t !== _.value && (_.value = t);
+    }), c(() => e.tabIndex, (o) => {
+      var l, n;
+      const t = o === null || o === "" ? null : Number(o);
+      if (t !== C.value) {
+        C.value = t;
+        const i = (n = (l = r.value) == null ? void 0 : l._elements) == null ? void 0 : n.textarea;
+        i && (t == null ? i.removeAttribute("tabIndex") : i.setAttribute("tabIndex", String(t)));
+      }
+    }), c(() => e.class, () => {
+      a();
+    }), c(() => [e.noteModeByDevice, e.toolPosition, e.toolDefaultLine, e.toolToggle], () => a()), c(() => [e.textareaWidth, e.textareaHeight, e.textareaMaxWidth, e.textareaMaxHeight, e.textareaHeightIsModify], () => a()), c(() => [e.placeholderIsVisible, e.placeholderAddTop, e.placeholderAddLeft, e.placeholderWidth, e.placeholderColor, e.placeholderBackgroundColor, e.placeholderTitle, e.placeholderTextContent], () => a()), c(() => [e.attFilePreventTypes, e.attFileAcceptTypes, e.attFileMaxSize, e.attImagePreventTypes, e.attImageAcceptTypes, e.attImageMaxSize], () => a()), c(() => [e.defaultFontSize, e.defaultLineHeight, e.defaultFontFamily, e.defaultToolFontFamily, e.addFontFamily, e.removeFontFamily, e.language, e.recodeLimit], () => a()), c(() => [e.sizeLevelDesktop, e.sizeLevelMobile, e.color, e.invertColor], () => a()), c(() => [e.usingParagraphStyle, e.usingBold, e.usingUnderline, e.usingItalic, e.usingUl, e.usingOl, e.usingTextAlign, e.usingAttLink, e.usingAttFile, e.usingAttImage, e.usingAttVideo, e.usingFontSize, e.usingLetterSpacing, e.usingLineHeight, e.usingFontFamily, e.usingColorText, e.usingColorBack, e.usingFormatClear, e.usingUndo, e.usingRedo, e.usingHelp, e.usingParagraphAllStyle, e.usingCharacterStyle, e.usingCharacterSize, e.usingAttachFile, e.usingDo], () => a()), {
+      editorWrap: k,
+      props: e,
+      bindAttrs: W,
+      responsiveClassList: R,
+      visibleClass: N,
+      requiredClass: M,
+      editModeClass: z
+    };
+  }
+});
+function ge(e, I, m, k, r, d) {
+  return Q(), Z("div", {
+    ref: "editorWrap",
+    class: ee(["hison-note", "hison-wrap", ...e.responsiveClassList, e.visibleClass, e.requiredClass, e.editModeClass]),
+    style: p(e.props.style)
+  }, [
+    te("div", ne({ "data-vanillanote": "" }, e.bindAttrs), null, 16)
+  ], 6);
+}
+const Fe = /* @__PURE__ */ Ce(_e, [["render", ge]]);
+export {
+  Fe as default
+};