@aeriz/wysiwyg 1.0.5 → 2.0.0

package/angular/README.md

@@ -88,13 +88,19 @@ export class AppModule {}
 | `toolbar` | `ToolbarConfig \| false` | 툴바 구성. `false` 면 숨김 |
 | `theme` | `'light' \| 'dark'` | 테마 |
 | `locale` | `'en' \| 'ko' \| 'ja' \| 'zh'` | UI 언어 |
-| `imageUploadUrl` | `string` | 이미지 업로드 API URL |
-| `fileUploadUrl` | `string` | 파일 업로드 API URL |
-| `imageUpload` | `(file: File) => Promise<string>` | 직접 업로드 핸들러 |
-| `fileUpload` | `(file: File) => Promise<string>` | 직접 업로드 핸들러 |
+| `htmlStyles` | `'inline' \| 'class'` | 출력 HTML 의 서식 방식 |
+| `readOnly` | `boolean` | 읽기 전용. 폼의 `disable()` 도 이 값으로 이어진다 |
+| `height` | `number \| string` | 에디터 높이 (숫자는 px) |
+| `statusBar` | `boolean` | 아래 상태 표시줄 |
+| `ariaLabel` | `string` | 본문의 접근성 이름 |
+| `upload` | `UploadOptions` | 그림 · 파일 올리기 (`{ url, headers, handler, maxSize }`) |
+| `fonts` | `FontFamily[]` | 글꼴 목록 |
+| `fontSizes` | `number[]` | 글자 크기 목록 (pt) |
+| `highlighter` | `CodeHighlighter` | 코드 색칠기 (`@aeriz/wysiwyg/highlight`) |
 | `(valueChange)` | `string` | 본문 변경 |
 | `(stateChange)` | `EditorState` | 블록/선택 상태 변경 |
 | `(ready)` | `AerizEditor` | 인스턴스 생성 완료 |
+| `(error)` | `{ error, code }` | 올리기 실패 같은 오류 (`code`: `'upload'` · `'paste'`) |
 
 ## 성능 메모
 

package/angular/aeriz-editor.directive.ts

@@ -33,14 +33,17 @@ import type {
   AerizEditor,
   AerizViewer,
   BlockSnapshot,
+  EditorErrorCode,
   EditorState,
+  CodeHighlighter,
+  FontFamily,
   ToolbarConfig,
+  UploadOptions,
 } from '@aeriz/wysiwyg';
 
 type Theme = 'light' | 'dark';
 type Locale = 'en' | 'ko' | 'ja' | 'zh';
 type HtmlStyles = 'inline' | 'class';
-type UploadFn = (file: File) => Promise<string>;
 
 /**
  * 에디터 디렉티브.
@@ -76,21 +79,27 @@ export class AerizEditorDirective
   @Input() locale?: Locale;
   /** `getHTML()` · `(valueChange)` 출력 전략. 기본 `'inline'`. */
   @Input() htmlStyles?: HtmlStyles;
-  @Input() imageUploadUrl?: string;
-  @Input() fileUploadUrl?: string;
-  /** 직접 업로드 핸들러. 설정 시 `imageUploadUrl` 보다 우선한다. */
-  @Input() imageUpload?: UploadFn;
-  @Input() fileUpload?: UploadFn;
+  @Input() statusBar?: boolean;
+  @Input() ariaLabel?: string;
+  /** 읽기 전용. 폼 컨트롤의 `disable()` 도 같은 효과다. */
+  @Input() readOnly?: boolean;
+  @Input() height?: number | string;
+  @Input() upload?: UploadOptions;
+  @Input() fonts?: FontFamily[];
+  @Input() highlighter?: CodeHighlighter;
+  @Input() fontSizes?: number[];
 
   @Output() valueChange = new EventEmitter<string>();
   @Output() stateChange = new EventEmitter<EditorState>();
   @Output() ready = new EventEmitter<AerizEditor>();
+  @Output() error = new EventEmitter<{ error: Error; code: EditorErrorCode }>();
 
   private controller: AerizEditorController | null = null;
   /** 에디터가 들고 있는 값. ngModel / [value] 양쪽의 단일 출처. */
   private current = '';
   private onChangeFn: (value: string) => void = () => undefined;
   private onTouchedFn: () => void = () => undefined;
+  private disabled = false;
 
   constructor(
     private readonly host: ElementRef<HTMLElement>,
@@ -142,10 +151,10 @@ export class AerizEditorDirective
     this.onTouchedFn = fn;
   }
 
+  /** 폼 컨트롤 `disable()` → 읽기 전용. */
   setDisabledState(isDisabled: boolean): void {
-    // 코어에 읽기 전용 모드가 없어 본문 편집 가능 여부만 직접 토글한다.
-    const content = this.controller?.editor.content;
-    if (content) content.contentEditable = isDisabled ? 'false' : 'true';
+    this.disabled = isDisabled;
+    this.controller?.update(this.buildProps());
   }
 
   // ─── 내부 ────────────────────────────────────────────────────────────
@@ -168,16 +177,29 @@ export class AerizEditorDirective
       onReady: (editor: AerizEditor) => {
         this.zone.run(() => this.ready.emit(editor));
       },
+      onError: (error: Error, context: { code: EditorErrorCode }) => {
+        this.zone.run(() => this.error.emit({ error, code: context.code }));
+      },
     };
-    if (this.placeholder !== undefined) props.placeholder = this.placeholder;
-    if (this.toolbar !== undefined) props.toolbar = this.toolbar;
-    if (this.theme !== undefined) props.theme = this.theme;
-    if (this.locale !== undefined) props.locale = this.locale;
-    if (this.htmlStyles !== undefined) props.htmlStyles = this.htmlStyles;
-    if (this.imageUploadUrl !== undefined) props.imageUploadUrl = this.imageUploadUrl;
-    if (this.fileUploadUrl !== undefined) props.fileUploadUrl = this.fileUploadUrl;
-    if (this.imageUpload !== undefined) props.onImageUpload = this.imageUpload;
-    if (this.fileUpload !== undefined) props.onFileUpload = this.fileUpload;
+    // 입력 이름이 곧 에디터 옵션 이름이다 — 다른 프레임워크 어댑터와 같다.
+    const inputs = {
+      placeholder: this.placeholder,
+      toolbar: this.toolbar,
+      theme: this.theme,
+      locale: this.locale,
+      htmlStyles: this.htmlStyles,
+      statusBar: this.statusBar,
+      ariaLabel: this.ariaLabel,
+      readOnly: this.readOnly || this.disabled || undefined,
+      height: this.height,
+      upload: this.upload,
+      fonts: this.fonts,
+      highlighter: this.highlighter,
+      fontSizes: this.fontSizes,
+    };
+    for (const [key, value] of Object.entries(inputs)) {
+      if (value !== undefined) (props as Record<string, unknown>)[key] = value;
+    }
     return props;
   }
 }

