fable-editor 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/angular/esm2022/core/editor.mjs +2 -1
  2. package/dist/angular/fesm2022/fable-editor.mjs +1 -0
  3. package/dist/angular/fesm2022/fable-editor.mjs.map +1 -1
  4. package/dist/core/editor.css +1 -1
  5. package/dist/core/editor.d.ts.map +1 -1
  6. package/dist/core/index.cjs +1 -1
  7. package/dist/core/index.mjs +1 -1
  8. package/dist/react/index.cjs +1 -1
  9. package/dist/react/index.mjs +1 -1
  10. package/package.json +1 -1
  11. package/style.css +1 -1
package/dist/react/index.cjs CHANGED
@@ -33,7 +33,7 @@ React keys must be passed directly to JSX without using spread:
33
33
  <span class="grip">
34
34
  <svg viewBox="0 0 12 12"><path d="M11 1 1 11M11 6 6 11M11 11h0"/></svg>
35
35
  </span>
36
- `,this.sbHelp=this.statusbar.querySelector(".mid"),this.sbWords=this.statusbar.querySelector(".words");const e=this.statusbar.querySelector(".grip");this.bindGrip(e),this.shell.appendChild(this.menubar),this.shell.appendChild(this.toolbar),this.shell.appendChild(this.ed),this.shell.appendChild(this.statusbar),this.contentStyle&&(this.contentStyleEl=document.createElement("style"),this.contentStyleEl.textContent=this.scopeContentStyle(this.contentStyle),this.shell.appendChild(this.contentStyleEl)),t.appendChild(this.shell),Ci(),this.options.statusbar||(this.statusbar.style.display="none"),this.imgInput=document.createElement("input"),this.imgInput.type="file",this.imgInput.accept=this.options.imageFileTypes.join(","),this.imgInput.style.display="none",t.appendChild(this.imgInput),this.vidInput=document.createElement("input"),this.vidInput.type="file",this.vidInput.accept=this.options.videoFileTypes.join(","),this.vidInput.style.display="none",t.appendChild(this.vidInput),this.docInput=document.createElement("input"),this.docInput.type="file",this.docInput.accept=".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",this.docInput.style.display="none",t.appendChild(this.docInput)}applyTheme(t){const e=document.documentElement;t.primaryColor&&e.style.setProperty("--fable-primary",t.primaryColor),t.toolbarGroupBackground&&e.style.setProperty("--fable-tgrp-bg",t.toolbarGroupBackground),t.uiFontFamily&&e.style.setProperty("--fable-ui-font",t.uiFontFamily)}scopeContentStyle(t){return t.replace(/\bbody\b/g,"."+this.contentClass)}bindGrip(t){let e=0,i=0;const s=n=>{e=n.clientY,i=this.ed.offsetHeight,n.preventDefault();const l=o=>{this.ed.style.height=Math.max(120,i+o.clientY-e)+"px"},r=()=>{window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",r)};window.addEventListener("mousemove",l),window.addEventListener("mouseup",r)};t.addEventListener("mousedown",s),this.listeners.push(()=>t.removeEventListener("mousedown",s))}bindEvents(){if(this.onDoc("mousedown",t=>{this.openPop&&!this.openPop.contains(t.target)&&!this.popAnchor.contains(t.target)&&!(this.openSubEl&&this.openSubEl.contains(t.target))&&this.closePop()}),this.onDoc("keydown",t=>{t.key==="Escape"&&(this.closePop(),this.closeDlg())}),this.onDoc("selectionchange",()=>{const t=window.getSelection();t&&this.ed.contains(t.anchorNode)?(this.saveSel(),this.refreshState(),this.updateSelToolbar(t),this.positionCellMarker()):this.clearSelToolbar()}),this.on(this.ed,"input",()=>{this.refreshState(),this.onChange(),this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx()}),this.on(this.ed,"keydown",t=>{t.altKey&&t.key==="0"&&(t.preventDefault(),this.helpDlg()),(t.key==="Delete"||t.key==="Backspace")&&this.phActive&&(t.preventDefault(),this.removeImgPlaceholder()),(t.key==="Delete"||t.key==="Backspace")&&this.vphActive&&(t.preventDefault(),this.removeVphPlaceholder()),t.key==="`"&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&this.tryCodeTyping(t),t.key==="Enter"&&!t.shiftKey&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&this.tryExitBlockquote(t)}),this.on(this.ed,"paste",t=>this.handlePaste(t)),this.on(this.ed,"drop",t=>{var n,l,r,o;t.preventDefault();const e=t.target,i=(n=e.closest)==null?void 0:n.call(e,".img-ph:not(.vid-ph)");if(i&&this.ed.contains(i)&&!this.options.readonly){const c=Array.from(((l=t.dataTransfer)==null?void 0:l.files)||[]).find(d=>d.type.startsWith("image/"));c&&this.readImageFileInto(c,i);return}const s=(r=e.closest)==null?void 0:r.call(e,".vid-ph");if(s&&this.ed.contains(s)&&!this.options.readonly){const c=Array.from(((o=t.dataTransfer)==null?void 0:o.files)||[]).find(d=>d.type.startsWith("video/"));c&&this.readVideoFileInto(c,s)}}),this.on(this.ed,"dragover",t=>t.preventDefault()),this.on(this.ed,"mousedown",t=>{var d,u,m,b,y,g,x;const e=t.target,i=(d=e.closest)==null?void 0:d.call(e,"table");i&&this.ed.contains(i)?this.selectTableForResize(i):this.clearTableHandles();const s=(u=e.closest)==null?void 0:u.call(e,".img-ph:not(.vid-ph)");s&&this.ed.contains(s)&&!this.options.readonly?(t.preventDefault(),this.ed.focus(),this.selectImgPlaceholder(s)):this.clearImgPlaceholderSel();const n=(m=e.closest)==null?void 0:m.call(e,".vid-ph");n&&this.ed.contains(n)&&!this.options.readonly?(t.preventDefault(),this.ed.focus(),this.selectVphPlaceholder(n)):this.clearVphPlaceholderSel();const l=(b=e.closest)==null?void 0:b.call(e,".tpl");l&&this.ed.contains(l)&&!this.options.readonly?this.selectTemplate(l):this.clearTplSel();const r=(y=e.closest)==null?void 0:y.call(e,"pre.code-block");r&&this.ed.contains(r)&&!this.options.readonly?(t.preventDefault(),this.selectCodeEl(r)):this.clearCodeSel();const o=(g=e.closest)==null?void 0:g.call(e,"img");o&&this.ed.contains(o)&&!this.options.readonly?(t.preventDefault(),this.selectImage(o)):this.clearImageHandles();const c=(x=e.closest)==null?void 0:x.call(e,"video, .video-embed");c&&this.ed.contains(c)&&!this.options.readonly?(t.preventDefault(),this.selectVideo(c)):this.clearVidHandles()}),this.on(this.ed,"mouseover",t=>{var i,s;if(this.options.readonly)return;const e=(s=(i=t.target).closest)==null?void 0:s.call(i,"img");e&&this.ed.contains(e)&&(this.cancelImgHide(),this.selectImage(e))}),this.on(this.ed,"mouseout",t=>{var s,n,l,r;const e=(n=(s=t.target).closest)==null?void 0:n.call(s,"img");if(!e)return;const i=t.relatedTarget;i&&((l=this.imgCtx)!=null&&l.contains(i)||this.imgHandles.some(o=>o.contains(i))||((r=i.closest)==null?void 0:r.call(i,"img"))===e)||this.scheduleImgHide()}),this.on(this.ed,"scroll",()=>{this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx()}),this.onWin("scroll",()=>{this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx(),this.repositionSelToolbar()},!0),this.onWin("resize",()=>{this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx(),this.repositionSelToolbar(),this.updateToolbarOverflow()}),typeof ResizeObserver<"u"){const t=new ResizeObserver(()=>this.updateToolbarOverflow());t.observe(this.shell),this.listeners.push(()=>t.disconnect())}this.on(this.imgInput,"change",()=>{var s;const t=(s=this.imgInput.files)==null?void 0:s[0];if(!t)return;const e=this.phUploadTarget;if(this.phUploadTarget=null,e&&this.ed.contains(e)){this.readImageFileInto(t,e);return}const i=new FileReader;i.onload=()=>{this.restoreSel(),document.execCommand("insertHTML",!1,`<img src="${i.result}" title="${t.name.replace(/"/g,"")}" alt="">`),this.onChange()},i.readAsDataURL(t)}),this.on(this.vidInput,"change",()=>{var s;const t=(s=this.vidInput.files)==null?void 0:s[0];if(!t)return;const e=this.vphUploadTarget;if(this.vphUploadTarget=null,e&&this.ed.contains(e)){this.readVideoFileInto(t,e);return}const i=new FileReader;i.onload=()=>{this.restoreSel(),document.execCommand("insertHTML",!1,`<video controls src="${i.result}" title="${t.name.replace(/"/g,"")}"></video>`),this.onChange()},i.readAsDataURL(t)}),this.on(this.docInput,"change",()=>{var e;const t=(e=this.docInput.files)==null?void 0:e[0];t&&this.importWordFile(t).catch(()=>alert(this.t("importfail")))}),this.onDoc("mousedown",t=>{this.ed.contains(t.target)||t.target===this.tblCorner||this.tblColBars.includes(t.target)||this.tblCtx&&this.tblCtx.contains(t.target)||this.imgHandles.includes(t.target)||this.imgCtx&&this.imgCtx.contains(t.target)||this.phCtx&&this.phCtx.contains(t.target)||this.tplCtx&&this.tplCtx.contains(t.target)||this.selCtx&&this.selCtx.contains(t.target)||this.vphCtx&&this.vphCtx.contains(t.target)||this.vidCtx&&this.vidCtx.contains(t.target)||this.codeCtx&&this.codeCtx.contains(t.target)||this.openPop&&this.openPop.contains(t.target)||this.openSubEl&&this.openSubEl.contains(t.target)||(this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar())})}on(t,e,i){t.addEventListener(e,i),this.listeners.push(()=>t.removeEventListener(e,i))}onDoc(t,e){document.addEventListener(t,e),this.listeners.push(()=>document.removeEventListener(t,e))}onWin(t,e,i){window.addEventListener(t,e,i),this.listeners.push(()=>window.removeEventListener(t,e,i))}getContent(){return this.ed.innerHTML}getContentForEmail(){const t=(l,r)=>{const o=(l.getAttribute("style")||"").trim();l.setAttribute("style",o?o.replace(/;?$/,"; ")+r:r)},e=document.createElement("div");e.innerHTML=this.ed.innerHTML;let i=null;e.querySelectorAll("[dir]").forEach(l=>{const r=(l.getAttribute("dir")||"").toLowerCase();if(r!=="rtl"&&r!=="ltr")return;const o=r;i||(i=o),/text-align\s*:/i.test(l.getAttribute("style")||"")||t(l,`text-align:${o==="rtl"?"right":"left"}`)}),e.querySelectorAll(Ei).forEach(l=>{const r=(l.getAttribute("dir")||"").toLowerCase();if(r==="rtl"||r==="ltr")return;const o=Si(ce(l));if(!o)return;i||(i=o),l.setAttribute("dir",o);const c=/text-align\s*:/i.test(l.getAttribute("style")||"");t(l,c?`direction:${o}`:`direction:${o};text-align:${o==="rtl"?"right":"left"}`)});const s=i||this.ed.getAttribute("dir")||this.dir();return e.querySelectorAll("table:not([dir])").forEach(l=>{l.setAttribute("dir",s),/direction\s*:/i.test(l.getAttribute("style")||"")||t(l,`direction:${s}`)}),`<div dir="${s}" style="direction:${s};text-align:${s==="rtl"?"right":"left"}">${e.innerHTML}</div>`}setContent(t){this.ed.innerHTML=t||"<p><br></p>",this.refreshState(),this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar(),this.onChange()}insertContent(t){this.restoreSel(),document.execCommand("insertHTML",!1,t),this.saveSel(),this.refreshState(),this.onChange()}setLanguage(t){this.lang=t,this.initUI()}focus(){this.ed.focus()}async importWordFile(t){const e=await gi(t);this.recordRevision(),this.setContent(e),this.recordRevision()}restoreDraft(){let t=null;try{t=localStorage.getItem(this.draftStorageKey)}catch{}if(!t)return!1;try{const e=JSON.parse(t);return e.html?(this.recordRevision(),this.setContent(e.html),!0):!1}catch{return!1}}getRevisions(){return this.revisions.slice()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.revTimer!=null&&window.clearTimeout(this.revTimer),this.draftTimer!=null&&window.clearTimeout(this.draftTimer),this.closePop(),this.closeDlg(),this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar(),this.listeners.forEach(t=>t()),this.listeners=[],this.shell&&this.shell.parentNode&&this.shell.parentNode.removeChild(this.shell),this.imgInput&&this.imgInput.parentNode&&this.imgInput.parentNode.removeChild(this.imgInput),this.vidInput&&this.vidInput.parentNode&&this.vidInput.parentNode.removeChild(this.vidInput),this.docInput&&this.docInput.parentNode&&this.docInput.parentNode.removeChild(this.docInput),this.contentStyleEl=null)}saveSel(){const t=window.getSelection();t&&t.rangeCount&&this.ed.contains(t.anchorNode)&&(this.savedRange=t.getRangeAt(0).cloneRange())}restoreSel(){if(!this.savedRange){this.ed.focus();return}this.ed.focus();const t=window.getSelection();t&&(t.removeAllRanges(),t.addRange(this.savedRange))}exec(t,e){this.restoreSel(),document.execCommand("styleWithCSS",!1,t!=="fontSize"?"true":"false"),document.execCommand(t,!1,e??void 0),this.saveSel(),this.refreshState(),this.onChange()}closestBlock(t){for(;t&&t!==this.ed;){if(t.nodeType===1&&/^(P|DIV|H[1-6]|LI|PRE|BLOCKQUOTE|TD|TH)$/i.test(t.tagName))return t;t=t.parentNode}return null}tryExitBlockquote(t){const e=window.getSelection();if(!e||!e.isCollapsed||!e.anchorNode||!this.ed.contains(e.anchorNode))return;const i=this.closestBlock(e.anchorNode);if(!i||i.tagName==="BLOCKQUOTE"||(i.textContent||"").trim()!=="")return;const s=i.closest("blockquote");if(!s||!this.ed.contains(s)||i!==s.lastElementChild)return;t.preventDefault();const n=document.createElement("p");n.appendChild(document.createElement("br")),s.after(n),i.remove(),s.firstElementChild||s.remove();const l=document.createRange();l.setStart(n,0),l.collapse(!0),e.removeAllRanges(),e.addRange(l),this.saveSel(),this.onChange()}selectedBlocks(){const t=window.getSelection();if(!t||!t.rangeCount||!this.ed.contains(t.anchorNode))return[];const e=t.getRangeAt(0),i=Array.from(this.ed.querySelectorAll("p,h1,h2,h3,h4,h5,h6,li,pre,blockquote,td,th")).filter(s=>e.intersectsNode(s));if(!i.length){const s=this.closestBlock(t.anchorNode);if(s)return[s]}return i}onChange(){this.options.onChange(this.ed.innerHTML),this.scheduleRevision(),this.scheduleDraftSave()}recordRevision(){const t=this.ed.innerHTML,e=this.revisions[this.revisions.length-1];e&&e.html===t||(this.revisions.push({time:Date.now(),html:t}),this.revisions.length>30&&this.revisions.shift())}scheduleRevision(){this.revTimer!=null&&window.clearTimeout(this.revTimer),this.revTimer=window.setTimeout(()=>{this.revTimer=null,this.recordRevision()},1500)}scheduleDraftSave(){this.draftTimer!=null&&window.clearTimeout(this.draftTimer),this.draftTimer=window.setTimeout(()=>{this.draftTimer=null;try{localStorage.setItem(this.draftStorageKey,JSON.stringify({time:Date.now(),html:this.ed.innerHTML}))}catch{}},800)}revisionDlg(){this.recordRevision(),this.dialog(this.t("revhistory"),t=>{if(!this.revisions.length){t.innerHTML=`<p style="color:#556">${this.t("revempty")}</p>`;return}const e=document.createElement("div");e.className="revwrap";const i=document.createElement("div");i.className="revlist";const s=document.createElement("div");s.className="revprev";const n=document.createElement("button");n.type="button",n.className="revrestore",n.textContent=this.t("restore");let l=this.revisions.length-1;const r=new Intl.DateTimeFormat(this.lang==="ar"?"ar-AE":"en-GB",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),o={},c=d=>{l=d,this.revisions.forEach((u,m)=>{var b;return(b=o[m])==null?void 0:b.classList.toggle("on",m===d)}),s.innerHTML=this.revisions[d].html,n.disabled=d===this.revisions.length-1};for(let d=this.revisions.length-1;d>=0;d--){const u=this.revisions[d],m=document.createElement("button");m.type="button";const b=(new DOMParser().parseFromString(u.html,"text/html").body.textContent||"").trim(),y=b?b.split(/\s+/).length:0,g=d===this.revisions.length-1;m.innerHTML=`<span>${g?this.t("currentver"):r.format(new Date(u.time))}</span><span class="wc">${y} ${this.t("words")}</span>`,m.addEventListener("click",()=>c(d)),o[d]=m,i.appendChild(m)}i.append(n),n.addEventListener("click",()=>{const d=this.revisions[l];d&&(this.recordRevision(),this.setContent(d.html),this.recordRevision(),this.closeDlg())}),e.append(i,s),t.appendChild(e),c(l)})}closeSub(){var t;(t=this.openSubEl)==null||t.remove(),this.openSubEl=null}closePop(){var t;this.closeSub(),this.openPop&&(this.openPop.remove(),this.openPop=null,(t=this.popAnchor)==null||t.classList.remove("open"),this.popAnchor=null,this.setOpTarget(null))}openSubFor(t,e){this.closeSub();const i=document.createElement("div");i.className="pop sub",i.dir=this.dir(),t.subBuild?t.subBuild(i):t.sub&&this.menuItems(i,t.sub),i.addEventListener("mousedown",o=>{o.target.tagName!=="INPUT"&&o.preventDefault()}),document.body.appendChild(i);const s=e.getBoundingClientRect();let l=this.dir()==="rtl"?s.left-i.offsetWidth+2:s.right-2;l=Math.max(8,Math.min(l+scrollX,scrollX+innerWidth-i.offsetWidth-8));let r=s.top+scrollY-6;r=Math.max(8+scrollY,Math.min(r,scrollY+innerHeight-i.offsetHeight-8)),i.style.left=l+"px",i.style.top=r+"px",this.openSubEl=i}popup(t,e,i){if(this.openPop&&this.popAnchor===t){this.closePop();return}this.closePop();const s=document.createElement("div");s.className="pop"+(i?" "+i:""),s.dir=this.dir(),e(s),document.body.appendChild(s);const n=t.getBoundingClientRect();s.style.minWidth=Math.max(160,Math.round(n.width))+"px",s.style.top=n.bottom+scrollY+2+"px";let r=this.dir()==="rtl"?n.right-s.offsetWidth:n.left;r=Math.max(8,Math.min(r+scrollX,scrollX+innerWidth-s.offsetWidth-8)),s.style.left=r+"px",s.addEventListener("mousedown",o=>{o.target.tagName!=="INPUT"&&o.preventDefault()}),this.openPop=s,this.popAnchor=t,t.classList.add("open")}menuItems(t,e){e.forEach(i=>{if(i==="|"){t.insertAdjacentHTML("beforeend",'<div class="sep"></div>');return}const s=!!(i.sub||i.subBuild),n=document.createElement("button");n.className="mi"+(i.on?" on":""),n.innerHTML=`<span class="ic">${i.icon||""}</span><span class="prev" ${i.previewStyle?`style="${i.previewStyle}"`:""}>${i.label}</span>${i.shortcut?`<span class="sc">${i.shortcut}</span>`:""}${s?`<span class="subarrow">${h.chev}</span>`:""}`,n.addEventListener("click",()=>{i.action&&(this.closePop(),i.action())}),n.addEventListener("mouseenter",()=>{var l;s?this.openSubFor(i,n):this.openSubEl&&t!==this.openSubEl&&this.closeSub(),(l=i.hover)==null||l.call(i,!0)}),n.addEventListener("mouseleave",()=>{var l;return(l=i.hover)==null?void 0:l.call(i,!1)}),t.appendChild(n)})}tbtn(t,e,i,s){const n=document.createElement("button");return n.className="tbtn",n.type="button",n.title=e,n.innerHTML=t,s&&(n.dataset.id=s),n.addEventListener("mousedown",l=>l.preventDefault()),n.addEventListener("click",i),n}stepBtn(t){const e=t>0?"+":"−",i=t>0?h.fontsizeup:h.fontsizedown,s=this.tbtn(i,this.t("fontsize")+" "+e,()=>this.stepFontSize(t));return s.addEventListener("mousedown",()=>this.saveSel()),s}menuTbtn(t,e,i,s){const n=this.tbtn(t,e,()=>i(n),s);return n.classList.add("hasmenu"),n.insertAdjacentHTML("beforeend",h.chev),n.addEventListener("mousedown",()=>this.saveSel()),n}colorChips(){const t=s=>{const n=document.createElement("button");return n.type="button",n.className="cchip",n.title=s,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n},e=Qe.map(s=>{const n=t(this.t("forecolor"));return n.style.background=s,n.addEventListener("click",()=>this.applyColor("fore",s)),n}),i=t(this.t("forecolor"));return i.classList.add("more"),i.dataset.cb="fore",i.innerHTML=h.chev,i.addEventListener("click",()=>this.colorMenu(i,"fore")),[...e,i]}group(...t){const e=document.createElement("div");return e.className="tgrp",t.forEach(i=>{i.classList.add("gbtn"),e.appendChild(i)}),e}tsel(t,e,i,s){const n=document.createElement("button");return n.className="tsel "+t,n.type="button",n.dataset.id=e,n.innerHTML=`<span class="lbl empty">${i||""}</span>${h.chev}`,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n.addEventListener("click",()=>s(n)),n}setListStyle(t,e){var n,l;this.restoreSel();const i=window.getSelection();if(!i)return;let s=(n=this.closestBlock(i.anchorNode))==null?void 0:n.closest(t);s||(this.exec(t==="ol"?"insertOrderedList":"insertUnorderedList"),s=(l=this.closestBlock(i.anchorNode))==null?void 0:l.closest(t)),s&&(s.style.listStyleType=e),this.saveSel(),this.onChange()}listMenu(t,e){var c;const i=e==="ol"?"insertOrderedList":"insertUnorderedList",s=e==="ol"?[["lower-alpha",h.ol_alpha],["lower-roman",h.ol_roman],["upper-alpha",h.ol_alphau],["upper-roman",h.ol_romanu]]:[["circle",h.ul_circle],["square",h.ul_square]],n=this.tArr(e==="ol"?"liststyles_ol":"liststyles_ul").slice(1),l=window.getSelection(),r=l?(c=this.closestBlock(l.anchorNode))==null?void 0:c.closest(e):null,o=r?r.style.listStyleType:"";this.popup(t,d=>{this.menuItems(d,[{label:this.t(e==="ol"?"numlist":"bullist"),icon:e==="ol"?h.numlist:h.bullist,on:document.queryCommandState(i),action:()=>this.exec(i)}]),d.insertAdjacentHTML("beforeend",'<div class="sep"></div>');const u=document.createElement("div");u.className="mi-grid",s.forEach(([m,b],y)=>{const g=document.createElement("button");g.className="mi"+(o===m?" on":""),g.innerHTML=`<span class="ic">${b}</span><span class="prev">${n[y]}</span>`,g.addEventListener("click",()=>{this.closePop(),this.setListStyle(e,m)}),u.appendChild(g)}),d.appendChild(u)})}buildPaletteInto(t,e,i){const s=document.createElement("div");s.className="cpal",Ge.forEach(u=>{const m=document.createElement("button");m.type="button",m.style.background=u,m.title=u,m.addEventListener("click",()=>{this.closePop(),i(u)}),s.appendChild(m)}),t.appendChild(s),t.insertAdjacentHTML("beforeend",'<div class="sep"></div>');const n=document.createElement("div");n.className="cfoot";const l=/^#[0-9a-f]{6}$/i.test(e)?e:"#000000",r=document.createElement("div");r.className="cswatch cur",r.title=this.t("currentcolor"),r.style.background=l,r.innerHTML=h.check;const o=document.createElement("button");o.type="button",o.className="cswatch nocolor",o.title=this.t("removecolor"),o.addEventListener("click",()=>{this.closePop(),i(null)});const c=document.createElement("label");c.className="cswatch cwheel",c.title=this.t("customcolor"),c.innerHTML=h.palette;const d=document.createElement("input");d.type="color",d.value=l,d.addEventListener("change",()=>{this.closePop(),i(d.value)}),c.appendChild(d),n.append(r,o,c),t.appendChild(n)}colorMenu(t,e){this.popup(t,i=>{const s=e==="fore"?this.foreColor:this.backColor;this.buildPaletteInto(i,s,n=>this.applyColor(e,n))},e==="fore"?"pop-forecolor":"pop-backcolor")}applyColor(t,e){t==="fore"?(this.foreColor=e||"#000000",this.exec("foreColor",e||"#000000")):(this.backColor=e||"transparent",this.exec("hiliteColor",e||"transparent")),this.syncColorSwatches(this.toolbar),this.selCtx&&this.syncColorSwatches(this.selCtx)}syncColorSwatches(t){t.querySelectorAll("[data-cb=fore]").forEach(e=>e.style.background=this.foreColor),t.querySelectorAll("[data-cb=back]").forEach(e=>e.style.background=this.backColor)}fontItems(){return this.options.fontFamilyFormats.map(([t,e])=>({label:t,previewStyle:`font-family:${e}`,on:this.currentFont()===t,action:()=>this.exec("fontName",e)}))}fontMenu(t){this.popup(t,e=>this.menuItems(e,this.fontItems()))}sizeItems(){return ze.map(t=>({label:t,on:this.currentSize()===t,action:()=>this.applyFontSize(t)}))}sizeMenu(t){this.popup(t,e=>this.menuItems(e,this.sizeItems()))}ensureSizeTarget(){const t=window.getSelection();if(!t)return;if(!t.rangeCount){const l=document.createRange();l.selectNodeContents(this.ed),l.collapse(!0),t.addRange(l)}if(!t.isCollapsed)return;const e=t.getRangeAt(0),i=e.startContainer;if(i.nodeType===3){const l=i.data;let r=e.startOffset,o=e.startOffset;for(;r>0&&/\S/.test(l[r-1]);)r--;for(;o<l.length&&/\S/.test(l[o]);)o++;if(o>r){const c=document.createRange();c.setStart(i,r),c.setEnd(i,o),t.removeAllRanges(),t.addRange(c),this.savedRange=c.cloneRange();return}}const s=document.createTextNode("​");e.insertNode(s);const n=document.createRange();n.setStart(s,0),n.setEnd(s,1),t.removeAllRanges(),t.addRange(n),this.savedRange=n.cloneRange()}applyFontSize(t){this.restoreSel(),this.ensureSizeTarget(),document.execCommand("styleWithCSS",!1,"false"),document.execCommand("fontSize",!1,"7");const e=[];if(this.ed.querySelectorAll('font[size="7"]').forEach(i=>{const s=document.createElement("span");for(s.style.fontSize=t;i.firstChild;)s.appendChild(i.firstChild);i.replaceWith(s),e.push(s)}),e.length){const i=document.createRange();i.setStart(e[0],0),i.setEnd(e[e.length-1],e[e.length-1].childNodes.length);const s=window.getSelection();s&&(s.removeAllRanges(),s.addRange(i))}this.saveSel(),this.refreshState(),this.onChange()}stepFontSize(t){const e=parseInt(this.currentSize(),10)||14,i=Math.min(Ye,Math.max(Xe,e+t));i!==e&&this.applyFontSize(i+"px")}transformCase(t){this.restoreSel();const e=window.getSelection();if(!e||!e.rangeCount||e.isCollapsed)return;const i=e.getRangeAt(0),s=document.createTreeWalker(this.ed,NodeFilter.SHOW_TEXT),n=[];let l;for(;l=s.nextNode();)i.intersectsNode(l)&&n.push(l);n.forEach(r=>{const o=r===i.startContainer?i.startOffset:0,c=r===i.endContainer?i.endOffset:r.data.length;if(c<=o)return;const d=r.data.slice(o,c);let u=d;t==="lower"?u=d.toLowerCase():t==="upper"?u=d.toUpperCase():u=d.replace(/(^|\s)(\S)/g,(m,b,y)=>b+y.toUpperCase()),r.replaceData(o,c-o,u)}),this.saveSel(),this.refreshState(),this.onChange()}caseItems(){return[{label:this.t("lowercase"),icon:h.lowercaseic,action:()=>this.transformCase("lower")},{label:this.t("uppercase"),icon:h.uppercaseic,action:()=>this.transformCase("upper")},{label:this.t("capitalize"),icon:h.capitalizeic,action:()=>this.transformCase("capitalize")}]}caseMenu(t){this.popup(t,e=>this.menuItems(e,this.caseItems()))}applyBlockStyle(t,e){this.restoreSel();const i=this.selectedBlocks(),s=t==="lineHeight"?"line-height":t==="wordSpacing"?"word-spacing":"letter-spacing";i.forEach(n=>{e?n.style[t]=e:n.style.removeProperty(s)}),this.saveSel(),this.onChange()}currentBlockStyle(t){const e=window.getSelection(),i=e?this.closestBlock(e.anchorNode):null;return i&&i.style[t]||""}blockStyleItems(t,e){const i=this.currentBlockStyle(t);return[{label:this.t("normal"),on:!i,action:()=>this.applyBlockStyle(t,"")},...e.map(s=>({label:s,on:i===s,action:()=>this.applyBlockStyle(t,s)}))]}lineHeightMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("lineHeight",Kt)))}wordSpacingMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("wordSpacing",Jt)))}letterSpacingMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("letterSpacing",te)))}closestAnchor(){const t=window.getSelection();let e=t&&this.ed.contains(t.anchorNode)?t.anchorNode:null;for(;e&&e!==this.ed;){if(e.nodeType===1&&e.tagName==="A")return e;e=e.parentNode}return null}linkDlg(){this.saveSel();const t=this.closestAnchor();let e;const i=[];t&&i.push({label:this.t("unlink"),action:()=>{const s=document.createRange();s.selectNodeContents(t);const n=window.getSelection();n&&(n.removeAllRanges(),n.addRange(s)),document.execCommand("unlink"),this.closeDlg(),this.onChange()}}),i.push({label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{const s=e.value.trim();if(this.closeDlg(),!s)return;if(t){t.setAttribute("href",s),this.onChange();return}this.restoreSel();const n=window.getSelection();!n||n.isCollapsed?document.execCommand("insertHTML",!1,`<a href="${s.replace(/"/g,"&quot;")}">${s.replace(/&/g,"&amp;").replace(/</g,"&lt;")}</a>`):(document.execCommand("styleWithCSS",!1,"false"),document.execCommand("createLink",!1,s)),this.saveSel(),this.onChange()}}),this.dialog(this.t("linkttl"),s=>{const n=document.createElement("div");n.style.cssText="display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";const l=document.createElement("span");l.style.cssText="width:60px;color:#556;flex:none",l.textContent=this.t("linkurl"),e=document.createElement("input"),e.type="url",e.placeholder="https://",e.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit",e.value=(t==null?void 0:t.getAttribute("href"))||"",n.append(l,e),s.appendChild(n),setTimeout(()=>e.focus(),0)},i)}blockItems(){return ie.map(([t])=>({label:this.blockLabel(t),previewStyle:t.startsWith("h")?`font-weight:700;font-size:${22-2*+t[1]}px`:t==="pre"?"font-family:monospace":"",on:this.currentBlock()===t,action:()=>this.exec("formatBlock","<"+t+">")}))}blocksMenu(t){this.popup(t,e=>this.menuItems(e,this.blockItems()))}alignItems(){return[["justifyLeft","alignleft",h.alignleft],["justifyCenter","aligncenter",h.aligncenter],["justifyRight","alignright",h.alignright],["justifyFull","alignjustify",h.alignjustify]].map(([e,i,s])=>({label:this.t(i),icon:s,on:document.queryCommandState(e),action:()=>this.exec(e)}))}blockLabel(t){return t==="p"?this.t("para"):t==="pre"?this.t("pre"):this.t("heading")+" "+t[1]}tableGrid(t,e){this.popup(t,i=>this.buildTableGridInto(i,e))}buildTableGridInto(t,e){{const i=document.createElement("div");i.className="tgridwrap";const s=document.createElement("div");s.className="tgrid";const n=document.createElement("div");n.className="tgridlbl",n.textContent="1 × 1";const l=[];for(let r=0;r<8;r++)for(let o=0;o<10;o++){const c=document.createElement("span");c.dataset.r=String(r),c.dataset.c=String(o),c.addEventListener("mouseenter",()=>{l.forEach(d=>d.classList.toggle("hot",+d.dataset.r<=r&&+d.dataset.c<=o)),n.textContent=o+1+" × "+(r+1)}),c.addEventListener("click",()=>{this.closePop(),this.insertTable(r+1,o+1),e==null||e()}),l.push(c),s.appendChild(c)}i.append(s,n),t.appendChild(i)}}insertTable(t,e){this.restoreSel();let i='<table style="border-collapse:collapse;width:100%;table-layout:fixed"><tbody>';for(let s=0;s<t;s++){i+="<tr>";for(let n=0;n<e;n++)i+='<td style="border:1px solid #b9c2cc"><br></td>';i+="</tr>"}i+="</tbody></table><p><br></p>",document.execCommand("insertHTML",!1,i),this.saveSel(),this.onChange()}setDir(t){this.restoreSel();const e=this.selectedBlocks();e.length?e.forEach(i=>i.setAttribute("dir",t)):this.ed.setAttribute("dir",t),this.saveSel(),this.refreshState(),this.onChange()}parseToolbarString(t){return t.split("|").map(e=>e.trim().split(/\s+/).filter(Boolean)).filter(e=>e.length>0)}buildToolbarRegistry(){const t=this.tbtn(h.tableic,this.t("quicktable"),()=>this.tableGrid(t)),e={undo:()=>this.tbtn(h.undo,this.t("undo"),()=>this.exec("undo")),redo:()=>this.tbtn(h.redo,this.t("redo"),()=>this.exec("redo")),preview:()=>this.tbtn(h.prevw,this.t("preview"),()=>this.previewDlg()),print:()=>this.tbtn(h.printic,this.t("print"),()=>this.printDoc()),importword:()=>this.tbtn(h.wordic,this.t("importword"),()=>this.pickWordDoc()),revhistory:()=>this.tbtn(h.historyic,this.t("revhistory"),()=>this.revisionDlg()),fontfamily:()=>this.tsel("w-font","fontsel","",i=>this.fontMenu(i)),fontsize:()=>this.tsel("w-size","sizesel","",i=>this.sizeMenu(i)),fontsizeincrease:()=>this.stepBtn(1),fontsizedecrease:()=>this.stepBtn(-1),bold:()=>this.tbtn(h.bold,this.t("bold"),()=>this.exec("bold"),"bold"),italic:()=>this.tbtn(h.italic,this.t("italic"),()=>this.exec("italic"),"italic"),underline:()=>this.tbtn(h.underline,this.t("underline"),()=>this.exec("underline"),"underline"),strikethrough:()=>this.tbtn(h.strikethrough,this.t("strikethrough"),()=>this.exec("strikeThrough"),"strikeThrough"),forecolor:()=>this.colorChips(),backcolor:()=>this.menuTbtn(h.backcolor+'<span class="colorbar" data-cb="back"></span>',this.t("backcolor"),i=>this.colorMenu(i,"back")),alignleft:()=>this.tbtn(h.alignleft,this.t("alignleft"),()=>this.exec("justifyLeft"),"justifyLeft"),aligncenter:()=>this.tbtn(h.aligncenter,this.t("aligncenter"),()=>this.exec("justifyCenter"),"justifyCenter"),alignright:()=>this.tbtn(h.alignright,this.t("alignright"),()=>this.exec("justifyRight"),"justifyRight"),alignjustify:()=>this.tbtn(h.alignjustify,this.t("alignjustify"),()=>this.exec("justifyFull"),"justifyFull"),bullist:()=>this.menuTbtn(h.bullist,this.t("bullist"),i=>this.listMenu(i,"ul"),"insertUnorderedList"),numlist:()=>this.menuTbtn(h.numlist,this.t("numlist"),i=>this.listMenu(i,"ol"),"insertOrderedList"),outdent:()=>this.tbtn(h.outdent,this.t("outdent"),()=>this.exec("outdent")),indent:()=>this.tbtn(h.indent,this.t("indent"),()=>this.exec("indent")),link:()=>this.tbtn(h.link,this.t("linkttl"),()=>this.linkDlg()),blockquote:()=>this.tbtn(h.quote,this.t("quote"),()=>this.toggleBlock("blockquote"),"blockquote"),code:()=>this.tbtn(h.inlinecodeic,this.t("code"),()=>this.toggleInlineCode(),"code"),codesample:()=>this.tbtn(h.codesampleic,this.t("codesample"),()=>this.codeDlg()),changecase:()=>this.menuTbtn(h.caseic,this.t("changecase"),i=>this.caseMenu(i)),lineheight:()=>this.menuTbtn(h.lineheight,this.t("lineheight"),i=>this.lineHeightMenu(i)),wordspacing:()=>this.menuTbtn(h.wordspacing,this.t("wordspacing"),i=>this.wordSpacingMenu(i)),letterspacing:()=>this.menuTbtn(h.letterspacing,this.t("letterspacing"),i=>this.letterSpacingMenu(i)),removeformat:()=>this.tbtn(h.clearformatic,this.t("removeformat"),()=>this.exec("removeFormat")),blocks:()=>this.tsel("w-block","blocksel",this.t("para"),i=>this.blocksMenu(i)),ltr:()=>this.tbtn(h.ltr,this.t("ltr"),()=>this.setDir("ltr"),"ltr"),rtl:()=>this.tbtn(h.rtl,this.t("rtl"),()=>this.setDir("rtl"),"rtl"),quickimage:()=>this.tbtn(h.image,this.t("quickimage"),()=>this.insertImagePlaceholder()),quickvideo:()=>this.tbtn(h.video,this.t("quickvideo"),()=>this.videoDlg()),quicktable:()=>t,template:()=>this.menuTbtn(h.templateic,this.t("template"),i=>this.templateMenu(i)),charmap:()=>this.tbtn(h.charic,this.t("charmap"),()=>this.charMap()),emoji:()=>this.tbtn(h.emojiic,this.t("emoji"),()=>this.emojiMap()),fullscreen:()=>this.tbtn(h.fullscreen,this.t("fullscreen"),()=>this.toggleFullscreen(),"fullscreen"),sourcecode:()=>this.tbtn(h.srcic,this.t("sourcecode"),()=>this.sourceDlg())};return e.styles=e.blocks,e.image=e.quickimage,e.media=e.quickvideo,e.table=e.quicktable,e}buildToolbar(){this.toolbar.innerHTML="";const t=this.options.toolbar===!0?We:this.options.toolbar,e=this.buildToolbarRegistry();this.parseToolbarString(t).forEach(i=>{const s=[];i.forEach(n=>{const l=e[n];if(!l){console.warn(`FableEditor: unknown toolbar item "${n}"`);return}const r=l();Array.isArray(r)?s.push(...r):s.push(r)}),s.length&&this.toolbar.appendChild(this.group(...s))}),this.tbrMore=this.tbtn(h.more,this.t("more"),()=>{this.tbrExpanded=!this.tbrExpanded,this.updateToolbarOverflow()}),this.tbrMore.classList.add("tbr-more"),this.toolbar.appendChild(this.tbrMore),this.syncColorSwatches(this.toolbar),this.updateToolbarOverflow()}updateToolbarOverflow(){const t=this.toolbar;if(!this.tbrMore)return;t.classList.add("tbr-measure");const e=t.scrollWidth>t.clientWidth+1;t.classList.remove("tbr-measure");const i=this.shell.offsetWidth<W.TBR_COLLAPSE_MAX;if(!e||!i){this.tbrExpanded=!1,t.classList.remove("collapsible","expanded"),this.tbrMore.classList.remove("on");return}t.classList.add("collapsible"),t.classList.toggle("expanded",this.tbrExpanded),this.tbrMore.classList.toggle("on",this.tbrExpanded)}mItem(t,e,i,s){return{label:this.t(t),icon:e,action:i,shortcut:s}}buildMenubar(){this.menubar.innerHTML="";const t={file:[this.mItem("newdoc",h.newic,()=>{this.recordRevision(),this.ed.innerHTML="<p><br></p>",this.onChange()}),"|",this.mItem("importword",h.wordic,()=>this.pickWordDoc()),this.mItem("restoredraft",h.draftic,()=>{this.restoreDraft()||alert(this.t("draftempty"))}),this.mItem("revhistory",h.historyic,()=>this.revisionDlg()),"|",this.mItem("preview",h.prevw,()=>this.previewDlg()),this.mItem("print",h.printic,()=>this.printDoc(),"Ctrl+P")],edit:[this.mItem("undo",h.undo,()=>this.exec("undo"),"Ctrl+Z"),this.mItem("redo",h.redo,()=>this.exec("redo"),"Ctrl+Y"),"|",this.mItem("cut",h.cutic,()=>this.exec("cut"),"Ctrl+X"),this.mItem("copy",h.copyic,()=>this.exec("copy"),"Ctrl+C"),this.mItem("paste",h.pasteic,()=>alert(this.t("pastehint")),"Ctrl+V"),"|",this.mItem("selectall",h.selall,()=>this.exec("selectAll"),"Ctrl+A")],view:[this.mItem("fullscreen",h.fullscreen,()=>this.toggleFullscreen()),this.mItem("preview",h.prevw,()=>this.previewDlg()),this.mItem("sourcecode",h.srcic,()=>this.sourceDlg())],insert:[this.mItem("link",h.link,()=>this.linkDlg()),this.mItem("image",h.image,()=>this.insertImagePlaceholder()),this.mItem("video",h.video,()=>this.videoDlg()),{label:this.t("inserttable"),icon:h.tableic,action:()=>this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]')||this.menubar)},this.mItem("codesample",h.codesampleic,()=>this.codeDlg()),{label:this.t("template"),icon:h.templateic,subBuild:s=>this.buildTemplatePickInto(s)},this.mItem("hr",h.hric,()=>this.exec("insertHorizontalRule")),"|",this.mItem("charmap",h.charic,()=>this.charMap()),this.mItem("emoji",h.emojiic,()=>this.emojiMap()),this.mItem("datetime",h.dateic,()=>this.exec("insertText",new Date().toLocaleString(this.lang==="ar"?"ar-AE":"en-GB"))),"|",{label:this.t("pagebreak"),icon:h.pbic,action:()=>{this.restoreSel(),document.execCommand("insertHTML",!1,'<hr class="pagebreak"><p><br></p>'),this.onChange()}},this.mItem("nbsp",h.nbspic,()=>this.exec("insertText"," "))],format:[this.mItem("bold",h.bold,()=>this.exec("bold"),"Ctrl+B"),this.mItem("italic",h.italic,()=>this.exec("italic"),"Ctrl+I"),this.mItem("underline",h.underline,()=>this.exec("underline"),"Ctrl+U"),this.mItem("strikethrough",h.strikethrough,()=>this.exec("strikeThrough")),this.mItem("superscript",h.superscriptic,()=>this.exec("superscript")),this.mItem("subscript",h.subscriptic,()=>this.exec("subscript")),this.mItem("code",h.inlinecodeic,()=>this.toggleInlineCode()),this.mItem("quote",h.quote,()=>this.toggleBlock("blockquote")),"|",{label:this.t("fontfamily"),subBuild:s=>this.menuItems(s,this.fontItems())},{label:this.t("fontsize"),subBuild:s=>this.menuItems(s,this.sizeItems())},{label:this.t("blocks"),subBuild:s=>this.menuItems(s,this.blockItems())},{label:this.t("align"),subBuild:s=>this.menuItems(s,this.alignItems())},{label:this.t("lineheight"),icon:h.lineheight,subBuild:s=>this.menuItems(s,this.blockStyleItems("lineHeight",Kt))},{label:this.t("wordspacing"),icon:h.wordspacing,subBuild:s=>this.menuItems(s,this.blockStyleItems("wordSpacing",Jt))},{label:this.t("letterspacing"),icon:h.letterspacing,subBuild:s=>this.menuItems(s,this.blockStyleItems("letterSpacing",te))},"|",{label:this.t("forecolor"),icon:h.palette,subBuild:s=>this.buildPaletteInto(s,this.foreColor,n=>this.applyColor("fore",n))},{label:this.t("backcolor"),icon:h.backcolor,subBuild:s=>this.buildPaletteInto(s,this.backColor,n=>this.applyColor("back",n))},"|",this.mItem("bullist",h.bullist,()=>this.exec("insertUnorderedList")),this.mItem("numlist",h.numlist,()=>this.exec("insertOrderedList")),this.mItem("outdent",h.outdent,()=>this.exec("outdent")),this.mItem("indent",h.indent,()=>this.exec("indent")),"|",this.mItem("ltr",h.ltr,()=>this.setDir("ltr")),this.mItem("rtl",h.rtl,()=>this.setDir("rtl")),"|",{label:this.t("changecase"),icon:h.caseic,sub:this.caseItems()},"|",this.mItem("clearformat",h.clearformatic,()=>this.exec("removeFormat"))],tools:[this.mItem("sourcecode",h.srcic,()=>this.sourceDlg()),this.mItem("wordcount",h.wcic,()=>this.wordCountDlg())],table:[{label:this.t("inserttable"),icon:h.tableic,subBuild:s=>this.buildTableGridInto(s)},"|",{label:this.t("cell"),sub:[{label:this.t("cellprops"),icon:h.tableic,action:()=>this.cellPropsDlg()},{label:this.t("cellbg"),icon:h.palette,subBuild:s=>this.buildCellFillInto(s)}]},{label:this.t("row"),sub:[{label:this.t("rowabove"),icon:h.rowbefore,action:()=>this.tableOp("rowabove"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("rowbelow"),icon:h.rowafter,action:()=>this.tableOp("rowbelow"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("delrow"),icon:h.rowdelete,action:()=>this.tableOp("delrow"),hover:s=>this.setOpTarget(s?"row":null)},"|",{label:this.t("moverowup"),icon:h.moverowup,action:()=>this.tableMove("rowup"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("moverowdown"),icon:h.moverowdown,action:()=>this.tableMove("rowdown"),hover:s=>this.setOpTarget(s?"row":null)},"|",{label:this.t("rowprops"),icon:h.tableic,action:()=>this.rowPropsDlg(),hover:s=>this.setOpTarget(s?"row":null)}]},{label:this.t("column"),sub:[{label:this.t("colbefore"),icon:h.colbefore,action:()=>this.tableOp("colbefore"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("colafter"),icon:h.colafter,action:()=>this.tableOp("colafter"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("delcol"),icon:h.coldelete,action:()=>this.tableOp("delcol"),hover:s=>this.setOpTarget(s?"col":null)},"|",{label:this.t("movecolleft"),icon:h.movecolleft,action:()=>this.tableMove("colleft"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("movecolright"),icon:h.movecolright,action:()=>this.tableMove("colright"),hover:s=>this.setOpTarget(s?"col":null)},"|",{label:this.t("colprops"),icon:h.tableic,action:()=>this.colPropsDlg(),hover:s=>this.setOpTarget(s?"col":null)}]},"|",{label:this.t("tablepropsttl"),icon:h.tableic,action:()=>{const s=this.currentCell();if(!s){alert(this.t("nocell"));return}this.tblActive=s.closest("table"),this.tablePropsDlg()}},{label:this.t("deltable"),icon:h.trash,action:()=>this.tableOp("deltable")}],help:[this.mItem("helpttl",h.helpic,()=>this.helpDlg(),"Alt+0")]},e=this.options.menubar===!0?Ve:this.options.menubar,i=new Set;e.split(/\s+/).filter(Boolean).forEach(s=>{if(i.has(s))return;if(i.add(s),!t[s]){console.warn(`FableEditor: unknown menubar item "${s}"`);return}const n=document.createElement("button");n.type="button",n.textContent=this.t(s),n.dataset.menuKey=s,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n.addEventListener("click",()=>this.popup(n,l=>this.menuItems(l,t[s]))),this.menubar.appendChild(n)})}tableOp(t){var o,c,d;this.restoreSel();const e=window.getSelection();if(!e)return;const i=((o=this.closestBlock(e.anchorNode))==null?void 0:o.closest("td,th"))||(e.anchorNode&&e.anchorNode.nodeType===1?(d=(c=e.anchorNode).closest)==null?void 0:d.call(c,"td,th"):null);if(!i)return;const s=i.parentElement,n=i.closest("table"),l=Array.from(s.children).indexOf(i),r=()=>{const u=s.cloneNode(!1);return Array.from(s.children).forEach(m=>{const b=document.createElement("td"),y=m.getAttribute("style");y&&b.setAttribute("style",y),b.style.removeProperty("background-color"),b.innerHTML="<br>",u.appendChild(b)}),u};if(t==="rowabove"&&s.before(r()),t==="rowbelow"&&s.after(r()),t==="delrow"){const u=s.parentElement;s.remove(),u.querySelector("tr")||n.remove()}(t==="colbefore"||t==="colafter")&&n.querySelectorAll("tr").forEach(u=>{const m=u.children[Math.min(l,u.children.length-1)],b=document.createElement("td"),y=m.getAttribute("style");y&&b.setAttribute("style",y),b.style.removeProperty("width"),b.style.removeProperty("background-color"),b.innerHTML="<br>",t==="colbefore"?m.before(b):m.after(b)}),t==="delcol"&&(n.querySelectorAll("tr").forEach(u=>{var m;return(m=u.children[l])==null?void 0:m.remove()}),n.querySelector("td,th")||n.remove()),t==="deltable"&&n.remove(),this.onChange(),this.positionTableHandles()}tableMove(t){this.restoreSel();const e=this.currentCell();if(!e)return;const i=e.parentElement,s=e.closest("table"),n=Array.from(i.children).indexOf(e);if(t==="rowup"){const o=i.previousElementSibling;o&&o.before(i)}if(t==="rowdown"){const o=i.nextElementSibling;o&&o.after(i)}t==="colleft"&&n>0&&s.querySelectorAll("tr").forEach(o=>{const c=o.children[n],d=o.children[n-1];c&&d&&d.before(c)}),t==="colright"&&s.querySelectorAll("tr").forEach(o=>{const c=o.children[n],d=o.children[n+1];c&&d&&d.after(c)});const l=document.createRange();l.selectNodeContents(e),l.collapse(!0);const r=window.getSelection();r&&(r.removeAllRanges(),r.addRange(l)),this.saveSel(),this.onChange(),this.positionTableHandles(),this.positionCellMarker()}alignTable(t){const e=this.tblActive;e&&(e.style.marginLeft=t==="left"?"0":"auto",e.style.marginRight=t==="right"?"0":"auto",this.onChange(),this.positionTableHandles())}buildCellFillInto(t){const e=s=>{const n=this.currentCell();if(!n){alert(this.t("nocell"));return}this.setOrClear(n,"background-color",s||""),this.onChange()},i=this.currentCell();this.buildPaletteInto(t,this.cssToHex(i?i.style.backgroundColor:""),e)}cssToHex(t){const e=t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);return e?"#"+e.slice(1,4).map(i=>(+i).toString(16).padStart(2,"0")).join(""):t}cellFillMenu(t){this.popup(t,e=>this.buildCellFillInto(e),"pop-cellbg")}applyTableProps(t,e){e.width?t.style.width=/^\d+$/.test(e.width)?e.width+"px":e.width:t.style.removeProperty("width");const i=Array.from(t.querySelectorAll("td,th"));e.cellpadding!==""?i.forEach(s=>s.style.padding=e.cellpadding+"px"):i.forEach(s=>s.style.removeProperty("padding")),e.cellspacing!==""?(t.style.borderCollapse="separate",t.style.borderSpacing=e.cellspacing+"px"):(t.style.borderCollapse="collapse",t.style.removeProperty("border-spacing")),e.border!==""&&+e.border>0?(t.style.border=e.border+"px solid #b9c2cc",i.forEach(s=>s.style.border=e.border+"px solid #b9c2cc")):(t.style.removeProperty("border"),i.forEach(s=>s.style.removeProperty("border"))),t.style.removeProperty("margin-left"),t.style.removeProperty("margin-right"),e.align==="center"?(t.style.marginLeft="auto",t.style.marginRight="auto"):e.align==="right"?(t.style.marginLeft="auto",t.style.marginRight="0"):e.align==="left"&&(t.style.marginLeft="0",t.style.marginRight="auto")}tablePropsDlg(){const t=this.tblActive;if(!t)return;let e,i,s,n,l;const r="display:flex;align-items:center;gap:10px;margin:10px 0",o="width:120px;color:#556;flex:none",c="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit",d=t.querySelector("td,th"),u=t.style.width||"",m=d&&d.style.padding?parseFloat(d.style.padding):"",b=t.style.borderSpacing?parseFloat(t.style.borderSpacing):"",y=t.style.borderWidth?parseFloat(t.style.borderWidth):"",g=t.style.marginLeft,x=t.style.marginRight,w=g==="auto"&&x==="auto"?"center":g==="auto"?"right":x==="auto"&&g==="0"?"left":"";this.dialog(this.t("tablepropsttl"),E=>{const I=(H,j)=>{const F=document.createElement("div");F.style.cssText=r;const _=document.createElement("span");_.style.cssText=o,_.textContent=this.t(H),F.append(_,j),E.appendChild(F)};e=document.createElement("input"),e.type="text",e.style.cssText=c,e.placeholder="e.g. 600px or 100%",e.value=u,I("tblwidth",e),i=document.createElement("input"),i.type="number",i.min="0",i.style.cssText=c,i.value=String(m),I("tblcellpadding",i),s=document.createElement("input"),s.type="number",s.min="0",s.style.cssText=c,s.value=String(b),I("tblcellspacing",s),n=document.createElement("input"),n.type="number",n.min="0",n.style.cssText=c,n.value=String(y),I("tblborder",n),l=document.createElement("select"),l.style.cssText=c,[["","alignnone"],["left","alignleft"],["center","aligncenter"],["right","alignright"]].forEach(([H,j])=>{const F=document.createElement("option");F.value=H,F.textContent=this.t(j),H===w&&(F.selected=!0),l.appendChild(F)}),I("tblalign",l)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.applyTableProps(t,{width:e.value.trim(),cellpadding:i.value.trim(),cellspacing:s.value.trim(),border:n.value.trim(),align:l.value}),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}currentCell(){let t=this.savedRange?this.savedRange.startContainer:null;if(!t||!this.ed.contains(t)){const e=window.getSelection();t=e&&this.ed.contains(e.anchorNode)?e.anchorNode:null}for(;t&&t!==this.ed;){if(t.nodeType===1&&/^(TD|TH)$/.test(t.tagName))return t;t=t.parentNode}return null}toHexColor(t){if(/^#[0-9a-fA-F]{6}$/.test(t))return t;const e=/rgba?\((\d+)[,\s]+(\d+)[,\s]+(\d+)/.exec(t);return e?"#"+[e[1],e[2],e[3]].map(i=>(+i).toString(16).padStart(2,"0")).join(""):""}formRow(t,e,i){const s=document.createElement("div");s.style.cssText="display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";const n=document.createElement("span");n.style.cssText="width:120px;color:#556;flex:none",n.textContent=e,s.append(n,i),t.appendChild(s)}formInput(t,e=""){const i=document.createElement("input");return i.type="text",i.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;min-width:0",i.value=t,i.placeholder=e,i}formSelect(t,e){const i=document.createElement("select");return i.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;background:#fff",t.forEach(([s,n])=>{const l=document.createElement("option");l.value=s,l.textContent=n,s===e&&(l.selected=!0),i.appendChild(l)}),i}formBg(t){const e=document.createElement("div");e.style.cssText="flex:1;display:flex;align-items:center;gap:8px";const i=this.toHexColor(t),s=document.createElement("input");s.type="color",s.value=i||"#ffffff",s.style.cssText="width:36px;height:29px;border:1px solid #cfd6df;border-radius:4px;padding:1px;background:none;cursor:pointer";const n=document.createElement("label");n.style.cssText="display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";const l=document.createElement("input");return l.type="checkbox",l.checked=!!i,n.append(l,document.createTextNode(this.t("fill"))),s.addEventListener("input",()=>l.checked=!0),e.append(s,n),{wrap:e,color:s,fill:l}}setOrClear(t,e,i){i?t.style.setProperty(e,/^(width|height)$/.test(e)&&/^\d+$/.test(i)?i+"px":i):t.style.removeProperty(e)}cellPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}let e,i,s,n,l;this.dialog(this.t("cellprops").replace("…",""),r=>{e=this.formInput(t.style.width,"e.g. 120px / 25%"),this.formRow(r,this.t("tblwidth"),e),i=this.formInput(t.style.height,"e.g. 40px"),this.formRow(r,this.t("tblheight"),i),s=this.formSelect([["",this.t("alignnone")],["left",this.t("alignleft")],["center",this.t("aligncenter")],["right",this.t("alignright")]],t.style.textAlign||""),this.formRow(r,this.t("tblalign"),s),n=this.formSelect([["",this.t("alignnone")],["top",this.t("valigntop")],["middle",this.t("valignmiddle")],["bottom",this.t("valignbottom")]],t.style.verticalAlign||""),this.formRow(r,this.t("valign"),n),l=this.formBg(t.style.backgroundColor||""),this.formRow(r,this.t("backcolor"),l.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.setOrClear(t,"width",e.value.trim()),this.setOrClear(t,"height",i.value.trim()),this.setOrClear(t,"text-align",s.value),this.setOrClear(t,"vertical-align",n.value),this.setOrClear(t,"background-color",l.fill.checked?l.color.value:""),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}rowPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}const e=t.parentElement;let i,s;this.dialog(this.t("rowprops").replace("…",""),n=>{i=this.formInput(e.style.height,"e.g. 40px"),this.formRow(n,this.t("tblheight"),i),s=this.formBg(e.style.backgroundColor||""),this.formRow(n,this.t("backcolor"),s.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.setOrClear(e,"height",i.value.trim()),this.setOrClear(e,"background-color",s.fill.checked?s.color.value:""),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}colPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}const e=t.parentElement,i=t.closest("table"),s=Array.from(e.children).indexOf(t),n=Array.from(i.rows).map(o=>o.cells[s]).filter(Boolean);let l,r;this.dialog(this.t("colprops").replace("…",""),o=>{l=this.formInput(t.style.width,"e.g. 120px / 25%"),this.formRow(o,this.t("tblwidth"),l),r=this.formBg(t.style.backgroundColor||""),this.formRow(o,this.t("backcolor"),r.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{n.forEach(o=>{this.setOrClear(o,"width",l.value.trim()),this.setOrClear(o,"background-color",r.fill.checked?r.color.value:"")}),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}closeDlg(){this.dlgOvl&&(this.dlgOvl.remove(),this.dlgOvl=null)}dialog(t,e,i){this.closeDlg(),this.closePop(),this.dlgOvl=document.createElement("div"),this.dlgOvl.className="ovl";const s=document.createElement("div");s.className="dlg",s.dir=this.dir(),s.innerHTML=`<header><span>${t}</span><button type="button">×</button></header>
36
+ `,this.sbHelp=this.statusbar.querySelector(".mid"),this.sbWords=this.statusbar.querySelector(".words");const e=this.statusbar.querySelector(".grip");this.bindGrip(e),this.shell.appendChild(this.menubar),this.shell.appendChild(this.toolbar),this.shell.appendChild(this.ed),this.shell.appendChild(this.statusbar),this.contentStyle&&(this.contentStyleEl=document.createElement("style"),this.contentStyleEl.textContent=this.scopeContentStyle(this.contentStyle),this.shell.appendChild(this.contentStyleEl)),t.appendChild(this.shell),Ci(),this.options.statusbar||(this.statusbar.style.display="none"),this.imgInput=document.createElement("input"),this.imgInput.type="file",this.imgInput.accept=this.options.imageFileTypes.join(","),this.imgInput.style.display="none",t.appendChild(this.imgInput),this.vidInput=document.createElement("input"),this.vidInput.type="file",this.vidInput.accept=this.options.videoFileTypes.join(","),this.vidInput.style.display="none",t.appendChild(this.vidInput),this.docInput=document.createElement("input"),this.docInput.type="file",this.docInput.accept=".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",this.docInput.style.display="none",t.appendChild(this.docInput)}applyTheme(t){const e=document.documentElement;t.primaryColor&&e.style.setProperty("--fable-primary",t.primaryColor),t.toolbarGroupBackground&&e.style.setProperty("--fable-tgrp-bg",t.toolbarGroupBackground),t.uiFontFamily&&e.style.setProperty("--fable-ui-font",t.uiFontFamily)}scopeContentStyle(t){return t.replace(/\bbody\b/g,"."+this.contentClass)}bindGrip(t){let e=0,i=0;const s=n=>{e=n.clientY,i=this.ed.offsetHeight,n.preventDefault();const l=o=>{this.ed.style.height=Math.max(120,i+o.clientY-e)+"px"},r=()=>{window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",r)};window.addEventListener("mousemove",l),window.addEventListener("mouseup",r)};t.addEventListener("mousedown",s),this.listeners.push(()=>t.removeEventListener("mousedown",s))}bindEvents(){if(this.onDoc("mousedown",t=>{this.openPop&&!this.openPop.contains(t.target)&&!this.popAnchor.contains(t.target)&&!(this.openSubEl&&this.openSubEl.contains(t.target))&&this.closePop()}),this.onDoc("keydown",t=>{t.key==="Escape"&&(this.closePop(),this.closeDlg())}),this.onDoc("selectionchange",()=>{const t=window.getSelection();t&&this.ed.contains(t.anchorNode)?(this.saveSel(),this.refreshState(),this.updateSelToolbar(t),this.positionCellMarker()):this.clearSelToolbar()}),this.on(this.ed,"input",()=>{this.refreshState(),this.onChange(),this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx()}),this.on(this.ed,"keydown",t=>{t.altKey&&t.key==="0"&&(t.preventDefault(),this.helpDlg()),(t.key==="Delete"||t.key==="Backspace")&&this.phActive&&(t.preventDefault(),this.removeImgPlaceholder()),(t.key==="Delete"||t.key==="Backspace")&&this.vphActive&&(t.preventDefault(),this.removeVphPlaceholder()),t.key==="`"&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&this.tryCodeTyping(t),t.key==="Enter"&&!t.shiftKey&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&this.tryExitBlockquote(t)}),this.on(this.ed,"paste",t=>this.handlePaste(t)),this.on(this.ed,"drop",t=>{var n,l,r,o;t.preventDefault();const e=t.target,i=(n=e.closest)==null?void 0:n.call(e,".img-ph:not(.vid-ph)");if(i&&this.ed.contains(i)&&!this.options.readonly){const c=Array.from(((l=t.dataTransfer)==null?void 0:l.files)||[]).find(d=>d.type.startsWith("image/"));c&&this.readImageFileInto(c,i);return}const s=(r=e.closest)==null?void 0:r.call(e,".vid-ph");if(s&&this.ed.contains(s)&&!this.options.readonly){const c=Array.from(((o=t.dataTransfer)==null?void 0:o.files)||[]).find(d=>d.type.startsWith("video/"));c&&this.readVideoFileInto(c,s)}}),this.on(this.ed,"dragover",t=>t.preventDefault()),this.on(this.ed,"mousedown",t=>{var d,u,m,b,y,g,x;const e=t.target,i=(d=e.closest)==null?void 0:d.call(e,"table");i&&this.ed.contains(i)?this.selectTableForResize(i):this.clearTableHandles();const s=(u=e.closest)==null?void 0:u.call(e,".img-ph:not(.vid-ph)");s&&this.ed.contains(s)&&!this.options.readonly?(t.preventDefault(),this.ed.focus(),this.selectImgPlaceholder(s)):this.clearImgPlaceholderSel();const n=(m=e.closest)==null?void 0:m.call(e,".vid-ph");n&&this.ed.contains(n)&&!this.options.readonly?(t.preventDefault(),this.ed.focus(),this.selectVphPlaceholder(n)):this.clearVphPlaceholderSel();const l=(b=e.closest)==null?void 0:b.call(e,".tpl");l&&this.ed.contains(l)&&!this.options.readonly?this.selectTemplate(l):this.clearTplSel();const r=(y=e.closest)==null?void 0:y.call(e,"pre.code-block");r&&this.ed.contains(r)&&!this.options.readonly?(t.preventDefault(),this.selectCodeEl(r)):this.clearCodeSel();const o=(g=e.closest)==null?void 0:g.call(e,"img");o&&this.ed.contains(o)&&!this.options.readonly?(t.preventDefault(),this.selectImage(o)):this.clearImageHandles();const c=(x=e.closest)==null?void 0:x.call(e,"video, .video-embed");c&&this.ed.contains(c)&&!this.options.readonly?(t.preventDefault(),this.selectVideo(c)):this.clearVidHandles()}),this.on(this.ed,"mouseover",t=>{var i,s;if(this.options.readonly)return;const e=(s=(i=t.target).closest)==null?void 0:s.call(i,"img");e&&this.ed.contains(e)&&(this.cancelImgHide(),this.selectImage(e))}),this.on(this.ed,"mouseout",t=>{var s,n,l,r;const e=(n=(s=t.target).closest)==null?void 0:n.call(s,"img");if(!e)return;const i=t.relatedTarget;i&&((l=this.imgCtx)!=null&&l.contains(i)||this.imgHandles.some(o=>o.contains(i))||((r=i.closest)==null?void 0:r.call(i,"img"))===e)||this.scheduleImgHide()}),this.on(this.ed,"scroll",()=>{this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx()}),this.onWin("scroll",()=>{this.closePop(),this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx(),this.repositionSelToolbar()},!0),this.onWin("resize",()=>{this.positionTableHandles(),this.positionImageHandles(),this.positionImgPhCtx(),this.positionTplCtx(),this.positionVphCtx(),this.positionVidCtx(),this.positionCodeCtx(),this.repositionSelToolbar(),this.updateToolbarOverflow()}),typeof ResizeObserver<"u"){const t=new ResizeObserver(()=>this.updateToolbarOverflow());t.observe(this.shell),this.listeners.push(()=>t.disconnect())}this.on(this.imgInput,"change",()=>{var s;const t=(s=this.imgInput.files)==null?void 0:s[0];if(!t)return;const e=this.phUploadTarget;if(this.phUploadTarget=null,e&&this.ed.contains(e)){this.readImageFileInto(t,e);return}const i=new FileReader;i.onload=()=>{this.restoreSel(),document.execCommand("insertHTML",!1,`<img src="${i.result}" title="${t.name.replace(/"/g,"")}" alt="">`),this.onChange()},i.readAsDataURL(t)}),this.on(this.vidInput,"change",()=>{var s;const t=(s=this.vidInput.files)==null?void 0:s[0];if(!t)return;const e=this.vphUploadTarget;if(this.vphUploadTarget=null,e&&this.ed.contains(e)){this.readVideoFileInto(t,e);return}const i=new FileReader;i.onload=()=>{this.restoreSel(),document.execCommand("insertHTML",!1,`<video controls src="${i.result}" title="${t.name.replace(/"/g,"")}"></video>`),this.onChange()},i.readAsDataURL(t)}),this.on(this.docInput,"change",()=>{var e;const t=(e=this.docInput.files)==null?void 0:e[0];t&&this.importWordFile(t).catch(()=>alert(this.t("importfail")))}),this.onDoc("mousedown",t=>{this.ed.contains(t.target)||t.target===this.tblCorner||this.tblColBars.includes(t.target)||this.tblCtx&&this.tblCtx.contains(t.target)||this.imgHandles.includes(t.target)||this.imgCtx&&this.imgCtx.contains(t.target)||this.phCtx&&this.phCtx.contains(t.target)||this.tplCtx&&this.tplCtx.contains(t.target)||this.selCtx&&this.selCtx.contains(t.target)||this.vphCtx&&this.vphCtx.contains(t.target)||this.vidCtx&&this.vidCtx.contains(t.target)||this.codeCtx&&this.codeCtx.contains(t.target)||this.openPop&&this.openPop.contains(t.target)||this.openSubEl&&this.openSubEl.contains(t.target)||(this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar())})}on(t,e,i){t.addEventListener(e,i),this.listeners.push(()=>t.removeEventListener(e,i))}onDoc(t,e){document.addEventListener(t,e),this.listeners.push(()=>document.removeEventListener(t,e))}onWin(t,e,i){window.addEventListener(t,e,i),this.listeners.push(()=>window.removeEventListener(t,e,i))}getContent(){return this.ed.innerHTML}getContentForEmail(){const t=(l,r)=>{const o=(l.getAttribute("style")||"").trim();l.setAttribute("style",o?o.replace(/;?$/,"; ")+r:r)},e=document.createElement("div");e.innerHTML=this.ed.innerHTML;let i=null;e.querySelectorAll("[dir]").forEach(l=>{const r=(l.getAttribute("dir")||"").toLowerCase();if(r!=="rtl"&&r!=="ltr")return;const o=r;i||(i=o),/text-align\s*:/i.test(l.getAttribute("style")||"")||t(l,`text-align:${o==="rtl"?"right":"left"}`)}),e.querySelectorAll(Ei).forEach(l=>{const r=(l.getAttribute("dir")||"").toLowerCase();if(r==="rtl"||r==="ltr")return;const o=Si(ce(l));if(!o)return;i||(i=o),l.setAttribute("dir",o);const c=/text-align\s*:/i.test(l.getAttribute("style")||"");t(l,c?`direction:${o}`:`direction:${o};text-align:${o==="rtl"?"right":"left"}`)});const s=i||this.ed.getAttribute("dir")||this.dir();return e.querySelectorAll("table:not([dir])").forEach(l=>{l.setAttribute("dir",s),/direction\s*:/i.test(l.getAttribute("style")||"")||t(l,`direction:${s}`)}),`<div dir="${s}" style="direction:${s};text-align:${s==="rtl"?"right":"left"}">${e.innerHTML}</div>`}setContent(t){this.ed.innerHTML=t||"<p><br></p>",this.refreshState(),this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar(),this.onChange()}insertContent(t){this.restoreSel(),document.execCommand("insertHTML",!1,t),this.saveSel(),this.refreshState(),this.onChange()}setLanguage(t){this.lang=t,this.initUI()}focus(){this.ed.focus()}async importWordFile(t){const e=await gi(t);this.recordRevision(),this.setContent(e),this.recordRevision()}restoreDraft(){let t=null;try{t=localStorage.getItem(this.draftStorageKey)}catch{}if(!t)return!1;try{const e=JSON.parse(t);return e.html?(this.recordRevision(),this.setContent(e.html),!0):!1}catch{return!1}}getRevisions(){return this.revisions.slice()}destroy(){this.isDestroyed||(this.isDestroyed=!0,this.revTimer!=null&&window.clearTimeout(this.revTimer),this.draftTimer!=null&&window.clearTimeout(this.draftTimer),this.closePop(),this.closeDlg(),this.clearTableHandles(),this.clearImageHandles(),this.clearImgPlaceholderSel(),this.clearTplSel(),this.clearVphPlaceholderSel(),this.clearVidHandles(),this.clearCodeSel(),this.clearSelToolbar(),this.listeners.forEach(t=>t()),this.listeners=[],this.shell&&this.shell.parentNode&&this.shell.parentNode.removeChild(this.shell),this.imgInput&&this.imgInput.parentNode&&this.imgInput.parentNode.removeChild(this.imgInput),this.vidInput&&this.vidInput.parentNode&&this.vidInput.parentNode.removeChild(this.vidInput),this.docInput&&this.docInput.parentNode&&this.docInput.parentNode.removeChild(this.docInput),this.contentStyleEl=null)}saveSel(){const t=window.getSelection();t&&t.rangeCount&&this.ed.contains(t.anchorNode)&&(this.savedRange=t.getRangeAt(0).cloneRange())}restoreSel(){if(!this.savedRange){this.ed.focus();return}this.ed.focus();const t=window.getSelection();t&&(t.removeAllRanges(),t.addRange(this.savedRange))}exec(t,e){this.restoreSel(),document.execCommand("styleWithCSS",!1,t!=="fontSize"?"true":"false"),document.execCommand(t,!1,e??void 0),this.saveSel(),this.refreshState(),this.onChange()}closestBlock(t){for(;t&&t!==this.ed;){if(t.nodeType===1&&/^(P|DIV|H[1-6]|LI|PRE|BLOCKQUOTE|TD|TH)$/i.test(t.tagName))return t;t=t.parentNode}return null}tryExitBlockquote(t){const e=window.getSelection();if(!e||!e.isCollapsed||!e.anchorNode||!this.ed.contains(e.anchorNode))return;const i=this.closestBlock(e.anchorNode);if(!i||i.tagName==="BLOCKQUOTE"||(i.textContent||"").trim()!=="")return;const s=i.closest("blockquote");if(!s||!this.ed.contains(s)||i!==s.lastElementChild)return;t.preventDefault();const n=document.createElement("p");n.appendChild(document.createElement("br")),s.after(n),i.remove(),s.firstElementChild||s.remove();const l=document.createRange();l.setStart(n,0),l.collapse(!0),e.removeAllRanges(),e.addRange(l),this.saveSel(),this.onChange()}selectedBlocks(){const t=window.getSelection();if(!t||!t.rangeCount||!this.ed.contains(t.anchorNode))return[];const e=t.getRangeAt(0),i=Array.from(this.ed.querySelectorAll("p,h1,h2,h3,h4,h5,h6,li,pre,blockquote,td,th")).filter(s=>e.intersectsNode(s));if(!i.length){const s=this.closestBlock(t.anchorNode);if(s)return[s]}return i}onChange(){this.options.onChange(this.ed.innerHTML),this.scheduleRevision(),this.scheduleDraftSave()}recordRevision(){const t=this.ed.innerHTML,e=this.revisions[this.revisions.length-1];e&&e.html===t||(this.revisions.push({time:Date.now(),html:t}),this.revisions.length>30&&this.revisions.shift())}scheduleRevision(){this.revTimer!=null&&window.clearTimeout(this.revTimer),this.revTimer=window.setTimeout(()=>{this.revTimer=null,this.recordRevision()},1500)}scheduleDraftSave(){this.draftTimer!=null&&window.clearTimeout(this.draftTimer),this.draftTimer=window.setTimeout(()=>{this.draftTimer=null;try{localStorage.setItem(this.draftStorageKey,JSON.stringify({time:Date.now(),html:this.ed.innerHTML}))}catch{}},800)}revisionDlg(){this.recordRevision(),this.dialog(this.t("revhistory"),t=>{if(!this.revisions.length){t.innerHTML=`<p style="color:#556">${this.t("revempty")}</p>`;return}const e=document.createElement("div");e.className="revwrap";const i=document.createElement("div");i.className="revlist";const s=document.createElement("div");s.className="revprev";const n=document.createElement("button");n.type="button",n.className="revrestore",n.textContent=this.t("restore");let l=this.revisions.length-1;const r=new Intl.DateTimeFormat(this.lang==="ar"?"ar-AE":"en-GB",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),o={},c=d=>{l=d,this.revisions.forEach((u,m)=>{var b;return(b=o[m])==null?void 0:b.classList.toggle("on",m===d)}),s.innerHTML=this.revisions[d].html,n.disabled=d===this.revisions.length-1};for(let d=this.revisions.length-1;d>=0;d--){const u=this.revisions[d],m=document.createElement("button");m.type="button";const b=(new DOMParser().parseFromString(u.html,"text/html").body.textContent||"").trim(),y=b?b.split(/\s+/).length:0,g=d===this.revisions.length-1;m.innerHTML=`<span>${g?this.t("currentver"):r.format(new Date(u.time))}</span><span class="wc">${y} ${this.t("words")}</span>`,m.addEventListener("click",()=>c(d)),o[d]=m,i.appendChild(m)}i.append(n),n.addEventListener("click",()=>{const d=this.revisions[l];d&&(this.recordRevision(),this.setContent(d.html),this.recordRevision(),this.closeDlg())}),e.append(i,s),t.appendChild(e),c(l)})}closeSub(){var t;(t=this.openSubEl)==null||t.remove(),this.openSubEl=null}closePop(){var t;this.closeSub(),this.openPop&&(this.openPop.remove(),this.openPop=null,(t=this.popAnchor)==null||t.classList.remove("open"),this.popAnchor=null,this.setOpTarget(null))}openSubFor(t,e){this.closeSub();const i=document.createElement("div");i.className="pop sub",i.dir=this.dir(),t.subBuild?t.subBuild(i):t.sub&&this.menuItems(i,t.sub),i.addEventListener("mousedown",o=>{o.target.tagName!=="INPUT"&&o.preventDefault()}),document.body.appendChild(i);const s=e.getBoundingClientRect();let l=this.dir()==="rtl"?s.left-i.offsetWidth+2:s.right-2;l=Math.max(8,Math.min(l+scrollX,scrollX+innerWidth-i.offsetWidth-8));let r=s.top+scrollY-6;r=Math.max(8+scrollY,Math.min(r,scrollY+innerHeight-i.offsetHeight-8)),i.style.left=l+"px",i.style.top=r+"px",this.openSubEl=i}popup(t,e,i){if(this.openPop&&this.popAnchor===t){this.closePop();return}this.closePop();const s=document.createElement("div");s.className="pop"+(i?" "+i:""),s.dir=this.dir(),e(s),document.body.appendChild(s);const n=t.getBoundingClientRect();s.style.minWidth=Math.max(160,Math.round(n.width))+"px",s.style.top=n.bottom+scrollY+2+"px";let r=this.dir()==="rtl"?n.right-s.offsetWidth:n.left;r=Math.max(8,Math.min(r+scrollX,scrollX+innerWidth-s.offsetWidth-8)),s.style.left=r+"px",s.addEventListener("mousedown",o=>{o.target.tagName!=="INPUT"&&o.preventDefault()}),this.openPop=s,this.popAnchor=t,t.classList.add("open")}menuItems(t,e){e.forEach(i=>{if(i==="|"){t.insertAdjacentHTML("beforeend",'<div class="sep"></div>');return}const s=!!(i.sub||i.subBuild),n=document.createElement("button");n.className="mi"+(i.on?" on":""),n.innerHTML=`<span class="ic">${i.icon||""}</span><span class="prev" ${i.previewStyle?`style="${i.previewStyle}"`:""}>${i.label}</span>${i.shortcut?`<span class="sc">${i.shortcut}</span>`:""}${s?`<span class="subarrow">${h.chev}</span>`:""}`,n.addEventListener("click",()=>{i.action&&(this.closePop(),i.action())}),n.addEventListener("mouseenter",()=>{var l;s?this.openSubFor(i,n):this.openSubEl&&t!==this.openSubEl&&this.closeSub(),(l=i.hover)==null||l.call(i,!0)}),n.addEventListener("mouseleave",()=>{var l;return(l=i.hover)==null?void 0:l.call(i,!1)}),t.appendChild(n)})}tbtn(t,e,i,s){const n=document.createElement("button");return n.className="tbtn",n.type="button",n.title=e,n.innerHTML=t,s&&(n.dataset.id=s),n.addEventListener("mousedown",l=>l.preventDefault()),n.addEventListener("click",i),n}stepBtn(t){const e=t>0?"+":"−",i=t>0?h.fontsizeup:h.fontsizedown,s=this.tbtn(i,this.t("fontsize")+" "+e,()=>this.stepFontSize(t));return s.addEventListener("mousedown",()=>this.saveSel()),s}menuTbtn(t,e,i,s){const n=this.tbtn(t,e,()=>i(n),s);return n.classList.add("hasmenu"),n.insertAdjacentHTML("beforeend",h.chev),n.addEventListener("mousedown",()=>this.saveSel()),n}colorChips(){const t=s=>{const n=document.createElement("button");return n.type="button",n.className="cchip",n.title=s,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n},e=Qe.map(s=>{const n=t(this.t("forecolor"));return n.style.background=s,n.addEventListener("click",()=>this.applyColor("fore",s)),n}),i=t(this.t("forecolor"));return i.classList.add("more"),i.dataset.cb="fore",i.innerHTML=h.chev,i.addEventListener("click",()=>this.colorMenu(i,"fore")),[...e,i]}group(...t){const e=document.createElement("div");return e.className="tgrp",t.forEach(i=>{i.classList.add("gbtn"),e.appendChild(i)}),e}tsel(t,e,i,s){const n=document.createElement("button");return n.className="tsel "+t,n.type="button",n.dataset.id=e,n.innerHTML=`<span class="lbl empty">${i||""}</span>${h.chev}`,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n.addEventListener("click",()=>s(n)),n}setListStyle(t,e){var n,l;this.restoreSel();const i=window.getSelection();if(!i)return;let s=(n=this.closestBlock(i.anchorNode))==null?void 0:n.closest(t);s||(this.exec(t==="ol"?"insertOrderedList":"insertUnorderedList"),s=(l=this.closestBlock(i.anchorNode))==null?void 0:l.closest(t)),s&&(s.style.listStyleType=e),this.saveSel(),this.onChange()}listMenu(t,e){var c;const i=e==="ol"?"insertOrderedList":"insertUnorderedList",s=e==="ol"?[["lower-alpha",h.ol_alpha],["lower-roman",h.ol_roman],["upper-alpha",h.ol_alphau],["upper-roman",h.ol_romanu]]:[["circle",h.ul_circle],["square",h.ul_square]],n=this.tArr(e==="ol"?"liststyles_ol":"liststyles_ul").slice(1),l=window.getSelection(),r=l?(c=this.closestBlock(l.anchorNode))==null?void 0:c.closest(e):null,o=r?r.style.listStyleType:"";this.popup(t,d=>{this.menuItems(d,[{label:this.t(e==="ol"?"numlist":"bullist"),icon:e==="ol"?h.numlist:h.bullist,on:document.queryCommandState(i),action:()=>this.exec(i)}]),d.insertAdjacentHTML("beforeend",'<div class="sep"></div>');const u=document.createElement("div");u.className="mi-grid",s.forEach(([m,b],y)=>{const g=document.createElement("button");g.className="mi"+(o===m?" on":""),g.innerHTML=`<span class="ic">${b}</span><span class="prev">${n[y]}</span>`,g.addEventListener("click",()=>{this.closePop(),this.setListStyle(e,m)}),u.appendChild(g)}),d.appendChild(u)})}buildPaletteInto(t,e,i){const s=document.createElement("div");s.className="cpal",Ge.forEach(u=>{const m=document.createElement("button");m.type="button",m.style.background=u,m.title=u,m.addEventListener("click",()=>{this.closePop(),i(u)}),s.appendChild(m)}),t.appendChild(s),t.insertAdjacentHTML("beforeend",'<div class="sep"></div>');const n=document.createElement("div");n.className="cfoot";const l=/^#[0-9a-f]{6}$/i.test(e)?e:"#000000",r=document.createElement("div");r.className="cswatch cur",r.title=this.t("currentcolor"),r.style.background=l,r.innerHTML=h.check;const o=document.createElement("button");o.type="button",o.className="cswatch nocolor",o.title=this.t("removecolor"),o.addEventListener("click",()=>{this.closePop(),i(null)});const c=document.createElement("label");c.className="cswatch cwheel",c.title=this.t("customcolor"),c.innerHTML=h.palette;const d=document.createElement("input");d.type="color",d.value=l,d.addEventListener("change",()=>{this.closePop(),i(d.value)}),c.appendChild(d),n.append(r,o,c),t.appendChild(n)}colorMenu(t,e){this.popup(t,i=>{const s=e==="fore"?this.foreColor:this.backColor;this.buildPaletteInto(i,s,n=>this.applyColor(e,n))},e==="fore"?"pop-forecolor":"pop-backcolor")}applyColor(t,e){t==="fore"?(this.foreColor=e||"#000000",this.exec("foreColor",e||"#000000")):(this.backColor=e||"transparent",this.exec("hiliteColor",e||"transparent")),this.syncColorSwatches(this.toolbar),this.selCtx&&this.syncColorSwatches(this.selCtx)}syncColorSwatches(t){t.querySelectorAll("[data-cb=fore]").forEach(e=>e.style.background=this.foreColor),t.querySelectorAll("[data-cb=back]").forEach(e=>e.style.background=this.backColor)}fontItems(){return this.options.fontFamilyFormats.map(([t,e])=>({label:t,previewStyle:`font-family:${e}`,on:this.currentFont()===t,action:()=>this.exec("fontName",e)}))}fontMenu(t){this.popup(t,e=>this.menuItems(e,this.fontItems()))}sizeItems(){return ze.map(t=>({label:t,on:this.currentSize()===t,action:()=>this.applyFontSize(t)}))}sizeMenu(t){this.popup(t,e=>this.menuItems(e,this.sizeItems()))}ensureSizeTarget(){const t=window.getSelection();if(!t)return;if(!t.rangeCount){const l=document.createRange();l.selectNodeContents(this.ed),l.collapse(!0),t.addRange(l)}if(!t.isCollapsed)return;const e=t.getRangeAt(0),i=e.startContainer;if(i.nodeType===3){const l=i.data;let r=e.startOffset,o=e.startOffset;for(;r>0&&/\S/.test(l[r-1]);)r--;for(;o<l.length&&/\S/.test(l[o]);)o++;if(o>r){const c=document.createRange();c.setStart(i,r),c.setEnd(i,o),t.removeAllRanges(),t.addRange(c),this.savedRange=c.cloneRange();return}}const s=document.createTextNode("​");e.insertNode(s);const n=document.createRange();n.setStart(s,0),n.setEnd(s,1),t.removeAllRanges(),t.addRange(n),this.savedRange=n.cloneRange()}applyFontSize(t){this.restoreSel(),this.ensureSizeTarget(),document.execCommand("styleWithCSS",!1,"false"),document.execCommand("fontSize",!1,"7");const e=[];if(this.ed.querySelectorAll('font[size="7"]').forEach(i=>{const s=document.createElement("span");for(s.style.fontSize=t;i.firstChild;)s.appendChild(i.firstChild);i.replaceWith(s),e.push(s)}),e.length){const i=document.createRange();i.setStart(e[0],0),i.setEnd(e[e.length-1],e[e.length-1].childNodes.length);const s=window.getSelection();s&&(s.removeAllRanges(),s.addRange(i))}this.saveSel(),this.refreshState(),this.onChange()}stepFontSize(t){const e=parseInt(this.currentSize(),10)||14,i=Math.min(Ye,Math.max(Xe,e+t));i!==e&&this.applyFontSize(i+"px")}transformCase(t){this.restoreSel();const e=window.getSelection();if(!e||!e.rangeCount||e.isCollapsed)return;const i=e.getRangeAt(0),s=document.createTreeWalker(this.ed,NodeFilter.SHOW_TEXT),n=[];let l;for(;l=s.nextNode();)i.intersectsNode(l)&&n.push(l);n.forEach(r=>{const o=r===i.startContainer?i.startOffset:0,c=r===i.endContainer?i.endOffset:r.data.length;if(c<=o)return;const d=r.data.slice(o,c);let u=d;t==="lower"?u=d.toLowerCase():t==="upper"?u=d.toUpperCase():u=d.replace(/(^|\s)(\S)/g,(m,b,y)=>b+y.toUpperCase()),r.replaceData(o,c-o,u)}),this.saveSel(),this.refreshState(),this.onChange()}caseItems(){return[{label:this.t("lowercase"),icon:h.lowercaseic,action:()=>this.transformCase("lower")},{label:this.t("uppercase"),icon:h.uppercaseic,action:()=>this.transformCase("upper")},{label:this.t("capitalize"),icon:h.capitalizeic,action:()=>this.transformCase("capitalize")}]}caseMenu(t){this.popup(t,e=>this.menuItems(e,this.caseItems()))}applyBlockStyle(t,e){this.restoreSel();const i=this.selectedBlocks(),s=t==="lineHeight"?"line-height":t==="wordSpacing"?"word-spacing":"letter-spacing";i.forEach(n=>{e?n.style[t]=e:n.style.removeProperty(s)}),this.saveSel(),this.onChange()}currentBlockStyle(t){const e=window.getSelection(),i=e?this.closestBlock(e.anchorNode):null;return i&&i.style[t]||""}blockStyleItems(t,e){const i=this.currentBlockStyle(t);return[{label:this.t("normal"),on:!i,action:()=>this.applyBlockStyle(t,"")},...e.map(s=>({label:s,on:i===s,action:()=>this.applyBlockStyle(t,s)}))]}lineHeightMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("lineHeight",Kt)))}wordSpacingMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("wordSpacing",Jt)))}letterSpacingMenu(t){this.popup(t,e=>this.menuItems(e,this.blockStyleItems("letterSpacing",te)))}closestAnchor(){const t=window.getSelection();let e=t&&this.ed.contains(t.anchorNode)?t.anchorNode:null;for(;e&&e!==this.ed;){if(e.nodeType===1&&e.tagName==="A")return e;e=e.parentNode}return null}linkDlg(){this.saveSel();const t=this.closestAnchor();let e;const i=[];t&&i.push({label:this.t("unlink"),action:()=>{const s=document.createRange();s.selectNodeContents(t);const n=window.getSelection();n&&(n.removeAllRanges(),n.addRange(s)),document.execCommand("unlink"),this.closeDlg(),this.onChange()}}),i.push({label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{const s=e.value.trim();if(this.closeDlg(),!s)return;if(t){t.setAttribute("href",s),this.onChange();return}this.restoreSel();const n=window.getSelection();!n||n.isCollapsed?document.execCommand("insertHTML",!1,`<a href="${s.replace(/"/g,"&quot;")}">${s.replace(/&/g,"&amp;").replace(/</g,"&lt;")}</a>`):(document.execCommand("styleWithCSS",!1,"false"),document.execCommand("createLink",!1,s)),this.saveSel(),this.onChange()}}),this.dialog(this.t("linkttl"),s=>{const n=document.createElement("div");n.style.cssText="display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";const l=document.createElement("span");l.style.cssText="width:60px;color:#556;flex:none",l.textContent=this.t("linkurl"),e=document.createElement("input"),e.type="url",e.placeholder="https://",e.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit",e.value=(t==null?void 0:t.getAttribute("href"))||"",n.append(l,e),s.appendChild(n),setTimeout(()=>e.focus(),0)},i)}blockItems(){return ie.map(([t])=>({label:this.blockLabel(t),previewStyle:t.startsWith("h")?`font-weight:700;font-size:${22-2*+t[1]}px`:t==="pre"?"font-family:monospace":"",on:this.currentBlock()===t,action:()=>this.exec("formatBlock","<"+t+">")}))}blocksMenu(t){this.popup(t,e=>this.menuItems(e,this.blockItems()))}alignItems(){return[["justifyLeft","alignleft",h.alignleft],["justifyCenter","aligncenter",h.aligncenter],["justifyRight","alignright",h.alignright],["justifyFull","alignjustify",h.alignjustify]].map(([e,i,s])=>({label:this.t(i),icon:s,on:document.queryCommandState(e),action:()=>this.exec(e)}))}blockLabel(t){return t==="p"?this.t("para"):t==="pre"?this.t("pre"):this.t("heading")+" "+t[1]}tableGrid(t,e){this.popup(t,i=>this.buildTableGridInto(i,e))}buildTableGridInto(t,e){{const i=document.createElement("div");i.className="tgridwrap";const s=document.createElement("div");s.className="tgrid";const n=document.createElement("div");n.className="tgridlbl",n.textContent="1 × 1";const l=[];for(let r=0;r<8;r++)for(let o=0;o<10;o++){const c=document.createElement("span");c.dataset.r=String(r),c.dataset.c=String(o),c.addEventListener("mouseenter",()=>{l.forEach(d=>d.classList.toggle("hot",+d.dataset.r<=r&&+d.dataset.c<=o)),n.textContent=o+1+" × "+(r+1)}),c.addEventListener("click",()=>{this.closePop(),this.insertTable(r+1,o+1),e==null||e()}),l.push(c),s.appendChild(c)}i.append(s,n),t.appendChild(i)}}insertTable(t,e){this.restoreSel();let i='<table style="border-collapse:collapse;width:100%;table-layout:fixed"><tbody>';for(let s=0;s<t;s++){i+="<tr>";for(let n=0;n<e;n++)i+='<td style="border:1px solid #b9c2cc"><br></td>';i+="</tr>"}i+="</tbody></table><p><br></p>",document.execCommand("insertHTML",!1,i),this.saveSel(),this.onChange()}setDir(t){this.restoreSel();const e=this.selectedBlocks();e.length?e.forEach(i=>i.setAttribute("dir",t)):this.ed.setAttribute("dir",t),this.saveSel(),this.refreshState(),this.onChange()}parseToolbarString(t){return t.split("|").map(e=>e.trim().split(/\s+/).filter(Boolean)).filter(e=>e.length>0)}buildToolbarRegistry(){const t=this.tbtn(h.tableic,this.t("quicktable"),()=>this.tableGrid(t)),e={undo:()=>this.tbtn(h.undo,this.t("undo"),()=>this.exec("undo")),redo:()=>this.tbtn(h.redo,this.t("redo"),()=>this.exec("redo")),preview:()=>this.tbtn(h.prevw,this.t("preview"),()=>this.previewDlg()),print:()=>this.tbtn(h.printic,this.t("print"),()=>this.printDoc()),importword:()=>this.tbtn(h.wordic,this.t("importword"),()=>this.pickWordDoc()),revhistory:()=>this.tbtn(h.historyic,this.t("revhistory"),()=>this.revisionDlg()),fontfamily:()=>this.tsel("w-font","fontsel","",i=>this.fontMenu(i)),fontsize:()=>this.tsel("w-size","sizesel","",i=>this.sizeMenu(i)),fontsizeincrease:()=>this.stepBtn(1),fontsizedecrease:()=>this.stepBtn(-1),bold:()=>this.tbtn(h.bold,this.t("bold"),()=>this.exec("bold"),"bold"),italic:()=>this.tbtn(h.italic,this.t("italic"),()=>this.exec("italic"),"italic"),underline:()=>this.tbtn(h.underline,this.t("underline"),()=>this.exec("underline"),"underline"),strikethrough:()=>this.tbtn(h.strikethrough,this.t("strikethrough"),()=>this.exec("strikeThrough"),"strikeThrough"),forecolor:()=>this.colorChips(),backcolor:()=>this.menuTbtn(h.backcolor+'<span class="colorbar" data-cb="back"></span>',this.t("backcolor"),i=>this.colorMenu(i,"back")),alignleft:()=>this.tbtn(h.alignleft,this.t("alignleft"),()=>this.exec("justifyLeft"),"justifyLeft"),aligncenter:()=>this.tbtn(h.aligncenter,this.t("aligncenter"),()=>this.exec("justifyCenter"),"justifyCenter"),alignright:()=>this.tbtn(h.alignright,this.t("alignright"),()=>this.exec("justifyRight"),"justifyRight"),alignjustify:()=>this.tbtn(h.alignjustify,this.t("alignjustify"),()=>this.exec("justifyFull"),"justifyFull"),bullist:()=>this.menuTbtn(h.bullist,this.t("bullist"),i=>this.listMenu(i,"ul"),"insertUnorderedList"),numlist:()=>this.menuTbtn(h.numlist,this.t("numlist"),i=>this.listMenu(i,"ol"),"insertOrderedList"),outdent:()=>this.tbtn(h.outdent,this.t("outdent"),()=>this.exec("outdent")),indent:()=>this.tbtn(h.indent,this.t("indent"),()=>this.exec("indent")),link:()=>this.tbtn(h.link,this.t("linkttl"),()=>this.linkDlg()),blockquote:()=>this.tbtn(h.quote,this.t("quote"),()=>this.toggleBlock("blockquote"),"blockquote"),code:()=>this.tbtn(h.inlinecodeic,this.t("code"),()=>this.toggleInlineCode(),"code"),codesample:()=>this.tbtn(h.codesampleic,this.t("codesample"),()=>this.codeDlg()),changecase:()=>this.menuTbtn(h.caseic,this.t("changecase"),i=>this.caseMenu(i)),lineheight:()=>this.menuTbtn(h.lineheight,this.t("lineheight"),i=>this.lineHeightMenu(i)),wordspacing:()=>this.menuTbtn(h.wordspacing,this.t("wordspacing"),i=>this.wordSpacingMenu(i)),letterspacing:()=>this.menuTbtn(h.letterspacing,this.t("letterspacing"),i=>this.letterSpacingMenu(i)),removeformat:()=>this.tbtn(h.clearformatic,this.t("removeformat"),()=>this.exec("removeFormat")),blocks:()=>this.tsel("w-block","blocksel",this.t("para"),i=>this.blocksMenu(i)),ltr:()=>this.tbtn(h.ltr,this.t("ltr"),()=>this.setDir("ltr"),"ltr"),rtl:()=>this.tbtn(h.rtl,this.t("rtl"),()=>this.setDir("rtl"),"rtl"),quickimage:()=>this.tbtn(h.image,this.t("quickimage"),()=>this.insertImagePlaceholder()),quickvideo:()=>this.tbtn(h.video,this.t("quickvideo"),()=>this.videoDlg()),quicktable:()=>t,template:()=>this.menuTbtn(h.templateic,this.t("template"),i=>this.templateMenu(i)),charmap:()=>this.tbtn(h.charic,this.t("charmap"),()=>this.charMap()),emoji:()=>this.tbtn(h.emojiic,this.t("emoji"),()=>this.emojiMap()),fullscreen:()=>this.tbtn(h.fullscreen,this.t("fullscreen"),()=>this.toggleFullscreen(),"fullscreen"),sourcecode:()=>this.tbtn(h.srcic,this.t("sourcecode"),()=>this.sourceDlg())};return e.styles=e.blocks,e.image=e.quickimage,e.media=e.quickvideo,e.table=e.quicktable,e}buildToolbar(){this.toolbar.innerHTML="";const t=this.options.toolbar===!0?We:this.options.toolbar,e=this.buildToolbarRegistry();this.parseToolbarString(t).forEach(i=>{const s=[];i.forEach(n=>{const l=e[n];if(!l){console.warn(`FableEditor: unknown toolbar item "${n}"`);return}const r=l();Array.isArray(r)?s.push(...r):s.push(r)}),s.length&&this.toolbar.appendChild(this.group(...s))}),this.tbrMore=this.tbtn(h.more,this.t("more"),()=>{this.tbrExpanded=!this.tbrExpanded,this.updateToolbarOverflow()}),this.tbrMore.classList.add("tbr-more"),this.toolbar.appendChild(this.tbrMore),this.syncColorSwatches(this.toolbar),this.updateToolbarOverflow()}updateToolbarOverflow(){const t=this.toolbar;if(!this.tbrMore)return;t.classList.add("tbr-measure");const e=t.scrollWidth>t.clientWidth+1;t.classList.remove("tbr-measure");const i=this.shell.offsetWidth<W.TBR_COLLAPSE_MAX;if(!e||!i){this.tbrExpanded=!1,t.classList.remove("collapsible","expanded"),this.tbrMore.classList.remove("on");return}t.classList.add("collapsible"),t.classList.toggle("expanded",this.tbrExpanded),this.tbrMore.classList.toggle("on",this.tbrExpanded)}mItem(t,e,i,s){return{label:this.t(t),icon:e,action:i,shortcut:s}}buildMenubar(){this.menubar.innerHTML="";const t={file:[this.mItem("newdoc",h.newic,()=>{this.recordRevision(),this.ed.innerHTML="<p><br></p>",this.onChange()}),"|",this.mItem("importword",h.wordic,()=>this.pickWordDoc()),this.mItem("restoredraft",h.draftic,()=>{this.restoreDraft()||alert(this.t("draftempty"))}),this.mItem("revhistory",h.historyic,()=>this.revisionDlg()),"|",this.mItem("preview",h.prevw,()=>this.previewDlg()),this.mItem("print",h.printic,()=>this.printDoc(),"Ctrl+P")],edit:[this.mItem("undo",h.undo,()=>this.exec("undo"),"Ctrl+Z"),this.mItem("redo",h.redo,()=>this.exec("redo"),"Ctrl+Y"),"|",this.mItem("cut",h.cutic,()=>this.exec("cut"),"Ctrl+X"),this.mItem("copy",h.copyic,()=>this.exec("copy"),"Ctrl+C"),this.mItem("paste",h.pasteic,()=>alert(this.t("pastehint")),"Ctrl+V"),"|",this.mItem("selectall",h.selall,()=>this.exec("selectAll"),"Ctrl+A")],view:[this.mItem("fullscreen",h.fullscreen,()=>this.toggleFullscreen()),this.mItem("preview",h.prevw,()=>this.previewDlg()),this.mItem("sourcecode",h.srcic,()=>this.sourceDlg())],insert:[this.mItem("link",h.link,()=>this.linkDlg()),this.mItem("image",h.image,()=>this.insertImagePlaceholder()),this.mItem("video",h.video,()=>this.videoDlg()),{label:this.t("inserttable"),icon:h.tableic,action:()=>this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]')||this.menubar)},this.mItem("codesample",h.codesampleic,()=>this.codeDlg()),{label:this.t("template"),icon:h.templateic,subBuild:s=>this.buildTemplatePickInto(s)},this.mItem("hr",h.hric,()=>this.exec("insertHorizontalRule")),"|",this.mItem("charmap",h.charic,()=>this.charMap()),this.mItem("emoji",h.emojiic,()=>this.emojiMap()),this.mItem("datetime",h.dateic,()=>this.exec("insertText",new Date().toLocaleString(this.lang==="ar"?"ar-AE":"en-GB"))),"|",{label:this.t("pagebreak"),icon:h.pbic,action:()=>{this.restoreSel(),document.execCommand("insertHTML",!1,'<hr class="pagebreak"><p><br></p>'),this.onChange()}},this.mItem("nbsp",h.nbspic,()=>this.exec("insertText"," "))],format:[this.mItem("bold",h.bold,()=>this.exec("bold"),"Ctrl+B"),this.mItem("italic",h.italic,()=>this.exec("italic"),"Ctrl+I"),this.mItem("underline",h.underline,()=>this.exec("underline"),"Ctrl+U"),this.mItem("strikethrough",h.strikethrough,()=>this.exec("strikeThrough")),this.mItem("superscript",h.superscriptic,()=>this.exec("superscript")),this.mItem("subscript",h.subscriptic,()=>this.exec("subscript")),this.mItem("code",h.inlinecodeic,()=>this.toggleInlineCode()),this.mItem("quote",h.quote,()=>this.toggleBlock("blockquote")),"|",{label:this.t("fontfamily"),subBuild:s=>this.menuItems(s,this.fontItems())},{label:this.t("fontsize"),subBuild:s=>this.menuItems(s,this.sizeItems())},{label:this.t("blocks"),subBuild:s=>this.menuItems(s,this.blockItems())},{label:this.t("align"),subBuild:s=>this.menuItems(s,this.alignItems())},{label:this.t("lineheight"),icon:h.lineheight,subBuild:s=>this.menuItems(s,this.blockStyleItems("lineHeight",Kt))},{label:this.t("wordspacing"),icon:h.wordspacing,subBuild:s=>this.menuItems(s,this.blockStyleItems("wordSpacing",Jt))},{label:this.t("letterspacing"),icon:h.letterspacing,subBuild:s=>this.menuItems(s,this.blockStyleItems("letterSpacing",te))},"|",{label:this.t("forecolor"),icon:h.palette,subBuild:s=>this.buildPaletteInto(s,this.foreColor,n=>this.applyColor("fore",n))},{label:this.t("backcolor"),icon:h.backcolor,subBuild:s=>this.buildPaletteInto(s,this.backColor,n=>this.applyColor("back",n))},"|",this.mItem("bullist",h.bullist,()=>this.exec("insertUnorderedList")),this.mItem("numlist",h.numlist,()=>this.exec("insertOrderedList")),this.mItem("outdent",h.outdent,()=>this.exec("outdent")),this.mItem("indent",h.indent,()=>this.exec("indent")),"|",this.mItem("ltr",h.ltr,()=>this.setDir("ltr")),this.mItem("rtl",h.rtl,()=>this.setDir("rtl")),"|",{label:this.t("changecase"),icon:h.caseic,sub:this.caseItems()},"|",this.mItem("clearformat",h.clearformatic,()=>this.exec("removeFormat"))],tools:[this.mItem("sourcecode",h.srcic,()=>this.sourceDlg()),this.mItem("wordcount",h.wcic,()=>this.wordCountDlg())],table:[{label:this.t("inserttable"),icon:h.tableic,subBuild:s=>this.buildTableGridInto(s)},"|",{label:this.t("cell"),sub:[{label:this.t("cellprops"),icon:h.tableic,action:()=>this.cellPropsDlg()},{label:this.t("cellbg"),icon:h.palette,subBuild:s=>this.buildCellFillInto(s)}]},{label:this.t("row"),sub:[{label:this.t("rowabove"),icon:h.rowbefore,action:()=>this.tableOp("rowabove"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("rowbelow"),icon:h.rowafter,action:()=>this.tableOp("rowbelow"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("delrow"),icon:h.rowdelete,action:()=>this.tableOp("delrow"),hover:s=>this.setOpTarget(s?"row":null)},"|",{label:this.t("moverowup"),icon:h.moverowup,action:()=>this.tableMove("rowup"),hover:s=>this.setOpTarget(s?"row":null)},{label:this.t("moverowdown"),icon:h.moverowdown,action:()=>this.tableMove("rowdown"),hover:s=>this.setOpTarget(s?"row":null)},"|",{label:this.t("rowprops"),icon:h.tableic,action:()=>this.rowPropsDlg(),hover:s=>this.setOpTarget(s?"row":null)}]},{label:this.t("column"),sub:[{label:this.t("colbefore"),icon:h.colbefore,action:()=>this.tableOp("colbefore"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("colafter"),icon:h.colafter,action:()=>this.tableOp("colafter"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("delcol"),icon:h.coldelete,action:()=>this.tableOp("delcol"),hover:s=>this.setOpTarget(s?"col":null)},"|",{label:this.t("movecolleft"),icon:h.movecolleft,action:()=>this.tableMove("colleft"),hover:s=>this.setOpTarget(s?"col":null)},{label:this.t("movecolright"),icon:h.movecolright,action:()=>this.tableMove("colright"),hover:s=>this.setOpTarget(s?"col":null)},"|",{label:this.t("colprops"),icon:h.tableic,action:()=>this.colPropsDlg(),hover:s=>this.setOpTarget(s?"col":null)}]},"|",{label:this.t("tablepropsttl"),icon:h.tableic,action:()=>{const s=this.currentCell();if(!s){alert(this.t("nocell"));return}this.tblActive=s.closest("table"),this.tablePropsDlg()}},{label:this.t("deltable"),icon:h.trash,action:()=>this.tableOp("deltable")}],help:[this.mItem("helpttl",h.helpic,()=>this.helpDlg(),"Alt+0")]},e=this.options.menubar===!0?Ve:this.options.menubar,i=new Set;e.split(/\s+/).filter(Boolean).forEach(s=>{if(i.has(s))return;if(i.add(s),!t[s]){console.warn(`FableEditor: unknown menubar item "${s}"`);return}const n=document.createElement("button");n.type="button",n.textContent=this.t(s),n.dataset.menuKey=s,n.addEventListener("mousedown",l=>{l.preventDefault(),this.saveSel()}),n.addEventListener("click",()=>this.popup(n,l=>this.menuItems(l,t[s]))),this.menubar.appendChild(n)})}tableOp(t){var o,c,d;this.restoreSel();const e=window.getSelection();if(!e)return;const i=((o=this.closestBlock(e.anchorNode))==null?void 0:o.closest("td,th"))||(e.anchorNode&&e.anchorNode.nodeType===1?(d=(c=e.anchorNode).closest)==null?void 0:d.call(c,"td,th"):null);if(!i)return;const s=i.parentElement,n=i.closest("table"),l=Array.from(s.children).indexOf(i),r=()=>{const u=s.cloneNode(!1);return Array.from(s.children).forEach(m=>{const b=document.createElement("td"),y=m.getAttribute("style");y&&b.setAttribute("style",y),b.style.removeProperty("background-color"),b.innerHTML="<br>",u.appendChild(b)}),u};if(t==="rowabove"&&s.before(r()),t==="rowbelow"&&s.after(r()),t==="delrow"){const u=s.parentElement;s.remove(),u.querySelector("tr")||n.remove()}(t==="colbefore"||t==="colafter")&&n.querySelectorAll("tr").forEach(u=>{const m=u.children[Math.min(l,u.children.length-1)],b=document.createElement("td"),y=m.getAttribute("style");y&&b.setAttribute("style",y),b.style.removeProperty("width"),b.style.removeProperty("background-color"),b.innerHTML="<br>",t==="colbefore"?m.before(b):m.after(b)}),t==="delcol"&&(n.querySelectorAll("tr").forEach(u=>{var m;return(m=u.children[l])==null?void 0:m.remove()}),n.querySelector("td,th")||n.remove()),t==="deltable"&&n.remove(),this.onChange(),this.positionTableHandles()}tableMove(t){this.restoreSel();const e=this.currentCell();if(!e)return;const i=e.parentElement,s=e.closest("table"),n=Array.from(i.children).indexOf(e);if(t==="rowup"){const o=i.previousElementSibling;o&&o.before(i)}if(t==="rowdown"){const o=i.nextElementSibling;o&&o.after(i)}t==="colleft"&&n>0&&s.querySelectorAll("tr").forEach(o=>{const c=o.children[n],d=o.children[n-1];c&&d&&d.before(c)}),t==="colright"&&s.querySelectorAll("tr").forEach(o=>{const c=o.children[n],d=o.children[n+1];c&&d&&d.after(c)});const l=document.createRange();l.selectNodeContents(e),l.collapse(!0);const r=window.getSelection();r&&(r.removeAllRanges(),r.addRange(l)),this.saveSel(),this.onChange(),this.positionTableHandles(),this.positionCellMarker()}alignTable(t){const e=this.tblActive;e&&(e.style.marginLeft=t==="left"?"0":"auto",e.style.marginRight=t==="right"?"0":"auto",this.onChange(),this.positionTableHandles())}buildCellFillInto(t){const e=s=>{const n=this.currentCell();if(!n){alert(this.t("nocell"));return}this.setOrClear(n,"background-color",s||""),this.onChange()},i=this.currentCell();this.buildPaletteInto(t,this.cssToHex(i?i.style.backgroundColor:""),e)}cssToHex(t){const e=t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);return e?"#"+e.slice(1,4).map(i=>(+i).toString(16).padStart(2,"0")).join(""):t}cellFillMenu(t){this.popup(t,e=>this.buildCellFillInto(e),"pop-cellbg")}applyTableProps(t,e){e.width?t.style.width=/^\d+$/.test(e.width)?e.width+"px":e.width:t.style.removeProperty("width");const i=Array.from(t.querySelectorAll("td,th"));e.cellpadding!==""?i.forEach(s=>s.style.padding=e.cellpadding+"px"):i.forEach(s=>s.style.removeProperty("padding")),e.cellspacing!==""?(t.style.borderCollapse="separate",t.style.borderSpacing=e.cellspacing+"px"):(t.style.borderCollapse="collapse",t.style.removeProperty("border-spacing")),e.border!==""&&+e.border>0?(t.style.border=e.border+"px solid #b9c2cc",i.forEach(s=>s.style.border=e.border+"px solid #b9c2cc")):(t.style.removeProperty("border"),i.forEach(s=>s.style.removeProperty("border"))),t.style.removeProperty("margin-left"),t.style.removeProperty("margin-right"),e.align==="center"?(t.style.marginLeft="auto",t.style.marginRight="auto"):e.align==="right"?(t.style.marginLeft="auto",t.style.marginRight="0"):e.align==="left"&&(t.style.marginLeft="0",t.style.marginRight="auto")}tablePropsDlg(){const t=this.tblActive;if(!t)return;let e,i,s,n,l;const r="display:flex;align-items:center;gap:10px;margin:10px 0",o="width:120px;color:#556;flex:none",c="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit",d=t.querySelector("td,th"),u=t.style.width||"",m=d&&d.style.padding?parseFloat(d.style.padding):"",b=t.style.borderSpacing?parseFloat(t.style.borderSpacing):"",y=t.style.borderWidth?parseFloat(t.style.borderWidth):"",g=t.style.marginLeft,x=t.style.marginRight,w=g==="auto"&&x==="auto"?"center":g==="auto"?"right":x==="auto"&&g==="0"?"left":"";this.dialog(this.t("tablepropsttl"),E=>{const I=(H,j)=>{const F=document.createElement("div");F.style.cssText=r;const _=document.createElement("span");_.style.cssText=o,_.textContent=this.t(H),F.append(_,j),E.appendChild(F)};e=document.createElement("input"),e.type="text",e.style.cssText=c,e.placeholder="e.g. 600px or 100%",e.value=u,I("tblwidth",e),i=document.createElement("input"),i.type="number",i.min="0",i.style.cssText=c,i.value=String(m),I("tblcellpadding",i),s=document.createElement("input"),s.type="number",s.min="0",s.style.cssText=c,s.value=String(b),I("tblcellspacing",s),n=document.createElement("input"),n.type="number",n.min="0",n.style.cssText=c,n.value=String(y),I("tblborder",n),l=document.createElement("select"),l.style.cssText=c,[["","alignnone"],["left","alignleft"],["center","aligncenter"],["right","alignright"]].forEach(([H,j])=>{const F=document.createElement("option");F.value=H,F.textContent=this.t(j),H===w&&(F.selected=!0),l.appendChild(F)}),I("tblalign",l)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.applyTableProps(t,{width:e.value.trim(),cellpadding:i.value.trim(),cellspacing:s.value.trim(),border:n.value.trim(),align:l.value}),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}currentCell(){let t=this.savedRange?this.savedRange.startContainer:null;if(!t||!this.ed.contains(t)){const e=window.getSelection();t=e&&this.ed.contains(e.anchorNode)?e.anchorNode:null}for(;t&&t!==this.ed;){if(t.nodeType===1&&/^(TD|TH)$/.test(t.tagName))return t;t=t.parentNode}return null}toHexColor(t){if(/^#[0-9a-fA-F]{6}$/.test(t))return t;const e=/rgba?\((\d+)[,\s]+(\d+)[,\s]+(\d+)/.exec(t);return e?"#"+[e[1],e[2],e[3]].map(i=>(+i).toString(16).padStart(2,"0")).join(""):""}formRow(t,e,i){const s=document.createElement("div");s.style.cssText="display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";const n=document.createElement("span");n.style.cssText="width:120px;color:#556;flex:none",n.textContent=e,s.append(n,i),t.appendChild(s)}formInput(t,e=""){const i=document.createElement("input");return i.type="text",i.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;min-width:0",i.value=t,i.placeholder=e,i}formSelect(t,e){const i=document.createElement("select");return i.style.cssText="flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit;background:#fff",t.forEach(([s,n])=>{const l=document.createElement("option");l.value=s,l.textContent=n,s===e&&(l.selected=!0),i.appendChild(l)}),i}formBg(t){const e=document.createElement("div");e.style.cssText="flex:1;display:flex;align-items:center;gap:8px";const i=this.toHexColor(t),s=document.createElement("input");s.type="color",s.value=i||"#ffffff",s.style.cssText="width:36px;height:29px;border:1px solid #cfd6df;border-radius:4px;padding:1px;background:none;cursor:pointer";const n=document.createElement("label");n.style.cssText="display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";const l=document.createElement("input");return l.type="checkbox",l.checked=!!i,n.append(l,document.createTextNode(this.t("fill"))),s.addEventListener("input",()=>l.checked=!0),e.append(s,n),{wrap:e,color:s,fill:l}}setOrClear(t,e,i){i?t.style.setProperty(e,/^(width|height)$/.test(e)&&/^\d+$/.test(i)?i+"px":i):t.style.removeProperty(e)}cellPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}let e,i,s,n,l;this.dialog(this.t("cellprops").replace("…",""),r=>{e=this.formInput(t.style.width,"e.g. 120px / 25%"),this.formRow(r,this.t("tblwidth"),e),i=this.formInput(t.style.height,"e.g. 40px"),this.formRow(r,this.t("tblheight"),i),s=this.formSelect([["",this.t("alignnone")],["left",this.t("alignleft")],["center",this.t("aligncenter")],["right",this.t("alignright")]],t.style.textAlign||""),this.formRow(r,this.t("tblalign"),s),n=this.formSelect([["",this.t("alignnone")],["top",this.t("valigntop")],["middle",this.t("valignmiddle")],["bottom",this.t("valignbottom")]],t.style.verticalAlign||""),this.formRow(r,this.t("valign"),n),l=this.formBg(t.style.backgroundColor||""),this.formRow(r,this.t("backcolor"),l.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.setOrClear(t,"width",e.value.trim()),this.setOrClear(t,"height",i.value.trim()),this.setOrClear(t,"text-align",s.value),this.setOrClear(t,"vertical-align",n.value),this.setOrClear(t,"background-color",l.fill.checked?l.color.value:""),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}rowPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}const e=t.parentElement;let i,s;this.dialog(this.t("rowprops").replace("…",""),n=>{i=this.formInput(e.style.height,"e.g. 40px"),this.formRow(n,this.t("tblheight"),i),s=this.formBg(e.style.backgroundColor||""),this.formRow(n,this.t("backcolor"),s.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.setOrClear(e,"height",i.value.trim()),this.setOrClear(e,"background-color",s.fill.checked?s.color.value:""),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}colPropsDlg(){const t=this.currentCell();if(!t){alert(this.t("nocell"));return}const e=t.parentElement,i=t.closest("table"),s=Array.from(e.children).indexOf(t),n=Array.from(i.rows).map(o=>o.cells[s]).filter(Boolean);let l,r;this.dialog(this.t("colprops").replace("…",""),o=>{l=this.formInput(t.style.width,"e.g. 120px / 25%"),this.formRow(o,this.t("tblwidth"),l),r=this.formBg(t.style.backgroundColor||""),this.formRow(o,this.t("backcolor"),r.wrap)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{n.forEach(o=>{this.setOrClear(o,"width",l.value.trim()),this.setOrClear(o,"background-color",r.fill.checked?r.color.value:"")}),this.closeDlg(),this.onChange(),this.positionTableHandles()}}])}closeDlg(){this.dlgOvl&&(this.dlgOvl.remove(),this.dlgOvl=null)}dialog(t,e,i){this.closeDlg(),this.closePop(),this.dlgOvl=document.createElement("div"),this.dlgOvl.className="ovl";const s=document.createElement("div");s.className="dlg",s.dir=this.dir(),s.innerHTML=`<header><span>${t}</span><button type="button">×</button></header>
37
37
  <div class="body"></div><footer></footer>`,s.querySelector("header button").onclick=()=>this.closeDlg(),e(s.querySelector(".body")),(i||[{label:this.t("close"),primary:!0,action:()=>this.closeDlg()}]).forEach(n=>{const l=document.createElement("button");l.type="button",l.textContent=n.label,n.primary&&(l.className="pri"),l.onclick=n.action,s.querySelector("footer").appendChild(l)}),this.dlgOvl.appendChild(s),this.dlgOvl.addEventListener("mousedown",n=>{n.target===this.dlgOvl&&this.closeDlg()}),document.body.appendChild(this.dlgOvl)}sourceDlg(){let t;this.dialog(this.t("srcttl"),e=>{t=document.createElement("textarea"),t.value=this.ed.innerHTML.replace(/></g,`>
