@aeriz/wysiwyg 1.0.2 → 1.0.3

package/dist/aeriz-wysiwyg-jquery.js

@@ -0,0 +1,275 @@
+var AerizWysiwygJQuery = function(exports, wysiwyg) {
+  "use strict";
+  function htmlToBlocks(html) {
+    const scratch = document.createElement("div");
+    scratch.innerHTML = html;
+    wysiwyg.normalizeContent(scratch);
+    const ids = new wysiwyg.BlockIdRegistry();
+    wysiwyg.assignMissingIds(scratch, ids);
+    return wysiwyg.serializeBlocks(wysiwyg.listBlocks(scratch, (el) => ids.ensure(el)));
+  }
+  function toEditorOptions(element, props, onChange) {
+    const options = { element, onChange };
+    const initial = props.value ?? props.initialHTML;
+    if (initial !== void 0) options.initialHTML = initial;
+    if (props.placeholder !== void 0) options.placeholder = props.placeholder;
+    if (props.toolbar !== void 0) options.toolbar = props.toolbar;
+    if (props.theme !== void 0) options.theme = props.theme;
+    if (props.locale !== void 0) options.locale = props.locale;
+    if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
+    if (props.onImageUpload !== void 0) options.onImageUpload = props.onImageUpload;
+    if (props.imageUploadUrl !== void 0) options.imageUploadUrl = props.imageUploadUrl;
+    if (props.onFileUpload !== void 0) options.onFileUpload = props.onFileUpload;
+    if (props.fileUploadUrl !== void 0) options.fileUploadUrl = props.fileUploadUrl;
+    return options;
+  }
+  function sameToolbar(a, b) {
+    if (a === b) return true;
+    if (a === false || b === false || a === void 0 || b === void 0) {
+      return false;
+    }
+    if (a.sticky !== b.sticky) return false;
+    if (a.items.length !== b.items.length) return false;
+    return a.items.every((item, i) => item === b.items[i]);
+  }
+  function createEditorController(host, initialProps) {
+    let props = initialProps;
+    let lastHTML = "";
+    let silent = false;
+    let disposed = false;
+    const emitChange = (html) => {
+      var _a;
+      lastHTML = html;
+      if (silent) return;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, html);
+    };
+    let editor;
+    let unsubscribe = null;
+    let liveOptions;
+    const syncLazyOptions = (next) => {
+      if (next.onImageUpload === void 0) delete liveOptions.onImageUpload;
+      else liveOptions.onImageUpload = next.onImageUpload;
+      if (next.imageUploadUrl === void 0) delete liveOptions.imageUploadUrl;
+      else liveOptions.imageUploadUrl = next.imageUploadUrl;
+      if (next.onFileUpload === void 0) delete liveOptions.onFileUpload;
+      else liveOptions.onFileUpload = next.onFileUpload;
+      if (next.fileUploadUrl === void 0) delete liveOptions.fileUploadUrl;
+      else liveOptions.fileUploadUrl = next.fileUploadUrl;
+      if (next.htmlStyles === void 0) delete liveOptions.htmlStyles;
+      else liveOptions.htmlStyles = next.htmlStyles;
+    };
+    const create = (from, html) => {
+      var _a;
+      const seed = html !== void 0 ? { ...from, value: html } : from;
+      liveOptions = toEditorOptions(host, seed, emitChange);
+      editor = new wysiwyg.AerizEditor(liveOptions);
+      lastHTML = editor.getHTML();
+      unsubscribe = editor.onStateChange((state) => {
+        var _a2;
+        return (_a2 = props.onStateChange) == null ? void 0 : _a2.call(props, state);
+      });
+      (_a = props.onReady) == null ? void 0 : _a.call(props, editor);
+    };
+    const teardown = () => {
+      var _a;
+      (_a = props.onDestroy) == null ? void 0 : _a.call(props, editor);
+      unsubscribe == null ? void 0 : unsubscribe();
+      unsubscribe = null;
+      editor.destroy();
+    };
+    create(props);
+    return {
+      get editor() {
+        return editor;
+      },
+      update(next) {
+        if (disposed) return;
+        const prev = props;
+        props = next;
+        if (next.locale !== prev.locale || !sameToolbar(next.toolbar, prev.toolbar)) {
+          const carried = next.value ?? editor.getHTML();
+          teardown();
+          create(next, carried);
+          return;
+        }
+        syncLazyOptions(next);
+        if (next.theme !== prev.theme && next.theme !== void 0) {
+          editor.setTheme(next.theme);
+        }
+        if (next.placeholder !== prev.placeholder) {
+          if (next.placeholder === void 0) {
+            delete editor.content.dataset.placeholder;
+          } else {
+            editor.content.dataset.placeholder = next.placeholder;
+          }
+        }
+        if (next.value !== void 0 && next.value !== lastHTML && next.value !== editor.getHTML()) {
+          silent = true;
+          try {
+            editor.setHTML(next.value);
+          } finally {
+            silent = false;
+          }
+          lastHTML = next.value;
+        }
+      },
+      destroy() {
+        if (disposed) return;
+        disposed = true;
+        teardown();
+      }
+    };
+  }
+  function toViewerOptions(element, props) {
+    const options = { element };
+    const blocks = props.blocks ?? (props.html !== void 0 ? htmlToBlocks(props.html) : void 0);
+    if (blocks !== void 0) options.initialBlocks = blocks;
+    if (props.theme !== void 0) options.theme = props.theme;
+    if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
+    return options;
+  }
+  function createViewerController(host, initialProps) {
+    var _a;
+    let props = initialProps;
+    let disposed = false;
+    const liveOptions = toViewerOptions(host, initialProps);
+    const viewer = new wysiwyg.AerizViewer(liveOptions);
+    (_a = props.onReady) == null ? void 0 : _a.call(props, viewer);
+    return {
+      viewer,
+      update(next) {
+        if (disposed) return;
+        const prev = props;
+        props = next;
+        if (next.theme !== prev.theme && next.theme !== void 0) {
+          viewer.setTheme(next.theme);
+        }
+        if (next.htmlStyles === void 0) delete liveOptions.htmlStyles;
+        else liveOptions.htmlStyles = next.htmlStyles;
+        if (next.blocks !== void 0) {
+          if (next.blocks !== prev.blocks) viewer.setBlocks(next.blocks);
+        } else if (next.html !== void 0 && next.html !== prev.html) {
+          if (next.html !== viewer.getHTML()) viewer.setBlocks(htmlToBlocks(next.html));
+        }
+      },
+      destroy() {
+        var _a2;
+        if (disposed) return;
+        disposed = true;
+        (_a2 = props.onDestroy) == null ? void 0 : _a2.call(props, viewer);
+        viewer.destroy();
+      }
+    };
+  }
+  const editors = /* @__PURE__ */ new WeakMap();
+  const viewers = /* @__PURE__ */ new WeakMap();
+  function editorCommand(collection, command, args) {
+    const first = collection[0];
+    const controller = first ? editors.get(first) : void 0;
+    switch (command) {
+      case "getHTML":
+        return (controller == null ? void 0 : controller.editor.getHTML()) ?? "";
+      case "getBlocks":
+        return (controller == null ? void 0 : controller.editor.serialize()) ?? [];
+      case "setHTML":
+        collection.each((_i, el) => {
+          var _a;
+          (_a = editors.get(el)) == null ? void 0 : _a.editor.setHTML(String(args[0] ?? ""));
+        });
+        return collection;
+      case "update":
+        collection.each((_i, el) => {
+          var _a;
+          (_a = editors.get(el)) == null ? void 0 : _a.update(args[0] ?? {});
+        });
+        return collection;
+      case "focus":
+        controller == null ? void 0 : controller.editor.focus();
+        return collection;
+      case "instance":
+        return (controller == null ? void 0 : controller.editor) ?? null;
+      case "destroy":
+        collection.each((_i, el) => {
+          const found = editors.get(el);
+          if (!found) return;
+          found.destroy();
+          editors.delete(el);
+        });
+        return collection;
+      default:
+        throw new Error(`aerizEditor: 알 수 없는 명령 "${command}"`);
+    }
+  }
+  function viewerCommand(collection, command, args) {
+    const first = collection[0];
+    const controller = first ? viewers.get(first) : void 0;
+    switch (command) {
+      case "getHTML":
+        return (controller == null ? void 0 : controller.viewer.getHTML()) ?? "";
+      case "getBlocks":
+        return (controller == null ? void 0 : controller.viewer.getBlocks()) ?? [];
+      case "update":
+        collection.each((_i, el) => {
+          var _a;
+          (_a = viewers.get(el)) == null ? void 0 : _a.update(args[0] ?? {});
+        });
+        return collection;
+      case "instance":
+        return (controller == null ? void 0 : controller.viewer) ?? null;
+      case "destroy":
+        collection.each((_i, el) => {
+          const found = viewers.get(el);
+          if (!found) return;
+          found.destroy();
+          viewers.delete(el);
+        });
+        return collection;
+      default:
+        throw new Error(`aerizViewer: 알 수 없는 명령 "${command}"`);
+    }
+  }
+  function editorPlugin(optionsOrCommand, ...args) {
+    if (typeof optionsOrCommand === "string") {
+      return editorCommand(this, optionsOrCommand, args);
+    }
+    const options = optionsOrCommand ?? {};
+    this.each((_i, el) => {
+      const existing = editors.get(el);
+      if (existing) {
+        existing.update(options);
+        return;
+      }
+      editors.set(el, createEditorController(el, options));
+    });
+    return this;
+  }
+  function viewerPlugin(optionsOrCommand, ...args) {
+    if (typeof optionsOrCommand === "string") {
+      return viewerCommand(this, optionsOrCommand, args);
+    }
+    const options = optionsOrCommand ?? {};
+    this.each((_i, el) => {
+      const existing = viewers.get(el);
+      if (existing) {
+        existing.update(options);
+        return;
+      }
+      viewers.set(el, createViewerController(el, options));
+    });
+    return this;
+  }
+  function registerAerizJQuery($) {
+    if (!$ || typeof $.fn !== "object") {
+      throw new TypeError("registerAerizJQuery: jQuery 객체가 필요합니다.");
+    }
+    if (!$.fn.aerizEditor) $.fn.aerizEditor = editorPlugin;
+    if (!$.fn.aerizViewer) $.fn.aerizViewer = viewerPlugin;
+  }
+  const globalJQuery = globalThis.jQuery;
+  if (globalJQuery) {
+    registerAerizJQuery(globalJQuery);
+  }
+  exports.registerAerizJQuery = registerAerizJQuery;
+  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+  return exports;
+}({}, AerizWysiwyg);