package/dist/adapters/jquery.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./shared.cjs"),f=new WeakMap,d=new WeakMap;function c(t,a,s){const n=t[0],e=n?f.get(n):void 0;switch(a){case"getHTML":return(e==null?void 0:e.editor.getHTML())??"";case"getBlocks":return(e==null?void 0:e.editor.serialize())??[];case"setHTML":return t.each((u,i)=>{var r;(r=f.get(i))==null||r.editor.setHTML(String(s[0]??""))}),t;case"update":return t.each((u,i)=>{var r;(r=f.get(i))==null||r.update(s[0]??{})}),t;case"focus":return e==null||e.editor.focus(),t;case"instance":return(e==null?void 0:e.editor)??null;case"destroy":return t.each((u,i)=>{const r=f.get(i);r&&(r.destroy(),f.delete(i))}),t;default:throw new Error(`aerizEditor: 알 수 없는 명령 "${a}"`)}}function y(t,a,s){const n=t[0],e=n?d.get(n):void 0;switch(a){case"getHTML":return(e==null?void 0:e.viewer.getHTML())??"";case"getBlocks":return(e==null?void 0:e.viewer.getBlocks())??[];case"update":return t.each((u,i)=>{var r;(r=d.get(i))==null||r.update(s[0]??{})}),t;case"instance":return(e==null?void 0:e.viewer)??null;case"destroy":return t.each((u,i)=>{const r=d.get(i);r&&(r.destroy(),d.delete(i))}),t;default:throw new Error(`aerizViewer: 알 수 없는 명령 "${a}"`)}}function p(t,...a){if(typeof t=="string")return c(this,t,a);const s=t??{};return this.each((n,e)=>{const u=f.get(e);if(u){u.update(s);return}f.set(e,h.createEditorController(e,s))}),this}function o(t,...a){if(typeof t=="string")return y(this,t,a);const s=t??{};return this.each((n,e)=>{const u=d.get(e);if(u){u.update(s);return}d.set(e,h.createViewerController(e,s))}),this}function w(t){if(!t||typeof t.fn!="object")throw new TypeError("registerAerizJQuery: jQuery 객체가 필요합니다.");t.fn.aerizEditor||(t.fn.aerizEditor=p),t.fn.aerizViewer||(t.fn.aerizViewer=o)}const g=globalThis.jQuery;g&&w(g);exports.registerAerizJQuery=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./shared.cjs"),f=new WeakMap,d=new WeakMap;function c(t,n,s){const a=t[0],e=a?f.get(a):void 0;switch(n){case"getHTML":return(e==null?void 0:e.editor.getHTML())??"";case"getBlocks":return(e==null?void 0:e.editor.getBlocks())??[];case"setHTML":return t.each((u,i)=>{var r;(r=f.get(i))==null||r.editor.setHTML(String(s[0]??""))}),t;case"update":return t.each((u,i)=>{var r;(r=f.get(i))==null||r.update(s[0]??{})}),t;case"focus":return e==null||e.editor.focus(),t;case"instance":return(e==null?void 0:e.editor)??null;case"destroy":return t.each((u,i)=>{const r=f.get(i);r&&(r.destroy(),f.delete(i))}),t;default:throw new Error(`aerizEditor: 알 수 없는 명령 "${n}"`)}}function y(t,n,s){const a=t[0],e=a?d.get(a):void 0;switch(n){case"getHTML":return(e==null?void 0:e.viewer.getHTML())??"";case"getBlocks":return(e==null?void 0:e.viewer.getBlocks())??[];case"update":return t.each((u,i)=>{var r;(r=d.get(i))==null||r.update(s[0]??{})}),t;case"instance":return(e==null?void 0:e.viewer)??null;case"destroy":return t.each((u,i)=>{const r=d.get(i);r&&(r.destroy(),d.delete(i))}),t;default:throw new Error(`aerizViewer: 알 수 없는 명령 "${n}"`)}}function p(t,...n){if(typeof t=="string")return c(this,t,n);const s=t??{};return this.each((a,e)=>{const u=f.get(e);if(u){u.update(s);return}f.set(e,h.createEditorController(e,s))}),this}function o(t,...n){if(typeof t=="string")return y(this,t,n);const s=t??{};return this.each((a,e)=>{const u=d.get(e);if(u){u.update(s);return}d.set(e,h.createViewerController(e,s))}),this}function w(t){if(!t||typeof t.fn!="object")throw new TypeError("registerAerizJQuery: jQuery 객체가 필요합니다.");t.fn.aerizEditor||(t.fn.aerizEditor=p),t.fn.aerizViewer||(t.fn.aerizViewer=o)}const g=globalThis.jQuery;g&&w(g);exports.registerAerizJQuery=w;

package/dist/adapters/jquery.js

@@ -1,12 +1,12 @@
 import { createEditorController as w, createViewerController as h } from "./shared.js";
