@aeriz/wysiwyg 1.0.4 → 2.0.0

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

@@ -0,0 +1,5 @@
+var AerizWysiwygHighlight=function(m){"use strict";const h={lineComment:"//",blockComment:{start:"/*",end:"*/"},stringDelims:['"',"'"]},g=new Set(["abstract","arguments","async","await","break","case","catch","class","const","continue","debugger","default","delete","do","else","enum","export","extends","finally","for","from","function","get","if","implements","import","in","instanceof","interface","let","new","null","of","package","private","protected","public","return","set","static","super","switch","this","throw","true","false","try","typeof","undefined","var","void","while","with","yield"]),S=new Set([...g,"any","as","asserts","boolean","declare","infer","is","keyof","module","namespace","never","number","object","override","readonly","require","satisfies","string","symbol","type","unique","unknown"]),v=new Set(["False","None","True","and","as","assert","async","await","break","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","nonlocal","not","or","pass","raise","return","try","while","with","yield"]),x=new Set(["abs","all","any","bool","dict","enumerate","filter","float","int","isinstance","len","list","map","max","min","open","print","range","set","sorted","str","sum","tuple","type","zip","self","cls"]),y=new Set(["auto","break","case","char","const","continue","default","do","double","else","enum","extern","float","for","goto","if","int","long","register","return","short","signed","sizeof","static","struct","switch","typedef","union","unsigned","void","volatile","while","inline","restrict","_Bool","NULL"]),_=new Set([...y,"class","new","delete","try","catch","throw","template","typename","namespace","using","public","private","protected","virtual","override","this","nullptr","true","false","bool","explicit","friend","mutable","operator","reinterpret_cast","static_cast","dynamic_cast","const_cast","constexpr","decltype","noexcept","final","auto"]),$=new Set(["abstract","async","await","base","bool","break","byte","case","catch","char","checked","class","const","continue","decimal","default","delegate","do","double","else","enum","event","explicit","extern","false","finally","fixed","float","for","foreach","goto","if","implicit","in","int","interface","internal","is","lock","long","namespace","new","null","object","operator","out","override","params","private","protected","public","readonly","ref","return","sbyte","sealed","short","sizeof","stackalloc","static","string","struct","switch","this","throw","true","try","typeof","uint","ulong","unchecked","unsafe","ushort","using","var","virtual","void","volatile","while","yield","record","init","nameof","when"]),O=new Set(["abstract","assert","boolean","break","byte","case","catch","char","class","const","continue","default","do","double","else","enum","extends","final","finally","float","for","goto","if","implements","import","instanceof","int","interface","long","native","new","null","package","private","protected","public","return","short","static","strictfp","super","switch","synchronized","this","throw","throws","transient","true","false","try","void","volatile","while","var","yield","record","sealed","permits","non-sealed"]),A=new Set(["abstract","actual","annotation","as","break","by","catch","class","companion","const","constructor","continue","crossinline","data","do","dynamic","else","enum","expect","external","false","final","finally","for","fun","get","if","import","in","init","inline","inner","interface","internal","is","it","lateinit","null","object","open","operator","out","override","package","private","protected","public","reified","return","sealed","set","super","suspend","tailrec","this","throw","true","try","typealias","typeof","val","var","vararg","when","where","while"]),C=new Set(["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var","true","false","nil","iota"]),D=new Set(["as","async","await","break","const","continue","crate","dyn","else","enum","extern","false","fn","for","if","impl","in","let","loop","match","mod","move","mut","pub","ref","return","self","Self","static","struct","super","trait","true","type","unsafe","use","where","while","box","do","final","macro","override","priv","typeof","unsized","virtual","yield"]),W=new Set(["if","then","else","elif","fi","case","esac","for","while","until","do","done","function","return","select","break","continue","in","echo","export","local","readonly","declare","typeset","unset","eval","exec","source","true","false"]),E=new Set(["select","from","where","insert","update","delete","into","values","set","create","table","drop","alter","index","view","join","inner","left","right","outer","full","cross","on","group","by","order","having","limit","offset","union","all","distinct","as","and","or","not","null","true","false","is","in","between","like","exists","primary","key","foreign","references","unique","default","check","constraint","database","schema","with","case","when","then","else","end","cast","count","sum","avg","min","max","asc","desc"]),R=new Set(["true","false","null"]),b=[{id:"plaintext",label:"Plain Text",keywords:new Set},{id:"javascript",label:"JavaScript",keywords:g,...h,stringDelims:['"',"'","`"]},{id:"typescript",label:"TypeScript",keywords:S,...h,stringDelims:['"',"'","`"]},{id:"python",label:"Python",keywords:v,builtins:x,lineComment:"#",stringDelims:['"',"'"]},{id:"json",label:"JSON",keywords:R,stringDelims:['"']},{id:"html",label:"HTML",keywords:new Set,custom:e=>L(e)},{id:"css",label:"CSS",keywords:new Set,custom:e=>N(e)},{id:"bash",label:"Bash",keywords:W,lineComment:"#",stringDelims:['"',"'"]},{id:"sql",label:"SQL",keywords:E,caseInsensitiveKeywords:!0,lineComment:"--",blockComment:{start:"/*",end:"*/"},stringDelims:['"',"'"]},{id:"markdown",label:"Markdown",keywords:new Set,custom:e=>P(e)},{id:"c",label:"C",keywords:y,...h},{id:"cpp",label:"C++",keywords:_,...h},{id:"csharp",label:"C#",keywords:$,...h},{id:"java",label:"Java",keywords:O,...h},{id:"kotlin",label:"Kotlin",keywords:A,...h},{id:"go",label:"Go",keywords:C,...h},{id:"rust",label:"Rust",keywords:D,...h}],z=(()=>{const e=new Map;for(const t of b)e.set(t.id,t);return e})(),K="plaintext";function Y(e,t){if(!t||t===K)return s(e);const n=z.get(t);return n?n.custom?n.custom(e):T(e,n):s(e)}function T(e,t){var c,a;const n=!!t.caseInsensitiveKeywords;let o="",i=0;const l=e.length;for(;i<l;){if(t.lineComment&&e.startsWith(t.lineComment,i)){const r=e.indexOf(`
+`,i),p=r===-1?l:r;o+=`<span class="hl-comment">${s(e.slice(i,p))}</span>`,i=p;continue}if(t.blockComment&&e.startsWith(t.blockComment.start,i)){const r=e.indexOf(t.blockComment.end,i+t.blockComment.start.length),p=r===-1?l:r+t.blockComment.end.length;o+=`<span class="hl-comment">${s(e.slice(i,p))}</span>`,i=p;continue}const u=(c=t.stringDelims)==null?void 0:c.find(r=>e.startsWith(r,i));if(u){let r=i+u.length;for(;r<l;){const p=e[r]??"";if(p==="\\"){r+=2;continue}if(e.startsWith(u,r)){r+=u.length;break}if(p===`
+`&&u!=="`")break;r++}o+=`<span class="hl-string">${s(e.slice(i,r))}</span>`,i=r;continue}const f=e[i]??"";if(/[0-9]/.test(f)){const r=j.exec(e.slice(i));if(r){o+=`<span class="hl-number">${s(r[0])}</span>`,i+=r[0].length;continue}}if(/[a-zA-Z_$]/.test(f)){let r=i+1;for(;r<l&&/[a-zA-Z0-9_$]/.test(e[r]??"");)r++;const p=e.slice(i,r),k=n?p.toLowerCase():p;if(t.keywords.has(k))o+=`<span class="hl-keyword">${s(p)}</span>`;else if((a=t.builtins)!=null&&a.has(k))o+=`<span class="hl-builtin">${s(p)}</span>`;else{let d=r;for(;d<l&&(e[d]===" "||e[d]==="	");)d++;e[d]==="("?o+=`<span class="hl-fn">${s(p)}</span>`:o+=s(p)}i=r;continue}o+=s(f),i++}return o}const j=/^(0[xX][0-9a-fA-F_]+|0[bB][01_]+|0[oO][0-7_]+|[0-9][0-9_]*(?:\.[0-9_]+)?(?:[eE][-+]?[0-9_]+)?)[a-zA-Z]*/;function L(e){let t="",n=0;const o=e.length;for(;n<o;){if(e.startsWith("<!--",n)){const i=e.indexOf("-->",n+4),l=i===-1?o:i+3;t+=`<span class="hl-comment">${s(e.slice(n,l))}</span>`,n=l;continue}if(e[n]==="<"){const i=e.indexOf(">",n);if(i===-1){t+=s(e.slice(n));break}const l=e.slice(n,i+1);t+=M(l),n=i+1;continue}t+=s(e[n]??""),n++}return t}function M(e){const t=e.slice(1,-1);let n='<span class="hl-punct">&lt;</span>';const o=/^\/?[a-zA-Z][a-zA-Z0-9-]*/.exec(t);if(o){n+=`<span class="hl-tag">${s(o[0])}</span>`;let i=t.slice(o[0].length);const l=/\s+([a-zA-Z_:][a-zA-Z0-9_:.-]*)(\s*=\s*("([^"]*)"|'([^']*)'|([^\s>]+)))?/g;let c=0,a;for(;a=l.exec(i);){n+=s(i.slice(c,a.index)),n+=s(i.slice(a.index,a.index+a[0].indexOf(a[1]??""))),n+=`<span class="hl-attr">${s(a[1]??"")}</span>`;const u=i.slice(a.index+(a[0].indexOf(a[1]??"")+(a[1]??"").length),a.index+a[0].length);if(u.includes("=")){const f=u.indexOf("=");n+=s(u.slice(0,f+1));const r=u.slice(f+1);n+=`<span class="hl-string">${s(r)}</span>`}c=a.index+a[0].length}n+=s(i.slice(c))}else n+=s(t);return n+='<span class="hl-punct">&gt;</span>',n}function N(e){let t="",n=0;const o=e.length;let i=!1;for(;n<o;){if(e.startsWith("/*",n)){const c=e.indexOf("*/",n+2),a=c===-1?o:c+2;t+=`<span class="hl-comment">${s(e.slice(n,a))}</span>`,n=a;continue}const l=e[n]??"";if(l==="{"){i=!0,t+=s(l),n++;continue}if(l==="}"){i=!1,t+=s(l),n++;continue}if(l==='"'||l==="'"){const c=l;let a=n+1;for(;a<o&&e[a]!==c;)e[a]==="\\"?a+=2:a++;a=Math.min(a+1,o),t+=`<span class="hl-string">${s(e.slice(n,a))}</span>`,n=a;continue}if(/[a-zA-Z_-]/.test(l)||l==="@"||l==="#"||l==="."||l===":"){let c=n+1;for(;c<o&&/[a-zA-Z0-9_-]/.test(e[c]??"");)c++;const a=e.slice(n,c);if(l==="@")t+=`<span class="hl-keyword">${s(a)}</span>`;else if(i&&/^[a-zA-Z-]+$/.test(a)){let u=c;for(;u<o&&(e[u]===" "||e[u]==="	");)u++;e[u]===":"?t+=`<span class="hl-prop">${s(a)}</span>`:t+=s(a)}else t+=`<span class="hl-tag">${s(a)}</span>`;n=c;continue}if(/[0-9]/.test(l)){const c=/^[0-9.]+(px|em|rem|%|vh|vw|s|ms|deg|fr)?/.exec(e.slice(n));if(c){t+=`<span class="hl-number">${s(c[0])}</span>`,n+=c[0].length;continue}}t+=s(l),n++}return t}function P(e){return e.split(`
+`).map(Z).join(`
+`)}function Z(e){const t=/^(#{1,6})\s+(.*)$/.exec(e);if(t)return`<span class="hl-keyword">${s(t[1]??"")}</span> <span class="hl-tag">${w(t[2]??"")}</span>`;if(e.startsWith(">"))return`<span class="hl-comment">${s(e)}</span>`;if(e.startsWith("```"))return`<span class="hl-keyword">${s(e)}</span>`;const n=/^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(e);return n?`${n[1]??""}<span class="hl-keyword">${s(n[2]??"")}</span> ${w(n[3]??"")}`:w(e)}function w(e){let t=s(e);return t=t.replace(/\*\*([^*]+)\*\*/g,'<span class="hl-keyword">**$1**</span>'),t=t.replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)","g"),'<span class="hl-string">*$1*</span>'),t=t.replace(/`([^`]+)`/g,'<span class="hl-builtin">`$1`</span>'),t=t.replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<span class="hl-tag">[$1]</span><span class="hl-string">($2)</span>'),t}function s(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}const B={languages:b.map(({id:e,label:t})=>({id:e,label:t})),highlight:Y};return m.highlighter=B,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"}),m}({});

package/dist/aeriz-wysiwyg-jquery.js

@@ -1,28 +1,23 @@
 var AerizWysiwygJQuery = function(exports, wysiwyg) {
   "use strict";
-  function htmlToBlocks(html) {
-    const scratch = document.createElement("div");
-    scratch.innerHTML = html;
-    wysiwyg.normalizeContent(scratch, { writableTail: false });
-    const ids = new wysiwyg.BlockIdRegistry();
-    wysiwyg.assignMissingIds(scratch, ids);
-    return wysiwyg.serializeBlocks(wysiwyg.listBlocks(scratch, (el) => ids.ensure(el)));
-  }
+  const CONTROLLER_PROPS = /* @__PURE__ */ new Set(["value", "onChange", "onStateChange", "onReady", "onDestroy"]);
   function toEditorOptions(element, props, onChange) {
     const options = { element, onChange };
+    for (const [key, value] of Object.entries(props)) {
+      if (value === void 0 || CONTROLLER_PROPS.has(key)) continue;
+      options[key] = value;
+    }
     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;
   }
+  const LIVE_OPTIONS = ["upload", "htmlStyles", "onError"];
+  const REBUILD_OPTIONS = ["locale", "statusBar", "height", "ariaLabel", "fonts", "fontSizes", "highlighter"];
+  function sameValue(a, b) {
+    if (a === b) return true;
+    if (typeof a !== "object" || typeof b !== "object" || !a || !b) return false;
+    return JSON.stringify(a) === JSON.stringify(b);
+  }
   function sameToolbar(a, b) {
     if (a === b) return true;
     if (a === false || b === false || a === void 0 || b === void 0) {
@@ -47,16 +42,11 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
     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 live = liveOptions;
+      for (const key of LIVE_OPTIONS) {
+        if (next[key] === void 0) delete live[key];
+        else live[key] = next[key];
+      }
     };
     const create = (from, html) => {
       var _a;
@@ -86,7 +76,7 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
         if (disposed) return;
         const prev = props;
         props = next;
-        if (next.locale !== prev.locale || !sameToolbar(next.toolbar, prev.toolbar)) {
+        if (!sameToolbar(next.toolbar, prev.toolbar) || REBUILD_OPTIONS.some((key) => !sameValue(next[key], prev[key]))) {
           const carried = next.value ?? editor.getHTML();
           teardown();
           create(next, carried);
@@ -96,6 +86,9 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
         if (next.theme !== prev.theme && next.theme !== void 0) {
           editor.setTheme(next.theme);
         }
+        if (Boolean(next.readOnly) !== Boolean(prev.readOnly)) {
+          editor.setReadOnly(Boolean(next.readOnly));
+        }
         if (next.placeholder !== prev.placeholder) {
           if (next.placeholder === void 0) {
             delete editor.content.dataset.placeholder;
@@ -122,8 +115,8 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
   }
   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.blocks !== void 0) options.initialBlocks = props.blocks;
+    else if (props.html !== void 0) options.initialHTML = props.html;
     if (props.theme !== void 0) options.theme = props.theme;
     if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
     return options;
@@ -149,7 +142,7 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
         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));
+          if (next.html !== viewer.getHTML()) viewer.setHTML(next.html);
         }
       },
       destroy() {
@@ -170,7 +163,7 @@ var AerizWysiwygJQuery = function(exports, wysiwyg) {
       case "getHTML":
         return (controller == null ? void 0 : controller.editor.getHTML()) ?? "";
       case "getBlocks":
-        return (controller == null ? void 0 : controller.editor.serialize()) ?? [];
+        return (controller == null ? void 0 : controller.editor.getBlocks()) ?? [];
       case "setHTML":
         collection.each((_i, el) => {
           var _a;

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

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

package/dist/aeriz-wysiwyg-wc.js

@@ -3,29 +3,24 @@ var AerizWysiwygWC = function(exports, wysiwyg) {
 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, { writableTail: false });
-    const ids = new wysiwyg.BlockIdRegistry();
-    wysiwyg.assignMissingIds(scratch, ids);
-    return wysiwyg.serializeBlocks(wysiwyg.listBlocks(scratch, (el) => ids.ensure(el)));
-  }
+  const CONTROLLER_PROPS = /* @__PURE__ */ new Set(["value", "onChange", "onStateChange", "onReady", "onDestroy"]);
   function toEditorOptions(element, props, onChange) {
     const options = { element, onChange };
+    for (const [key, value] of Object.entries(props)) {
+      if (value === void 0 || CONTROLLER_PROPS.has(key)) continue;
+      options[key] = value;
+    }
     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;
   }
+  const LIVE_OPTIONS = ["upload", "htmlStyles", "onError"];
+  const REBUILD_OPTIONS = ["locale", "statusBar", "height", "ariaLabel", "fonts", "fontSizes", "highlighter"];
+  function sameValue(a, b) {
+    if (a === b) return true;
+    if (typeof a !== "object" || typeof b !== "object" || !a || !b) return false;
+    return JSON.stringify(a) === JSON.stringify(b);
+  }
   function sameToolbar(a, b) {
     if (a === b) return true;
     if (a === false || b === false || a === void 0 || b === void 0) {
@@ -50,16 +45,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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 live = liveOptions;
+      for (const key of LIVE_OPTIONS) {
+        if (next[key] === void 0) delete live[key];
+        else live[key] = next[key];
+      }
     };
     const create = (from, html) => {
       var _a;
@@ -89,7 +79,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (disposed) return;
         const prev = props;
         props = next;
-        if (next.locale !== prev.locale || !sameToolbar(next.toolbar, prev.toolbar)) {
+        if (!sameToolbar(next.toolbar, prev.toolbar) || REBUILD_OPTIONS.some((key) => !sameValue(next[key], prev[key]))) {
           const carried = next.value ?? editor.getHTML();
           teardown();
           create(next, carried);
@@ -99,6 +89,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (next.theme !== prev.theme && next.theme !== void 0) {
           editor.setTheme(next.theme);
         }
+        if (Boolean(next.readOnly) !== Boolean(prev.readOnly)) {
+          editor.setReadOnly(Boolean(next.readOnly));
+        }
         if (next.placeholder !== prev.placeholder) {
           if (next.placeholder === void 0) {
             delete editor.content.dataset.placeholder;
@@ -125,8 +118,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   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.blocks !== void 0) options.initialBlocks = props.blocks;
+    else if (props.html !== void 0) options.initialHTML = props.html;
     if (props.theme !== void 0) options.theme = props.theme;
     if (props.htmlStyles !== void 0) options.htmlStyles = props.htmlStyles;
     return options;
@@ -152,7 +145,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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));
+          if (next.html !== viewer.getHTML()) viewer.setHTML(next.html);
         }
       },
       destroy() {
@@ -204,9 +197,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class AerizEditorElement extends HTMLElement {
     constructor() {
       super();
-      /** 프로퍼티로 설정된 업로드 핸들러. 속성으로는 표현할 수 없다. */
-      __publicField(this, "onImageUpload");
-      __publicField(this, "onFileUpload");
+      // 속성(문자열) 으로 나타낼 수 없는 옵션은 프로퍼티로 준다. 바꾸면 바로 반영된다.
+      __publicField(this, "uploadValue");
+      __publicField(this, "fontsValue");
+      __publicField(this, "highlighterValue");
+      __publicField(this, "fontSizesValue");
       __publicField(this, "controller", null);
       __publicField(this, "internals", null);
       /**
@@ -229,10 +224,43 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         "locale",
         "toolbar",
         "html-styles",
-        "image-upload-url",
-        "file-upload-url"
+        "read-only",
+        "height",
+        "status-bar",
+        "upload-url",
+        "aria-label"
       ];
     }
+    /** 올리기 설정. `upload-url` 속성보다 우선한다 (헤더 · 직접 올리기가 필요할 때). */
+    get upload() {
+      return this.uploadValue;
+    }
+    set upload(value) {
+      this.uploadValue = value;
+      this.applyProps();
+    }
+    /** 코드 블록 색칠기 (`@aeriz/wysiwyg/highlight` 의 `highlighter`). */
+    get highlighter() {
+      return this.highlighterValue;
+    }
+    set highlighter(value) {
+      this.highlighterValue = value;
+      this.applyProps();
+    }
+    get fonts() {
+      return this.fontsValue;
+    }
+    set fonts(value) {
+      this.fontsValue = value;
+      this.applyProps();
+    }
+    get fontSizes() {
+      return this.fontSizesValue;
+    }
+    set fontSizes(value) {
+      this.fontSizesValue = value;
+      this.applyProps();
+    }
     /** 현재 본문 HTML. 설정하면 본문을 교체한다. */
     get value() {
       if (this.controller) return this.controller.editor.getHTML();
@@ -250,7 +278,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /** 블록 상태 스냅샷. */
     getBlocks() {
       var _a;
-      return ((_a = this.controller) == null ? void 0 : _a.editor.serialize()) ?? [];
+      return ((_a = this.controller) == null ? void 0 : _a.editor.getBlocks()) ?? [];
     }
     /** 본문에 캐럿을 둔다. `HTMLElement.focus()` 를 본문 쪽으로 위임한다. */
     focus() {
@@ -298,6 +326,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           this.syncFormValue(html);
           this.dispatchEvent(new CustomEvent("input", { detail: { html }, bubbles: true }));
           this.dispatchEvent(new CustomEvent("change", { detail: { html }, bubbles: true }));
+        },
+        onError: (error, context) => {
+          this.dispatchEvent(new CustomEvent("error", { detail: { error, code: context.code }, bubbles: true }));
         }
       };
       if (this.pendingValue !== void 0) props.value = this.pendingValue;
@@ -313,12 +344,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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;
+      if (this.hasAttribute("read-only")) props.readOnly = true;
+      if (this.getAttribute("status-bar") === "false") props.statusBar = false;
+      const height = this.getAttribute("height");
+      if (height) props.height = /^\d+$/.test(height) ? Number(height) : height;
+      const label = this.getAttribute("aria-label");
+      if (label) props.ariaLabel = label;
+      const uploadUrl = this.getAttribute("upload-url");
+      if (this.uploadValue) props.upload = this.uploadValue;
+      else if (uploadUrl) props.upload = { url: uploadUrl };
+      if (this.fontsValue) props.fonts = this.fontsValue;
+      if (this.highlighterValue) props.highlighter = this.highlighterValue;
+      if (this.fontSizesValue) props.fontSizes = this.fontSizesValue;
       return props;
     }
     syncFormValue(html) {

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

@@ -1 +1 @@
-var AerizWysiwygWC=function(u,s){"use strict";var w=Object.defineProperty;var j=(u,s,m)=>s in u?w(u,s,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[s]=m;var f=(u,s,m)=>j(u,typeof s!="symbol"?s+"":s,m);function m(o){const t=document.createElement("div");t.innerHTML=o,s.normalizeContent(t,{writableTail:!1});const e=new s.BlockIdRegistry;return s.assignMissingIds(t,e),s.serializeBlocks(s.listBlocks(t,l=>e.ensure(l)))}function C(o,t,e){const l={element:o,onChange:e},r=t.value??t.initialHTML;return r!==void 0&&(l.initialHTML=r),t.placeholder!==void 0&&(l.placeholder=t.placeholder),t.toolbar!==void 0&&(l.toolbar=t.toolbar),t.theme!==void 0&&(l.theme=t.theme),t.locale!==void 0&&(l.locale=t.locale),t.htmlStyles!==void 0&&(l.htmlStyles=t.htmlStyles),t.onImageUpload!==void 0&&(l.onImageUpload=t.onImageUpload),t.imageUploadUrl!==void 0&&(l.imageUploadUrl=t.imageUploadUrl),t.onFileUpload!==void 0&&(l.onFileUpload=t.onFileUpload),t.fileUploadUrl!==void 0&&(l.fileUploadUrl=t.fileUploadUrl),l}function V(o,t){return o===t?!0:o===!1||t===!1||o===void 0||t===void 0||o.sticky!==t.sticky||o.items.length!==t.items.length?!1:o.items.every((e,l)=>e===t.items[l])}function L(o,t){let e=t,l="",r=!1,a=!1;const v=i=>{var h;l=i,!r&&((h=e.onChange)==null||h.call(e,i))};let n,c=null,d;const g=i=>{i.onImageUpload===void 0?delete d.onImageUpload:d.onImageUpload=i.onImageUpload,i.imageUploadUrl===void 0?delete d.imageUploadUrl:d.imageUploadUrl=i.imageUploadUrl,i.onFileUpload===void 0?delete d.onFileUpload:d.onFileUpload=i.onFileUpload,i.fileUploadUrl===void 0?delete d.fileUploadUrl:d.fileUploadUrl=i.fileUploadUrl,i.htmlStyles===void 0?delete d.htmlStyles:d.htmlStyles=i.htmlStyles},E=(i,h)=>{var A;const U=h!==void 0?{...i,value:h}:i;d=C(o,U,v),n=new s.AerizEditor(d),l=n.getHTML(),c=n.onStateChange(O=>{var S;return(S=e.onStateChange)==null?void 0:S.call(e,O)}),(A=e.onReady)==null||A.call(e,n)},T=()=>{var i;(i=e.onDestroy)==null||i.call(e,n),c==null||c(),c=null,n.destroy()};return E(e),{get editor(){return n},update(i){if(a)return;const h=e;if(e=i,i.locale!==h.locale||!V(i.toolbar,h.toolbar)){const U=i.value??n.getHTML();T(),E(i,U);return}if(g(i),i.theme!==h.theme&&i.theme!==void 0&&n.setTheme(i.theme),i.placeholder!==h.placeholder&&(i.placeholder===void 0?delete n.content.dataset.placeholder:n.content.dataset.placeholder=i.placeholder),i.value!==void 0&&i.value!==l&&i.value!==n.getHTML()){r=!0;try{n.setHTML(i.value)}finally{r=!1}l=i.value}},destroy(){a||(a=!0,T())}}}function M(o,t){const e={element:o},l=t.blocks??(t.html!==void 0?m(t.html):void 0);return l!==void 0&&(e.initialBlocks=l),t.theme!==void 0&&(e.theme=t.theme),t.htmlStyles!==void 0&&(e.htmlStyles=t.htmlStyles),e}function z(o,t){var v;let e=t,l=!1;const r=M(o,t),a=new s.AerizViewer(r);return(v=e.onReady)==null||v.call(e,a),{viewer:a,update(n){if(l)return;const c=e;e=n,n.theme!==c.theme&&n.theme!==void 0&&a.setTheme(n.theme),n.htmlStyles===void 0?delete r.htmlStyles:r.htmlStyles=n.htmlStyles,n.blocks!==void 0?n.blocks!==c.blocks&&a.setBlocks(n.blocks):n.html!==void 0&&n.html!==c.html&&n.html!==a.getHTML()&&a.setBlocks(m(n.html))},destroy(){var n;l||(l=!0,(n=e.onDestroy)==null||n.call(e,a),a.destroy())}}}const F=["light","dark"],H=["en","ko","ja","zh"];function p(o){return o!==null&&F.includes(o)?o:void 0}function I(o){return o!==null&&H.includes(o)?o:void 0}function B(o){if(o===null)return;const t=o.trim();if(t==="")return;if(t==="false"||t==="none")return!1;if(t.startsWith("{")){try{const l=JSON.parse(t);if(l&&typeof l=="object"&&Array.isArray(l.items))return l}catch{}return}const e=t.split(/[\s,]+/).filter(l=>l.length>0);return e.length>0?{items:e}:void 0}function P(o){const t=o.attachInternals;if(typeof t!="function")return null;try{const e=t.call(o);return typeof e=="object"&&e!==null&&typeof e.setFormValue=="function"?e:null}catch{return null}}class b extends HTMLElement{constructor(){super();f(this,"onImageUpload");f(this,"onFileUpload");f(this,"controller",null);f(this,"internals",null);f(this,"pendingValue");f(this,"currentHTML","");this.internals=P(this)}static get observedAttributes(){return["value","placeholder","theme","locale","toolbar","html-styles","image-upload-url","file-upload-url"]}get value(){return this.controller?this.controller.editor.getHTML():this.pendingValue??this.currentHTML}set value(e){this.pendingValue=e,this.applyProps()}get editor(){var e;return((e=this.controller)==null?void 0:e.editor)??null}getBlocks(){var e;return((e=this.controller)==null?void 0:e.editor.serialize())??[]}focus(){var e;(e=this.controller)==null||e.editor.focus()}connectedCallback(){if(!this.controller){if(this.pendingValue===void 0){const e=this.getAttribute("value");e!==null&&(this.pendingValue=e)}this.controller=L(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:!1}))}}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(e,l,r){e==="value"&&(this.pendingValue=r??""),this.applyProps()}applyProps(){this.controller&&(this.controller.update(this.buildProps()),this.pendingValue=void 0)}buildProps(){const e={onChange:g=>{this.pendingValue=void 0,this.syncFormValue(g),this.dispatchEvent(new CustomEvent("input",{detail:{html:g},bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{html:g},bubbles:!0}))}};this.pendingValue!==void 0&&(e.value=this.pendingValue);const l=this.getAttribute("placeholder");l!==null&&(e.placeholder=l);const r=p(this.getAttribute("theme"));r!==void 0&&(e.theme=r);const a=I(this.getAttribute("locale"));a!==void 0&&(e.locale=a);const v=B(this.getAttribute("toolbar"));v!==void 0&&(e.toolbar=v);const n=this.getAttribute("html-styles");(n==="class"||n==="inline")&&(e.htmlStyles=n);const c=this.getAttribute("image-upload-url");c!==null&&(e.imageUploadUrl=c);const d=this.getAttribute("file-upload-url");return d!==null&&(e.fileUploadUrl=d),this.onImageUpload&&(e.onImageUpload=this.onImageUpload),this.onFileUpload&&(e.onFileUpload=this.onFileUpload),e}syncFormValue(e){var l;this.currentHTML=e,(l=this.internals)==null||l.setFormValue(e)}}f(b,"formAssociated",!0);class y extends HTMLElement{constructor(){super(...arguments);f(this,"controller",null);f(this,"pendingBlocks")}static get observedAttributes(){return["html","theme"]}get blocks(){var e;return((e=this.controller)==null?void 0:e.viewer.getBlocks())??this.pendingBlocks??[]}set blocks(e){var l;this.pendingBlocks=e,(l=this.controller)==null||l.update(this.buildProps())}get viewer(){var e;return((e=this.controller)==null?void 0:e.viewer)??null}connectedCallback(){this.controller||(this.controller=z(this,this.buildProps()),this.dispatchEvent(new CustomEvent("aeriz-ready",{detail:{viewer:this.controller.viewer},bubbles:!1})))}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(){var e;(e=this.controller)==null||e.update(this.buildProps())}buildProps(){const e={};this.pendingBlocks!==void 0&&(e.blocks=this.pendingBlocks);const l=this.getAttribute("html");l!==null&&(e.html=l);const r=p(this.getAttribute("theme"));return r!==void 0&&(e.theme=r),e}}function k(o="aeriz"){if(typeof customElements>"u")return;const t=`${o}-editor`,e=`${o}-viewer`;customElements.get(t)||customElements.define(t,b),customElements.get(e)||customElements.define(e,y)}return k(),u.AerizEditorElement=b,u.AerizViewerElement=y,u.defineAerizElements=k,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),u}({},AerizWysiwyg);
+var AerizWysiwygWC=function(c,f){"use strict";var D=Object.defineProperty;var W=(c,f,v)=>f in c?D(c,f,{enumerable:!0,configurable:!0,writable:!0,value:v}):c[f]=v;var h=(c,f,v)=>W(c,typeof f!="symbol"?f+"":f,v);const v=new Set(["value","onChange","onStateChange","onReady","onDestroy"]);function L(i,t,e){const l={element:i,onChange:e};for(const[n,g]of Object.entries(t))g===void 0||v.has(n)||(l[n]=g);const r=t.value??t.initialHTML;return r!==void 0&&(l.initialHTML=r),l}const C=["upload","htmlStyles","onError"],z=["locale","statusBar","height","ariaLabel","fonts","fontSizes","highlighter"];function O(i,t){return i===t?!0:typeof i!="object"||typeof t!="object"||!i||!t?!1:JSON.stringify(i)===JSON.stringify(t)}function M(i,t){return i===t?!0:i===!1||t===!1||i===void 0||t===void 0||i.sticky!==t.sticky||i.items.length!==t.items.length?!1:i.items.every((e,l)=>e===t.items[l])}function H(i,t){let e=t,l="",r=!1,n=!1;const g=o=>{var u;l=o,!r&&((u=e.onChange)==null||u.call(e,o))};let s,a=null,b;const y=o=>{const u=b;for(const d of C)o[d]===void 0?delete u[d]:u[d]=o[d]},m=(o,u)=>{var T;const d=u!==void 0?{...o,value:u}:o;b=L(i,d,g),s=new f.AerizEditor(b),l=s.getHTML(),a=s.onStateChange(I=>{var A;return(A=e.onStateChange)==null?void 0:A.call(e,I)}),(T=e.onReady)==null||T.call(e,s)},p=()=>{var o;(o=e.onDestroy)==null||o.call(e,s),a==null||a(),a=null,s.destroy()};return m(e),{get editor(){return s},update(o){if(n)return;const u=e;if(e=o,!M(o.toolbar,u.toolbar)||z.some(d=>!O(o[d],u[d]))){const d=o.value??s.getHTML();p(),m(o,d);return}if(y(o),o.theme!==u.theme&&o.theme!==void 0&&s.setTheme(o.theme),!!o.readOnly!=!!u.readOnly&&s.setReadOnly(!!o.readOnly),o.placeholder!==u.placeholder&&(o.placeholder===void 0?delete s.content.dataset.placeholder:s.content.dataset.placeholder=o.placeholder),o.value!==void 0&&o.value!==l&&o.value!==s.getHTML()){r=!0;try{s.setHTML(o.value)}finally{r=!1}l=o.value}},destroy(){n||(n=!0,p())}}}function P(i,t){const e={element:i};return t.blocks!==void 0?e.initialBlocks=t.blocks:t.html!==void 0&&(e.initialHTML=t.html),t.theme!==void 0&&(e.theme=t.theme),t.htmlStyles!==void 0&&(e.htmlStyles=t.htmlStyles),e}function w(i,t){var g;let e=t,l=!1;const r=P(i,t),n=new f.AerizViewer(r);return(g=e.onReady)==null||g.call(e,n),{viewer:n,update(s){if(l)return;const a=e;e=s,s.theme!==a.theme&&s.theme!==void 0&&n.setTheme(s.theme),s.htmlStyles===void 0?delete r.htmlStyles:r.htmlStyles=s.htmlStyles,s.blocks!==void 0?s.blocks!==a.blocks&&n.setBlocks(s.blocks):s.html!==void 0&&s.html!==a.html&&s.html!==n.getHTML()&&n.setHTML(s.html)},destroy(){var s;l||(l=!0,(s=e.onDestroy)==null||s.call(e,n),n.destroy())}}}const B=["light","dark"],R=["en","ko","ja","zh"];function E(i){return i!==null&&B.includes(i)?i:void 0}function j(i){return i!==null&&R.includes(i)?i:void 0}function N(i){if(i===null)return;const t=i.trim();if(t==="")return;if(t==="false"||t==="none")return!1;if(t.startsWith("{")){try{const l=JSON.parse(t);if(l&&typeof l=="object"&&Array.isArray(l.items))return l}catch{}return}const e=t.split(/[\s,]+/).filter(l=>l.length>0);return e.length>0?{items:e}:void 0}function F(i){const t=i.attachInternals;if(typeof t!="function")return null;try{const e=t.call(i);return typeof e=="object"&&e!==null&&typeof e.setFormValue=="function"?e:null}catch{return null}}class V extends HTMLElement{constructor(){super();h(this,"uploadValue");h(this,"fontsValue");h(this,"highlighterValue");h(this,"fontSizesValue");h(this,"controller",null);h(this,"internals",null);h(this,"pendingValue");h(this,"currentHTML","");this.internals=F(this)}static get observedAttributes(){return["value","placeholder","theme","locale","toolbar","html-styles","read-only","height","status-bar","upload-url","aria-label"]}get upload(){return this.uploadValue}set upload(e){this.uploadValue=e,this.applyProps()}get highlighter(){return this.highlighterValue}set highlighter(e){this.highlighterValue=e,this.applyProps()}get fonts(){return this.fontsValue}set fonts(e){this.fontsValue=e,this.applyProps()}get fontSizes(){return this.fontSizesValue}set fontSizes(e){this.fontSizesValue=e,this.applyProps()}get value(){return this.controller?this.controller.editor.getHTML():this.pendingValue??this.currentHTML}set value(e){this.pendingValue=e,this.applyProps()}get editor(){var e;return((e=this.controller)==null?void 0:e.editor)??null}getBlocks(){var e;return((e=this.controller)==null?void 0:e.editor.getBlocks())??[]}focus(){var e;(e=this.controller)==null||e.editor.focus()}connectedCallback(){if(!this.controller){if(this.pendingValue===void 0){const e=this.getAttribute("value");e!==null&&(this.pendingValue=e)}this.controller=H(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:!1}))}}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(e,l,r){e==="value"&&(this.pendingValue=r??""),this.applyProps()}applyProps(){this.controller&&(this.controller.update(this.buildProps()),this.pendingValue=void 0)}buildProps(){const e={onChange:m=>{this.pendingValue=void 0,this.syncFormValue(m),this.dispatchEvent(new CustomEvent("input",{detail:{html:m},bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{html:m},bubbles:!0}))},onError:(m,p)=>{this.dispatchEvent(new CustomEvent("error",{detail:{error:m,code:p.code},bubbles:!0}))}};this.pendingValue!==void 0&&(e.value=this.pendingValue);const l=this.getAttribute("placeholder");l!==null&&(e.placeholder=l);const r=E(this.getAttribute("theme"));r!==void 0&&(e.theme=r);const n=j(this.getAttribute("locale"));n!==void 0&&(e.locale=n);const g=N(this.getAttribute("toolbar"));g!==void 0&&(e.toolbar=g);const s=this.getAttribute("html-styles");(s==="class"||s==="inline")&&(e.htmlStyles=s),this.hasAttribute("read-only")&&(e.readOnly=!0),this.getAttribute("status-bar")==="false"&&(e.statusBar=!1);const a=this.getAttribute("height");a&&(e.height=/^\d+$/.test(a)?Number(a):a);const b=this.getAttribute("aria-label");b&&(e.ariaLabel=b);const y=this.getAttribute("upload-url");return this.uploadValue?e.upload=this.uploadValue:y&&(e.upload={url:y}),this.fontsValue&&(e.fonts=this.fontsValue),this.highlighterValue&&(e.highlighter=this.highlighterValue),this.fontSizesValue&&(e.fontSizes=this.fontSizesValue),e}syncFormValue(e){var l;this.currentHTML=e,(l=this.internals)==null||l.setFormValue(e)}}h(V,"formAssociated",!0);class S extends HTMLElement{constructor(){super(...arguments);h(this,"controller",null);h(this,"pendingBlocks")}static get observedAttributes(){return["html","theme"]}get blocks(){var e;return((e=this.controller)==null?void 0:e.viewer.getBlocks())??this.pendingBlocks??[]}set blocks(e){var l;this.pendingBlocks=e,(l=this.controller)==null||l.update(this.buildProps())}get viewer(){var e;return((e=this.controller)==null?void 0:e.viewer)??null}connectedCallback(){this.controller||(this.controller=w(this,this.buildProps()),this.dispatchEvent(new CustomEvent("aeriz-ready",{detail:{viewer:this.controller.viewer},bubbles:!1})))}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(){var e;(e=this.controller)==null||e.update(this.buildProps())}buildProps(){const e={};this.pendingBlocks!==void 0&&(e.blocks=this.pendingBlocks);const l=this.getAttribute("html");l!==null&&(e.html=l);const r=E(this.getAttribute("theme"));return r!==void 0&&(e.theme=r),e}}function k(i="aeriz"){if(typeof customElements>"u")return;const t=`${i}-editor`,e=`${i}-viewer`;customElements.get(t)||customElements.define(t,V),customElements.get(e)||customElements.define(e,S)}return k(),c.AerizEditorElement=V,c.AerizViewerElement=S,c.defineAerizElements=k,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}),c}({},AerizWysiwyg);