38
38
  <`),e.appendChild(t)},[{label:this.t("cancel"),action:()=>this.closeDlg()},{label:this.t("save"),primary:!0,action:()=>{this.ed.innerHTML=t.value,this.closeDlg(),this.onChange()}}])}helpDlg(){this.dialog(this.t("helpttl"),t=>{const e=[["Ctrl+B",this.t("bold")],["Ctrl+I",this.t("italic")],["Ctrl+U",this.t("underline")],["Ctrl+Z",this.t("undo")],["Ctrl+Y",this.t("redo")],["Ctrl+A",this.t("selectall")],["Alt+0",this.t("helpttl")]];t.innerHTML=`<p style="color:#556">${this.t("shortcuts")}</p>
39
39
  <table class="kbd">${e.map(i=>`<tr><td>${i[1]}</td><td><kbd>${i[0]}</kbd></td></tr>`).join("")}</table>`})}wordCountDlg(){this.dialog(this.t("wcttl"),t=>{var e;t.innerHTML=`<table class="kbd">
package/dist/react/index.mjs CHANGED
@@ -3104,7 +3104,7 @@ let Hi = (j = class {
3104
3104
  }), this.onWin(
3105
3105
  "scroll",
3106
3106
  () => {
3107
- this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
3107
+ this.closePop(), this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx(), this.positionVphCtx(), this.positionVidCtx(), this.positionCodeCtx(), this.repositionSelToolbar();
3108
3108
  },
3109
3109
  !0
3110
3110
  ), this.onWin("resize", () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fable-editor",
3
- "version": "1.2.6",
3
+ "version": "1.2.7",
4
4
  "description": "FableEditor — a rich text editor with React and Angular wrappers",
5
5
  "author": "Sajin Satheesan <an.sajinsatheesan@gmail.com>",
6
6
  "repository": {
package/style.css CHANGED
@@ -1053,7 +1053,7 @@
1053
1053
  transform: rotate(-90deg);
1054
1054
  }
1055
1055
 
1056
- [dir=rtl] .pop .mi .subarrow svg {
1056
+ .pop[dir=rtl] .mi .subarrow svg {
1057
1057
  transform: rotate(90deg);
1058
1058
  }
1059
1059