-const f = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap();
+const f = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap();
 function c(t, n, s) {
   const a = t[0], e = a ? f.get(a) : void 0;
   switch (n) {
     case "getHTML":
       return (e == null ? void 0 : e.editor.getHTML()) ?? "";
     case "getBlocks":
-      return (e == null ? void 0 : e.editor.serialize()) ?? [];
+      return (e == null ? void 0 : e.editor.getBlocks()) ?? [];
     case "setHTML":
       return t.each((u, i) => {
         var r;
@@ -31,7 +31,7 @@ function c(t, n, s) {
   }
 }
 function y(t, n, s) {
-  const a = t[0], e = a ? d.get(a) : void 0;
+  const a = t[0], e = a ? g.get(a) : void 0;
   switch (n) {
     case "getHTML":
       return (e == null ? void 0 : e.viewer.getHTML()) ?? "";
@@ -40,14 +40,14 @@ function y(t, n, s) {
     case "update":
       return t.each((u, i) => {
         var r;
-        (r = d.get(i)) == null || r.update(s[0] ?? {});
+        (r = g.get(i)) == null || r.update(s[0] ?? {});
       }), t;
     case "instance":
       return (e == null ? void 0 : e.viewer) ?? null;
     case "destroy":
       return t.each((u, i) => {
-        const r = d.get(i);
-        r && (r.destroy(), d.delete(i));
+        const r = g.get(i);
+        r && (r.destroy(), g.delete(i));
       }), t;
     default:
       throw new Error(`aerizViewer: 알 수 없는 명령 "${n}"`);
@@ -66,26 +66,26 @@ function p(t, ...n) {
     f.set(e, w(e, s));
   }), this;
 }
-function z(t, ...n) {
+function o(t, ...n) {
   if (typeof t == "string")
     return y(this, t, n);
   const s = t ?? {};
   return this.each((a, e) => {
-    const u = d.get(e);
+    const u = g.get(e);
     if (u) {
       u.update(s);
       return;
     }
-    d.set(e, h(e, s));
+    g.set(e, h(e, s));
   }), this;
 }
-function o(t) {
+function v(t) {
   if (!t || typeof t.fn != "object")
     throw new TypeError("registerAerizJQuery: jQuery 객체가 필요합니다.");
-  t.fn.aerizEditor || (t.fn.aerizEditor = p), t.fn.aerizViewer || (t.fn.aerizViewer = z);
+  t.fn.aerizEditor || (t.fn.aerizEditor = p), t.fn.aerizViewer || (t.fn.aerizViewer = o);
 }
-const g = globalThis.jQuery;
-g && o(g);
+const d = globalThis.jQuery;
+d && v(d);
 export {
-  o as registerAerizJQuery
+  v as registerAerizJQuery
 };

package/dist/adapters/shared.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@aeriz/wysiwyg");function v(a){const e=document.createElement("div");e.innerHTML=a,f.normalizeContent(e,{writableTail:!1});const t=new f.BlockIdRegistry;return f.assignMissingIds(e,t),f.serializeBlocks(f.listBlocks(e,o=>t.ensure(o)))}function T(a,e,t){const o={element:a,onChange:t},n=e.value??e.initialHTML;return n!==void 0&&(o.initialHTML=n),e.placeholder!==void 0&&(o.placeholder=e.placeholder),e.toolbar!==void 0&&(o.toolbar=e.toolbar),e.theme!==void 0&&(o.theme=e.theme),e.locale!==void 0&&(o.locale=e.locale),e.htmlStyles!==void 0&&(o.htmlStyles=e.htmlStyles),e.onImageUpload!==void 0&&(o.onImageUpload=e.onImageUpload),e.imageUploadUrl!==void 0&&(o.imageUploadUrl=e.imageUploadUrl),e.onFileUpload!==void 0&&(o.onFileUpload=e.onFileUpload),e.fileUploadUrl!==void 0&&(o.fileUploadUrl=e.fileUploadUrl),o}function w(a,e){return a===e?!0:a===!1||e===!1||a===void 0||e===void 0||a.sticky!==e.sticky||a.items.length!==e.items.length?!1:a.items.every((t,o)=>t===e.items[o])}function M(a,e){let t=e,o="",n=!1,d=!1;const m=l=>{var s;o=l,!n&&((s=t.onChange)==null||s.call(t,l))};let i,c=null,r;const S=l=>{l.onImageUpload===void 0?delete r.onImageUpload:r.onImageUpload=l.onImageUpload,l.imageUploadUrl===void 0?delete r.imageUploadUrl:r.imageUploadUrl=l.imageUploadUrl,l.onFileUpload===void 0?delete r.onFileUpload:r.onFileUpload=l.onFileUpload,l.fileUploadUrl===void 0?delete r.fileUploadUrl:r.fileUploadUrl=l.fileUploadUrl,l.htmlStyles===void 0?delete r.htmlStyles:r.htmlStyles=l.htmlStyles},u=(l,s)=>{var y;const h=s!==void 0?{...l,value:s}:l;r=T(a,h,m),i=new f.AerizEditor(r),o=i.getHTML(),c=i.onStateChange(k=>{var g;return(g=t.onStateChange)==null?void 0:g.call(t,k)}),(y=t.onReady)==null||y.call(t,i)},U=()=>{var l;(l=t.onDestroy)==null||l.call(t,i),c==null||c(),c=null,i.destroy()};return u(t),{get editor(){return i},update(l){if(d)return;const s=t;if(t=l,l.locale!==s.locale||!w(l.toolbar,s.toolbar)){const h=l.value??i.getHTML();U(),u(l,h);return}if(S(l),l.theme!==s.theme&&l.theme!==void 0&&i.setTheme(l.theme),l.placeholder!==s.placeholder&&(l.placeholder===void 0?delete i.content.dataset.placeholder:i.content.dataset.placeholder=l.placeholder),l.value!==void 0&&l.value!==o&&l.value!==i.getHTML()){n=!0;try{i.setHTML(l.value)}finally{n=!1}o=l.value}},destroy(){d||(d=!0,U())}}}function L(a,e){const t={element:a},o=e.blocks??(e.html!==void 0?v(e.html):void 0);return o!==void 0&&(t.initialBlocks=o),e.theme!==void 0&&(t.theme=e.theme),e.htmlStyles!==void 0&&(t.htmlStyles=e.htmlStyles),t}function C(a,e){var m;let t=e,o=!1;const n=L(a,e),d=new f.AerizViewer(n);return(m=t.onReady)==null||m.call(t,d),{viewer:d,update(i){if(o)return;const c=t;t=i,i.theme!==c.theme&&i.theme!==void 0&&d.setTheme(i.theme),i.htmlStyles===void 0?delete n.htmlStyles:n.htmlStyles=i.htmlStyles,i.blocks!==void 0?i.blocks!==c.blocks&&d.setBlocks(i.blocks):i.html!==void 0&&i.html!==c.html&&i.html!==d.getHTML()&&d.setBlocks(v(i.html))},destroy(){var i;o||(o=!0,(i=t.onDestroy)==null||i.call(t,d),d.destroy())}}}exports.createEditorController=M;exports.createViewerController=C;exports.htmlToBlocks=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@aeriz/wysiwyg"),T=new Set(["value","onChange","onStateChange","onReady","onDestroy"]);function L(i,o,e){const n={element:i,onChange:e};for(const[r,f]of Object.entries(o))f===void 0||T.has(r)||(n[r]=f);const c=o.value??o.initialHTML;return c!==void 0&&(n.initialHTML=c),n}const k=["upload","htmlStyles","onError"],w=["locale","statusBar","height","ariaLabel","fonts","fontSizes","highlighter"];function C(i,o){return i===o?!0:typeof i!="object"||typeof o!="object"||!i||!o?!1:JSON.stringify(i)===JSON.stringify(o)}function M(i,o){return i===o?!0:i===!1||o===!1||i===void 0||o===void 0||i.sticky!==o.sticky||i.items.length!==o.items.length?!1:i.items.every((e,n)=>e===o.items[n])}function H(i,o){let e=o,n="",c=!1,r=!1;const f=l=>{var s;n=l,!c&&((s=e.onChange)==null||s.call(e,l))};let t,d=null,u;const O=l=>{const s=u;for(const a of k)l[a]===void 0?delete s[a]:s[a]=l[a]},h=(l,s)=>{var v;const a=s!==void 0?{...l,value:s}:l;u=L(i,a,f),t=new g.AerizEditor(u),n=t.getHTML(),d=t.onStateChange(S=>{var m;return(m=e.onStateChange)==null?void 0:m.call(e,S)}),(v=e.onReady)==null||v.call(e,t)},y=()=>{var l;(l=e.onDestroy)==null||l.call(e,t),d==null||d(),d=null,t.destroy()};return h(e),{get editor(){return t},update(l){if(r)return;const s=e;if(e=l,!M(l.toolbar,s.toolbar)||w.some(a=>!C(l[a],s[a]))){const a=l.value??t.getHTML();y(),h(l,a);return}if(O(l),l.theme!==s.theme&&l.theme!==void 0&&t.setTheme(l.theme),!!l.readOnly!=!!s.readOnly&&t.setReadOnly(!!l.readOnly),l.placeholder!==s.placeholder&&(l.placeholder===void 0?delete t.content.dataset.placeholder:t.content.dataset.placeholder=l.placeholder),l.value!==void 0&&l.value!==n&&l.value!==t.getHTML()){c=!0;try{t.setHTML(l.value)}finally{c=!1}n=l.value}},destroy(){r||(r=!0,y())}}}function E(i,o){const e={element:i};return o.blocks!==void 0?e.initialBlocks=o.blocks:o.html!==void 0&&(e.initialHTML=o.html),o.theme!==void 0&&(e.theme=o.theme),o.htmlStyles!==void 0&&(e.htmlStyles=o.htmlStyles),e}function R(i,o){var f;let e=o,n=!1;const c=E(i,o),r=new g.AerizViewer(c);return(f=e.onReady)==null||f.call(e,r),{viewer:r,update(t){if(n)return;const d=e;e=t,t.theme!==d.theme&&t.theme!==void 0&&r.setTheme(t.theme),t.htmlStyles===void 0?delete c.htmlStyles:c.htmlStyles=t.htmlStyles,t.blocks!==void 0?t.blocks!==d.blocks&&r.setBlocks(t.blocks):t.html!==void 0&&t.html!==d.html&&t.html!==r.getHTML()&&r.setHTML(t.html)},destroy(){var t;n||(n=!0,(t=e.onDestroy)==null||t.call(e,r),r.destroy())}}}exports.createEditorController=H;exports.createViewerController=R;

package/dist/adapters/shared.js

@@ -1,87 +1,90 @@
-import { AerizViewer as k, AerizEditor as T, normalizeContent as L, BlockIdRegistry as M, assignMissingIds as w, serializeBlocks as H, listBlocks as I } from "@aeriz/wysiwyg";
-function y(a) {
-  const e = document.createElement("div");
-  e.innerHTML = a, L(e, { writableTail: !1 });
-  const t = new M();
-  return w(e, t), H(I(e, (o) => t.ensure(o)));
+import { AerizViewer as S, AerizEditor as L } from "@aeriz/wysiwyg";
+const T = /* @__PURE__ */ new Set(["value", "onChange", "onStateChange", "onReady", "onDestroy"]);
+function k(o, i, e) {
+  const n = { element: o, onChange: e };
+  for (const [r, c] of Object.entries(i))
+    c === void 0 || T.has(r) || (n[r] = c);
+  const f = i.value ?? i.initialHTML;
+  return f !== void 0 && (n.initialHTML = f), n;
 }
-function B(a, e, t) {
-  const o = { element: a, onChange: t }, n = e.value ?? e.initialHTML;
-  return n !== void 0 && (o.initialHTML = n), e.placeholder !== void 0 && (o.placeholder = e.placeholder), e.toolbar !== void 0 && (o.toolbar = e.toolbar), e.theme !== void 0 && (o.theme = e.theme), e.locale !== void 0 && (o.locale = e.locale), e.htmlStyles !== void 0 && (o.htmlStyles = e.htmlStyles), e.onImageUpload !== void 0 && (o.onImageUpload = e.onImageUpload), e.imageUploadUrl !== void 0 && (o.imageUploadUrl = e.imageUploadUrl), e.onFileUpload !== void 0 && (o.onFileUpload = e.onFileUpload), e.fileUploadUrl !== void 0 && (o.fileUploadUrl = e.fileUploadUrl), o;
+const H = ["upload", "htmlStyles", "onError"], M = ["locale", "statusBar", "height", "ariaLabel", "fonts", "fontSizes", "highlighter"];
+function C(o, i) {
+  return o === i ? !0 : typeof o != "object" || typeof i != "object" || !o || !i ? !1 : JSON.stringify(o) === JSON.stringify(i);
 }
-function C(a, e) {
-  return a === e ? !0 : a === !1 || e === !1 || a === void 0 || e === void 0 || a.sticky !== e.sticky || a.items.length !== e.items.length ? !1 : a.items.every((t, o) => t === e.items[o]);
+function w(o, i) {
+  return o === i ? !0 : o === !1 || i === !1 || o === void 0 || i === void 0 || o.sticky !== i.sticky || o.items.length !== i.items.length ? !1 : o.items.every((e, n) => e === i.items[n]);
 }
-function z(a, e) {
-  let t = e, o = "", n = !1, d = !1;
+function E(o, i) {
+  let e = i, n = "", f = !1, r = !1;
   const c = (l) => {
     var s;
-    o = l, !n && ((s = t.onChange) == null || s.call(t, l));
+    n = l, !f && ((s = e.onChange) == null || s.call(e, l));
   };
-  let i, f = null, r;
-  const g = (l) => {
-    l.onImageUpload === void 0 ? delete r.onImageUpload : r.onImageUpload = l.onImageUpload, l.imageUploadUrl === void 0 ? delete r.imageUploadUrl : r.imageUploadUrl = l.imageUploadUrl, l.onFileUpload === void 0 ? delete r.onFileUpload : r.onFileUpload = l.onFileUpload, l.fileUploadUrl === void 0 ? delete r.fileUploadUrl : r.fileUploadUrl = l.fileUploadUrl, l.htmlStyles === void 0 ? delete r.htmlStyles : r.htmlStyles = l.htmlStyles;
-  }, h = (l, s) => {
-    var U;
-    const m = s !== void 0 ? { ...l, value: s } : l;
-    r = B(a, m, c), i = new T(r), o = i.getHTML(), f = i.onStateChange((S) => {
-      var u;
-      return (u = t.onStateChange) == null ? void 0 : u.call(t, S);
-    }), (U = t.onReady) == null || U.call(t, i);
-  }, v = () => {
+  let t, d = null, h;
+  const O = (l) => {
+    const s = h;
+    for (const a of H)
+      l[a] === void 0 ? delete s[a] : s[a] = l[a];
+  }, u = (l, s) => {
+    var v;
+    const a = s !== void 0 ? { ...l, value: s } : l;
+    h = k(o, a, c), t = new L(h), n = t.getHTML(), d = t.onStateChange((g) => {
+      var y;
+      return (y = e.onStateChange) == null ? void 0 : y.call(e, g);
+    }), (v = e.onReady) == null || v.call(e, t);
+  }, m = () => {
     var l;
-    (l = t.onDestroy) == null || l.call(t, i), f == null || f(), f = null, i.destroy();
+    (l = e.onDestroy) == null || l.call(e, t), d == null || d(), d = null, t.destroy();
   };
-  return h(t), {
+  return u(e), {
     get editor() {
-      return i;
+      return t;
     },
     update(l) {
-      if (d) return;
-      const s = t;
-      if (t = l, l.locale !== s.locale || !C(l.toolbar, s.toolbar)) {
-        const m = l.value ?? i.getHTML();
-        v(), h(l, m);
+      if (r) return;
+      const s = e;
+      if (e = l, !w(l.toolbar, s.toolbar) || M.some((a) => !C(l[a], s[a]))) {
+        const a = l.value ?? t.getHTML();
+        m(), u(l, a);
         return;
       }
-      if (g(l), l.theme !== s.theme && l.theme !== void 0 && i.setTheme(l.theme), l.placeholder !== s.placeholder && (l.placeholder === void 0 ? delete i.content.dataset.placeholder : i.content.dataset.placeholder = l.placeholder), l.value !== void 0 && l.value !== o && l.value !== i.getHTML()) {
-        n = !0;
+      if (O(l), l.theme !== s.theme && l.theme !== void 0 && t.setTheme(l.theme), !!l.readOnly != !!s.readOnly && t.setReadOnly(!!l.readOnly), l.placeholder !== s.placeholder && (l.placeholder === void 0 ? delete t.content.dataset.placeholder : t.content.dataset.placeholder = l.placeholder), l.value !== void 0 && l.value !== n && l.value !== t.getHTML()) {
+        f = !0;
         try {
-          i.setHTML(l.value);
+          t.setHTML(l.value);
         } finally {
-          n = !1;
+          f = !1;
         }
-        o = l.value;
+        n = l.value;
       }
     },
     destroy() {
-      d || (d = !0, v());
+      r || (r = !0, m());
     }
   };
 }
-function F(a, e) {
-  const t = { element: a }, o = e.blocks ?? (e.html !== void 0 ? y(e.html) : void 0);
-  return o !== void 0 && (t.initialBlocks = o), e.theme !== void 0 && (t.theme = e.theme), e.htmlStyles !== void 0 && (t.htmlStyles = e.htmlStyles), t;
+function R(o, i) {
+  const e = { element: o };
+  return i.blocks !== void 0 ? e.initialBlocks = i.blocks : i.html !== void 0 && (e.initialHTML = i.html), i.theme !== void 0 && (e.theme = i.theme), i.htmlStyles !== void 0 && (e.htmlStyles = i.htmlStyles), e;
 }
-function O(a, e) {
+function N(o, i) {
   var c;
-  let t = e, o = !1;
-  const n = F(a, e), d = new k(n);
-  return (c = t.onReady) == null || c.call(t, d), {
-    viewer: d,
-    update(i) {
-      if (o) return;
-      const f = t;
-      t = i, i.theme !== f.theme && i.theme !== void 0 && d.setTheme(i.theme), i.htmlStyles === void 0 ? delete n.htmlStyles : n.htmlStyles = i.htmlStyles, i.blocks !== void 0 ? i.blocks !== f.blocks && d.setBlocks(i.blocks) : i.html !== void 0 && i.html !== f.html && i.html !== d.getHTML() && d.setBlocks(y(i.html));
+  let e = i, n = !1;
+  const f = R(o, i), r = new S(f);
+  return (c = e.onReady) == null || c.call(e, r), {
+    viewer: r,
+    update(t) {
+      if (n) return;
+      const d = e;
+      e = t, t.theme !== d.theme && t.theme !== void 0 && r.setTheme(t.theme), t.htmlStyles === void 0 ? delete f.htmlStyles : f.htmlStyles = t.htmlStyles, t.blocks !== void 0 ? t.blocks !== d.blocks && r.setBlocks(t.blocks) : t.html !== void 0 && t.html !== d.html && t.html !== r.getHTML() && r.setHTML(t.html);
     },
     destroy() {
-      var i;
-      o || (o = !0, (i = t.onDestroy) == null || i.call(t, d), d.destroy());
+      var t;
+      n || (n = !0, (t = e.onDestroy) == null || t.call(e, r), r.destroy());
     }
   };
 }
 export {
-  z as createEditorController,
-  O as createViewerController,
-  y as htmlToBlocks
+  E as createEditorController,
+  N as createViewerController
 };

package/dist/adapters/vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),f=require("./shared.cjs"),r=l.defineComponent({name:"AerizEditor",props:{modelValue:{type:String,default:void 0},initialHTML:{type:String,default:void 0},placeholder:{type:String,default:void 0},toolbar:{type:[Object,Boolean],default:void 0},theme:{type:String,default:void 0},locale:{type:String,default:void 0},htmlStyles:{type:String,default:void 0},onImageUpload:{type:Function,default:void 0},imageUploadUrl:{type:String,default:void 0},onFileUpload:{type:Function,default:void 0},fileUploadUrl:{type:String,default:void 0}},emits:{"update:modelValue":e=>typeof e=="string",change:e=>typeof e=="string","state-change":e=>!0,ready:e=>!0},setup(e,{emit:o,expose:u}){const a=l.ref(null);let t=null;const n=()=>{const i={onChange:d=>{o("update:modelValue",d),o("change",d)},onStateChange:d=>o("state-change",d),onReady:d=>o("ready",d)};return e.modelValue!==void 0&&(i.value=e.modelValue),e.initialHTML!==void 0&&(i.initialHTML=e.initialHTML),e.placeholder!==void 0&&(i.placeholder=e.placeholder),e.toolbar!==void 0&&(i.toolbar=e.toolbar),e.theme!==void 0&&(i.theme=e.theme),e.locale!==void 0&&(i.locale=e.locale),e.htmlStyles!==void 0&&(i.htmlStyles=e.htmlStyles),e.onImageUpload!==void 0&&(i.onImageUpload=e.onImageUpload),e.imageUploadUrl!==void 0&&(i.imageUploadUrl=e.imageUploadUrl),e.onFileUpload!==void 0&&(i.onFileUpload=e.onFileUpload),e.fileUploadUrl!==void 0&&(i.fileUploadUrl=e.fileUploadUrl),i};return l.onMounted(()=>{a.value&&(t=f.createEditorController(a.value,n()))}),l.watch(()=>({...e}),()=>t==null?void 0:t.update(n()),{flush:"post"}),l.onBeforeUnmount(()=>{t==null||t.destroy(),t=null}),u({get editor(){return(t==null?void 0:t.editor)??null},getHTML:()=>(t==null?void 0:t.editor.getHTML())??"",setHTML:i=>t==null?void 0:t.editor.setHTML(i),focus:()=>t==null?void 0:t.editor.focus()}),()=>l.h("div",{ref:a})}}),v=l.defineComponent({name:"AerizViewer",props:{blocks:{type:Array,default:void 0},html:{type:String,default:void 0},theme:{type:String,default:void 0},htmlStyles:{type:String,default:void 0}},emits:{ready:e=>!0},setup(e,{emit:o,expose:u}){const a=l.ref(null);let t=null;const n=()=>{const i={onReady:d=>o("ready",d)};return e.blocks!==void 0&&(i.blocks=e.blocks),e.html!==void 0&&(i.html=e.html),e.theme!==void 0&&(i.theme=e.theme),e.htmlStyles!==void 0&&(i.htmlStyles=e.htmlStyles),i};return l.onMounted(()=>{a.value&&(t=f.createViewerController(a.value,n()))}),l.watch(()=>({...e}),()=>t==null?void 0:t.update(n()),{flush:"post"}),l.onBeforeUnmount(()=>{t==null||t.destroy(),t=null}),u({get viewer(){return(t==null?void 0:t.viewer)??null}}),()=>l.h("div",{ref:a})}}),m={install(e){e.component("AerizEditor",r),e.component("AerizViewer",v)}};exports.AerizEditor=r;exports.AerizViewer=v;exports.AerizWysiwygPlugin=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),s=require("./shared.cjs"),f=d.defineComponent({name:"AerizEditor",props:{modelValue:{type:String,default:void 0},initialHTML:{type:String,default:void 0},placeholder:{type:String,default:void 0},toolbar:{type:[Object,Boolean],default:void 0},theme:{type:String,default:void 0},locale:{type:String,default:void 0},htmlStyles:{type:String,default:void 0},statusBar:{type:Boolean,default:void 0},ariaLabel:{type:String,default:void 0},readOnly:{type:Boolean,default:void 0},height:{type:[Number,String],default:void 0},upload:{type:Object,default:void 0},fonts:{type:Array,default:void 0},highlighter:{type:Object,default:void 0},fontSizes:{type:Array,default:void 0}},emits:{"update:modelValue":t=>typeof t=="string",change:t=>typeof t=="string","state-change":t=>!0,ready:t=>!0,error:(t,a)=>!0},setup(t,{emit:a,expose:l}){const n=d.ref(null);let e=null;const r=()=>{const o={onChange:i=>{a("update:modelValue",i),a("change",i)},onStateChange:i=>a("state-change",i),onReady:i=>a("ready",i),onError:(i,u)=>a("error",i,u)};for(const[i,u]of Object.entries(t))u===void 0||i==="modelValue"||(o[i]=u);return t.modelValue!==void 0&&(o.value=t.modelValue),o};return d.onMounted(()=>{n.value&&(e=s.createEditorController(n.value,r()))}),d.watch(()=>({...t}),()=>e==null?void 0:e.update(r()),{flush:"post"}),d.onBeforeUnmount(()=>{e==null||e.destroy(),e=null}),l({get editor(){return(e==null?void 0:e.editor)??null},getHTML:()=>(e==null?void 0:e.editor.getHTML())??"",setHTML:o=>e==null?void 0:e.editor.setHTML(o),focus:()=>e==null?void 0:e.editor.focus()}),()=>d.h("div",{ref:n})}}),y=d.defineComponent({name:"AerizViewer",props:{blocks:{type:Array,default:void 0},html:{type:String,default:void 0},theme:{type:String,default:void 0},htmlStyles:{type:String,default:void 0}},emits:{ready:t=>!0},setup(t,{emit:a,expose:l}){const n=d.ref(null);let e=null;const r=()=>{const o={onReady:i=>a("ready",i)};return t.blocks!==void 0&&(o.blocks=t.blocks),t.html!==void 0&&(o.html=t.html),t.theme!==void 0&&(o.theme=t.theme),t.htmlStyles!==void 0&&(o.htmlStyles=t.htmlStyles),o};return d.onMounted(()=>{n.value&&(e=s.createViewerController(n.value,r()))}),d.watch(()=>({...t}),()=>e==null?void 0:e.update(r()),{flush:"post"}),d.onBeforeUnmount(()=>{e==null||e.destroy(),e=null}),l({get viewer(){return(e==null?void 0:e.viewer)??null}}),()=>d.h("div",{ref:n})}}),v={install(t){t.component("AerizEditor",f),t.component("AerizViewer",y)}};exports.AerizEditor=f;exports.AerizViewer=y;exports.AerizWysiwygPlugin=v;

package/dist/adapters/vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, ref as f, onMounted as m, watch as v, onBeforeUnmount as r, h as y } from "vue";
-import { createEditorController as h, createViewerController as g } from "./shared.js";
-const U = u({
+import { defineComponent as l, ref as f, onMounted as y, watch as s, onBeforeUnmount as v, h } from "vue";
+import { createEditorController as g, createViewerController as m } from "./shared.js";
+const p = l({
   name: "AerizEditor",
   props: {
     /** `v-model` 바인딩 값 (HTML). */
@@ -17,48 +17,56 @@ const U = u({
     locale: { type: String, default: void 0 },
     /** `getHTML()` · `onChange` 출력 전략. 기본 `'inline'`. */
     htmlStyles: { type: String, default: void 0 },
-    onImageUpload: { type: Function, default: void 0 },
-    imageUploadUrl: { type: String, default: void 0 },
-    onFileUpload: { type: Function, default: void 0 },
-    fileUploadUrl: { type: String, default: void 0 }
+    statusBar: { type: Boolean, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
+    readOnly: { type: Boolean, default: void 0 },
+    height: { type: [Number, String], default: void 0 },
+    upload: { type: Object, default: void 0 },
+    fonts: { type: Array, default: void 0 },
+    highlighter: { type: Object, default: void 0 },
+    fontSizes: { type: Array, default: void 0 }
   },
   emits: {
-    "update:modelValue": (e) => typeof e == "string",
-    change: (e) => typeof e == "string",
-    "state-change": (e) => !0,
-    ready: (e) => !0
+    "update:modelValue": (t) => typeof t == "string",
+    change: (t) => typeof t == "string",
+    "state-change": (t) => !0,
+    ready: (t) => !0,
+    error: (t, o) => !0
   },
-  setup(e, { emit: a, expose: n }) {
-    const d = f(null);
-    let t = null;
-    const o = () => {
-      const i = {
-        onChange: (l) => {
-          a("update:modelValue", l), a("change", l);
+  setup(t, { emit: o, expose: n }) {
+    const a = f(null);
+    let e = null;
+    const u = () => {
+      const d = {
+        onChange: (i) => {
+          o("update:modelValue", i), o("change", i);
         },
-        onStateChange: (l) => a("state-change", l),
-        onReady: (l) => a("ready", l)
+        onStateChange: (i) => o("state-change", i),
+        onReady: (i) => o("ready", i),
+        onError: (i, r) => o("error", i, r)
       };
-      return e.modelValue !== void 0 && (i.value = e.modelValue), e.initialHTML !== void 0 && (i.initialHTML = e.initialHTML), e.placeholder !== void 0 && (i.placeholder = e.placeholder), e.toolbar !== void 0 && (i.toolbar = e.toolbar), e.theme !== void 0 && (i.theme = e.theme), e.locale !== void 0 && (i.locale = e.locale), e.htmlStyles !== void 0 && (i.htmlStyles = e.htmlStyles), e.onImageUpload !== void 0 && (i.onImageUpload = e.onImageUpload), e.imageUploadUrl !== void 0 && (i.imageUploadUrl = e.imageUploadUrl), e.onFileUpload !== void 0 && (i.onFileUpload = e.onFileUpload), e.fileUploadUrl !== void 0 && (i.fileUploadUrl = e.fileUploadUrl), i;
+      for (const [i, r] of Object.entries(t))
+        r === void 0 || i === "modelValue" || (d[i] = r);
+      return t.modelValue !== void 0 && (d.value = t.modelValue), d;
     };
-    return m(() => {
-      d.value && (t = h(d.value, o()));
-    }), v(
-      () => ({ ...e }),
-      () => t == null ? void 0 : t.update(o()),
+    return y(() => {
+      a.value && (e = g(a.value, u()));
+    }), s(
+      () => ({ ...t }),
+      () => e == null ? void 0 : e.update(u()),
       { flush: "post" }
-    ), r(() => {
-      t == null || t.destroy(), t = null;
+    ), v(() => {
+      e == null || e.destroy(), e = null;
     }), n({
       get editor() {
-        return (t == null ? void 0 : t.editor) ?? null;
+        return (e == null ? void 0 : e.editor) ?? null;
       },
-      getHTML: () => (t == null ? void 0 : t.editor.getHTML()) ?? "",
-      setHTML: (i) => t == null ? void 0 : t.editor.setHTML(i),
-      focus: () => t == null ? void 0 : t.editor.focus()
-    }), () => y("div", { ref: d });
+      getHTML: () => (e == null ? void 0 : e.editor.getHTML()) ?? "",
+      setHTML: (d) => e == null ? void 0 : e.editor.setHTML(d),
+      focus: () => e == null ? void 0 : e.editor.focus()
+    }), () => h("div", { ref: a });
   }
-}), S = u({
+}), S = l({
   name: "AerizViewer",
   props: {
     /** 표시할 블록 상태. `html` 보다 우선한다. */
@@ -73,38 +81,38 @@ const U = u({
     htmlStyles: { type: String, default: void 0 }
   },
   emits: {
-    ready: (e) => !0
+    ready: (t) => !0
   },
-  setup(e, { emit: a, expose: n }) {
-    const d = f(null);
-    let t = null;
-    const o = () => {
-      const i = {
-        onReady: (l) => a("ready", l)
+  setup(t, { emit: o, expose: n }) {
+    const a = f(null);
+    let e = null;
+    const u = () => {
+      const d = {
+        onReady: (i) => o("ready", i)
       };
-      return e.blocks !== void 0 && (i.blocks = e.blocks), e.html !== void 0 && (i.html = e.html), e.theme !== void 0 && (i.theme = e.theme), e.htmlStyles !== void 0 && (i.htmlStyles = e.htmlStyles), i;
+      return t.blocks !== void 0 && (d.blocks = t.blocks), t.html !== void 0 && (d.html = t.html), t.theme !== void 0 && (d.theme = t.theme), t.htmlStyles !== void 0 && (d.htmlStyles = t.htmlStyles), d;
     };
-    return m(() => {
-      d.value && (t = g(d.value, o()));
-    }), v(
-      () => ({ ...e }),
-      () => t == null ? void 0 : t.update(o()),
+    return y(() => {
+      a.value && (e = m(a.value, u()));
+    }), s(
+      () => ({ ...t }),
+      () => e == null ? void 0 : e.update(u()),
       { flush: "post" }
-    ), r(() => {
-      t == null || t.destroy(), t = null;
+    ), v(() => {
+      e == null || e.destroy(), e = null;
     }), n({
       get viewer() {
-        return (t == null ? void 0 : t.viewer) ?? null;
+        return (e == null ? void 0 : e.viewer) ?? null;
       }
-    }), () => y("div", { ref: d });
+    }), () => h("div", { ref: a });
   }
-}), b = {
-  install(e) {
-    e.component("AerizEditor", U), e.component("AerizViewer", S);
+}), A = {
+  install(t) {
+    t.component("AerizEditor", p), t.component("AerizViewer", S);
   }
 };
 export {
-  U as AerizEditor,
+  p as AerizEditor,
   S as AerizViewer,
-  b as AerizWysiwygPlugin
+  A as AerizWysiwygPlugin
 };

package/dist/adapters/vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared.cjs");function r(e,t){e.$watch(()=>({...e.$props}),t,{deep:!1})}const l={name:"AerizEditor",props:{value:{type:String,default:void 0},initialHTML:{type:String,default:void 0},placeholder:{type:String,default:void 0},toolbar:{type:[Object,Boolean],default:void 0},theme:{type:String,default:void 0},locale:{type:String,default:void 0},htmlStyles:{type:String,default:void 0},onImageUpload:{type:Function,default:void 0},imageUploadUrl:{type:String,default:void 0},onFileUpload:{type:Function,default:void 0},fileUploadUrl:{type:String,default:void 0}},data(){return{aerizController:null}},methods:{aerizProps(){const e=this.$props,t={onChange:i=>{this.$emit("input",i),this.$emit("change",i)},onStateChange:i=>this.$emit("state-change",i),onReady:i=>this.$emit("ready",i)};return e.value!==void 0&&(t.value=e.value),e.initialHTML!==void 0&&(t.initialHTML=e.initialHTML),e.placeholder!==void 0&&(t.placeholder=e.placeholder),e.toolbar!==void 0&&(t.toolbar=e.toolbar),e.theme!==void 0&&(t.theme=e.theme),e.locale!==void 0&&(t.locale=e.locale),e.htmlStyles!==void 0&&(t.htmlStyles=e.htmlStyles),e.onImageUpload!==void 0&&(t.onImageUpload=e.onImageUpload),e.imageUploadUrl!==void 0&&(t.imageUploadUrl=e.imageUploadUrl),e.onFileUpload!==void 0&&(t.onFileUpload=e.onFileUpload),e.fileUploadUrl!==void 0&&(t.fileUploadUrl=e.fileUploadUrl),t},getEditor(){var e;return((e=this.aerizController)==null?void 0:e.editor)??null},getHTML(){var e;return((e=this.aerizController)==null?void 0:e.editor.getHTML())??""},setHTML(e){var t;(t=this.aerizController)==null||t.editor.setHTML(e)},focus(){var e;(e=this.aerizController)==null||e.editor.focus()}},mounted(){this.aerizController=o.createEditorController(this.$el,this.aerizProps()),r(this,()=>{var e;return(e=this.aerizController)==null?void 0:e.update(this.aerizProps())})},beforeDestroy(){var e;(e=this.aerizController)==null||e.destroy(),this.aerizController=null},render(e){return e("div")}},a={name:"AerizViewer",props:{blocks:{type:Array,default:void 0},html:{type:String,default:void 0},theme:{type:String,default:void 0},htmlStyles:{type:String,default:void 0}},data(){return{aerizController:null}},methods:{aerizProps(){const e=this.$props,t={onReady:i=>this.$emit("ready",i)};return e.blocks!==void 0&&(t.blocks=e.blocks),e.html!==void 0&&(t.html=e.html),e.theme!==void 0&&(t.theme=e.theme),e.htmlStyles!==void 0&&(t.htmlStyles=e.htmlStyles),t},getViewer(){var e;return((e=this.aerizController)==null?void 0:e.viewer)??null}},mounted(){this.aerizController=o.createViewerController(this.$el,this.aerizProps()),r(this,()=>{var e;return(e=this.aerizController)==null?void 0:e.update(this.aerizProps())})},beforeDestroy(){var e;(e=this.aerizController)==null||e.destroy(),this.aerizController=null},render(e){return e("div")}},d={install(e){e.component("AerizEditor",l),e.component("AerizViewer",a)}};exports.AerizEditor=l;exports.AerizViewer=a;exports.AerizWysiwygPlugin=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared.cjs");function l(e,t){e.$watch(()=>({...e.$props}),t,{deep:!1})}const n={name:"AerizEditor",props:{value:{type:String,default:void 0},initialHTML:{type:String,default:void 0},placeholder:{type:String,default:void 0},toolbar:{type:[Object,Boolean],default:void 0},theme:{type:String,default:void 0},locale:{type:String,default:void 0},htmlStyles:{type:String,default:void 0},statusBar:{type:Boolean,default:void 0},ariaLabel:{type:String,default:void 0},readOnly:{type:Boolean,default:void 0},height:{type:[Number,String],default:void 0},upload:{type:Object,default:void 0},fonts:{type:Array,default:void 0},highlighter:{type:Object,default:void 0},fontSizes:{type:Array,default:void 0}},data(){return{aerizController:null}},methods:{aerizProps(){const e=this.$props,t={onChange:r=>{this.$emit("input",r),this.$emit("change",r)},onStateChange:r=>this.$emit("state-change",r),onReady:r=>this.$emit("ready",r),onError:(r,i)=>this.$emit("error",r,i)};for(const[r,i]of Object.entries(e))i!==void 0&&(t[r]=i);return t},getEditor(){var e;return((e=this.aerizController)==null?void 0:e.editor)??null},getHTML(){var e;return((e=this.aerizController)==null?void 0:e.editor.getHTML())??""},setHTML(e){var t;(t=this.aerizController)==null||t.editor.setHTML(e)},focus(){var e;(e=this.aerizController)==null||e.editor.focus()}},mounted(){this.aerizController=o.createEditorController(this.$el,this.aerizProps()),l(this,()=>{var e;return(e=this.aerizController)==null?void 0:e.update(this.aerizProps())})},beforeDestroy(){var e;(e=this.aerizController)==null||e.destroy(),this.aerizController=null},render(e){return e("div")}},a={name:"AerizViewer",props:{blocks:{type:Array,default:void 0},html:{type:String,default:void 0},theme:{type:String,default:void 0},htmlStyles:{type:String,default:void 0}},data(){return{aerizController:null}},methods:{aerizProps(){const e=this.$props,t={onReady:r=>this.$emit("ready",r)};return e.blocks!==void 0&&(t.blocks=e.blocks),e.html!==void 0&&(t.html=e.html),e.theme!==void 0&&(t.theme=e.theme),e.htmlStyles!==void 0&&(t.htmlStyles=e.htmlStyles),t},getViewer(){var e;return((e=this.aerizController)==null?void 0:e.viewer)??null}},mounted(){this.aerizController=o.createViewerController(this.$el,this.aerizProps()),l(this,()=>{var e;return(e=this.aerizController)==null?void 0:e.update(this.aerizProps())})},beforeDestroy(){var e;(e=this.aerizController)==null||e.destroy(),this.aerizController=null},render(e){return e("div")}},s={install(e){e.component("AerizEditor",n),e.component("AerizViewer",a)}};exports.AerizEditor=n;exports.AerizViewer=a;exports.AerizWysiwygPlugin=s;