package/dist/aeriz-wysiwyg-jquery.min.js

@@ -0,0 +1 @@
+var AerizWysiwygJQuery=function(g,c){"use strict";function U(i){const e=document.createElement("div");e.innerHTML=i,c.normalizeContent(e);const t=new c.BlockIdRegistry;return c.assignMissingIds(e,t),c.serializeBlocks(c.listBlocks(e,o=>t.ensure(o)))}function z(i,e,t){const o={element:i,onChange:t},r=e.value??e.initialHTML;return r!==void 0&&(o.initialHTML=r),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 L(i,e){return i===e?!0:i===!1||e===!1||i===void 0||e===void 0||i.sticky!==e.sticky||i.items.length!==e.items.length?!1:i.items.every((t,o)=>t===e.items[o])}function H(i,e){let t=e,o="",r=!1,d=!1;const s=a=>{var f;o=a,!r&&((f=t.onChange)==null||f.call(t,a))};let l,u=null,n;const Q=a=>{a.onImageUpload===void 0?delete n.onImageUpload:n.onImageUpload=a.onImageUpload,a.imageUploadUrl===void 0?delete n.imageUploadUrl:n.imageUploadUrl=a.imageUploadUrl,a.onFileUpload===void 0?delete n.onFileUpload:n.onFileUpload=a.onFileUpload,a.fileUploadUrl===void 0?delete n.fileUploadUrl:n.fileUploadUrl=a.fileUploadUrl,a.htmlStyles===void 0?delete n.htmlStyles:n.htmlStyles=a.htmlStyles},k=(a,f)=>{var S;const m=f!==void 0?{...a,value:f}:a;n=z(i,m,s),l=new c.AerizEditor(n),o=l.getHTML(),u=l.onStateChange(_=>{var w;return(w=t.onStateChange)==null?void 0:w.call(t,_)}),(S=t.onReady)==null||S.call(t,l)},M=()=>{var a;(a=t.onDestroy)==null||a.call(t,l),u==null||u(),u=null,l.destroy()};return k(t),{get editor(){return l},update(a){if(d)return;const f=t;if(t=a,a.locale!==f.locale||!L(a.toolbar,f.toolbar)){const m=a.value??l.getHTML();M(),k(a,m);return}if(Q(a),a.theme!==f.theme&&a.theme!==void 0&&l.setTheme(a.theme),a.placeholder!==f.placeholder&&(a.placeholder===void 0?delete l.content.dataset.placeholder:l.content.dataset.placeholder=a.placeholder),a.value!==void 0&&a.value!==o&&a.value!==l.getHTML()){r=!0;try{l.setHTML(a.value)}finally{r=!1}o=a.value}},destroy(){d||(d=!0,M())}}}function b(i,e){const t={element:i},o=e.blocks??(e.html!==void 0?U(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 B(i,e){var s;let t=e,o=!1;const r=b(i,e),d=new c.AerizViewer(r);return(s=t.onReady)==null||s.call(t,d),{viewer:d,update(l){if(o)return;const u=t;t=l,l.theme!==u.theme&&l.theme!==void 0&&d.setTheme(l.theme),l.htmlStyles===void 0?delete r.htmlStyles:r.htmlStyles=l.htmlStyles,l.blocks!==void 0?l.blocks!==u.blocks&&d.setBlocks(l.blocks):l.html!==void 0&&l.html!==u.html&&l.html!==d.getHTML()&&d.setBlocks(U(l.html))},destroy(){var l;o||(o=!0,(l=t.onDestroy)==null||l.call(t,d),d.destroy())}}}const h=new WeakMap,v=new WeakMap;function E(i,e,t){const o=i[0],r=o?h.get(o):void 0;switch(e){case"getHTML":return(r==null?void 0:r.editor.getHTML())??"";case"getBlocks":return(r==null?void 0:r.editor.serialize())??[];case"setHTML":return i.each((d,s)=>{var l;(l=h.get(s))==null||l.editor.setHTML(String(t[0]??""))}),i;case"update":return i.each((d,s)=>{var l;(l=h.get(s))==null||l.update(t[0]??{})}),i;case"focus":return r==null||r.editor.focus(),i;case"instance":return(r==null?void 0:r.editor)??null;case"destroy":return i.each((d,s)=>{const l=h.get(s);l&&(l.destroy(),h.delete(s))}),i;default:throw new Error(`aerizEditor: 알 수 없는 명령 "${e}"`)}}function I(i,e,t){const o=i[0],r=o?v.get(o):void 0;switch(e){case"getHTML":return(r==null?void 0:r.viewer.getHTML())??"";case"getBlocks":return(r==null?void 0:r.viewer.getBlocks())??[];case"update":return i.each((d,s)=>{var l;(l=v.get(s))==null||l.update(t[0]??{})}),i;case"instance":return(r==null?void 0:r.viewer)??null;case"destroy":return i.each((d,s)=>{const l=v.get(s);l&&(l.destroy(),v.delete(s))}),i;default:throw new Error(`aerizViewer: 알 수 없는 명령 "${e}"`)}}function A(i,...e){if(typeof i=="string")return E(this,i,e);const t=i??{};return this.each((o,r)=>{const d=h.get(r);if(d){d.update(t);return}h.set(r,H(r,t))}),this}function F(i,...e){if(typeof i=="string")return I(this,i,e);const t=i??{};return this.each((o,r)=>{const d=v.get(r);if(d){d.update(t);return}v.set(r,B(r,t))}),this}function y(i){if(!i||typeof i.fn!="object")throw new TypeError("registerAerizJQuery: jQuery 객체가 필요합니다.");i.fn.aerizEditor||(i.fn.aerizEditor=A),i.fn.aerizViewer||(i.fn.aerizViewer=F)}const T=globalThis.jQuery;return T&&y(T),g.registerAerizJQuery=y,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({},AerizWysiwyg);

package/dist/aeriz-wysiwyg-wc.js

@@ -0,0 +1,401 @@
+var AerizWysiwygWC = function(exports, wysiwyg) {
+  "use strict";var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+  function htmlToBlocks(html) {
+    const scratch = document.createElement("div");
+    scratch.innerHTML = html;
+    wysiwyg.normalizeContent(scratch);
+    const ids = new wysiwyg.BlockIdRegistry();
+    wysiwyg.assignMissingIds(scratch, ids);
+    return wysiwyg.serializeBlocks(wysiwyg.listBlocks(scratch, (el) => ids.ensure(el)));
+  }
+  function toEditorOptions(element, props, onChange) {
+    const options = { element, onChange };
+    const initial = props.value ?? props.initialHTML;
+    if (initial !== void 0) options.initialHTML = initial;
+    if (props.placeholder !== void 0) options.placeholder = props.placeholder;
+    if (props.toolbar !== void 0) options.toolbar = props.toolbar;
+    if (props.theme !== void 0) options.theme = props.theme;
+    if (props.locale !== void 0) options.locale = props.locale;
+    if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
+    if (props.onImageUpload !== void 0) options.onImageUpload = props.onImageUpload;
+    if (props.imageUploadUrl !== void 0) options.imageUploadUrl = props.imageUploadUrl;
+    if (props.onFileUpload !== void 0) options.onFileUpload = props.onFileUpload;
+    if (props.fileUploadUrl !== void 0) options.fileUploadUrl = props.fileUploadUrl;
+    return options;
+  }
+  function sameToolbar(a, b) {
+    if (a === b) return true;
+    if (a === false || b === false || a === void 0 || b === void 0) {
+      return false;
+    }
+    if (a.sticky !== b.sticky) return false;
+    if (a.items.length !== b.items.length) return false;
+    return a.items.every((item, i) => item === b.items[i]);
+  }
+  function createEditorController(host, initialProps) {
+    let props = initialProps;
+    let lastHTML = "";
+    let silent = false;
+    let disposed = false;
+    const emitChange = (html) => {
+      var _a;
+      lastHTML = html;
+      if (silent) return;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, html);
+    };
+    let editor;
+    let unsubscribe = null;
+    let liveOptions;
+    const syncLazyOptions = (next) => {
+      if (next.onImageUpload === void 0) delete liveOptions.onImageUpload;
+      else liveOptions.onImageUpload = next.onImageUpload;
+      if (next.imageUploadUrl === void 0) delete liveOptions.imageUploadUrl;
+      else liveOptions.imageUploadUrl = next.imageUploadUrl;
+      if (next.onFileUpload === void 0) delete liveOptions.onFileUpload;
+      else liveOptions.onFileUpload = next.onFileUpload;
+      if (next.fileUploadUrl === void 0) delete liveOptions.fileUploadUrl;
+      else liveOptions.fileUploadUrl = next.fileUploadUrl;
+      if (next.htmlStyles === void 0) delete liveOptions.htmlStyles;
+      else liveOptions.htmlStyles = next.htmlStyles;
+    };
+    const create = (from, html) => {
+      var _a;
+      const seed = html !== void 0 ? { ...from, value: html } : from;
+      liveOptions = toEditorOptions(host, seed, emitChange);
+      editor = new wysiwyg.AerizEditor(liveOptions);
+      lastHTML = editor.getHTML();
+      unsubscribe = editor.onStateChange((state) => {
+        var _a2;
+        return (_a2 = props.onStateChange) == null ? void 0 : _a2.call(props, state);
+      });
+      (_a = props.onReady) == null ? void 0 : _a.call(props, editor);
+    };
+    const teardown = () => {
+      var _a;
+      (_a = props.onDestroy) == null ? void 0 : _a.call(props, editor);
+      unsubscribe == null ? void 0 : unsubscribe();
+      unsubscribe = null;
+      editor.destroy();
+    };
+    create(props);
+    return {
+      get editor() {
+        return editor;
+      },
+      update(next) {
+        if (disposed) return;
+        const prev = props;
+        props = next;
+        if (next.locale !== prev.locale || !sameToolbar(next.toolbar, prev.toolbar)) {
+          const carried = next.value ?? editor.getHTML();
+          teardown();
+          create(next, carried);
+          return;
+        }
+        syncLazyOptions(next);
+        if (next.theme !== prev.theme && next.theme !== void 0) {
+          editor.setTheme(next.theme);
+        }
+        if (next.placeholder !== prev.placeholder) {
+          if (next.placeholder === void 0) {
+            delete editor.content.dataset.placeholder;
+          } else {
+            editor.content.dataset.placeholder = next.placeholder;
+          }
+        }
+        if (next.value !== void 0 && next.value !== lastHTML && next.value !== editor.getHTML()) {
+          silent = true;
+          try {
+            editor.setHTML(next.value);
+          } finally {
+            silent = false;
+          }
+          lastHTML = next.value;
+        }
+      },
+      destroy() {
+        if (disposed) return;
+        disposed = true;
+        teardown();
+      }
+    };
+  }
+  function toViewerOptions(element, props) {
+    const options = { element };
+    const blocks = props.blocks ?? (props.html !== void 0 ? htmlToBlocks(props.html) : void 0);
+    if (blocks !== void 0) options.initialBlocks = blocks;
+    if (props.theme !== void 0) options.theme = props.theme;
+    if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
+    return options;
+  }
+  function createViewerController(host, initialProps) {
+    var _a;
+    let props = initialProps;
+    let disposed = false;
+    const liveOptions = toViewerOptions(host, initialProps);
+    const viewer = new wysiwyg.AerizViewer(liveOptions);
+    (_a = props.onReady) == null ? void 0 : _a.call(props, viewer);
+    return {
+      viewer,
+      update(next) {
+        if (disposed) return;
+        const prev = props;
+        props = next;
+        if (next.theme !== prev.theme && next.theme !== void 0) {
+          viewer.setTheme(next.theme);
+        }
+        if (next.htmlStyles === void 0) delete liveOptions.htmlStyles;
+        else liveOptions.htmlStyles = next.htmlStyles;
+        if (next.blocks !== void 0) {
+          if (next.blocks !== prev.blocks) viewer.setBlocks(next.blocks);
+        } else if (next.html !== void 0 && next.html !== prev.html) {
+          if (next.html !== viewer.getHTML()) viewer.setBlocks(htmlToBlocks(next.html));
+        }
+      },
+      destroy() {
+        var _a2;
+        if (disposed) return;
+        disposed = true;
+        (_a2 = props.onDestroy) == null ? void 0 : _a2.call(props, viewer);
+        viewer.destroy();
+      }
+    };
+  }
+  const THEMES = ["light", "dark"];
+  const LOCALES = ["en", "ko", "ja", "zh"];
+  function parseTheme(raw) {
+    return raw !== null && THEMES.includes(raw) ? raw : void 0;
+  }
+  function parseLocale(raw) {
+    return raw !== null && LOCALES.includes(raw) ? raw : void 0;
+  }
+  function parseToolbar(raw) {
+    if (raw === null) return void 0;
+    const trimmed = raw.trim();
+    if (trimmed === "") return void 0;
+    if (trimmed === "false" || trimmed === "none") return false;
+    if (trimmed.startsWith("{")) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        if (parsed && typeof parsed === "object" && Array.isArray(parsed.items)) {
+          return parsed;
+        }
+      } catch {
+      }
+      return void 0;
+    }
+    const items = trimmed.split(/[\s,]+/).filter((t) => t.length > 0);
+    return items.length > 0 ? { items } : void 0;
+  }
+  function attachFormInternals(host) {
+    const attach = host.attachInternals;
+    if (typeof attach !== "function") return null;
+    try {
+      const internals = attach.call(host);
+      const usable = typeof internals === "object" && internals !== null && typeof internals.setFormValue === "function";
+      return usable ? internals : null;
+    } catch {
+      return null;
+    }
+  }
+  class AerizEditorElement extends HTMLElement {
+    constructor() {
+      super();
+      /** 프로퍼티로 설정된 업로드 핸들러. 속성으로는 표현할 수 없다. */
+      __publicField(this, "onImageUpload");
+      __publicField(this, "onFileUpload");
+      __publicField(this, "controller", null);
+      __publicField(this, "internals", null);
+      /**
+       * 아직 에디터에 반영되지 않은 **외부에서 지정한** 값.
+       *
+       * 반영이 끝나면 즉시 비운다. 이 값이 남아 있으면 관계없는 속성(`theme` 등) 이
+       * 바뀔 때마다 낡은 값이 `setHTML()` 로 다시 밀려들어가, 모든 블록 id 가
+       * 재발급되고 입력 중이던 캐럿이 문서 맨 앞으로 튄다.
+       */
+      __publicField(this, "pendingValue");
+      /** 에디터가 마지막으로 보고한 본문. 폼 값과 마운트 해제 후 `value` 의 근거. */
+      __publicField(this, "currentHTML", "");
+      this.internals = attachFormInternals(this);
+    }
+    static get observedAttributes() {
+      return [
+        "value",
+        "placeholder",
+        "theme",
+        "locale",
+        "toolbar",
+        "html-styles",
+        "image-upload-url",
+        "file-upload-url"
+      ];
+    }
+    /** 현재 본문 HTML. 설정하면 본문을 교체한다. */
+    get value() {
+      if (this.controller) return this.controller.editor.getHTML();
+      return this.pendingValue ?? this.currentHTML;
+    }
+    set value(next) {
+      this.pendingValue = next;
+      this.applyProps();
+    }
+    /** 코어 인스턴스. 마운트 전에는 `null`. */
+    get editor() {
+      var _a;
+      return ((_a = this.controller) == null ? void 0 : _a.editor) ?? null;
+    }
+    /** 블록 상태 스냅샷. */
+    getBlocks() {
+      var _a;
+      return ((_a = this.controller) == null ? void 0 : _a.editor.serialize()) ?? [];
+    }
+    /** 본문에 캐럿을 둔다. `HTMLElement.focus()` 를 본문 쪽으로 위임한다. */
+    focus() {
+      var _a;
+      (_a = this.controller) == null ? void 0 : _a.editor.focus();
+    }
+    connectedCallback() {
+      if (this.controller) return;
+      if (this.pendingValue === void 0) {
+        const attr = this.getAttribute("value");
+        if (attr !== null) this.pendingValue = attr;
+      }
+      this.controller = createEditorController(this, this.buildProps());
+      this.pendingValue = void 0;
+      this.syncFormValue(this.controller.editor.getHTML());
+      this.dispatchEvent(
+        new CustomEvent("aeriz-ready", {
+          detail: { editor: this.controller.editor },
+          bubbles: false
+        })
+      );
+    }
+    disconnectedCallback() {
+      var _a;
+      (_a = this.controller) == null ? void 0 : _a.destroy();
+      this.controller = null;
+    }
+    attributeChangedCallback(name, _previous, next) {
+      if (name === "value") this.pendingValue = next ?? "";
+      this.applyProps();
+    }
+    /**
+     * 현재 속성·프로퍼티 상태를 컨트롤러에 반영한다.
+     * 반영 직후 pendingValue 를 비워, 다음 갱신에서 같은 값이 되살아나지 않게 한다.
+     */
+    applyProps() {
+      if (!this.controller) return;
+      this.controller.update(this.buildProps());
+      this.pendingValue = void 0;
+    }
+    buildProps() {
+      const props = {
+        onChange: (html) => {
+          this.pendingValue = void 0;
+          this.syncFormValue(html);
+          this.dispatchEvent(new CustomEvent("input", { detail: { html }, bubbles: true }));
+          this.dispatchEvent(new CustomEvent("change", { detail: { html }, bubbles: true }));
+        }
+      };
+      if (this.pendingValue !== void 0) props.value = this.pendingValue;
+      const placeholder = this.getAttribute("placeholder");
+      if (placeholder !== null) props.placeholder = placeholder;
+      const theme = parseTheme(this.getAttribute("theme"));
+      if (theme !== void 0) props.theme = theme;
+      const locale = parseLocale(this.getAttribute("locale"));
+      if (locale !== void 0) props.locale = locale;
+      const toolbar = parseToolbar(this.getAttribute("toolbar"));
+      if (toolbar !== void 0) props.toolbar = toolbar;
+      const htmlStyles = this.getAttribute("html-styles");
+      if (htmlStyles === "class" || htmlStyles === "inline") {
+        props.htmlStyles = htmlStyles;
+      }
+      const imageUrl = this.getAttribute("image-upload-url");
+      if (imageUrl !== null) props.imageUploadUrl = imageUrl;
+      const fileUrl = this.getAttribute("file-upload-url");
+      if (fileUrl !== null) props.fileUploadUrl = fileUrl;
+      if (this.onImageUpload) props.onImageUpload = this.onImageUpload;
+      if (this.onFileUpload) props.onFileUpload = this.onFileUpload;
+      return props;
+    }
+    syncFormValue(html) {
+      var _a;
+      this.currentHTML = html;
+      (_a = this.internals) == null ? void 0 : _a.setFormValue(html);
+    }
+  }
+  /** 폼 연동 대상임을 선언. 미지원 브라우저는 이 필드를 무시한다. */
+  __publicField(AerizEditorElement, "formAssociated", true);
+  class AerizViewerElement extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "controller", null);
+      __publicField(this, "pendingBlocks");
+    }
+    static get observedAttributes() {
+      return ["html", "theme"];
+    }
+    /** 블록 상태를 직접 넣는다. `html` 속성보다 우선한다. */
+    get blocks() {
+      var _a;
+      return ((_a = this.controller) == null ? void 0 : _a.viewer.getBlocks()) ?? this.pendingBlocks ?? [];
+    }
+    set blocks(next) {
+      var _a;
+      this.pendingBlocks = next;
+      (_a = this.controller) == null ? void 0 : _a.update(this.buildProps());
+    }
+    get viewer() {
+      var _a;
+      return ((_a = this.controller) == null ? void 0 : _a.viewer) ?? null;
+    }
+    connectedCallback() {
+      if (this.controller) return;
+      this.controller = createViewerController(this, this.buildProps());
+      this.dispatchEvent(
+        new CustomEvent("aeriz-ready", {
+          detail: { viewer: this.controller.viewer },
+          bubbles: false
+        })
+      );
+    }
+    disconnectedCallback() {
+      var _a;
+      (_a = this.controller) == null ? void 0 : _a.destroy();
+      this.controller = null;
+    }
+    attributeChangedCallback() {
+      var _a;
+      (_a = this.controller) == null ? void 0 : _a.update(this.buildProps());
+    }
+    buildProps() {
+      const props = {};
+      if (this.pendingBlocks !== void 0) props.blocks = this.pendingBlocks;
+      const html = this.getAttribute("html");
+      if (html !== null) props.html = html;
+      const theme = parseTheme(this.getAttribute("theme"));
+      if (theme !== void 0) props.theme = theme;
+      return props;
+    }
+  }
+  function defineAerizElements(prefix = "aeriz") {
+    if (typeof customElements === "undefined") return;
+    const editorTag = `${prefix}-editor`;
+    const viewerTag = `${prefix}-viewer`;
+    if (!customElements.get(editorTag)) {
+      customElements.define(editorTag, AerizEditorElement);
+    }
+    if (!customElements.get(viewerTag)) {
+      customElements.define(viewerTag, AerizViewerElement);
+    }
+  }
+  defineAerizElements();
+  exports.AerizEditorElement = AerizEditorElement;
+  exports.AerizViewerElement = AerizViewerElement;
+  exports.defineAerizElements = defineAerizElements;
+  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+  return exports;
+}({}, AerizWysiwyg);