fable-editor 1.0.2 → 1.2.0

package/dist/core/index.mjs

@@ -1,4 +1,4 @@
-const j = {
+const K = {
   en: {
     dir: "ltr",
     file: "File",
@@ -38,9 +38,14 @@ const j = {
     rowabove: "Insert row before",
     rowbelow: "Insert row after",
     delrow: "Delete row",
+    moverowup: "Move row up",
+    moverowdown: "Move row down",
     colbefore: "Insert column before",
     colafter: "Insert column after",
     delcol: "Delete column",
+    movecolleft: "Move column left",
+    movecolright: "Move column right",
+    cellbg: "Cell background",
     deltable: "Delete table",
     ltr: "Left to right",
     rtl: "Right to left",
@@ -87,6 +92,9 @@ const j = {
     tblcellpadding: "Cell padding",
     tblborder: "Border width",
     tblalign: "Alignment",
+    tblalignleft: "Align table left",
+    tblaligncenter: "Center table",
+    tblalignright: "Align table right",
     alignnone: "None",
     quote: "Blockquote",
     link: "Link…",
@@ -95,6 +103,7 @@ const j = {
     unlink: "Remove link",
     lineheight: "Line height",
     wordspacing: "Word spacing",
+    letterspacing: "Letter spacing",
     changecase: "Change case",
     lowercase: "Lowercase",
     uppercase: "Uppercase",
@@ -139,7 +148,47 @@ const j = {
     tplimgright: "Image right, text left",
     tplimgtop: "Image top, text below",
     tplimgcenter: "Text top, image center",
-    deltemplate: "Delete template"
+    deltemplate: "Delete template",
+    video: "Video",
+    quickvideo: "Insert video",
+    deletevideo: "Delete video",
+    uploadvideo: "Upload from computer",
+    videolink: "Insert from URL",
+    videourlph: "Paste video URL…",
+    insertvideo: "Insert",
+    dropvideo: "Drop video here",
+    videodlgttl: "Insert/edit video",
+    vidgeneral: "General",
+    vidembed: "Embed",
+    vidadvanced: "Advanced",
+    vidsource: "Source",
+    vidembedhint: "Paste your embed code below:",
+    vidaltsource: "Alternative source URL",
+    vidposter: "Media poster (Image URL)",
+    emoji: "Emojis…",
+    code: "Inline code",
+    codesample: "Code sample…",
+    codedlgttl: "Insert/edit code sample",
+    codelang: "Language",
+    editcode: "Edit code sample",
+    deletecode: "Delete code sample",
+    copycode: "Copy code",
+    chcat_currency: "Currency",
+    chcat_text: "Text & punctuation",
+    chcat_math: "Mathematical",
+    chcat_arrows: "Arrows",
+    chcat_symbols: "Symbols",
+    chcat_latin: "Extended Latin",
+    chcat_arabic: "Arabic",
+    emcat_smileys: "Smileys & emotion",
+    emcat_people: "People & body",
+    emcat_animals: "Animals & nature",
+    emcat_food: "Food & drink",
+    emcat_travel: "Travel & places",
+    emcat_activities: "Activities",
+    emcat_objects: "Objects",
+    emcat_symbols: "Symbols",
+    emcat_flags: "Flags"
   },
   ar: {
     dir: "rtl",
@@ -180,9 +229,14 @@ const j = {
     rowabove: "إدراج صف قبل",
     rowbelow: "إدراج صف بعد",
     delrow: "حذف الصف",
+    moverowup: "نقل الصف لأعلى",
+    moverowdown: "نقل الصف لأسفل",
     colbefore: "إدراج عمود قبل",
     colafter: "إدراج عمود بعد",
     delcol: "حذف العمود",
+    movecolleft: "نقل العمود لليسار",
+    movecolright: "نقل العمود لليمين",
+    cellbg: "خلفية الخلية",
     deltable: "حذف الجدول",
     ltr: "من اليسار إلى اليمين",
     rtl: "من اليمين إلى اليسار",
@@ -229,6 +283,9 @@ const j = {
     tblcellpadding: "حشو الخلايا",
     tblborder: "عرض الحدود",
     tblalign: "المحاذاة",
+    tblalignleft: "محاذاة الجدول لليسار",
+    tblaligncenter: "توسيط الجدول",
+    tblalignright: "محاذاة الجدول لليمين",
     alignnone: "بدون",
     quote: "اقتباس",
     link: "رابط…",
@@ -237,6 +294,7 @@ const j = {
     unlink: "إزالة الرابط",
     lineheight: "تباعد الأسطر",
     wordspacing: "تباعد الكلمات",
+    letterspacing: "تباعد الأحرف",
     changecase: "تغيير حالة الأحرف",
     lowercase: "أحرف صغيرة",
     uppercase: "أحرف كبيرة",
@@ -281,13 +339,53 @@ const j = {
     tplimgright: "صورة يمين، نص يسار",
     tplimgtop: "صورة أعلى، نص أسفل",
     tplimgcenter: "نص أعلى، صورة وسط",
-    deltemplate: "حذف القالب"
+    deltemplate: "حذف القالب",
+    video: "فيديو",
+    quickvideo: "إدراج فيديو",
+    deletevideo: "حذف الفيديو",
+    uploadvideo: "رفع من الجهاز",
+    videolink: "إدراج من رابط",
+    videourlph: "الصق رابط الفيديو…",
+    insertvideo: "إدراج",
+    dropvideo: "أسقط الفيديو هنا",
+    videodlgttl: "إدراج/تعديل فيديو",
+    vidgeneral: "عام",
+    vidembed: "تضمين",
+    vidadvanced: "متقدم",
+    vidsource: "المصدر",
+    vidembedhint: "الصق كود التضمين أدناه:",
+    vidaltsource: "رابط مصدر بديل",
+    vidposter: "صورة الغلاف (رابط الصورة)",
+    emoji: "رموز تعبيرية…",
+    code: "كود مضمّن",
+    codesample: "عينة كود…",
+    codedlgttl: "إدراج/تعديل عينة كود",
+    codelang: "اللغة",
+    editcode: "تعديل عينة الكود",
+    deletecode: "حذف عينة الكود",
+    copycode: "نسخ الكود",
+    chcat_currency: "عملات",
+    chcat_text: "نص وعلامات ترقيم",
+    chcat_math: "رموز رياضية",
+    chcat_arrows: "أسهم",
+    chcat_symbols: "رموز",
+    chcat_latin: "لاتينية موسعة",
+    chcat_arabic: "عربية",
+    emcat_smileys: "وجوه ومشاعر",
+    emcat_people: "أشخاص وإيماءات",
+    emcat_animals: "حيوانات وطبيعة",
+    emcat_food: "طعام وشراب",
+    emcat_travel: "سفر وأماكن",
+    emcat_activities: "أنشطة",
+    emcat_objects: "أشياء",
+    emcat_symbols: "رموز",
+    emcat_flags: "أعلام"
   }
 };
-function B(p) {
-  return j[p];
+function R(p) {
+  return K[p];
 }
-const X = "undo redo | preview print | importword revhistory | fontfamily fontsize | fontsizeincrease fontsizedecrease | bold italic underline strikethrough | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link blockquote changecase lineheight wordspacing | removeformat | blocks | ltr rtl | quickimage quicktable template charmap | fullscreen sourcecode", _ = "file edit view insert format tools table help", Q = [
+const J = "undo redo | preview print | importword revhistory | fontfamily fontsize | fontsizeincrease fontsizedecrease | bold italic underline strikethrough | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link blockquote code changecase lineheight wordspacing letterspacing | removeformat | blocks | ltr rtl | quickimage quickvideo quicktable codesample template charmap emoji | fullscreen sourcecode", tt = "file edit view insert format tools table help", et = [
   ["Andale Mono", "andale mono,times"],
   ["Arial", "arial,helvetica,sans-serif"],
   ["Arial Black", "arial black,avant garde"],
@@ -307,7 +405,24 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   ["Verdana", "verdana,geneva"],
   ["Webdings", "webdings"],
   ["Wingdings", "wingdings,zapf dingbats"]
-], Y = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], G = 1, K = 100, V = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], J = ["1px", "2px", "4px", "6px", "8px", "12px"], P = [
+], it = ["8px", "9px", "10px", "11px", "12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px", "72px", "96px"], st = 1, lt = 100, ot = ["1", "1.15", "1.4", "1.5", "1.75", "2", "2.5", "3"], nt = ["1px", "2px", "4px", "6px", "8px", "12px"], rt = ["0.5px", "1px", "1.5px", "2px", "3px", "4px"], _ = [
+  ["plain", "Plain text"],
+  ["html", "HTML/XML"],
+  ["css", "CSS"],
+  ["javascript", "JavaScript"],
+  ["typescript", "TypeScript"],
+  ["json", "JSON"],
+  ["python", "Python"],
+  ["java", "Java"],
+  ["csharp", "C#"],
+  ["cpp", "C/C++"],
+  ["php", "PHP"],
+  ["ruby", "Ruby"],
+  ["go", "Go"],
+  ["rust", "Rust"],
+  ["sql", "SQL"],
+  ["bash", "Bash/Shell"]
+], V = [
   ["p", "para"],
   ["h1", "heading1"],
   ["h2", "heading2"],
@@ -316,30 +431,1098 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   ["h5", "heading5"],
   ["h6", "heading6"],
   ["pre", "pre"]
-], tt = ["#F76707", "#4263EB", "#CC5DE8"], et = [
-  "#BFEDD2",
-  "#FBEEB8",
-  "#F8CAC6",
-  "#ECCAFA",
-  "#C2E0F4",
-  "#2DC26B",
-  "#F1C40F",
-  "#E03E2D",
-  "#B96AD9",
-  "#3598DB",
-  "#169179",
-  "#E67E23",
-  "#BA372A",
-  "#843FA1",
-  "#236FA1",
-  "#ECF0F1",
-  "#CED4D9",
-  "#95A5A6",
-  "#7E8C8D",
-  "#34495E",
+], at = ["#F76707", "#4263EB", "#CC5DE8"], ct = [
+  "#FFFFFF",
+  "#F4F4F4",
+  "#E8EAED",
+  "#DADCE0",
   "#000000",
-  "#FFFFFF"
-], it = [
+  "#F28B82",
+  "#FBBC04",
+  "#FFF475",
+  "#CCFF90",
+  "#A7FFEB",
+  "#CBF0F8",
+  "#AECBFA",
+  "#D7AEFB",
+  "#FDCFE8",
+  "#E6C9A8",
+  "#EA4335",
+  "#FB8C00",
+  "#FDD835",
+  "#34A853",
+  "#00ACC1",
+  "#4285F4",
+  "#5E35B1",
+  "#8E24AA",
+  "#C2185B",
+  "#6D4C41"
+], ht = [
+  {
+    key: "chcat_currency",
+    chars: [
+      "€",
+      "£",
+      "¥",
+      "¢",
+      "$",
+      "₹",
+      "₽",
+      "₩",
+      "₺",
+      "₴",
+      "₦",
+      "฿",
+      "₫",
+      "₪",
+      "﷼",
+      "¤",
+      "₡",
+      "₱",
+      "₲",
+      "₵",
+      "₭",
+      "₮",
+      "₸",
+      "₼",
+      "₾",
+      "₿"
+    ]
+  },
+  {
+    key: "chcat_text",
+    chars: [
+      "§",
+      "¶",
+      "†",
+      "‡",
+      "•",
+      "…",
+      "′",
+      "″",
+      "‰",
+      "‱",
+      "–",
+      "—",
+      "―",
+      "¡",
+      "¿",
+      "·",
+      "‹",
+      "›",
+      "«",
+      "»",
+      "“",
+      "”",
+      "‘",
+      "’",
+      "„",
+      "‚",
+      "¦",
+      "ª",
+      "º",
+      "‽",
+      "※",
+      "❝",
+      "❞",
+      "❮",
+      "❯"
+    ]
+  },
+  {
+    key: "chcat_math",
+    chars: [
+      "°",
+      "±",
+      "×",
+      "÷",
+      "≈",
+      "≠",
+      "≤",
+      "≥",
+      "∞",
+      "µ",
+      "√",
+      "∑",
+      "∫",
+      "∂",
+      "∆",
+      "∏",
+      "π",
+      "Ω",
+      "α",
+      "β",
+      "γ",
+      "δ",
+      "ε",
+      "θ",
+      "λ",
+      "σ",
+      "φ",
+      "ψ",
+      "ω",
+      "∈",
+      "∉",
+      "∪",
+      "∩",
+      "⊂",
+      "⊃",
+      "⊆",
+      "⊇",
+      "∀",
+      "∃",
+      "∅",
+      "∝",
+      "∴",
+      "∵",
+      "¬",
+      "∧",
+      "∨",
+      "½",
+      "⅓",
+      "¼",
+      "¾",
+      "⅔",
+      "⅛",
+      "⅜",
+      "⅝",
+      "⅞",
+      "¹",
+      "²",
+      "³",
+      "⁴",
+      "⁵",
+      "⁶",
+      "⁷",
+      "⁸",
+      "⁹",
+      "⁰",
+      "₁",
+      "₂",
+      "₃",
+      "₄",
+      "₅",
+      "₆",
+      "₇",
+      "₈",
+      "₉",
+      "₀"
+    ]
+  },
+  {
+    key: "chcat_arrows",
+    chars: [
+      "←",
+      "→",
+      "↑",
+      "↓",
+      "↔",
+      "↕",
+      "⇐",
+      "⇒",
+      "⇑",
+      "⇓",
+      "⇔",
+      "↖",
+      "↗",
+      "↘",
+      "↙",
+      "↩",
+      "↪",
+      "↺",
+      "↻",
+      "⤴",
+      "⤵",
+      "➜",
+      "➝",
+      "➞",
+      "➟",
+      "⇦",
+      "⇨",
+      "⇧",
+      "⇩"
+    ]
+  },
+  {
+    key: "chcat_symbols",
+    chars: [
+      "©",
+      "®",
+      "™",
+      "℠",
+      "№",
+      "℮",
+      "✓",
+      "✔",
+      "✗",
+      "✘",
+      "★",
+      "☆",
+      "✦",
+      "✪",
+      "♠",
+      "♣",
+      "♥",
+      "♦",
+      "♪",
+      "♫",
+      "♬",
+      "☀",
+      "☁",
+      "☂",
+      "☃",
+      "☾",
+      "☹",
+      "☺",
+      "☻",
+      "✉",
+      "✂",
+      "✎",
+      "✏",
+      "☎",
+      "☏",
+      "⌛",
+      "⌚",
+      "☞",
+      "☜",
+      "☝",
+      "☟"
+    ]
+  },
+  {
+    key: "chcat_latin",
+    chars: [
+      "À",
+      "Á",
+      "Â",
+      "Ã",
+      "Ä",
+      "Å",
+      "Æ",
+      "Ç",
+      "È",
+      "É",
+      "Ê",
+      "Ë",
+      "Ì",
+      "Í",
+      "Î",
+      "Ï",
+      "Ð",
+      "Ñ",
+      "Ò",
+      "Ó",
+      "Ô",
+      "Õ",
+      "Ö",
+      "Ø",
+      "Ù",
+      "Ú",
+      "Û",
+      "Ü",
+      "Ý",
+      "Þ",
+      "ß",
+      "à",
+      "á",
+      "â",
+      "ã",
+      "ä",
+      "å",
+      "æ",
+      "ç",
+      "è",
+      "é",
+      "ê",
+      "ë",
+      "ì",
+      "í",
+      "î",
+      "ï",
+      "ð",
+      "ñ",
+      "ò",
+      "ó",
+      "ô",
+      "õ",
+      "ö",
+      "ø",
+      "ù",
+      "ú",
+      "û",
+      "ü",
+      "ý",
+      "þ",
+      "ÿ",
+      "Œ",
+      "œ",
+      "Š",
+      "š",
+      "Ž",
+      "ž",
+      "Ł",
+      "ł"
+    ]
+  },
+  {
+    key: "chcat_arabic",
+    chars: [
+      "؟",
+      "،",
+      "؛",
+      "٪",
+      "٭",
+      "ـ",
+      "٠",
+      "١",
+      "٢",
+      "٣",
+      "٤",
+      "٥",
+      "٦",
+      "٧",
+      "٨",
+      "٩",
+      "﴾",
+      "﴿",
+      "۞",
+      "؎",
+      "ء",
+      "آ",
+      "أ",
+      "ؤ",
+      "إ",
+      "ئ",
+      "ى",
+      "ة"
+    ]
+  }
+], dt = [
+  {
+    key: "emcat_smileys",
+    chars: [
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😆",
+      "😅",
+      "😂",
+      "🤣",
+      "😊",
+      "😇",
+      "🙂",
+      "🙃",
+      "😉",
+      "😌",
+      "😍",
+      "🥰",
+      "😘",
+      "😋",
+      "😛",
+      "😜",
+      "🤪",
+      "🤨",
+      "🧐",
+      "🤓",
+      "😎",
+      "🥳",
+      "😏",
+      "😒",
+      "😞",
+      "😔",
+      "😟",
+      "😕",
+      "🙁",
+      "😣",
+      "😫",
+      "😩",
+      "🥺",
+      "😢",
+      "😭",
+      "😤",
+      "😠",
+      "😡",
+      "🤯",
+      "😳",
+      "🥵",
+      "🥶",
+      "😱",
+      "😨",
+      "😥",
+      "🤗",
+      "🤔",
+      "🤭",
+      "🤫",
+      "😐",
+      "😑",
+      "😬",
+      "🙄",
+      "😯",
+      "😴",
+      "😪",
+      "😷",
+      "🤒",
+      "🤕",
+      "🤢",
+      "🤧",
+      "😈",
+      "💀",
+      "👻",
+      "👽",
+      "🤖",
+      "💩",
+      "😺",
+      "😸",
+      "😹",
+      "😻",
+      "🙀"
+    ]
+  },
+  {
+    key: "emcat_people",
+    chars: [
+      "👋",
+      "🤚",
+      "✋",
+      "🖖",
+      "👌",
+      "🤏",
+      "✌",
+      "🤞",
+      "🤟",
+      "🤘",
+      "🤙",
+      "👈",
+      "👉",
+      "👆",
+      "👇",
+      "☝",
+      "👍",
+      "👎",
+      "✊",
+      "👊",
+      "👏",
+      "🙌",
+      "👐",
+      "🤲",
+      "🤝",
+      "🙏",
+      "💪",
+      "✍",
+      "💅",
+      "🤳",
+      "👂",
+      "👃",
+      "👀",
+      "👁",
+      "🧠",
+      "👶",
+      "🧒",
+      "👦",
+      "👧",
+      "🧑",
+      "👨",
+      "👩",
+      "🧓",
+      "👴",
+      "👵",
+      "👮",
+      "👷",
+      "💂",
+      "🕵",
+      "👸",
+      "🤴",
+      "👰",
+      "🤵",
+      "🤰",
+      "👼",
+      "🎅",
+      "🦸",
+      "🦹",
+      "🧙",
+      "🧚",
+      "🧛",
+      "🧟",
+      "💃",
+      "🕺",
+      "🚶",
+      "🏃",
+      "🧘"
+    ]
+  },
+  {
+    key: "emcat_animals",
+    chars: [
+      "🐶",
+      "🐱",
+      "🐭",
+      "🐹",
+      "🐰",
+      "🦊",
+      "🐻",
+      "🐼",
+      "🐨",
+      "🐯",
+      "🦁",
+      "🐮",
+      "🐷",
+      "🐸",
+      "🐵",
+      "🐔",
+      "🐧",
+      "🐦",
+      "🐤",
+      "🦆",
+      "🦅",
+      "🦉",
+      "🐺",
+      "🐗",
+      "🐴",
+      "🦄",
+      "🐝",
+      "🐛",
+      "🦋",
+      "🐌",
+      "🐞",
+      "🐢",
+      "🐍",
+      "🦎",
+      "🦖",
+      "🐙",
+      "🦑",
+      "🦀",
+      "🐠",
+      "🐟",
+      "🐬",
+      "🐳",
+      "🦈",
+      "🐊",
+      "🐅",
+      "🦓",
+      "🦍",
+      "🐘",
+      "🦏",
+      "🐪",
+      "🦒",
+      "🦘",
+      "🐄",
+      "🐎",
+      "🐖",
+      "🐑",
+      "🐐",
+      "🦌",
+      "🐕",
+      "🐈",
+      "🐓",
+      "🦃",
+      "🦚",
+      "🦜",
+      "🦢",
+      "🕊",
+      "🐇",
+      "🦔",
+      "🌵",
+      "🌲",
+      "🌴",
+      "🌱",
+      "🌿",
+      "☘",
+      "🍀",
+      "🍁",
+      "🌸",
+      "🌺",
+      "🌻",
+      "🌹",
+      "🌷",
+      "💐"
+    ]
+  },
+  {
+    key: "emcat_food",
+    chars: [
+      "🍏",
+      "🍎",
+      "🍐",
+      "🍊",
+      "🍋",
+      "🍌",
+      "🍉",
+      "🍇",
+      "🍓",
+      "🍈",
+      "🍒",
+      "🍑",
+      "🥭",
+      "🍍",
+      "🥥",
+      "🥝",
+      "🍅",
+      "🍆",
+      "🥑",
+      "🥦",
+      "🥒",
+      "🌶",
+      "🌽",
+      "🥕",
+      "🥔",
+      "🥐",
+      "🍞",
+      "🥖",
+      "🥨",
+      "🧀",
+      "🥚",
+      "🍳",
+      "🥞",
+      "🥓",
+      "🥩",
+      "🍗",
+      "🍖",
+      "🌭",
+      "🍔",
+      "🍟",
+      "🍕",
+      "🥪",
+      "🌮",
+      "🌯",
+      "🥗",
+      "🍝",
+      "🍜",
+      "🍲",
+      "🍛",
+      "🍣",
+      "🍱",
+      "🥟",
+      "🍤",
+      "🍚",
+      "🍧",
+      "🍨",
+      "🍦",
+      "🥧",
+      "🧁",
+      "🍰",
+      "🎂",
+      "🍮",
+      "🍭",
+      "🍬",
+      "🍫",
+      "🍿",
+      "🍩",
+      "🍪",
+      "🥜",
+      "🍯",
+      "🥛",
+      "☕",
+      "🍵",
+      "🥤",
+      "🍺",
+      "🥂",
+      "🍷",
+      "🍸",
+      "🍹"
+    ]
+  },
+  {
+    key: "emcat_travel",
+    chars: [
+      "🚗",
+      "🚕",
+      "🚙",
+      "🚌",
+      "🏎",
+      "🚓",
+      "🚑",
+      "🚒",
+      "🚚",
+      "🚜",
+      "🛵",
+      "🏍",
+      "🚲",
+      "🛴",
+      "🚔",
+      "🚃",
+      "🚄",
+      "🚅",
+      "🚂",
+      "🚆",
+      "🚇",
+      "🚉",
+      "✈",
+      "🛫",
+      "🛬",
+      "💺",
+      "🚁",
+      "🚀",
+      "🛸",
+      "🚢",
+      "⛵",
+      "🚤",
+      "⚓",
+      "⛽",
+      "🚧",
+      "🗺",
+      "🗿",
+      "🗽",
+      "🗼",
+      "🏰",
+      "🏯",
+      "🎡",
+      "🎢",
+      "🎠",
+      "⛲",
+      "🏖",
+      "🏝",
+      "🌋",
+      "⛰",
+      "🏔",
+      "🗻",
+      "🏕",
+      "⛺",
+      "🏠",
+      "🏡",
+      "🏢",
+      "🏬",
+      "🏥",
+      "🏦",
+      "🏨",
+      "🏪",
+      "🏫",
+      "💒",
+      "⛪",
+      "🕌",
+      "🕍",
+      "🕋",
+      "⛩",
+      "🌅",
+      "🌄",
+      "🌇",
+      "🌆",
+      "🌃",
+      "🌉",
+      "🌌",
+      "🌠"
+    ]
+  },
+  {
+    key: "emcat_activities",
+    chars: [
+      "⚽",
+      "🏀",
+      "🏈",
+      "⚾",
+      "🎾",
+      "🏐",
+      "🏉",
+      "🎱",
+      "🏓",
+      "🏸",
+      "🏒",
+      "🏑",
+      "🏏",
+      "⛳",
+      "🏹",
+      "🎣",
+      "🥊",
+      "🥋",
+      "⛸",
+      "🎿",
+      "⛷",
+      "🏂",
+      "🏋",
+      "🤸",
+      "⛹",
+      "🤺",
+      "🏇",
+      "🧗",
+      "🏄",
+      "🏊",
+      "🚣",
+      "🚵",
+      "🚴",
+      "🏆",
+      "🥇",
+      "🥈",
+      "🥉",
+      "🏅",
+      "🎖",
+      "🎫",
+      "🎪",
+      "🤹",
+      "🎭",
+      "🎨",
+      "🎬",
+      "🎤",
+      "🎧",
+      "🎼",
+      "🎹",
+      "🥁",
+      "🎷",
+      "🎺",
+      "🎸",
+      "🎻",
+      "🎲",
+      "🎯",
+      "🎳",
+      "🎮",
+      "🎰",
+      "🧩"
+    ]
+  },
+  {
+    key: "emcat_objects",
+    chars: [
+      "⌚",
+      "📱",
+      "💻",
+      "⌨",
+      "🖥",
+      "🖨",
+      "🖱",
+      "🕹",
+      "💽",
+      "💾",
+      "💿",
+      "📀",
+      "📷",
+      "📸",
+      "📹",
+      "🎥",
+      "📞",
+      "☎",
+      "📺",
+      "📻",
+      "🎙",
+      "⏱",
+      "⏰",
+      "⌛",
+      "⏳",
+      "📡",
+      "🔋",
+      "🔌",
+      "💡",
+      "🔦",
+      "🕯",
+      "💸",
+      "💵",
+      "💰",
+      "💳",
+      "💎",
+      "⚖",
+      "🔧",
+      "🔨",
+      "⚒",
+      "🛠",
+      "⛏",
+      "🔩",
+      "⚙",
+      "🧲",
+      "🔫",
+      "💣",
+      "🔪",
+      "🛡",
+      "🔮",
+      "🧿",
+      "🔭",
+      "🔬",
+      "💊",
+      "💉",
+      "🌡",
+      "🧬",
+      "🧪",
+      "🧹",
+      "🧺",
+      "🛁",
+      "🔑",
+      "🗝",
+      "🚪",
+      "🛋",
+      "🛏",
+      "🧸",
+      "🖼",
+      "🛍",
+      "🛒",
+      "🎁",
+      "🎈",
+      "🎀",
+      "🎊",
+      "🎉",
+      "✉",
+      "📩",
+      "📦",
+      "📜",
+      "📄",
+      "📊",
+      "📈",
+      "📉",
+      "📅",
+      "📋",
+      "📁",
+      "📰",
+      "📓",
+      "📚",
+      "📖",
+      "🔖",
+      "🔗",
+      "📎",
+      "📐",
+      "📏",
+      "📌",
+      "📍",
+      "✂",
+      "🖊",
+      "✒",
+      "🖌",
+      "🖍",
+      "📝",
+      "✏",
+      "🔍",
+      "🔒",
+      "🔓"
+    ]
+  },
+  {
+    key: "emcat_symbols",
+    chars: [
+      "❤",
+      "🧡",
+      "💛",
+      "💚",
+      "💙",
+      "💜",
+      "🖤",
+      "💔",
+      "❣",
+      "💕",
+      "💞",
+      "💓",
+      "💗",
+      "💖",
+      "💘",
+      "💝",
+      "☮",
+      "✝",
+      "☪",
+      "🕉",
+      "☸",
+      "✡",
+      "☯",
+      "♈",
+      "♉",
+      "♊",
+      "♋",
+      "♌",
+      "♍",
+      "♎",
+      "♏",
+      "♐",
+      "♑",
+      "♒",
+      "♓",
+      "⚛",
+      "❌",
+      "⭕",
+      "🛑",
+      "⛔",
+      "🚫",
+      "💯",
+      "💢",
+      "⚠",
+      "🚸",
+      "🔱",
+      "⚜",
+      "🔰",
+      "♻",
+      "✅",
+      "❇",
+      "✳",
+      "❎",
+      "🌐",
+      "💠",
+      "🌀",
+      "💤",
+      "🏧",
+      "♿",
+      "🚭",
+      "❗",
+      "❕",
+      "❓",
+      "❔",
+      "‼",
+      "⁉",
+      "💲",
+      "🔅",
+      "🔆",
+      "〽",
+      "ℹ",
+      "🆗",
+      "🆕",
+      "🆓",
+      "🆒",
+      "🆙",
+      "🈯",
+      "🈚"
+    ]
+  },
+  {
+    key: "emcat_flags",
+    chars: [
+      "🏁",
+      "🚩",
+      "🎌",
+      "🏴",
+      "🏳",
+      "🇦🇪",
+      "🇸🇦",
+      "🇶🇦",
+      "🇰🇼",
+      "🇧🇭",
+      "🇴🇲",
+      "🇪🇬",
+      "🇯🇴",
+      "🇱🇧",
+      "🇮🇳",
+      "🇵🇰",
+      "🇺🇸",
+      "🇬🇧",
+      "🇨🇦",
+      "🇦🇺",
+      "🇫🇷",
+      "🇩🇪",
+      "🇮🇹",
+      "🇪🇸",
+      "🇵🇹",
+      "🇳🇱",
+      "🇧🇪",
+      "🇨🇭",
+      "🇸🇪",
+      "🇳🇴",
+      "🇩🇰",
+      "🇫🇮",
+      "🇮🇪",
+      "🇬🇷",
+      "🇹🇷",
+      "🇷🇺",
+      "🇺🇦",
+      "🇵🇱",
+      "🇯🇵",
+      "🇰🇷",
+      "🇨🇳",
+      "🇸🇬",
+      "🇲🇾",
+      "🇮🇩",
+      "🇹🇭",
+      "🇵🇭",
+      "🇻🇳",
+      "🇧🇷",
+      "🇦🇷",
+      "🇲🇽",
+      "🇿🇦",
+      "🇳🇬",
+      "🇰🇪",
+      "🇲🇦"
+    ]
+  }
+], Bt = [
   "©",
   "®",
   "™",
@@ -388,228 +1571,244 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   "ـ",
   "٠",
   "١"
-], b = (p, t) => `<svg viewBox="${t || "0 0 24 24"}">${p}</svg>`, u = (p) => b(`<path class="f" d="${p}"/>`, "0 -960 960 960"), L = (p, t = 7.5) => b(
+], y = (p, t) => `<svg viewBox="${t || "0 0 24 24"}">${p}</svg>`, f = (p) => y(`<path class="f" d="${p}"/>`, "0 -960 960 960"), q = (p, t = 7.5) => y(
   '<path d="M10 6h10M10 12h10M10 18h10"/>' + p.map(
     (e, i) => `<text x="2.5" y="${8.4 + i * 6}" font-size="${t}" stroke="none" fill="#222f3e" font-family="Arial">${e}</text>`
   ).join("")
-), a = {
-  bold: u(
+), c = {
+  bold: f(
     "M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"
   ),
-  italic: u("M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z"),
-  underline: u(
+  italic: f("M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z"),
+  underline: f(
     "M200-120v-80h560v80H200Zm123-223q-56-63-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63q-101 0-157-63Z"
   ),
-  strikethrough: u(
+  strikethrough: f(
     "M486-160q-76 0-135-45t-85-123l88-38q14 48 48.5 79t85.5 31q42 0 76-20t34-64q0-18-7-33t-19-27h112q5 14 7.5 28.5T694-340q0 86-61.5 133T486-160ZM80-480v-80h800v80H80Zm402-326q66 0 115.5 32.5T674-674l-88 39q-9-29-33.5-52T484-710q-41 0-68 18.5T386-640h-96q2-69 54.5-117.5T482-806Z"
   ),
-  undo: u("M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z"),
-  redo: u("M396-200q-97 0-166.5-63T160-420q0-94 69.5-157T396-640h252L544-744l56-56 200 200-200 200-56-56 104-104H396q-63 0-109.5 40T240-420q0 60 46.5 100T396-280h284v80H396Z"),
-  ltr: u(
+  undo: f("M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z"),
+  redo: f("M396-200q-97 0-166.5-63T160-420q0-94 69.5-157T396-640h252L544-744l56-56 200 200-200 200-56-56 104-104H396q-63 0-109.5 40T240-420q0 60 46.5 100T396-280h284v80H396Z"),
+  ltr: f(
     "M360-360v-200q-66 0-113-47t-47-113q0-66 47-113t113-47h320v80h-80v440h-80v-440h-80v440h-80Zm0-280v-160q-33 0-56.5 23.5T280-720q0 33 23.5 56.5T360-640Zm0-80ZM680-80l-56-56 64-64H120v-80h568l-64-64 56-56 160 160L680-80Z"
   ),
-  rtl: u(
+  rtl: f(
     "M360-360v-200q-66 0-113-47t-47-113q0-66 47-113t113-47h320v80h-80v440h-80v-440h-80v440h-80Zm-88 160 64 64-56 56-160-160 160-160 56 56-64 64h568v80H272Zm88-440v-160q-33 0-56.5 23.5T280-720q0 33 23.5 56.5T360-640Zm0-80Z"
   ),
-  alignleft: u(
+  alignleft: f(
     "M120-120v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Z"
   ),
-  aligncenter: u(
+  aligncenter: f(
     "M120-120v-80h720v80H120Zm160-160v-80h400v80H280ZM120-440v-80h720v80H120Zm160-160v-80h400v80H280ZM120-760v-80h720v80H120Z"
   ),
-  alignright: u(
+  alignright: f(
     "M120-760v-80h720v80H120Zm240 160v-80h480v80H360ZM120-440v-80h720v80H120Zm240 160v-80h480v80H360ZM120-120v-80h720v80H120Z"
   ),
-  alignjustify: u(
+  alignjustify: f(
     "M120-120v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Z"
   ),
-  fullscreen: u(
+  fullscreen: f(
     "M120-120v-200h80v120h120v80H120Zm520 0v-80h120v-120h80v200H640ZM120-640v-200h200v80H200v120h-80Zm640 0v-120H640v-80h200v200h-80Z"
   ),
-  clearformatic: u(
+  clearformatic: f(
     "m528-546-93-93-121-121h486v120H568l-40 94ZM792-56 460-388l-80 188H249l119-280L56-792l56-56 736 736-56 56Z"
   ),
-  numlist: u(
+  numlist: f(
     "M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z"
   ),
-  bullist: u(
+  bullist: f(
     "M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm-56.5-263.5Q120-687 120-720t23.5-56.5Q167-800 200-800t56.5 23.5Q280-753 280-720t-23.5 56.5Q233-640 200-640t-56.5-23.5Z"
   ),
-  chev: b('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
-  backcolor: u(
+  chev: y('<path d="M2 3.5 6 7.5 10 3.5"/>', "0 0 12 11"),
+  backcolor: f(
     "M440-80q-33 0-56.5-23.5T360-160v-160H240q-33 0-56.5-23.5T160-400v-280q0-66 47-113t113-47h480v440q0 33-23.5 56.5T720-320H600v160q0 33-23.5 56.5T520-80h-80ZM240-560h480v-200h-40v160h-80v-160h-40v80h-80v-80H320q-33 0-56.5 23.5T240-680v120Zm0 160h480v-80H240v80Zm0 0v-80 80Z"
   ),
-  outdent: u(
+  outdent: f(
     "M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm160 440L120-480l160-160v320Z"
   ),
-  indent: u(
+  indent: f(
     "M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm0 440v-320l160 160-160 160Z"
   ),
-  more: b(
+  more: y(
     '<circle class="f" cx="5" cy="12" r="1.7"/><circle class="f" cx="12" cy="12" r="1.7"/><circle class="f" cx="19" cy="12" r="1.7"/>'
   ),
-  image: u(
+  image: f(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"
   ),
-  uploadic: u(
+  uploadic: f(
     "M440-200v-326L336-422l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-80q-33 0-56.5-23.5T160-160v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-80H240Z"
   ),
-  tableic: u(
+  tableic: f(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm240-240H200v160h240v-160Zm80 0v160h240v-160H520Zm-80-80v-160H200v160h240Zm80 0h240v-160H520v160ZM200-680h560v-80H200v80Z"
   ),
-  hric: b('<path d="M4 12h16"/>'),
-  charic: u(
+  hric: y('<path d="M4 12h16"/>'),
+  charic: f(
     "M120-120v-120h200q-84-45-132-125t-48-175q0-142 99-241t241-99q142 0 241 99t99 241q0 95-48 175T640-240h200v120H520v-204q78-14 129-75t51-141q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 80 51 141t129 75v204H120Z"
   ),
-  dateic: b(
+  dateic: y(
     '<rect x="4" y="6" width="16" height="14" rx="1.5"/><path d="M4 10h16M8 4v4M16 4v4"/>'
   ),
-  pbic: u(
+  pbic: f(
     "M240-80q-33 0-56.5-23.5T160-160v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-80H240Zm-80-440v-280q0-33 23.5-56.5T240-880h320l240 240v120h-80v-80H520v-200H240v280h-80Zm200 160v-80h240v80H360Zm320 0v-80h240v80H680Zm-640 0v-80h240v80H40Zm440-160Zm0 240Z"
   ),
-  nbspic: b('<path d="M6 12v4h12v-4"/>'),
-  srcic: u(
+  nbspic: y('<path d="M6 12v4h12v-4"/>'),
+  srcic: f(
     "M240-280 40-480l200-200 56 56-143 144 143 144-56 56Zm178 132-76-24 200-640 76 24-200 640Zm302-132-56-56 143-144-143-144 56-56 200 200-200 200Z"
   ),
-  prevw: u(
+  prevw: f(
     "M607.5-372.5Q660-425 660-500t-52.5-127.5Q555-680 480-680t-127.5 52.5Q300-575 300-500t52.5 127.5Q405-320 480-320t127.5-52.5Zm-204-51Q372-455 372-500t31.5-76.5Q435-608 480-608t76.5 31.5Q588-545 588-500t-31.5 76.5Q525-392 480-392t-76.5-31.5ZM214-281.5Q94-363 40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200q-146 0-266-81.5ZM480-500Zm207.5 160.5Q782-399 832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280q113 0 207.5-59.5Z"
   ),
-  printic: u(
+  printic: f(
     "M640-640v-120H320v120h-80v-200h480v200h-80Zm-480 80h640-640Zm560 100q17 0 28.5-11.5T760-500q0-17-11.5-28.5T720-540q-17 0-28.5 11.5T680-500q0 17 11.5 28.5T720-460Zm-80 260v-160H320v160h320Zm80 80H240v-160H80v-240q0-51 35-85.5t85-34.5h560q51 0 85.5 34.5T880-520v240H720v160Zm80-240v-160q0-17-11.5-28.5T760-560H200q-17 0-28.5 11.5T160-520v160h80v-80h480v80h80Z"
   ),
-  cutic: u(
+  cutic: f(
     "M760-120 480-400l-94 94q8 15 11 32t3 34q0 66-47 113T240-80q-66 0-113-47T80-240q0-66 47-113t113-47q17 0 34 3t32 11l94-94-94-94q-15 8-32 11t-34 3q-66 0-113-47T80-720q0-66 47-113t113-47q66 0 113 47t47 113q0 17-3 34t-11 32l494 494v40H760ZM600-520l-80-80 240-240h120v40L600-520ZM296.5-663.5Q320-687 320-720t-23.5-56.5Q273-800 240-800t-56.5 23.5Q160-753 160-720t23.5 56.5Q207-640 240-640t56.5-23.5ZM494-466q6-6 6-14t-6-14q-6-6-14-6t-14 6q-6 6-6 14t6 14q6 6 14 6t14-6ZM296.5-183.5Q320-207 320-240t-23.5-56.5Q273-320 240-320t-56.5 23.5Q160-273 160-240t23.5 56.5Q207-160 240-160t56.5-23.5Z"
   ),
-  copyic: u(
+  copyic: f(
     "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"
   ),
-  pasteic: u(
+  pasteic: f(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560h-80v120H280v-120h-80v560Zm308.5-571.5Q520-783 520-800t-11.5-28.5Q497-840 480-840t-28.5 11.5Q440-817 440-800t11.5 28.5Q463-760 480-760t28.5-11.5Z"
   ),
-  selall: u(
+  selall: f(
     "M280-280v-400h400v400H280Zm80-80h240v-240H360v240ZM200-200v80q-33 0-56.5-23.5T120-200h80Zm-80-80v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm80-160h-80q0-33 23.5-56.5T200-840v80Zm80 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80q0 33-23.5 56.5T760-120Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80q33 0 56.5 23.5T840-760h-80Z"
   ),
-  superscriptic: u(
+  superscriptic: f(
     "M760-600v-80q0-17 11.5-28.5T800-720h80v-40H760v-40h120q17 0 28.5 11.5T920-760v40q0 17-11.5 28.5T880-680h-80v40h120v40H760ZM235-160l185-291-172-269h106l124 200h4l123-200h107L539-451l186 291H618L482-377h-4L342-160H235Z"
   ),
-  subscriptic: u(
+  subscriptic: f(
     "M760-160v-80q0-17 11.5-28.5T800-280h80v-40H760v-40h120q17 0 28.5 11.5T920-320v40q0 17-11.5 28.5T880-240h-80v40h120v40H760Zm-525-80 185-291-172-269h106l124 200h4l123-200h107L539-531l186 291H618L482-457h-4L342-240H235Z"
   ),
-  newic: b('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
-  helpic: b(
+  newic: y('<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/>'),
+  helpic: y(
     '<circle cx="12" cy="12" r="8.5"/><path d="M9.6 9.6a2.5 2.5 0 1 1 3.4 2.6c-.8.3-1 .9-1 1.8"/><circle class="f" cx="12" cy="16.6" r="1.1"/>'
   ),
-  wcic: b('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
-  rowbefore: u(
+  wcic: y('<path d="M4 6h16M4 10h16M4 14h9"/><path d="M15 17.5l2 2 3.6-4"/>'),
+  rowbefore: f(
     "M200-160h560v-240H200v240Zm640 80H120v-720h160v80h-80v240h560v-240h-80v-80h160v720ZM480-480Zm0 80v-80 80Zm0 0Zm-40-240v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
-  rowafter: u(
+  rowafter: f(
     "M200-560h560v-240H200v240Zm-80 400v-720h720v720H680v-80h80v-240H200v240h80v80H120Zm360-320Zm0-80v80-80Zm0 0ZM440-80v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
-  rowdelete: u(
+  rowdelete: f(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200ZM200-200h560v-560H200ZM200-400v-160h560v160H200ZM330-580l250 250 50-50-250-250ZM330-380l250-250 50 50-250 250Z"
   ),
-  colbefore: u(
+  colbefore: f(
     "M800-200v-560H560v560h240Zm-640 80v-160h80v80h240v-560H240v80h-80v-160h720v720H160Zm320-360Zm80 0h-80 80Zm0 0ZM160-360v-80H80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
-  colafter: u(
+  colafter: f(
     "M160-760v560h240v-560H160ZM80-120v-720h720v160h-80v-80H480v560h240v-80h80v160H80Zm400-360Zm-80 0h80-80Zm0 0Zm320 120v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"
   ),
-  coldelete: u(
+  coldelete: f(
     "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200ZM200-200h560v-560H200ZM400-200v-560h160v560H400ZM330-580l250 250 50-50-250-250ZM330-380l250-250 50 50-250 250Z"
   ),
-  tabledelete: b(
+  tabledelete: y(
     '<rect x="4" y="5" width="16" height="14" rx="1.5"/><path d="M4 10h16M4 14.5h16M9.5 5v14M14.5 5v14"/><path d="M6.5 6.5l11 11M17.5 6.5l-11 11" stroke-width="2.1"/>'
   ),
-  quote: u(
+  quote: f(
     "m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM362.5-517.5Q380-535 380-560t-17.5-42.5Q345-620 320-620t-42.5 17.5Q260-585 260-560t17.5 42.5Q295-500 320-500t42.5-17.5Zm360 0Q740-535 740-560t-17.5-42.5Q705-620 680-620t-42.5 17.5Q620-585 620-560t17.5 42.5Q655-500 680-500t42.5-17.5ZM680-560Zm-360 0Z"
   ),
-  link: u(
+  link: f(
     "M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"
   ),
-  unlink: b(
+  unlink: y(
     '<path d="M13.5 6.5l1.7-1.7a4 4 0 0 1 5.6 5.6L19 12.2"/><path d="M10.5 17.5l-1.7 1.7a4 4 0 0 1-5.6-5.6L5 11.8"/><path d="M4 4l16 16"/>'
   ),
-  lineheight: u(
+  lineheight: f(
     "M240-160 80-320l56-56 64 62v-332l-64 62-56-56 160-160 160 160-56 56-64-62v332l64-62 56 56-160 160Zm240-40v-80h400v80H480Zm0-240v-80h400v80H480Zm0-240v-80h400v80H480Z"
   ),
-  wordspacing: u(
+  wordspacing: f(
     "M320-80 160-240l160-160 57 56-64 64h334l-63-64 56-56 160 160L640-80l-57-56 64-64H313l63 64-56 56ZM200-480v-400h80v400h-80Zm240 0v-400h80v400h-80Zm240 0v-400h80v400h-80Z"
   ),
-  caseic: u(
+  caseic: f(
     "m131-252 165-440h79l165 440h-76l-39-112H247l-40 112h-76Zm139-176h131l-64-182h-4l-63 182Zm395 186q-51 0-81-27.5T554-342q0-44 34.5-72.5T677-443q23 0 45 4t38 11v-12q0-29-20.5-47T685-505q-23 0-42 9.5T610-468l-47-35q24-29 54.5-43t68.5-14q69 0 103 32.5t34 97.5v178h-63v-37h-4q-14 23-38 35t-53 12Zm12-54q35 0 59.5-24t24.5-56q-14-8-33.5-12.5T689-393q-32 0-50 14t-18 37q0 20 16 33t40 13Z"
   ),
-  uppercaseic: u(
+  uppercaseic: f(
     "M660-240v-248l-64 64-56-56 160-160 160 160-56 56-64-64v248h-80Zm-540 0 165-440h79l165 440h-76l-39-113H236l-40 113h-76Zm139-177h131l-65-182h-4l-62 182Z"
   ),
-  lowercaseic: u(
+  lowercaseic: f(
     "M300-240q-51 0-81-27.5T189-340q0-44 34.5-72.5T312-441q23 0 45 4t38 11v-12q0-29-20.5-47T320-503q-23 0-42 9.5T245-466l-47-35q24-29 54.5-43t68.5-14q69 0 103 32.5t34 97.5v178h-63v-37h-4q-14 23-38 35t-53 12Zm12-54q35 0 59.5-24t24.5-56q-14-8-33.5-12.5T324-391q-32 0-50 14t-18 37q0 20 16 33t40 13Zm388 54L540-400l56-56 64 64v-248h80v248l64-64 56 56-160 160Z"
   ),
-  capitalizeic: u(
+  capitalizeic: f(
     "M344-250v-366H224v-64h308v64H412v366h-68Zm344 10q-44 0-69-25.5T594-336v-162h-54v-58h54v-87h66v87h74v58h-74v148q0 23 10.5 36t28.5 13q9 0 18.5-3.5T736-314v65q-10 5-22 7t-26 2Z"
   ),
-  plus: b('<path d="M12 5.5v13M5.5 12h13"/>'),
-  minus: b('<path d="M5.5 12h13"/>'),
-  fontsizeup: u(
+  plus: y('<path d="M12 5.5v13M5.5 12h13"/>'),
+  minus: y('<path d="M5.5 12h13"/>'),
+  fontsizeup: f(
     "m40-200 210-560h100l210 560h-96l-51-143H187l-51 143H40Zm176-224h168l-82-232h-4l-82 232Zm504 104v-120H600v-80h120v-120h80v120h120v80H800v120h-80Z"
   ),
-  fontsizedown: u(
+  fontsizedown: f(
     "m40-200 210-560h100l210 560h-96l-51-143H187l-51 143H40Zm176-224h168l-82-232h-4l-82 232Zm384-16v-80h320v80H600Z"
   ),
-  historyic: u(
+  historyic: f(
     "M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"
   ),
-  wordic: b(
+  wordic: y(
     '<path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/><text x="8" y="17" font-size="8.5" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">W</text>'
   ),
-  draftic: u(
+  draftic: f(
     "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z"
   ),
-  trash: b(
+  trash: y(
     '<path d="M5 7h14M10 7V5h4v2M7.5 7l1 13h7l1-13"/>'
   ),
-  templateic: b(
+  templateic: y(
     '<rect x="4" y="4" width="16" height="16" rx="1.5"/><rect x="6.5" y="6.5" width="5" height="5" rx=".5"/><path d="M14 7.5h3.5M14 10h3.5M6.5 14h11M6.5 17h11"/>'
   ),
-  tplleft: b(
+  tplleft: y(
     '<rect x="3" y="5" width="8" height="8" rx=".8"/><path d="M13.5 6.5H21M13.5 9.5H21M13.5 12.5H21M3 15.5h18M3 18.5h18"/>'
   ),
-  tplright: b(
+  tplright: y(
     '<rect x="13" y="5" width="8" height="8" rx=".8"/><path d="M3 6.5h7.5M3 9.5h7.5M3 12.5h7.5M3 15.5h18M3 18.5h18"/>'
   ),
-  tpltop: b(
+  tpltop: y(
     '<rect x="5" y="3" width="14" height="9" rx=".8"/><path d="M3 15h18M3 18h18M3 21h12"/>'
   ),
-  tplcenter: b(
+  tplcenter: y(
     '<path d="M3 4h18M3 7h18M3 10h12"/><rect x="5" y="12.5" width="14" height="9" rx=".8"/>'
   ),
-  rotateleft: b(
+  rotateleft: y(
     '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>'
   ),
-  rotateright: b(
+  rotateright: y(
     '<polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>'
   ),
-  fliphorizontal: b(
+  fliphorizontal: y(
     '<path d="M12 3v18"/><path d="M7 8l-4 4 4 4"/><path d="M17 8l4 4-4 4"/>'
   ),
-  flipvertical: b(
+  flipvertical: y(
     '<path d="M3 12h18"/><path d="M8 7l4-4 4 4"/><path d="M8 17l4 4 4-4"/>'
   ),
-  check: b('<path d="M5 12.5 9.5 17 19 7"/>'),
-  palette: b(
+  check: y('<path d="M5 12.5 9.5 17 19 7"/>'),
+  palette: y(
     '<path d="M12 3a9 9 0 1 0 0 18h1.2a2 2 0 0 0 2-2 2 2 0 0 1 2-2H18a3 3 0 0 0 3-3c0-6.1-4.5-11-9-11z"/><circle class="f" cx="7.8" cy="10.2" r="1.3"/><circle class="f" cx="11.6" cy="7.3" r="1.3"/><circle class="f" cx="15.8" cy="9.6" r="1.3"/><circle class="f" cx="9" cy="14.8" r="1.3"/>'
   ),
-  ul_circle: u(
+  ul_circle: f(
     "M280-600v-80h560v80H280Zm0 160v-80h560v80H280Zm0 160v-80h560v80H280ZM160-600q-17 0-28.5-11.5T120-640q0-17 11.5-28.5T160-680q17 0 28.5 11.5T200-640q0 17-11.5 28.5T160-600Zm0 160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440Zm0 160q-17 0-28.5-11.5T120-320q0-17 11.5-28.5T160-360q17 0 28.5 11.5T200-320q0 17-11.5 28.5T160-280Z"
   ),
-  ul_square: u(
+  ul_square: f(
     "M80-160v-160h160v160H80Zm240 0v-160h560v160H320ZM80-400v-160h160v160H80Zm240 0v-160h560v160H320ZM80-640v-160h160v160H80Zm240 0v-160h560v160H320Z"
   ),
-  ol_alpha: L(["a", "b", "c"]),
-  ol_roman: L(["i", "ii", "iii"], 6.5),
-  ol_alphau: L(["A", "B", "C"]),
-  ol_romanu: L(["I", "II", "III"], 6.5)
-}, Ct = (p) => `<span class="txt">${p}</span>`, st = /* @__PURE__ */ new Set([
+  ol_alpha: q(["a", "b", "c"]),
+  ol_roman: q(["i", "ii", "iii"], 6.5),
+  ol_alphau: q(["A", "B", "C"]),
+  ol_romanu: q(["I", "II", "III"], 6.5),
+  video: y('<rect x="3" y="6" width="13" height="12" rx="1.5"/><path d="M16 10l5-3v10l-5-3z"/>'),
+  editic: y('<path d="M4 20l1-4.5L15.5 5 19 8.5 8.5 19 4 20z"/><path d="M13.5 6.5l4 4"/>'),
+  letterspacing: y(
+    '<text x="2.5" y="13" font-size="12" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">A</text><text x="13" y="13" font-size="12" stroke="none" fill="#222f3e" font-family="Arial" font-weight="bold">B</text><path d="M7 18.5h10"/><path class="f" d="M7.5 18.5 4.5 16.6v3.8z"/><path class="f" d="M16.5 18.5l3-1.9v3.8z"/>'
+  ),
+  emojiic: y(
+    '<circle cx="12" cy="12" r="8.5"/><path d="M8.6 14.3a4.6 4.6 0 0 0 6.8 0"/><path d="M9.2 9.6v.7M14.8 9.6v.7"/>'
+  ),
+  inlinecodeic: y('<path d="M8.5 8 4.5 12l4 4M15.5 8l4 4-4 4"/><path d="M13 6l-2 12"/>'),
+  moverowup: y('<rect x="4" y="15.5" width="16" height="5" rx="1"/><path d="M12 12.5V4M8.5 7.5 12 4l3.5 3.5"/>'),
+  moverowdown: y('<rect x="4" y="3.5" width="16" height="5" rx="1"/><path d="M12 11.5V20M8.5 16.5 12 20l3.5-3.5"/>'),
+  movecolleft: y('<rect x="15.5" y="4" width="5" height="16" rx="1"/><path d="M12.5 12H4M7.5 8.5 4 12l3.5 3.5"/>'),
+  movecolright: y('<rect x="3.5" y="4" width="5" height="16" rx="1"/><path d="M11.5 12H20M16.5 8.5 20 12l-3.5 3.5"/>'),
+  codesampleic: y(
+    '<rect x="3.5" y="4" width="17" height="16" rx="2"/><path d="M3.5 8.5h17"/><path d="M9.5 12 7 14.25l2.5 2.25M14.5 12l2.5 2.25-2.5 2.25"/>'
+  )
+}, Nt = (p) => `<span class="txt">${p}</span>`, pt = /* @__PURE__ */ new Set([
   "p",
   "div",
   "span",
@@ -651,7 +1850,7 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   "figure",
   "figcaption",
   "mark"
-]), lt = /* @__PURE__ */ new Set([
+]), mt = /* @__PURE__ */ new Set([
   "text-align",
   "direction",
   "unicode-bidi",
@@ -707,7 +1906,7 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   "box-sizing",
   "list-style-type",
   "white-space"
-]), O = {
+]), W = {
   "*": ["dir", "lang", "colspan", "rowspan"],
   a: ["href", "target", "rel", "title"],
   img: ["src", "alt", "width", "height", "title"],
@@ -716,20 +1915,20 @@ const X = "undo redo | preview print | importword revhistory | fontfamily fontsi
   th: ["width", "valign"],
   table: ["width", "cellpadding", "cellspacing"]
 };
-function Z(p) {
+function D(p) {
   const t = {}, e = p.getAttribute && p.getAttribute("style");
   return e && e.split(";").forEach((i) => {
     const s = i.indexOf(":");
     s < 1 || (t[i.slice(0, s).trim().toLowerCase()] = i.slice(s + 1).trim());
   }), t;
 }
-function nt(p) {
+function ut(p) {
   return p.replace(/<!--\[if !supportLists\]-->([\s\S]*?)<!--\[endif\]-->/gi, "$1").replace(/<!--\[if !supportLists\]>([\s\S]*?)<!\[endif\]-->/gi, "$1").replace(/<!\[if !supportLists\]>([\s\S]*?)<!\[endif\]>/gi, "$1").replace(/<!--\[if [\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<(script|style|xml|title)[\s\S]*?<\/\1>/gi, "").replace(/<\/?(meta|link)[^>]*>/gi, "").replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<\/?(o|v|w|m|st1):[^>]*>/gi, "");
 }
-function ot(p) {
+function gt(p) {
   return /^[0-9]+[\.\)،]/.test(p) ? { ordered: !0 } : /^[٠-٩۰-۹]+/.test(p) ? { ordered: !0, style: "arabic-indic" } : /^[ivxlc]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "lower-roman" } : /^[IVXLC]{2,}[\.\)]/.test(p) ? { ordered: !0, style: "upper-roman" } : /^[a-z][\.\)]/.test(p) ? { ordered: !0, style: "lower-alpha" } : /^[A-Z][\.\)]/.test(p) ? { ordered: !0, style: "upper-alpha" } : /^[ء-ي][\.\)،-]/.test(p) ? { ordered: !0, style: "arabic-indic" } : { ordered: !1 };
 }
-function rt(p) {
+function ft(p) {
   const t = (s) => {
     const l = (s.getAttribute("style") || "") + " " + (s.className || "");
     return /mso-list\s*:(?!\s*ignore)/i.test(l) || /MsoListParagraph/i.test(l);
@@ -743,38 +1942,38 @@ function rt(p) {
     const l = s.previousElementSibling;
     i && l && i[i.length - 1] === l ? i.push(s) : (i = [s], e.push(i));
   }), e.forEach((s) => {
-    const l = [], n = s[0];
-    s.forEach((o) => {
-      var T, S, M;
-      const c = +(((T = (o.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : T[1]) || 1), h = Array.from(o.querySelectorAll("span")).find(
-        (x) => /mso-list\s*:\s*ignore/i.test(x.getAttribute("style") || "")
-      ), d = h ? ((S = h.textContent) == null ? void 0 : S.trim()) || "" : (((M = o.textContent) == null ? void 0 : M.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: g } = ot(d);
-      for (h && h.remove(); l.length && l[l.length - 1].level > c; ) l.pop();
-      if (!l.length || l[l.length - 1].level < c) {
-        const x = p.createElement(m ? "ol" : "ul");
-        if (m && g && (x.style.listStyleType = g), l.length) {
-          const E = l[l.length - 1].list;
-          (E.lastElementChild || E).appendChild(x);
+    const l = [], o = s[0];
+    s.forEach((n) => {
+      var x, C, M;
+      const a = +(((x = (n.getAttribute("style") || "").match(/level(\d+)/i)) == null ? void 0 : x[1]) || 1), h = Array.from(n.querySelectorAll("span")).find(
+        (w) => /mso-list\s*:\s*ignore/i.test(w.getAttribute("style") || "")
+      ), d = h ? ((C = h.textContent) == null ? void 0 : C.trim()) || "" : (((M = n.textContent) == null ? void 0 : M.trim().match(/^\S{1,4}/)) || [""])[0], { ordered: m, style: g } = gt(d);
+      for (h && h.remove(); l.length && l[l.length - 1].level > a; ) l.pop();
+      if (!l.length || l[l.length - 1].level < a) {
+        const w = p.createElement(m ? "ol" : "ul");
+        if (m && g && (w.style.listStyleType = g), l.length) {
+          const k = l[l.length - 1].list;
+          (k.lastElementChild || k).appendChild(w);
         } else
-          n.parentNode.insertBefore(x, n);
-        l.push({ list: x, level: c });
+          o.parentNode.insertBefore(w, o);
+        l.push({ list: w, level: a });
       }
-      const f = p.createElement("li"), v = Z(o), y = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((x) => v[x]).map((x) => x + ":" + v[x]).join(";");
-      for (y && f.setAttribute("style", y), o.getAttribute("dir") && f.setAttribute("dir", o.getAttribute("dir")); o.firstChild; ) f.appendChild(o.firstChild);
-      l[l.length - 1].list.appendChild(f), o.remove();
+      const u = p.createElement("li"), v = D(n), b = ["text-align", "direction", "unicode-bidi", "color", "font-size", "font-family", "background-color"].filter((w) => v[w]).map((w) => w + ":" + v[w]).join(";");
+      for (b && u.setAttribute("style", b), n.getAttribute("dir") && u.setAttribute("dir", n.getAttribute("dir")); n.firstChild; ) u.appendChild(n.firstChild);
+      l[l.length - 1].list.appendChild(u), n.remove();
     });
   });
 }
-function at(p) {
+function vt(p) {
   p.querySelectorAll('b[id^="docs-internal-guid"]').forEach((t) => {
     for (; t.firstChild; ) t.parentNode.insertBefore(t.firstChild, t);
     t.remove();
   });
 }
-function ct(p) {
+function bt(p) {
   p.querySelectorAll("table").forEach((t) => {
     const e = t;
-    Z(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
+    D(e)["border-collapse"] || (e.style.borderCollapse = "collapse");
   }), p.querySelectorAll("[align]").forEach((t) => {
     const e = t, i = e.getAttribute("align").toLowerCase();
     e.tagName.toLowerCase() === "table" ? i === "center" ? (e.style.marginLeft = e.style.marginLeft || "auto", e.style.marginRight = e.style.marginRight || "auto") : i === "right" ? e.style.marginLeft = e.style.marginLeft || "auto" : i === "left" && (e.style.marginRight = e.style.marginRight || "auto") : ["left", "right", "center", "justify"].includes(i) && (e.style.textAlign = e.style.textAlign || i, Array.from(e.children).forEach((s) => {
@@ -790,7 +1989,7 @@ function ct(p) {
     e.style.backgroundColor = e.style.backgroundColor || e.getAttribute("bgcolor"), e.removeAttribute("bgcolor");
   });
 }
-function q(p, t) {
+function N(p, t) {
   Array.from(p.childNodes).forEach((e) => {
     if (e.nodeType === Node.COMMENT_NODE) {
       e.remove();
@@ -798,12 +1997,12 @@ function q(p, t) {
     }
     if (e.nodeType !== Node.ELEMENT_NODE) return;
     const i = e, s = i.tagName.toLowerCase();
-    if (!st.has(s)) {
+    if (!pt.has(s)) {
       if (s === "font") {
         const r = t.createElement("span");
         i.getAttribute("style") && r.setAttribute("style", i.getAttribute("style")), i.getAttribute("color") && (r.style.color = i.getAttribute("color")), i.getAttribute("face") && (r.style.fontFamily = i.getAttribute("face"));
-        const c = i.getAttribute("size");
-        if (c && !r.style.fontSize) {
+        const a = i.getAttribute("size");
+        if (a && !r.style.fontSize) {
           const h = {
             1: "8pt",
             2: "10pt",
@@ -813,20 +2012,20 @@ function q(p, t) {
             6: "24pt",
             7: "36pt"
           };
-          h[c] && (r.style.fontSize = h[c]);
+          h[a] && (r.style.fontSize = h[a]);
         }
         for (; i.firstChild; ) r.appendChild(i.firstChild);
-        i.replaceWith(r), q(r, t);
+        i.replaceWith(r), N(r, t);
         return;
       }
-      for (q(i, t); i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
+      for (N(i, t); i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
       return;
     }
-    const l = /* @__PURE__ */ new Set([...O["*"] || [], ...O[s] || []]);
+    const l = /* @__PURE__ */ new Set([...W["*"] || [], ...W[s] || []]);
     if (Array.from(i.attributes).forEach((r) => {
-      const c = r.name.toLowerCase();
-      c !== "style" && !l.has(c) && i.removeAttribute(r.name);
+      const a = r.name.toLowerCase();
+      a !== "style" && !l.has(a) && i.removeAttribute(r.name);
     }), s === "a") {
       const r = i.getAttribute("href") || "";
       /^(https?:|mailto:|tel:|#)/i.test(r) || i.removeAttribute("href");
@@ -834,39 +2033,39 @@ function q(p, t) {
     if (s === "img") {
       const r = i.getAttribute("src") || "";
       if (!/^(https?:|data:image\/|blob:)/i.test(r)) {
-        const c = t.createElement("span");
-        c.textContent = "[local image — paste it separately]", c.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(c);
+        const a = t.createElement("span");
+        a.textContent = "[local image — paste it separately]", a.setAttribute("style", "color:#a33;font-style:italic;font-size:12px"), i.replaceWith(a);
         return;
       }
     }
-    const n = Z(i), o = [];
-    for (const [r, c] of Object.entries(n))
-      lt.has(r) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(c) || r === "font-weight" && /^(400|normal)$/i.test(c) || r === "font-style" && /^normal$/i.test(c) || r === "text-decoration" && /^none$/i.test(c) || o.push(r + ":" + c));
-    if (o.length ? i.setAttribute("style", o.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), q(i, t), s === "span" && !i.attributes.length) {
+    const o = D(i), n = [];
+    for (const [r, a] of Object.entries(o))
+      mt.has(r) && (/expression|javascript|url\s*\(\s*['"]?\s*file:/i.test(a) || r === "font-weight" && /^(400|normal)$/i.test(a) || r === "font-style" && /^normal$/i.test(a) || r === "text-decoration" && /^none$/i.test(a) || n.push(r + ":" + a));
+    if (n.length ? i.setAttribute("style", n.join(";")) : i.removeAttribute("style"), i.removeAttribute("class"), N(i, t), s === "span" && !i.attributes.length) {
       for (; i.firstChild; ) i.parentNode.insertBefore(i.firstChild, i);
       i.remove();
     }
   });
 }
-function ht(p) {
+function yt(p) {
   const t = [], e = /<style[^>]*>([\s\S]*?)<\/style>/gi;
   let i;
   for (; i = e.exec(p); ) {
     let s = i[1].replace(/<!--|-->/g, "").replace(/\/\*[\s\S]*?\*\//g, "");
     s = s.replace(/@media[^{]*\{(?:[^{}]*\{[^{}]*\})*[^{}]*\}/gi, ""), s = s.replace(/@[\w-]+[^{]*\{[^{}]*\}/g, "");
     let l;
-    const n = /([^{}]+)\{([^}]*)\}/g;
-    for (; l = n.exec(s); ) {
-      const o = l[2].split(";").map((r) => {
-        const c = r.indexOf(":");
-        return c < 1 ? null : [r.slice(0, c).trim().toLowerCase(), r.slice(c + 1).trim()];
+    const o = /([^{}]+)\{([^}]*)\}/g;
+    for (; l = o.exec(s); ) {
+      const n = l[2].split(";").map((r) => {
+        const a = r.indexOf(":");
+        return a < 1 ? null : [r.slice(0, a).trim().toLowerCase(), r.slice(a + 1).trim()];
       }).filter((r) => !!r && !!r[1]);
-      o.length && l[1].split(",").map((r) => r.trim()).filter((r) => r && !r.startsWith("@")).forEach((r) => t.push({ sel: r, decls: o }));
+      n.length && l[1].split(",").map((r) => r.trim()).filter((r) => r && !r.startsWith("@")).forEach((r) => t.push({ sel: r, decls: n }));
     }
   }
   return t;
 }
-function dt(p, t) {
+function xt(p, t) {
   if (!t.length) return;
   const e = /* @__PURE__ */ new Map();
   t.forEach(({ sel: i, decls: s }) => {
@@ -876,88 +2075,88 @@ function dt(p, t) {
     } catch {
       return;
     }
-    l.forEach((n) => {
-      let o = e.get(n);
-      o || (o = {}, e.set(n, o)), s.forEach(([r, c]) => {
-        o[r] = c;
+    l.forEach((o) => {
+      let n = e.get(o);
+      n || (n = {}, e.set(o, n)), s.forEach(([r, a]) => {
+        n[r] = a;
       });
     });
   }), e.forEach((i, s) => {
-    const l = Z(s), n = s.hasAttribute("dir"), o = s.hasAttribute("align"), r = Object.entries(i).filter(([d]) => !(d in l || (d === "direction" || d === "unicode-bidi") && n || d === "text-align" && (o || n) || (d === "background" || d === "background-color") && s.hasAttribute("bgcolor")));
+    const l = D(s), o = s.hasAttribute("dir"), n = s.hasAttribute("align"), r = Object.entries(i).filter(([d]) => !(d in l || (d === "direction" || d === "unicode-bidi") && o || d === "text-align" && (n || o) || (d === "background" || d === "background-color") && s.hasAttribute("bgcolor")));
     if (!r.length) return;
-    const c = r.map(([d, m]) => d + ":" + m).join(";"), h = s.getAttribute("style");
-    s.setAttribute("style", h ? c + ";" + h : c);
+    const a = r.map(([d, m]) => d + ":" + m).join(";"), h = s.getAttribute("style");
+    s.setAttribute("style", h ? a + ";" + h : a);
   });
 }
-function U(p) {
+function Y(p) {
   return p.replace(/[ﭐ-﷿ﹰ-ﻼ]+/g, (t) => t.normalize("NFKC"));
 }
-function pt(p) {
+function Ct(p) {
   const t = p.createTreeWalker(p.body, NodeFilter.SHOW_TEXT, null);
   let e;
   for (; e = t.nextNode(); )
-    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = U(e.nodeValue || ""));
+    /[ﭐ-﷿ﹰ-ﻼ]/.test(e.nodeValue || "") && (e.nodeValue = Y(e.nodeValue || ""));
 }
-function mt(p, t = "ltr") {
-  const e = ht(p), i = new DOMParser().parseFromString(nt(p), "text/html");
-  dt(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && rt(i), at(i), ct(i), q(i.body, i), pt(i);
+function wt(p, t = "ltr") {
+  const e = yt(p), i = new DOMParser().parseFromString(ut(p), "text/html");
+  xt(i, e), /class="?Mso|mso-|urn:schemas-microsoft-com/i.test(i.body.innerHTML) && ft(i), vt(i), bt(i), N(i.body, i), Ct(i);
   const s = (l) => {
-    var n;
-    return l && l.tagName === "P" && !((n = l.textContent) != null && n.trim()) && !l.querySelector("img,table");
+    var o;
+    return l && l.tagName === "P" && !((o = l.textContent) != null && o.trim()) && !l.querySelector("img,table");
   };
   for (; s(i.body.firstElementChild); ) i.body.firstElementChild.remove();
   for (; s(i.body.lastElementChild); ) i.body.lastElementChild.remove();
   return i.body.innerHTML.trim();
 }
-function ut(p) {
-  const t = U(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function Tt(p) {
+  const t = Y(p).replace(/\r/g, ""), e = (i) => i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return /\n/.test(t) ? t.split(/\n{2,}/).map((i) => `<p dir="auto">${e(i).replace(/\n/g, "<br>") || "<br>"}</p>`).join("") : e(t);
 }
-function gt(p) {
+function Mt(p) {
   const t = new DataView(p), e = /* @__PURE__ */ new Map();
   let i = -1;
-  for (let o = p.byteLength - 22; o >= Math.max(0, p.byteLength - 22 - 65535); o--)
-    if (t.getUint32(o, !0) === 101010256) {
-      i = o;
+  for (let n = p.byteLength - 22; n >= Math.max(0, p.byteLength - 22 - 65535); n--)
+    if (t.getUint32(n, !0) === 101010256) {
+      i = n;
       break;
     }
   if (i < 0) throw new Error("EOCD not found");
   const s = t.getUint16(i + 10, !0);
   let l = t.getUint32(i + 16, !0);
-  const n = new TextDecoder();
-  for (let o = 0; o < s && t.getUint32(l, !0) === 33639248; o++) {
-    const r = t.getUint16(l + 10, !0), c = t.getUint32(l + 20, !0), h = t.getUint16(l + 28, !0), d = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), f = n.decode(new Uint8Array(p, l + 46, h));
-    e.set(f, { name: f, method: r, compSize: c, localOffset: g }), l += 46 + h + d + m;
+  const o = new TextDecoder();
+  for (let n = 0; n < s && t.getUint32(l, !0) === 33639248; n++) {
+    const r = t.getUint16(l + 10, !0), a = t.getUint32(l + 20, !0), h = t.getUint16(l + 28, !0), d = t.getUint16(l + 30, !0), m = t.getUint16(l + 32, !0), g = t.getUint32(l + 42, !0), u = o.decode(new Uint8Array(p, l + 46, h));
+    e.set(u, { name: u, method: r, compSize: a, localOffset: g }), l += 46 + h + d + m;
   }
   return e;
 }
-async function $(p, t) {
+async function U(p, t) {
   const e = new DataView(p, t.localOffset);
   if (e.getUint32(0, !0) !== 67324752) throw new Error("Bad local header");
-  const i = e.getUint16(26, !0), s = e.getUint16(28, !0), l = t.localOffset + 30 + i + s, n = new Uint8Array(p.slice(l, l + t.compSize));
-  if (t.method === 0) return n;
+  const i = e.getUint16(26, !0), s = e.getUint16(28, !0), l = t.localOffset + 30 + i + s, o = new Uint8Array(p.slice(l, l + t.compSize));
+  if (t.method === 0) return o;
   if (t.method !== 8) throw new Error("Unsupported compression method " + t.method);
-  const o = new Blob([n]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
-  return new Uint8Array(await new Response(o).arrayBuffer());
+  const n = new Blob([o]).stream().pipeThrough(new DecompressionStream("deflate-raw"));
+  return new Uint8Array(await new Response(n).arrayBuffer());
 }
-const F = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), I = (p, t) => Array.from(p.children).filter((e) => e.localName === t), C = (p, ...t) => {
+const j = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), P = (p, t) => Array.from(p.children).filter((e) => e.localName === t), S = (p, ...t) => {
   let e = p;
   for (const i of t) {
     if (!e) return null;
     e = Array.from(e.children).find((s) => s.localName === i) || null;
   }
   return e;
-}, w = (p, t = "val") => {
+}, T = (p, t = "val") => {
   if (!p) return "";
   for (const e of Array.from(p.attributes))
     if (e.localName === t) return e.value;
   return "";
-}, k = (p, t) => {
-  const e = p ? C(p, t) : null;
+}, Z = (p, t) => {
+  const e = p ? S(p, t) : null;
   if (!e) return !1;
-  const i = w(e);
+  const i = T(e);
   return i !== "false" && i !== "0";
-}, z = {
+}, X = {
   yellow: "#FFFF00",
   green: "#00FF00",
   cyan: "#00FFFF",
@@ -974,7 +2173,7 @@ const F = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&
   lightGray: "#D3D3D3",
   black: "#000000",
   white: "#FFFFFF"
-}, ft = {
+}, St = {
   png: "image/png",
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
@@ -982,13 +2181,13 @@ const F = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&
   bmp: "image/bmp",
   webp: "image/webp"
 };
-function vt(p) {
+function Et(p) {
   let t = "";
   for (let e = 0; e < p.length; e += 32768)
     t += String.fromCharCode(...p.subarray(e, e + 32768));
   return btoa(t);
 }
-class bt {
+class Lt {
   constructor(t, e, i) {
     this.rels = t, this.images = e, this.numFmt = i;
   }
@@ -999,12 +2198,12 @@ class bt {
     };
     for (const l of Array.from(t.children))
       if (l.localName === "p") {
-        const n = this.paraList(l);
-        if (n) {
-          const o = n.ilvl + 1;
-          for (; i.length > o; ) e += `</${i.pop()}>`;
-          for (i.length === o && i[o - 1] !== n.type && (e += `</${i.pop()}>`); i.length < o; )
-            e += `<${n.type}>`, i.push(n.type);
+        const o = this.paraList(l);
+        if (o) {
+          const n = o.ilvl + 1;
+          for (; i.length > n; ) e += `</${i.pop()}>`;
+          for (i.length === n && i[n - 1] !== o.type && (e += `</${i.pop()}>`); i.length < n; )
+            e += `<${o.type}>`, i.push(o.type);
           e += `<li>${this.runsOf(l) || "<br>"}</li>`;
           continue;
         }
@@ -1013,145 +2212,178 @@ class bt {
     return s(0), e || "<p><br></p>";
   }
   paraList(t) {
-    const e = C(t, "pPr", "numPr");
+    const e = S(t, "pPr", "numPr");
     if (!e) return null;
-    const i = w(C(e, "numId"));
+    const i = T(S(e, "numId"));
     if (!i || i === "0") return null;
-    const s = parseInt(w(C(e, "ilvl")) || "0", 10) || 0;
+    const s = parseInt(T(S(e, "ilvl")) || "0", 10) || 0;
     return { type: this.numFmt.get(i) || "ul", ilvl: Math.min(s, 8) };
   }
   convertPara(t) {
-    const e = C(t, "pPr"), i = w(C(t, "pPr", "pStyle"));
+    const e = S(t, "pPr"), i = T(S(t, "pPr", "pStyle"));
     let s = "p";
     const l = /^Heading([1-6])$/i.exec(i);
     l ? s = "h" + l[1] : /^Title$/i.test(i) && (s = "h1");
-    const n = [], o = w(C(t, "pPr", "jc"));
-    o === "center" ? n.push("text-align:center") : o === "right" || o === "end" ? n.push("text-align:right") : (o === "both" || o === "distribute") && n.push("text-align:justify"), e && C(e, "bidi") && n.push("direction:rtl");
-    const r = this.runsOf(t), c = n.length ? ` style="${n.join(";")}"` : "";
-    return `<${s}${c}>${r || "<br>"}</${s}>`;
+    const o = [], n = T(S(t, "pPr", "jc"));
+    n === "center" ? o.push("text-align:center") : n === "right" || n === "end" ? o.push("text-align:right") : (n === "both" || n === "distribute") && o.push("text-align:justify"), e && S(e, "bidi") && o.push("direction:rtl");
+    const r = this.runsOf(t), a = o.length ? ` style="${o.join(";")}"` : "";
+    return `<${s}${a}>${r || "<br>"}</${s}>`;
   }
   runsOf(t) {
     let e = "";
     for (const i of Array.from(t.children))
       if (i.localName === "r") e += this.convertRun(i);
       else if (i.localName === "hyperlink") {
-        let s = this.rels.get(w(i, "id")) || "";
-        const l = w(i, "anchor");
+        let s = this.rels.get(T(i, "id")) || "";
+        const l = T(i, "anchor");
         !s && l && (s = "#" + l);
-        const n = this.runsOf(i);
-        e += s ? `<a href="${F(s)}">${n}</a>` : n;
+        const o = this.runsOf(i);
+        e += s ? `<a href="${j(s)}">${o}</a>` : o;
       } else (i.localName === "smartTag" || i.localName === "ins") && (e += this.runsOf(i));
     return e;
   }
   convertRun(t) {
-    const e = C(t, "rPr");
+    const e = S(t, "rPr");
     let i = "";
     for (const d of Array.from(t.children))
-      d.localName === "t" ? i += F(d.textContent || "") : d.localName === "br" || d.localName === "cr" ? i += "<br>" : d.localName === "tab" ? i += "&emsp;" : (d.localName === "drawing" || d.localName === "pict" || d.localName === "object") && (i += this.convertImage(d));
+      d.localName === "t" ? i += j(d.textContent || "") : d.localName === "br" || d.localName === "cr" ? i += "<br>" : d.localName === "tab" ? i += "&emsp;" : (d.localName === "drawing" || d.localName === "pict" || d.localName === "object") && (i += this.convertImage(d));
     if (!i) return "";
-    const s = [], l = w(e ? C(e, "color") : null);
+    const s = [], l = T(e ? S(e, "color") : null);
     l && l !== "auto" && s.push("color:#" + l);
-    const n = w(e ? C(e, "highlight") : null);
-    n && z[n] && s.push("background-color:" + z[n]);
-    const o = parseFloat(w(e ? C(e, "sz") : null));
-    o && s.push("font-size:" + Math.round(o / 2 * (4 / 3)) + "px");
-    const r = e ? C(e, "rFonts") : null, c = w(r, "ascii") || w(r, "cs");
-    c && s.push(`font-family:'${c}'`), s.length && (i = `<span style="${s.join(";")}">${i}</span>`), k(e, "b") && (i = `<strong>${i}</strong>`), k(e, "i") && (i = `<em>${i}</em>`), k(e, "u") && w(C(e, "u")) !== "none" && (i = `<u>${i}</u>`), k(e, "strike") && (i = `<s>${i}</s>`);
-    const h = w(e ? C(e, "vertAlign") : null);
+    const o = T(e ? S(e, "highlight") : null);
+    o && X[o] && s.push("background-color:" + X[o]);
+    const n = parseFloat(T(e ? S(e, "sz") : null));
+    n && s.push("font-size:" + Math.round(n / 2 * (4 / 3)) + "px");
+    const r = e ? S(e, "rFonts") : null, a = T(r, "ascii") || T(r, "cs");
+    a && s.push(`font-family:'${a}'`), s.length && (i = `<span style="${s.join(";")}">${i}</span>`), Z(e, "b") && (i = `<strong>${i}</strong>`), Z(e, "i") && (i = `<em>${i}</em>`), Z(e, "u") && T(S(e, "u")) !== "none" && (i = `<u>${i}</u>`), Z(e, "strike") && (i = `<s>${i}</s>`);
+    const h = T(e ? S(e, "vertAlign") : null);
     return h === "superscript" ? i = `<sup>${i}</sup>` : h === "subscript" && (i = `<sub>${i}</sub>`), i;
   }
   convertImage(t) {
     let e = "", i = 0;
-    const s = (o) => {
-      if (o.localName === "blip" && (e = e || w(o, "embed") || w(o, "link")), o.localName === "imagedata" && (e = e || w(o, "id")), o.localName === "extent") {
-        const r = parseFloat(o.getAttribute("cx") || "0");
+    const s = (n) => {
+      if (n.localName === "blip" && (e = e || T(n, "embed") || T(n, "link")), n.localName === "imagedata" && (e = e || T(n, "id")), n.localName === "extent") {
+        const r = parseFloat(n.getAttribute("cx") || "0");
         r && (i = Math.round(r / 9525));
       }
-      for (const r of Array.from(o.children)) s(r);
+      for (const r of Array.from(n.children)) s(r);
     };
     if (s(t), !e) return "";
     const l = this.images.get(e);
     if (!l) return "";
-    const n = i ? ` width="${i}"` : "";
-    return `<img src="${l}" alt=""${n}>`;
+    const o = i ? ` width="${i}"` : "";
+    return `<img src="${l}" alt=""${o}>`;
   }
   convertTable(t) {
     let e = '<table style="border-collapse:collapse;width:100%"><tbody>';
-    for (const i of I(t, "tr")) {
+    for (const i of P(t, "tr")) {
       e += "<tr>";
-      for (const s of I(i, "tc")) {
-        const l = parseInt(w(C(s, "tcPr", "gridSpan")) || "1", 10) || 1, n = l > 1 ? ` colspan="${l}"` : "";
-        let o = "";
+      for (const s of P(i, "tc")) {
+        const l = parseInt(T(S(s, "tcPr", "gridSpan")) || "1", 10) || 1, o = l > 1 ? ` colspan="${l}"` : "";
+        let n = "";
         for (const r of Array.from(s.children))
-          r.localName === "p" ? o += this.convertPara(r) : r.localName === "tbl" && (o += this.convertTable(r));
-        e += `<td style="border:1px solid #b9c2cc"${n}>${o || "<br>"}</td>`;
+          r.localName === "p" ? n += this.convertPara(r) : r.localName === "tbl" && (n += this.convertTable(r));
+        e += `<td style="border:1px solid #b9c2cc"${o}>${n || "<br>"}</td>`;
       }
       e += "</tr>";
     }
     return e + "</tbody></table>";
   }
 }
-async function yt(p) {
-  const t = p instanceof ArrayBuffer ? p : await p.arrayBuffer(), e = gt(t), i = new TextDecoder(), s = async (f) => {
-    const v = e.get(f);
-    return v ? new DOMParser().parseFromString(i.decode(await $(t, v)), "application/xml") : null;
-  }, l = await s("word/document.xml"), n = l == null ? void 0 : l.getElementsByTagName("*");
-  let o = null;
-  if (n) {
-    for (const f of Array.from(n))
-      if (f.localName === "body") {
-        o = f;
+async function Ht(p) {
+  const t = p instanceof ArrayBuffer ? p : await p.arrayBuffer(), e = Mt(t), i = new TextDecoder(), s = async (u) => {
+    const v = e.get(u);
+    return v ? new DOMParser().parseFromString(i.decode(await U(t, v)), "application/xml") : null;
+  }, l = await s("word/document.xml"), o = l == null ? void 0 : l.getElementsByTagName("*");
+  let n = null;
+  if (o) {
+    for (const u of Array.from(o))
+      if (u.localName === "body") {
+        n = u;
         break;
       }
   }
-  if (!o) throw new Error("word/document.xml missing or invalid");
-  const r = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), h = await s("word/_rels/document.xml.rels");
+  if (!n) throw new Error("word/document.xml missing or invalid");
+  const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), h = await s("word/_rels/document.xml.rels");
   if (h)
-    for (const f of Array.from(h.getElementsByTagName("*"))) {
-      if (f.localName !== "Relationship") continue;
-      const v = f.getAttribute("Id") || "", y = f.getAttribute("Target") || "", T = f.getAttribute("Type") || "";
-      /hyperlink/i.test(T) ? r.set(v, y) : /image/i.test(T) && c.set(v, y);
+    for (const u of Array.from(h.getElementsByTagName("*"))) {
+      if (u.localName !== "Relationship") continue;
+      const v = u.getAttribute("Id") || "", b = u.getAttribute("Target") || "", x = u.getAttribute("Type") || "";
+      /hyperlink/i.test(x) ? r.set(v, b) : /image/i.test(x) && a.set(v, b);
     }
   const d = /* @__PURE__ */ new Map();
-  for (const [f, v] of c) {
-    const y = v.startsWith("/") ? v.slice(1) : "word/" + v.replace(/^\.\//, ""), T = e.get(y);
-    if (!T) continue;
-    const S = (y.split(".").pop() || "").toLowerCase(), M = ft[S];
+  for (const [u, v] of a) {
+    const b = v.startsWith("/") ? v.slice(1) : "word/" + v.replace(/^\.\//, ""), x = e.get(b);
+    if (!x) continue;
+    const C = (b.split(".").pop() || "").toLowerCase(), M = St[C];
     if (M)
       try {
-        d.set(f, `data:${M};base64,${vt(await $(t, T))}`);
+        d.set(u, `data:${M};base64,${Et(await U(t, x))}`);
       } catch {
       }
   }
   const m = /* @__PURE__ */ new Map(), g = await s("word/numbering.xml");
   if (g) {
-    const f = /* @__PURE__ */ new Map(), v = Array.from(g.getElementsByTagName("*"));
-    for (const y of v) {
-      if (y.localName !== "abstractNum") continue;
-      const T = w(y, "abstractNumId"), S = I(y, "lvl").find((x) => w(x, "ilvl") === "0") || I(y, "lvl")[0], M = S ? w(C(S, "numFmt")) : "";
-      f.set(T, M === "bullet" ? "ul" : "ol");
+    const u = /* @__PURE__ */ new Map(), v = Array.from(g.getElementsByTagName("*"));
+    for (const b of v) {
+      if (b.localName !== "abstractNum") continue;
+      const x = T(b, "abstractNumId"), C = P(b, "lvl").find((w) => T(w, "ilvl") === "0") || P(b, "lvl")[0], M = C ? T(S(C, "numFmt")) : "";
+      u.set(x, M === "bullet" ? "ul" : "ol");
     }
-    for (const y of v) {
-      if (y.localName !== "num") continue;
-      const T = w(y, "numId"), S = w(C(y, "abstractNumId"));
-      m.set(T, f.get(S) || "ul");
+    for (const b of v) {
+      if (b.localName !== "num") continue;
+      const x = T(b, "numId"), C = T(S(b, "abstractNumId"));
+      m.set(x, u.get(C) || "ul");
     }
   }
-  return new bt(r, d, m).convertBody(o);
+  return new Lt(r, d, m).convertBody(n);
 }
-const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "img-center"], R = {
+const kt = ["nw", "ne", "sw", "se"], F = ["img-left", "img-right", "img-top", "img-center"], O = {
   "img-left": "tplimgleft",
   "img-right": "tplimgright",
   "img-top": "tplimgtop",
   "img-center": "tplimgcenter"
-}, xt = {
-  "img-left": a.tplleft,
-  "img-right": a.tplright,
-  "img-top": a.tpltop,
-  "img-center": a.tplcenter
-}, A = class A {
+}, At = {
+  "img-left": c.tplleft,
+  "img-right": c.tplright,
+  "img-top": c.tpltop,
+  "img-center": c.tplcenter
+}, It = ".tox,.pop,.tblctx,.imgctx,.selctx,.dlg";
+let E = null, A = null, $ = 0, Q = !1;
+function B() {
+  clearTimeout($), A = null, E && E.classList.remove("show");
+}
+function qt(p) {
+  const t = p.dataset.tip;
+  if (!t) return;
+  A = p, clearTimeout($);
+  const e = E && E.classList.contains("show") ? 60 : 350;
+  $ = window.setTimeout(() => {
+    if (A !== p || !document.contains(p)) return;
+    E || (E = document.createElement("div"), E.className = "etip", document.body.appendChild(E)), E.textContent = t, E.classList.add("show");
+    const i = p.getBoundingClientRect(), s = E.offsetWidth, l = E.offsetHeight;
+    let o = i.left + i.width / 2 - s / 2;
+    o = Math.max(6, Math.min(o, innerWidth - s - 6));
+    let n = i.bottom + 7;
+    n + l > innerHeight - 6 && (n = i.top - l - 7), E.style.left = o + "px", E.style.top = n + "px";
+  }, e);
+}
+function Zt() {
+  Q || (Q = !0, document.addEventListener("mouseover", (p) => {
+    const t = p.target, e = t.closest ? t.closest("[title],[data-tip]") : null;
+    if (!e || !e.closest(It) || e.closest(".earea")) {
+      e !== A && B();
+      return;
+    }
+    const i = e.getAttribute("title");
+    i && (e.dataset.tip = i, e.removeAttribute("title"), e.getAttribute("aria-label") || e.setAttribute("aria-label", i)), e !== A && qt(e);
+  }), document.addEventListener("mouseout", (p) => {
+    A && !A.contains(p.relatedTarget) && B();
+  }), document.addEventListener("mousedown", B, !0), addEventListener("scroll", B, !0));
+}
+const I = class I {
   constructor(t) {
-    this.lang = "en", this.contentClass = "fable-content-" + A.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.selCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
+    this.lang = "en", this.contentClass = "fable-content-" + I.instanceCounter++, this.contentStyleEl = null, this.savedRange = null, this.foreColor = "#000000", this.backColor = "#FACC15", this.openPop = null, this.openSubEl = null, this.popAnchor = null, this.dlgOvl = null, this.tblActive = null, this.tblCorner = null, this.tblColBars = [], this.tblCtx = null, this.tblCellMark = null, this.tblOpMark = null, this.tblOpMarkKind = null, this.imgActive = null, this.imgHandles = [], this.imgCtx = null, this.imgHideTimer = null, this.phActive = null, this.phCtx = null, this.phUploadTarget = null, this.vidActive = null, this.vidCtx = null, this.vidHideTimer = null, this.vphActive = null, this.vphCtx = null, this.vphUploadTarget = null, this.selCtx = null, this.tbrMore = null, this.tbrExpanded = !1, this.codeActive = null, this.codeCtx = null, this.tplActive = null, this.tplCtx = null, this.revisions = [], this.revTimer = null, this.draftTimer = null, this.draftStorageKey = "", this.listeners = [], this.isDestroyed = !1, this.options = {
       target: t.target,
       language: t.language || "en",
       height: t.height ?? 302,
@@ -1165,19 +2397,20 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       statusbar: t.statusbar ?? !0,
       readonly: t.readonly ?? !1,
       draftKey: t.draftKey ?? (typeof location < "u" ? location.pathname : "default"),
-      fontFamilyFormats: t.fontFamilyFormats ?? Q,
-      imageFileTypes: t.imageFileTypes ?? ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/bmp", "image/webp"]
-    }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.contentStyle = t.contentStyle, this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.options.onReady(this);
+      fontFamilyFormats: t.fontFamilyFormats ?? et,
+      imageFileTypes: t.imageFileTypes ?? ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/bmp", "image/webp"],
+      videoFileTypes: t.videoFileTypes ?? ["video/mp4", "video/webm", "video/ogg"]
+    }, this.imageUploadHandler = t.imageUploadHandler, this.onImageUploadError = t.onImageUploadError, this.videoUploadHandler = t.videoUploadHandler, this.onVideoUploadError = t.onVideoUploadError, this.contentStyle = t.contentStyle, this.applyTheme(t), this.lang = this.options.language, this.draftStorageKey = "tmclone-draft:" + this.options.draftKey, this.initDOM(), this.bindEvents(), this.initUI(), this.recordRevision(), this.options.onReady(this);
   }
   t(t) {
-    const e = B(this.lang)[t];
+    const e = R(this.lang)[t];
     return typeof e == "string" ? e : e.join(",");
   }
   tArr(t) {
-    return B(this.lang)[t];
+    return R(this.lang)[t];
   }
   dir() {
-    return B(this.lang).dir;
+    return R(this.lang).dir;
   }
   /* ---------------------------------------------------------- DOM setup */
   initDOM() {
@@ -1190,7 +2423,14 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       </span>
     `, 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), 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.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);
+    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), Zt(), 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);
+  }
+  /** Theme options land as CSS variables on the document root rather than the editor
+   *  shell, because dialogs, popups and floating context toolbars are appended to
+   *  document.body and would not inherit variables scoped to the shell. */
+  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);
   }
   /** Rewrites the literal word `body` in a user-supplied `contentStyle` string to a
    *  selector scoped to this instance's content div. Everything else passes through
@@ -1203,18 +2443,18 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     let e = 0, i = 0;
     const s = (l) => {
       e = l.clientY, i = this.ed.offsetHeight, l.preventDefault();
-      const n = (r) => {
+      const o = (r) => {
         this.ed.style.height = Math.max(120, i + r.clientY - e) + "px";
-      }, o = () => {
-        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", o);
+      }, n = () => {
+        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", n);
       };
-      window.addEventListener("mousemove", n), window.addEventListener("mouseup", o);
+      window.addEventListener("mousemove", o), window.addEventListener("mouseup", n);
     };
     t.addEventListener("mousedown", s), this.listeners.push(() => t.removeEventListener("mousedown", s));
   }
   /* ---------------------------------------------------------- event binding */
   bindEvents() {
-    this.onDoc("mousedown", (t) => {
+    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());
@@ -1222,48 +2462,65 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       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.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.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);
     }), this.on(this.ed, "paste", (t) => this.handlePaste(t)), this.on(this.ed, "drop", (t) => {
-      var s, l, n;
+      var l, o, n, r;
       t.preventDefault();
-      const e = (l = (s = t.target).closest) == null ? void 0 : l.call(s, ".img-ph");
-      if (!e || !this.ed.contains(e) || this.options.readonly) return;
-      const i = Array.from(((n = t.dataTransfer) == null ? void 0 : n.files) || []).find((o) => o.type.startsWith("image/"));
-      i && this.readImageFileInto(i, e);
+      const e = t.target, i = (l = e.closest) == null ? void 0 : l.call(e, ".img-ph:not(.vid-ph)");
+      if (i && this.ed.contains(i) && !this.options.readonly) {
+        const a = Array.from(((o = t.dataTransfer) == null ? void 0 : o.files) || []).find((h) => h.type.startsWith("image/"));
+        a && this.readImageFileInto(a, i);
+        return;
+      }
+      const s = (n = e.closest) == null ? void 0 : n.call(e, ".vid-ph");
+      if (s && this.ed.contains(s) && !this.options.readonly) {
+        const a = Array.from(((r = t.dataTransfer) == null ? void 0 : r.files) || []).find((h) => h.type.startsWith("video/"));
+        a && this.readVideoFileInto(a, s);
+      }
     }), this.on(this.ed, "dragover", (t) => t.preventDefault()), this.on(this.ed, "mousedown", (t) => {
-      var o, r, c, h;
-      const e = t.target, i = (o = e.closest) == null ? void 0 : o.call(e, "table");
+      var h, d, m, g, u, v, b;
+      const e = t.target, i = (h = e.closest) == null ? void 0 : h.call(e, "table");
       i && this.ed.contains(i) ? this.selectTableForResize(i) : this.clearTableHandles();
-      const s = (r = e.closest) == null ? void 0 : r.call(e, ".img-ph");
+      const s = (d = e.closest) == null ? void 0 : d.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 l = (c = e.closest) == null ? void 0 : c.call(e, ".tpl");
-      l && this.ed.contains(l) && !this.options.readonly ? this.selectTemplate(l) : this.clearTplSel();
-      const n = (h = e.closest) == null ? void 0 : h.call(e, "img");
-      n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.selectImage(n)) : this.clearImageHandles();
+      const l = (m = e.closest) == null ? void 0 : m.call(e, ".vid-ph");
+      l && this.ed.contains(l) && !this.options.readonly ? (t.preventDefault(), this.ed.focus(), this.selectVphPlaceholder(l)) : this.clearVphPlaceholderSel();
+      const o = (g = e.closest) == null ? void 0 : g.call(e, ".tpl");
+      o && this.ed.contains(o) && !this.options.readonly ? this.selectTemplate(o) : this.clearTplSel();
+      const n = (u = e.closest) == null ? void 0 : u.call(e, "pre.code-block");
+      n && this.ed.contains(n) && !this.options.readonly ? (t.preventDefault(), this.selectCodeEl(n)) : this.clearCodeSel();
+      const r = (v = e.closest) == null ? void 0 : v.call(e, "img");
+      r && this.ed.contains(r) && !this.options.readonly ? (t.preventDefault(), this.selectImage(r)) : this.clearImageHandles();
+      const a = (b = e.closest) == null ? void 0 : b.call(e, "video, .video-embed");
+      a && this.ed.contains(a) && !this.options.readonly ? (t.preventDefault(), this.selectVideo(a)) : 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, l, n, o;
+      var s, l, o, n;
       const e = (l = (s = t.target).closest) == null ? void 0 : l.call(s, "img");
       if (!e) return;
       const i = t.relatedTarget;
-      i && ((n = this.imgCtx) != null && n.contains(i) || this.imgHandles.some((r) => r.contains(i)) || ((o = i.closest) == null ? void 0 : o.call(i, "img")) === e) || this.scheduleImgHide();
+      i && ((o = this.imgCtx) != null && o.contains(i) || this.imgHandles.some((r) => r.contains(i)) || ((n = i.closest) == null ? void 0 : n.call(i, "img")) === e) || this.scheduleImgHide();
     }), this.on(this.ed, "scroll", () => {
-      this.positionTableHandles(), this.positionImageHandles(), this.positionImgPhCtx(), this.positionTplCtx();
+      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.repositionSelToolbar();
+        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.repositionSelToolbar();
-    }), this.on(this.imgInput, "change", () => {
+      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;
@@ -1280,12 +2537,29 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
           `<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.openPop && this.openPop.contains(t.target) || this.openSubEl && this.openSubEl.contains(t.target) || (this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearSelToolbar());
+      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) {
@@ -1302,7 +2576,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     return this.ed.innerHTML;
   }
   setContent(t) {
-    this.ed.innerHTML = t || "<p><br></p>", this.refreshState(), this.clearTableHandles(), this.clearImageHandles(), this.clearImgPlaceholderSel(), this.clearTplSel(), this.clearSelToolbar(), this.onChange();
+    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();
@@ -1314,7 +2588,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.ed.focus();
   }
   async importWordFile(t) {
-    const e = await yt(t);
+    const e = await Ht(t);
     this.recordRevision(), this.setContent(e), this.recordRevision();
   }
   restoreDraft() {
@@ -1335,7 +2609,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     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.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.docInput && this.docInput.parentNode && this.docInput.parentNode.removeChild(this.docInput), this.contentStyleEl = null);
+    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);
   }
   /* ---------------------------------------------------------- selection */
   saveSel() {
@@ -1410,16 +2684,16 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       s.className = "revprev";
       const l = document.createElement("button");
       l.type = "button", l.className = "revrestore", l.textContent = this.t("restore");
-      let n = this.revisions.length - 1;
-      const o = new Intl.DateTimeFormat(this.lang === "ar" ? "ar-AE" : "en-GB", {
+      let o = this.revisions.length - 1;
+      const n = 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"
-      }), r = {}, c = (h) => {
-        n = h, this.revisions.forEach((d, m) => {
+      }), r = {}, a = (h) => {
+        o = h, this.revisions.forEach((d, m) => {
           var g;
           return (g = r[m]) == null ? void 0 : g.classList.toggle("on", m === h);
         }), s.innerHTML = this.revisions[h].html, l.disabled = h === this.revisions.length - 1;
@@ -1427,13 +2701,13 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       for (let h = this.revisions.length - 1; h >= 0; h--) {
         const d = this.revisions[h], m = document.createElement("button");
         m.type = "button";
-        const g = (new DOMParser().parseFromString(d.html, "text/html").body.textContent || "").trim(), f = g ? g.split(/\s+/).length : 0, v = h === this.revisions.length - 1;
-        m.innerHTML = `<span>${v ? this.t("currentver") : o.format(new Date(d.time))}</span><span class="wc">${f} ${this.t("words")}</span>`, m.addEventListener("click", () => c(h)), r[h] = m, i.appendChild(m);
+        const g = (new DOMParser().parseFromString(d.html, "text/html").body.textContent || "").trim(), u = g ? g.split(/\s+/).length : 0, v = h === this.revisions.length - 1;
+        m.innerHTML = `<span>${v ? this.t("currentver") : n.format(new Date(d.time))}</span><span class="wc">${u} ${this.t("words")}</span>`, m.addEventListener("click", () => a(h)), r[h] = m, i.appendChild(m);
       }
       i.append(l), l.addEventListener("click", () => {
-        const h = this.revisions[n];
+        const h = this.revisions[o];
         h && (this.recordRevision(), this.setContent(h.html), this.recordRevision(), this.closeDlg());
-      }), e.append(i, s), t.appendChild(e), c(n);
+      }), e.append(i, s), t.appendChild(e), a(o);
     });
   }
   /* ---------------------------------------------------------- popups / menus */
@@ -1452,25 +2726,25 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       r.target.tagName !== "INPUT" && r.preventDefault();
     }), document.body.appendChild(i);
     const s = e.getBoundingClientRect();
-    let n = this.dir() === "rtl" ? s.left - i.offsetWidth + 2 : s.right - 2;
-    n = Math.max(8, Math.min(n + scrollX, scrollX + innerWidth - i.offsetWidth - 8));
-    let o = s.top + scrollY - 6;
-    o = Math.max(8 + scrollY, Math.min(o, scrollY + innerHeight - i.offsetHeight - 8)), i.style.left = n + "px", i.style.top = o + "px", this.openSubEl = i;
+    let o = this.dir() === "rtl" ? s.left - i.offsetWidth + 2 : s.right - 2;
+    o = Math.max(8, Math.min(o + scrollX, scrollX + innerWidth - i.offsetWidth - 8));
+    let n = s.top + scrollY - 6;
+    n = Math.max(8 + scrollY, Math.min(n, scrollY + innerHeight - i.offsetHeight - 8)), i.style.left = o + "px", i.style.top = n + "px", this.openSubEl = i;
   }
-  popup(t, e) {
+  popup(t, e, i) {
     if (this.openPop && this.popAnchor === t) {
       this.closePop();
       return;
     }
     this.closePop();
-    const i = document.createElement("div");
-    i.className = "pop", i.dir = this.dir(), e(i), document.body.appendChild(i);
-    const s = t.getBoundingClientRect();
-    i.style.minWidth = Math.max(160, Math.round(s.width)) + "px", i.style.top = s.bottom + scrollY + 2 + "px";
-    let n = this.dir() === "rtl" ? s.right - i.offsetWidth : s.left;
-    n = Math.max(8, Math.min(n + scrollX, scrollX + innerWidth - i.offsetWidth - 8)), i.style.left = n + "px", i.addEventListener("mousedown", (o) => {
-      o.target.tagName !== "INPUT" && o.preventDefault();
-    }), this.openPop = i, this.popAnchor = t, t.classList.add("open");
+    const s = document.createElement("div");
+    s.className = "pop" + (i ? " " + i : ""), s.dir = this.dir(), e(s), document.body.appendChild(s);
+    const l = t.getBoundingClientRect();
+    s.style.minWidth = Math.max(160, Math.round(l.width)) + "px", s.style.top = l.bottom + scrollY + 2 + "px";
+    let n = this.dir() === "rtl" ? l.right - s.offsetWidth : l.left;
+    n = Math.max(8, Math.min(n + scrollX, scrollX + innerWidth - s.offsetWidth - 8)), s.style.left = n + "px", s.addEventListener("mousedown", (r) => {
+      r.target.tagName !== "INPUT" && r.preventDefault();
+    }), this.openPop = s, this.popAnchor = t, t.classList.add("open");
   }
   menuItems(t, e) {
     e.forEach((i) => {
@@ -1479,44 +2753,44 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
         return;
       }
       const s = !!(i.sub || i.subBuild), l = document.createElement("button");
-      l.className = "mi" + (i.on ? " on" : ""), l.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">${a.chev}</span>` : ""}`, l.addEventListener("click", () => {
+      l.className = "mi" + (i.on ? " on" : ""), l.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">${c.chev}</span>` : ""}`, l.addEventListener("click", () => {
         i.action && (this.closePop(), i.action());
       }), l.addEventListener("mouseenter", () => {
-        var n;
-        s ? this.openSubFor(i, l) : this.openSubEl && t !== this.openSubEl && this.closeSub(), (n = i.hover) == null || n.call(i, !0);
+        var o;
+        s ? this.openSubFor(i, l) : this.openSubEl && t !== this.openSubEl && this.closeSub(), (o = i.hover) == null || o.call(i, !0);
       }), l.addEventListener("mouseleave", () => {
-        var n;
-        return (n = i.hover) == null ? void 0 : n.call(i, !1);
+        var o;
+        return (o = i.hover) == null ? void 0 : o.call(i, !1);
       }), t.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- toolbar builders */
   tbtn(t, e, i, s) {
     const l = document.createElement("button");
-    return l.className = "tbtn", l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
+    return l.className = "tbtn", l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (o) => o.preventDefault()), l.addEventListener("click", i), l;
   }
   /** Font-size increase / decrease step button. */
   stepBtn(t) {
-    const e = t > 0 ? "+" : "−", i = t > 0 ? a.fontsizeup : a.fontsizedown, s = this.tbtn(i, this.t("fontsize") + " " + e, () => this.stepFontSize(t));
+    const e = t > 0 ? "+" : "−", i = t > 0 ? c.fontsizeup : c.fontsizedown, s = this.tbtn(i, this.t("fontsize") + " " + e, () => this.stepFontSize(t));
     return s.addEventListener("mousedown", () => this.saveSel()), s;
   }
   /** Toolbar icon button that opens a popup menu anchored to itself. */
   menuTbtn(t, e, i, s) {
     const l = this.tbtn(t, e, () => i(l), s);
-    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", a.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
+    return l.classList.add("hasmenu"), l.insertAdjacentHTML("beforeend", c.chev), l.addEventListener("mousedown", () => this.saveSel()), l;
   }
   /** Quick text-color chips plus a "more" chip that opens the full palette. */
   colorChips() {
     const t = (s) => {
       const l = document.createElement("button");
-      return l.type = "button", l.className = "cchip", l.title = s, l.addEventListener("mousedown", (n) => {
-        n.preventDefault(), this.saveSel();
+      return l.type = "button", l.className = "cchip", l.title = s, l.addEventListener("mousedown", (o) => {
+        o.preventDefault(), this.saveSel();
       }), l;
-    }, e = tt.map((s) => {
+    }, e = at.map((s) => {
       const l = t(this.t("forecolor"));
       return l.style.background = s, l.addEventListener("click", () => this.applyColor("fore", s)), l;
     }), i = t(this.t("forecolor"));
-    return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = a.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
+    return i.classList.add("more"), i.dataset.cb = "fore", i.innerHTML = c.chev, i.addEventListener("click", () => this.colorMenu(i, "fore")), [...e, i];
   }
   group(...t) {
     const e = document.createElement("div");
@@ -1526,73 +2800,82 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   }
   tsel(t, e, i, s) {
     const l = document.createElement("button");
-    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${a.chev}`, l.addEventListener("mousedown", (n) => {
-      n.preventDefault(), this.saveSel();
+    return l.className = "tsel " + t, l.type = "button", l.dataset.id = e, l.innerHTML = `<span class="lbl empty">${i || ""}</span>${c.chev}`, l.addEventListener("mousedown", (o) => {
+      o.preventDefault(), this.saveSel();
     }), l.addEventListener("click", () => s(l)), l;
   }
   setListStyle(t, e) {
-    var l, n;
+    var l, o;
     this.restoreSel();
     const i = window.getSelection();
     if (!i) return;
     let s = (l = this.closestBlock(i.anchorNode)) == null ? void 0 : l.closest(t);
-    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (n = this.closestBlock(i.anchorNode)) == null ? void 0 : n.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
+    s || (this.exec(t === "ol" ? "insertOrderedList" : "insertUnorderedList"), s = (o = this.closestBlock(i.anchorNode)) == null ? void 0 : o.closest(t)), s && (s.style.listStyleType = e), this.saveSel(), this.onChange();
   }
   listMenu(t, e) {
-    var c;
+    var a;
     const i = e === "ol" ? "insertOrderedList" : "insertUnorderedList", s = e === "ol" ? [
-      ["lower-alpha", a.ol_alpha],
-      ["lower-roman", a.ol_roman],
-      ["upper-alpha", a.ol_alphau],
-      ["upper-roman", a.ol_romanu]
+      ["lower-alpha", c.ol_alpha],
+      ["lower-roman", c.ol_roman],
+      ["upper-alpha", c.ol_alphau],
+      ["upper-roman", c.ol_romanu]
     ] : [
-      ["circle", a.ul_circle],
-      ["square", a.ul_square]
-    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), n = window.getSelection(), o = n ? (c = this.closestBlock(n.anchorNode)) == null ? void 0 : c.closest(e) : null, r = o ? o.style.listStyleType : "";
+      ["circle", c.ul_circle],
+      ["square", c.ul_square]
+    ], l = this.tArr(e === "ol" ? "liststyles_ol" : "liststyles_ul").slice(1), o = window.getSelection(), n = o ? (a = this.closestBlock(o.anchorNode)) == null ? void 0 : a.closest(e) : null, r = n ? n.style.listStyleType : "";
     this.popup(t, (h) => {
       this.menuItems(h, [
         {
           label: this.t(e === "ol" ? "numlist" : "bullist"),
-          icon: e === "ol" ? a.numlist : a.bullist,
+          icon: e === "ol" ? c.numlist : c.bullist,
           on: document.queryCommandState(i),
           action: () => this.exec(i)
         }
       ]), h.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
       const d = document.createElement("div");
-      d.className = "mi-grid", s.forEach(([m, g], f) => {
+      d.className = "mi-grid", s.forEach(([m, g], u) => {
         const v = document.createElement("button");
-        v.className = "mi" + (r === m ? " on" : ""), v.innerHTML = `<span class="ic">${g}</span><span class="prev">${l[f]}</span>`, v.addEventListener("click", () => {
+        v.className = "mi" + (r === m ? " on" : ""), v.innerHTML = `<span class="ic">${g}</span><span class="prev">${l[u]}</span>`, v.addEventListener("click", () => {
           this.closePop(), this.setListStyle(e, m);
         }), d.appendChild(v);
       }), h.appendChild(d);
     });
   }
-  colorMenu(t, e) {
-    this.popup(t, (i) => {
-      const s = document.createElement("div");
-      s.className = "cpal", et.forEach((d) => {
-        const m = document.createElement("button");
-        m.style.background = d, m.title = d, m.addEventListener("click", () => {
-          this.closePop(), this.applyColor(e, d);
-        }), s.appendChild(m);
-      }), i.appendChild(s), i.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
-      const l = document.createElement("div");
-      l.className = "cfoot";
-      const n = document.createElement("div");
-      n.className = "cswatch cur", n.title = this.t("currentcolor");
-      const o = e === "fore" ? this.foreColor : this.backColor;
-      n.style.background = /^#[0-9a-f]{6}$/i.test(o) ? o : "#000000", n.innerHTML = a.check;
-      const r = document.createElement("button");
-      r.type = "button", r.className = "cswatch nocolor", r.title = this.t("removecolor"), r.addEventListener("click", () => {
-        this.closePop(), this.applyColor(e, null);
-      });
-      const c = document.createElement("label");
-      c.className = "cswatch cwheel", c.title = this.t("customcolor"), c.innerHTML = a.palette;
-      const h = document.createElement("input");
-      h.type = "color", h.value = /^#[0-9a-f]{6}$/i.test(o) ? o : "#000000", h.addEventListener("change", () => {
-        this.closePop(), this.applyColor(e, h.value);
-      }), c.appendChild(h), l.append(n, r, c), i.appendChild(l);
+  /** Shared color-picker popup body — swatch grid plus the current-color /
+   *  no-color / custom-picker footer — so the fore/back toolbar menus and the
+   *  table cell-background menu all show the identical popup. */
+  buildPaletteInto(t, e, i) {
+    const s = document.createElement("div");
+    s.className = "cpal", ct.forEach((d) => {
+      const m = document.createElement("button");
+      m.type = "button", m.style.background = d, m.title = d, m.addEventListener("click", () => {
+        this.closePop(), i(d);
+      }), s.appendChild(m);
+    }), t.appendChild(s), t.insertAdjacentHTML("beforeend", '<div class="sep"></div>');
+    const l = document.createElement("div");
+    l.className = "cfoot";
+    const o = /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000", n = document.createElement("div");
+    n.className = "cswatch cur", n.title = this.t("currentcolor"), n.style.background = o, n.innerHTML = c.check;
+    const r = document.createElement("button");
+    r.type = "button", r.className = "cswatch nocolor", r.title = this.t("removecolor"), r.addEventListener("click", () => {
+      this.closePop(), i(null);
     });
+    const a = document.createElement("label");
+    a.className = "cswatch cwheel", a.title = this.t("customcolor"), a.innerHTML = c.palette;
+    const h = document.createElement("input");
+    h.type = "color", h.value = o, h.addEventListener("change", () => {
+      this.closePop(), i(h.value);
+    }), a.appendChild(h), l.append(n, r, a), t.appendChild(l);
+  }
+  colorMenu(t, e) {
+    this.popup(
+      t,
+      (i) => {
+        const s = e === "fore" ? this.foreColor : this.backColor;
+        this.buildPaletteInto(i, s, (l) => this.applyColor(e, l));
+      },
+      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);
@@ -1617,7 +2900,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.popup(t, (e) => {
       this.menuItems(
         e,
-        Y.map((i) => ({
+        it.map((i) => ({
           label: i,
           on: this.currentSize() === i,
           action: () => this.applyFontSize(i)
@@ -1632,19 +2915,19 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const t = window.getSelection();
     if (!t) return;
     if (!t.rangeCount) {
-      const n = document.createRange();
-      n.selectNodeContents(this.ed), n.collapse(!0), t.addRange(n);
+      const o = document.createRange();
+      o.selectNodeContents(this.ed), o.collapse(!0), t.addRange(o);
     }
     if (!t.isCollapsed) return;
     const e = t.getRangeAt(0), i = e.startContainer;
     if (i.nodeType === 3) {
-      const n = i.data;
-      let o = e.startOffset, r = e.startOffset;
-      for (; o > 0 && /\S/.test(n[o - 1]); ) o--;
-      for (; r < n.length && /\S/.test(n[r]); ) r++;
-      if (r > o) {
-        const c = document.createRange();
-        c.setStart(i, o), c.setEnd(i, r), t.removeAllRanges(), t.addRange(c), this.savedRange = c.cloneRange();
+      const o = i.data;
+      let n = e.startOffset, r = e.startOffset;
+      for (; n > 0 && /\S/.test(o[n - 1]); ) n--;
+      for (; r < o.length && /\S/.test(o[r]); ) r++;
+      if (r > n) {
+        const a = document.createRange();
+        a.setStart(i, n), a.setEnd(i, r), t.removeAllRanges(), t.addRange(a), this.savedRange = a.cloneRange();
         return;
       }
     }
@@ -1669,7 +2952,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.saveSel(), this.refreshState(), this.onChange();
   }
   stepFontSize(t) {
-    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(K, Math.max(G, e + t));
+    const e = parseInt(this.currentSize(), 10) || 14, i = Math.min(lt, Math.max(st, e + t));
     i !== e && this.applyFontSize(i + "px");
   }
   /* ------------------------------------------------ case / spacing / link */
@@ -1678,28 +2961,30 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const e = window.getSelection();
     if (!e || !e.rangeCount || e.isCollapsed) return;
     const i = e.getRangeAt(0), s = document.createTreeWalker(this.ed, NodeFilter.SHOW_TEXT), l = [];
-    let n;
-    for (; n = s.nextNode(); ) i.intersectsNode(n) && l.push(n);
-    l.forEach((o) => {
-      const r = o === i.startContainer ? i.startOffset : 0, c = o === i.endContainer ? i.endOffset : o.data.length;
-      if (c <= r) return;
-      const h = o.data.slice(r, c);
+    let o;
+    for (; o = s.nextNode(); ) i.intersectsNode(o) && l.push(o);
+    l.forEach((n) => {
+      const r = n === i.startContainer ? i.startOffset : 0, a = n === i.endContainer ? i.endOffset : n.data.length;
+      if (a <= r) return;
+      const h = n.data.slice(r, a);
       let d = h;
-      t === "lower" ? d = h.toLowerCase() : t === "upper" ? d = h.toUpperCase() : d = h.replace(/(^|\s)(\S)/g, (m, g, f) => g + f.toUpperCase()), o.replaceData(r, c - r, d);
+      t === "lower" ? d = h.toLowerCase() : t === "upper" ? d = h.toUpperCase() : d = h.replace(/(^|\s)(\S)/g, (m, g, u) => g + u.toUpperCase()), n.replaceData(r, a - r, d);
     }), this.saveSel(), this.refreshState(), this.onChange();
   }
   caseMenu(t) {
     this.popup(t, (e) => {
       this.menuItems(e, [
-        { label: this.t("lowercase"), icon: a.lowercaseic, action: () => this.transformCase("lower") },
-        { label: this.t("uppercase"), icon: a.uppercaseic, action: () => this.transformCase("upper") },
-        { label: this.t("capitalize"), icon: a.capitalizeic, action: () => this.transformCase("capitalize") }
+        { label: this.t("lowercase"), icon: c.lowercaseic, action: () => this.transformCase("lower") },
+        { label: this.t("uppercase"), icon: c.uppercaseic, action: () => this.transformCase("upper") },
+        { label: this.t("capitalize"), icon: c.capitalizeic, action: () => this.transformCase("capitalize") }
       ]);
     });
   }
   applyBlockStyle(t, e) {
-    this.restoreSel(), this.selectedBlocks().forEach((s) => {
-      e ? s.style[t] = e : s.style.removeProperty(t === "lineHeight" ? "line-height" : "word-spacing");
+    this.restoreSel();
+    const i = this.selectedBlocks(), s = t === "lineHeight" ? "line-height" : t === "wordSpacing" ? "word-spacing" : "letter-spacing";
+    i.forEach((l) => {
+      e ? l.style[t] = e : l.style.removeProperty(s);
     }), this.saveSel(), this.onChange();
   }
   currentBlockStyle(t) {
@@ -1711,7 +2996,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.popup(t, (i) => {
       this.menuItems(i, [
         { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("lineHeight", "") },
-        ...V.map((s) => ({
+        ...ot.map((s) => ({
           label: s,
           on: e === s,
           action: () => this.applyBlockStyle("lineHeight", s)
@@ -1724,7 +3009,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.popup(t, (i) => {
       this.menuItems(i, [
         { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("wordSpacing", "") },
-        ...J.map((s) => ({
+        ...nt.map((s) => ({
           label: s,
           on: e === s,
           action: () => this.applyBlockStyle("wordSpacing", s)
@@ -1732,6 +3017,19 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       ]);
     });
   }
+  letterSpacingMenu(t) {
+    const e = this.currentBlockStyle("letterSpacing");
+    this.popup(t, (i) => {
+      this.menuItems(i, [
+        { label: this.t("normal"), on: !e, action: () => this.applyBlockStyle("letterSpacing", "") },
+        ...rt.map((s) => ({
+          label: s,
+          on: e === s,
+          action: () => this.applyBlockStyle("letterSpacing", s)
+        }))
+      ]);
+    });
+  }
   closestAnchor() {
     const t = window.getSelection();
     let e = t && this.ed.contains(t.anchorNode) ? t.anchorNode : null;
@@ -1776,8 +3074,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       (s) => {
         const l = document.createElement("div");
         l.style.cssText = "display:flex;align-items:center;gap:10px;margin:10px 0;min-width:360px";
-        const n = document.createElement("span");
-        n.style.cssText = "width:60px;color:#556;flex:none", n.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")) || "", l.append(n, e), s.appendChild(l), setTimeout(() => e.focus(), 0);
+        const o = document.createElement("span");
+        o.style.cssText = "width:60px;color:#556;flex:none", o.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")) || "", l.append(o, e), s.appendChild(l), setTimeout(() => e.focus(), 0);
       },
       i
     );
@@ -1786,7 +3084,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.popup(t, (e) => {
       this.menuItems(
         e,
-        P.map(([i, s]) => ({
+        V.map(([i, s]) => ({
           label: this.blockLabel(i),
           previewStyle: i.startsWith("h") ? `font-weight:700;font-size:${22 - 2 * +i[1]}px` : i === "pre" ? "font-family:monospace" : "",
           on: this.currentBlock() === i,
@@ -1809,15 +3107,15 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       s.className = "tgrid";
       const l = document.createElement("div");
       l.className = "tgridlbl", l.textContent = "1 × 1";
-      const n = [];
-      for (let o = 0; o < 8; o++)
+      const o = [];
+      for (let n = 0; n < 8; n++)
         for (let r = 0; r < 10; r++) {
-          const c = document.createElement("span");
-          c.dataset.r = String(o), c.dataset.c = String(r), c.addEventListener("mouseenter", () => {
-            n.forEach((h) => h.classList.toggle("hot", +h.dataset.r <= o && +h.dataset.c <= r)), l.textContent = r + 1 + " × " + (o + 1);
-          }), c.addEventListener("click", () => {
-            this.closePop(), this.insertTable(o + 1, r + 1), e == null || e();
-          }), n.push(c), s.appendChild(c);
+          const a = document.createElement("span");
+          a.dataset.r = String(n), a.dataset.c = String(r), a.addEventListener("mouseenter", () => {
+            o.forEach((h) => h.classList.toggle("hot", +h.dataset.r <= n && +h.dataset.c <= r)), l.textContent = r + 1 + " × " + (n + 1);
+          }), a.addEventListener("click", () => {
+            this.closePop(), this.insertTable(n + 1, r + 1), e == null || e();
+          }), o.push(a), s.appendChild(a);
         }
       i.append(s, l), t.appendChild(i);
     }
@@ -1848,68 +3146,93 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
    *  behavior changes, just named lookup. Only `forecolor` yields multiple elements
    *  (the quick color chips); everything else yields one. */
   buildToolbarRegistry() {
-    const t = this.tbtn(a.tableic, this.t("quicktable"), () => this.tableGrid(t));
-    return {
-      undo: () => this.tbtn(a.undo, this.t("undo"), () => this.exec("undo")),
-      redo: () => this.tbtn(a.redo, this.t("redo"), () => this.exec("redo")),
-      preview: () => this.tbtn(a.prevw, this.t("preview"), () => this.previewDlg()),
-      print: () => this.tbtn(a.printic, this.t("print"), () => this.printDoc()),
-      importword: () => this.tbtn(a.wordic, this.t("importword"), () => this.pickWordDoc()),
-      revhistory: () => this.tbtn(a.historyic, this.t("revhistory"), () => this.revisionDlg()),
-      fontfamily: () => this.tsel("w-font", "fontsel", "", (e) => this.fontMenu(e)),
-      fontsize: () => this.tsel("w-size", "sizesel", "", (e) => this.sizeMenu(e)),
+    const t = this.tbtn(c.tableic, this.t("quicktable"), () => this.tableGrid(t)), e = {
+      undo: () => this.tbtn(c.undo, this.t("undo"), () => this.exec("undo")),
+      redo: () => this.tbtn(c.redo, this.t("redo"), () => this.exec("redo")),
+      preview: () => this.tbtn(c.prevw, this.t("preview"), () => this.previewDlg()),
+      print: () => this.tbtn(c.printic, this.t("print"), () => this.printDoc()),
+      importword: () => this.tbtn(c.wordic, this.t("importword"), () => this.pickWordDoc()),
+      revhistory: () => this.tbtn(c.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(a.bold, this.t("bold"), () => this.exec("bold"), "bold"),
-      italic: () => this.tbtn(a.italic, this.t("italic"), () => this.exec("italic"), "italic"),
-      underline: () => this.tbtn(a.underline, this.t("underline"), () => this.exec("underline"), "underline"),
-      strikethrough: () => this.tbtn(a.strikethrough, this.t("strikethrough"), () => this.exec("strikeThrough"), "strikeThrough"),
+      bold: () => this.tbtn(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
+      italic: () => this.tbtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
+      underline: () => this.tbtn(c.underline, this.t("underline"), () => this.exec("underline"), "underline"),
+      strikethrough: () => this.tbtn(c.strikethrough, this.t("strikethrough"), () => this.exec("strikeThrough"), "strikeThrough"),
       forecolor: () => this.colorChips(),
       backcolor: () => this.menuTbtn(
-        a.backcolor + '<span class="colorbar" data-cb="back"></span>',
+        c.backcolor + '<span class="colorbar" data-cb="back"></span>',
         this.t("backcolor"),
-        (e) => this.colorMenu(e, "back")
+        (i) => this.colorMenu(i, "back")
       ),
-      alignleft: () => this.tbtn(a.alignleft, this.t("alignleft"), () => this.exec("justifyLeft"), "justifyLeft"),
-      aligncenter: () => this.tbtn(a.aligncenter, this.t("aligncenter"), () => this.exec("justifyCenter"), "justifyCenter"),
-      alignright: () => this.tbtn(a.alignright, this.t("alignright"), () => this.exec("justifyRight"), "justifyRight"),
-      alignjustify: () => this.tbtn(a.alignjustify, this.t("alignjustify"), () => this.exec("justifyFull"), "justifyFull"),
-      bullist: () => this.menuTbtn(a.bullist, this.t("bullist"), (e) => this.listMenu(e, "ul"), "insertUnorderedList"),
-      numlist: () => this.menuTbtn(a.numlist, this.t("numlist"), (e) => this.listMenu(e, "ol"), "insertOrderedList"),
-      outdent: () => this.tbtn(a.outdent, this.t("outdent"), () => this.exec("outdent")),
-      indent: () => this.tbtn(a.indent, this.t("indent"), () => this.exec("indent")),
-      link: () => this.tbtn(a.link, this.t("linkttl"), () => this.linkDlg()),
-      blockquote: () => this.tbtn(a.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
-      changecase: () => this.menuTbtn(a.caseic, this.t("changecase"), (e) => this.caseMenu(e)),
-      lineheight: () => this.menuTbtn(a.lineheight, this.t("lineheight"), (e) => this.lineHeightMenu(e)),
-      wordspacing: () => this.menuTbtn(a.wordspacing, this.t("wordspacing"), (e) => this.wordSpacingMenu(e)),
-      removeformat: () => this.tbtn(a.clearformatic, this.t("removeformat"), () => this.exec("removeFormat")),
-      blocks: () => this.tsel("w-block", "blocksel", this.t("para"), (e) => this.blocksMenu(e)),
-      ltr: () => this.tbtn(a.ltr, this.t("ltr"), () => this.setDir("ltr"), "ltr"),
-      rtl: () => this.tbtn(a.rtl, this.t("rtl"), () => this.setDir("rtl"), "rtl"),
-      quickimage: () => this.tbtn(a.image, this.t("quickimage"), () => this.insertImagePlaceholder()),
+      alignleft: () => this.tbtn(c.alignleft, this.t("alignleft"), () => this.exec("justifyLeft"), "justifyLeft"),
+      aligncenter: () => this.tbtn(c.aligncenter, this.t("aligncenter"), () => this.exec("justifyCenter"), "justifyCenter"),
+      alignright: () => this.tbtn(c.alignright, this.t("alignright"), () => this.exec("justifyRight"), "justifyRight"),
+      alignjustify: () => this.tbtn(c.alignjustify, this.t("alignjustify"), () => this.exec("justifyFull"), "justifyFull"),
+      bullist: () => this.menuTbtn(c.bullist, this.t("bullist"), (i) => this.listMenu(i, "ul"), "insertUnorderedList"),
+      numlist: () => this.menuTbtn(c.numlist, this.t("numlist"), (i) => this.listMenu(i, "ol"), "insertOrderedList"),
+      outdent: () => this.tbtn(c.outdent, this.t("outdent"), () => this.exec("outdent")),
+      indent: () => this.tbtn(c.indent, this.t("indent"), () => this.exec("indent")),
+      link: () => this.tbtn(c.link, this.t("linkttl"), () => this.linkDlg()),
+      blockquote: () => this.tbtn(c.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      code: () => this.tbtn(c.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
+      codesample: () => this.tbtn(c.codesampleic, this.t("codesample"), () => this.codeDlg()),
+      changecase: () => this.menuTbtn(c.caseic, this.t("changecase"), (i) => this.caseMenu(i)),
+      lineheight: () => this.menuTbtn(c.lineheight, this.t("lineheight"), (i) => this.lineHeightMenu(i)),
+      wordspacing: () => this.menuTbtn(c.wordspacing, this.t("wordspacing"), (i) => this.wordSpacingMenu(i)),
+      letterspacing: () => this.menuTbtn(c.letterspacing, this.t("letterspacing"), (i) => this.letterSpacingMenu(i)),
+      removeformat: () => this.tbtn(c.clearformatic, this.t("removeformat"), () => this.exec("removeFormat")),
+      blocks: () => this.tsel("w-block", "blocksel", this.t("para"), (i) => this.blocksMenu(i)),
+      ltr: () => this.tbtn(c.ltr, this.t("ltr"), () => this.setDir("ltr"), "ltr"),
+      rtl: () => this.tbtn(c.rtl, this.t("rtl"), () => this.setDir("rtl"), "rtl"),
+      quickimage: () => this.tbtn(c.image, this.t("quickimage"), () => this.insertImagePlaceholder()),
+      quickvideo: () => this.tbtn(c.video, this.t("quickvideo"), () => this.videoDlg()),
       quicktable: () => t,
-      template: () => this.menuTbtn(a.templateic, this.t("template"), (e) => this.templateMenu(e)),
-      charmap: () => this.tbtn(a.charic, this.t("charmap"), () => this.charMap()),
-      fullscreen: () => this.tbtn(a.fullscreen, this.t("fullscreen"), () => this.toggleFullscreen(), "fullscreen"),
-      sourcecode: () => this.tbtn(a.srcic, this.t("sourcecode"), () => this.sourceDlg())
+      template: () => this.menuTbtn(c.templateic, this.t("template"), (i) => this.templateMenu(i)),
+      charmap: () => this.tbtn(c.charic, this.t("charmap"), () => this.charMap()),
+      emoji: () => this.tbtn(c.emojiic, this.t("emoji"), () => this.emojiMap()),
+      fullscreen: () => this.tbtn(c.fullscreen, this.t("fullscreen"), () => this.toggleFullscreen(), "fullscreen"),
+      sourcecode: () => this.tbtn(c.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 ? X : this.options.toolbar, e = this.buildToolbarRegistry();
+    const t = this.options.toolbar === !0 ? J : this.options.toolbar, e = this.buildToolbarRegistry();
     this.parseToolbarString(t).forEach((i) => {
       const s = [];
       i.forEach((l) => {
-        const n = e[l];
-        if (!n) {
+        const o = e[l];
+        if (!o) {
           console.warn(`FableEditor: unknown toolbar item "${l}"`);
           return;
         }
-        const o = n();
-        Array.isArray(o) ? s.push(...o) : s.push(o);
+        const n = o();
+        Array.isArray(n) ? s.push(...n) : s.push(n);
       }), s.length && this.toolbar.appendChild(this.group(...s));
-    }), this.syncColorSwatches(this.toolbar);
+    }), this.tbrMore = this.tbtn(c.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();
+  }
+  /** Responsive one-line toolbar: on mobile/tablet widths (or a narrow host
+   *  container) a toolbar that can't fit on a single row collapses to one
+   *  clipped row plus a trailing "…" button that expands/collapses the full
+   *  set. Driven by the editor's own width, so it also applies to narrow
+   *  panels on desktop. */
+  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 < I.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);
   }
   /* ---------------------------------------------------------- menubar */
   mItem(t, e, i, s) {
@@ -1919,103 +3242,116 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.menubar.innerHTML = "";
     const t = {
       file: [
-        this.mItem("newdoc", a.newic, () => {
+        this.mItem("newdoc", c.newic, () => {
           this.recordRevision(), this.ed.innerHTML = "<p><br></p>", this.onChange();
         }),
         "|",
-        this.mItem("importword", a.wordic, () => this.pickWordDoc()),
-        this.mItem("restoredraft", a.draftic, () => {
+        this.mItem("importword", c.wordic, () => this.pickWordDoc()),
+        this.mItem("restoredraft", c.draftic, () => {
           this.restoreDraft() || alert(this.t("draftempty"));
         }),
-        this.mItem("revhistory", a.historyic, () => this.revisionDlg()),
+        this.mItem("revhistory", c.historyic, () => this.revisionDlg()),
         "|",
-        this.mItem("preview", a.prevw, () => this.previewDlg()),
-        this.mItem("print", a.printic, () => this.printDoc(), "Ctrl+P")
+        this.mItem("preview", c.prevw, () => this.previewDlg()),
+        this.mItem("print", c.printic, () => this.printDoc(), "Ctrl+P")
       ],
       edit: [
-        this.mItem("undo", a.undo, () => this.exec("undo"), "Ctrl+Z"),
-        this.mItem("redo", a.redo, () => this.exec("redo"), "Ctrl+Y"),
+        this.mItem("undo", c.undo, () => this.exec("undo"), "Ctrl+Z"),
+        this.mItem("redo", c.redo, () => this.exec("redo"), "Ctrl+Y"),
         "|",
-        this.mItem("cut", a.cutic, () => this.exec("cut"), "Ctrl+X"),
-        this.mItem("copy", a.copyic, () => this.exec("copy"), "Ctrl+C"),
-        this.mItem("paste", a.pasteic, () => alert(this.t("pastehint")), "Ctrl+V"),
+        this.mItem("cut", c.cutic, () => this.exec("cut"), "Ctrl+X"),
+        this.mItem("copy", c.copyic, () => this.exec("copy"), "Ctrl+C"),
+        this.mItem("paste", c.pasteic, () => alert(this.t("pastehint")), "Ctrl+V"),
         "|",
-        this.mItem("selectall", a.selall, () => this.exec("selectAll"), "Ctrl+A")
+        this.mItem("selectall", c.selall, () => this.exec("selectAll"), "Ctrl+A")
       ],
       view: [
-        this.mItem("fullscreen", a.fullscreen, () => this.toggleFullscreen()),
-        this.mItem("preview", a.prevw, () => this.previewDlg()),
-        this.mItem("sourcecode", a.srcic, () => this.sourceDlg())
+        this.mItem("fullscreen", c.fullscreen, () => this.toggleFullscreen()),
+        this.mItem("preview", c.prevw, () => this.previewDlg()),
+        this.mItem("sourcecode", c.srcic, () => this.sourceDlg())
       ],
       insert: [
-        this.mItem("link", a.link, () => this.linkDlg()),
-        this.mItem("image", a.image, () => this.insertImagePlaceholder()),
-        { label: this.t("inserttable"), icon: a.tableic, action: () => this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]') || this.menubar) },
-        { label: this.t("template"), icon: a.templateic, subBuild: (s) => this.buildTemplatePickInto(s) },
-        this.mItem("hr", a.hric, () => this.exec("insertHorizontalRule")),
+        this.mItem("link", c.link, () => this.linkDlg()),
+        this.mItem("image", c.image, () => this.insertImagePlaceholder()),
+        this.mItem("video", c.video, () => this.videoDlg()),
+        { label: this.t("inserttable"), icon: c.tableic, action: () => this.tableGrid(this.menubar.querySelector('[data-menu-key="table"]') || this.menubar) },
+        this.mItem("codesample", c.codesampleic, () => this.codeDlg()),
+        { label: this.t("template"), icon: c.templateic, subBuild: (s) => this.buildTemplatePickInto(s) },
+        this.mItem("hr", c.hric, () => this.exec("insertHorizontalRule")),
         "|",
-        this.mItem("charmap", a.charic, () => this.charMap()),
+        this.mItem("charmap", c.charic, () => this.charMap()),
+        this.mItem("emoji", c.emojiic, () => this.emojiMap()),
         this.mItem(
           "datetime",
-          a.dateic,
+          c.dateic,
           () => this.exec("insertText", (/* @__PURE__ */ new Date()).toLocaleString(this.lang === "ar" ? "ar-AE" : "en-GB"))
         ),
         "|",
         {
           label: this.t("pagebreak"),
-          icon: a.pbic,
+          icon: c.pbic,
           action: () => {
             this.restoreSel(), document.execCommand("insertHTML", !1, '<hr class="pagebreak"><p><br></p>'), this.onChange();
           }
         },
-        this.mItem("nbsp", a.nbspic, () => this.exec("insertText", " "))
+        this.mItem("nbsp", c.nbspic, () => this.exec("insertText", " "))
       ],
       format: [
-        this.mItem("bold", a.bold, () => this.exec("bold"), "Ctrl+B"),
-        this.mItem("italic", a.italic, () => this.exec("italic"), "Ctrl+I"),
-        this.mItem("underline", a.underline, () => this.exec("underline"), "Ctrl+U"),
-        this.mItem("strikethrough", a.strikethrough, () => this.exec("strikeThrough")),
-        this.mItem("superscript", a.superscriptic, () => this.exec("superscript")),
-        this.mItem("subscript", a.subscriptic, () => this.exec("subscript")),
+        this.mItem("bold", c.bold, () => this.exec("bold"), "Ctrl+B"),
+        this.mItem("italic", c.italic, () => this.exec("italic"), "Ctrl+I"),
+        this.mItem("underline", c.underline, () => this.exec("underline"), "Ctrl+U"),
+        this.mItem("strikethrough", c.strikethrough, () => this.exec("strikeThrough")),
+        this.mItem("superscript", c.superscriptic, () => this.exec("superscript")),
+        this.mItem("subscript", c.subscriptic, () => this.exec("subscript")),
+        this.mItem("code", c.inlinecodeic, () => this.toggleInlineCode()),
         "|",
-        this.mItem("lowercase", a.lowercaseic, () => this.transformCase("lower")),
-        this.mItem("uppercase", a.uppercaseic, () => this.transformCase("upper")),
-        this.mItem("capitalize", a.capitalizeic, () => this.transformCase("capitalize")),
+        this.mItem("lowercase", c.lowercaseic, () => this.transformCase("lower")),
+        this.mItem("uppercase", c.uppercaseic, () => this.transformCase("upper")),
+        this.mItem("capitalize", c.capitalizeic, () => this.transformCase("capitalize")),
         "|",
-        this.mItem("clearformat", a.clearformatic, () => this.exec("removeFormat"))
+        this.mItem("clearformat", c.clearformatic, () => this.exec("removeFormat"))
       ],
-      tools: [this.mItem("sourcecode", a.srcic, () => this.sourceDlg()), this.mItem("wordcount", a.wcic, () => this.wordCountDlg())],
+      tools: [this.mItem("sourcecode", c.srcic, () => this.sourceDlg()), this.mItem("wordcount", c.wcic, () => this.wordCountDlg())],
       table: [
-        { label: this.t("inserttable"), icon: a.tableic, subBuild: (s) => this.buildTableGridInto(s) },
+        { label: this.t("inserttable"), icon: c.tableic, subBuild: (s) => this.buildTableGridInto(s) },
         "|",
         {
           label: this.t("cell"),
-          sub: [{ label: this.t("cellprops"), icon: a.tableic, action: () => this.cellPropsDlg() }]
+          sub: [
+            { label: this.t("cellprops"), icon: c.tableic, action: () => this.cellPropsDlg() },
+            { label: this.t("cellbg"), icon: c.palette, subBuild: (s) => this.buildCellFillInto(s) }
+          ]
         },
         {
           label: this.t("row"),
           sub: [
-            { label: this.t("rowabove"), icon: a.rowbefore, action: () => this.tableOp("rowabove"), hover: (s) => this.setOpTarget(s ? "row" : null) },
-            { label: this.t("rowbelow"), icon: a.rowafter, action: () => this.tableOp("rowbelow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
-            { label: this.t("delrow"), icon: a.rowdelete, action: () => this.tableOp("delrow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("rowabove"), icon: c.rowbefore, action: () => this.tableOp("rowabove"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("rowbelow"), icon: c.rowafter, action: () => this.tableOp("rowbelow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("delrow"), icon: c.rowdelete, action: () => this.tableOp("delrow"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            "|",
+            { label: this.t("moverowup"), icon: c.moverowup, action: () => this.tableMove("rowup"), hover: (s) => this.setOpTarget(s ? "row" : null) },
+            { label: this.t("moverowdown"), icon: c.moverowdown, action: () => this.tableMove("rowdown"), hover: (s) => this.setOpTarget(s ? "row" : null) },
             "|",
-            { label: this.t("rowprops"), icon: a.tableic, action: () => this.rowPropsDlg(), hover: (s) => this.setOpTarget(s ? "row" : null) }
+            { label: this.t("rowprops"), icon: c.tableic, action: () => this.rowPropsDlg(), hover: (s) => this.setOpTarget(s ? "row" : null) }
           ]
         },
         {
           label: this.t("column"),
           sub: [
-            { label: this.t("colbefore"), icon: a.colbefore, action: () => this.tableOp("colbefore"), hover: (s) => this.setOpTarget(s ? "col" : null) },
-            { label: this.t("colafter"), icon: a.colafter, action: () => this.tableOp("colafter"), hover: (s) => this.setOpTarget(s ? "col" : null) },
-            { label: this.t("delcol"), icon: a.coldelete, action: () => this.tableOp("delcol"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("colbefore"), icon: c.colbefore, action: () => this.tableOp("colbefore"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("colafter"), icon: c.colafter, action: () => this.tableOp("colafter"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("delcol"), icon: c.coldelete, action: () => this.tableOp("delcol"), hover: (s) => this.setOpTarget(s ? "col" : null) },
             "|",
-            { label: this.t("colprops"), icon: a.tableic, action: () => this.colPropsDlg(), hover: (s) => this.setOpTarget(s ? "col" : null) }
+            { label: this.t("movecolleft"), icon: c.movecolleft, action: () => this.tableMove("colleft"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            { label: this.t("movecolright"), icon: c.movecolright, action: () => this.tableMove("colright"), hover: (s) => this.setOpTarget(s ? "col" : null) },
+            "|",
+            { label: this.t("colprops"), icon: c.tableic, action: () => this.colPropsDlg(), hover: (s) => this.setOpTarget(s ? "col" : null) }
           ]
         },
         "|",
         {
           label: this.t("tablepropsttl"),
-          icon: a.tableic,
+          icon: c.tableic,
           action: () => {
             const s = this.currentCell();
             if (!s) {
@@ -2025,10 +3361,10 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
             this.tblActive = s.closest("table"), this.tablePropsDlg();
           }
         },
-        { label: this.t("deltable"), icon: a.trash, action: () => this.tableOp("deltable") }
+        { label: this.t("deltable"), icon: c.trash, action: () => this.tableOp("deltable") }
       ],
-      help: [this.mItem("helpttl", a.helpic, () => this.helpDlg(), "Alt+0")]
-    }, e = this.options.menubar === !0 ? _ : this.options.menubar, i = /* @__PURE__ */ new Set();
+      help: [this.mItem("helpttl", c.helpic, () => this.helpDlg(), "Alt+0")]
+    }, e = this.options.menubar === !0 ? tt : this.options.menubar, i = /* @__PURE__ */ new Set();
     e.split(/\s+/).filter(Boolean).forEach((s) => {
       if (i.has(s)) return;
       if (i.add(s), !t[s]) {
@@ -2036,38 +3372,93 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
         return;
       }
       const l = document.createElement("button");
-      l.type = "button", l.textContent = this.t(s), l.dataset.menuKey = s, l.addEventListener("mousedown", (n) => {
-        n.preventDefault(), this.saveSel();
-      }), l.addEventListener("click", () => this.popup(l, (n) => this.menuItems(n, t[s]))), this.menubar.appendChild(l);
+      l.type = "button", l.textContent = this.t(s), l.dataset.menuKey = s, l.addEventListener("mousedown", (o) => {
+        o.preventDefault(), this.saveSel();
+      }), l.addEventListener("click", () => this.popup(l, (o) => this.menuItems(o, t[s]))), this.menubar.appendChild(l);
     });
   }
   /* ---------------------------------------------------------- table ops */
   tableOp(t) {
-    var r, c, h;
+    var r, a, h;
     this.restoreSel();
     const e = window.getSelection();
     if (!e) return;
-    const i = ((r = this.closestBlock(e.anchorNode)) == null ? void 0 : r.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (h = (c = e.anchorNode).closest) == null ? void 0 : h.call(c, "td,th") : null);
+    const i = ((r = this.closestBlock(e.anchorNode)) == null ? void 0 : r.closest("td,th")) || (e.anchorNode && e.anchorNode.nodeType === 1 ? (h = (a = e.anchorNode).closest) == null ? void 0 : h.call(a, "td,th") : null);
     if (!i) return;
-    const s = i.parentElement, l = i.closest("table"), n = Array.from(s.children).indexOf(i), o = () => {
+    const s = i.parentElement, l = i.closest("table"), o = Array.from(s.children).indexOf(i), n = () => {
       const d = s.cloneNode(!1);
       return Array.from(s.children).forEach((m) => {
-        const g = document.createElement("td"), f = m.getAttribute("style");
-        f && g.setAttribute("style", f), g.style.removeProperty("background-color"), g.innerHTML = "<br>", d.appendChild(g);
+        const g = document.createElement("td"), u = m.getAttribute("style");
+        u && g.setAttribute("style", u), g.style.removeProperty("background-color"), g.innerHTML = "<br>", d.appendChild(g);
       }), d;
     };
-    if (t === "rowabove" && s.before(o()), t === "rowbelow" && s.after(o()), t === "delrow") {
+    if (t === "rowabove" && s.before(n()), t === "rowbelow" && s.after(n()), t === "delrow") {
       const d = s.parentElement;
       s.remove(), d.querySelector("tr") || l.remove();
     }
     (t === "colbefore" || t === "colafter") && l.querySelectorAll("tr").forEach((d) => {
-      const m = d.children[Math.min(n, d.children.length - 1)], g = document.createElement("td"), f = m.getAttribute("style");
-      f && g.setAttribute("style", f), g.style.removeProperty("width"), g.style.removeProperty("background-color"), g.innerHTML = "<br>", t === "colbefore" ? m.before(g) : m.after(g);
+      const m = d.children[Math.min(o, d.children.length - 1)], g = document.createElement("td"), u = m.getAttribute("style");
+      u && g.setAttribute("style", u), g.style.removeProperty("width"), g.style.removeProperty("background-color"), g.innerHTML = "<br>", t === "colbefore" ? m.before(g) : m.after(g);
     }), t === "delcol" && (l.querySelectorAll("tr").forEach((d) => {
       var m;
-      return (m = d.children[n]) == null ? void 0 : m.remove();
+      return (m = d.children[o]) == null ? void 0 : m.remove();
     }), l.querySelector("td,th") || l.remove()), t === "deltable" && l.remove(), this.onChange(), this.positionTableHandles();
   }
+  /** Reorders the current row/column: 'rowup'/'rowdown' swap the caret's row with
+   *  its neighbour, 'colleft'/'colright' move the caret's column one position in
+   *  DOM order across every row. The caret travels with the moved cell. */
+  tableMove(t) {
+    this.restoreSel();
+    const e = this.currentCell();
+    if (!e) return;
+    const i = e.parentElement, s = e.closest("table"), l = Array.from(i.children).indexOf(e);
+    if (t === "rowup") {
+      const r = i.previousElementSibling;
+      r && r.before(i);
+    }
+    if (t === "rowdown") {
+      const r = i.nextElementSibling;
+      r && r.after(i);
+    }
+    t === "colleft" && l > 0 && s.querySelectorAll("tr").forEach((r) => {
+      const a = r.children[l], h = r.children[l - 1];
+      a && h && h.before(a);
+    }), t === "colright" && s.querySelectorAll("tr").forEach((r) => {
+      const a = r.children[l], h = r.children[l + 1];
+      a && h && h.after(a);
+    });
+    const o = document.createRange();
+    o.selectNodeContents(e), o.collapse(!0);
+    const n = window.getSelection();
+    n && (n.removeAllRanges(), n.addRange(o)), this.saveSel(), this.onChange(), this.positionTableHandles(), this.positionCellMarker();
+  }
+  /** Align the whole table via auto margins — same semantics as the align
+   *  field in the table-properties dialog. */
+  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());
+  }
+  /** Color grid applying a background to the caret's cell — the direct way to
+   *  build header rows (the toolbar's backcolor highlights text, not cells). */
+  buildCellFillInto(t) {
+    const e = (s) => {
+      const l = this.currentCell();
+      if (!l) {
+        alert(this.t("nocell"));
+        return;
+      }
+      this.setOrClear(l, "background-color", s || ""), this.onChange();
+    }, i = this.currentCell();
+    this.buildPaletteInto(t, this.cssToHex(i ? i.style.backgroundColor : ""), e);
+  }
+  /** style.backgroundColor reads back as rgb(...) — normalise to #rrggbb for the picker. */
+  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"));
@@ -2076,26 +3467,26 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   tablePropsDlg() {
     const t = this.tblActive;
     if (!t) return;
-    let e, i, s, l, n;
-    const o = "display:flex;align-items:center;gap:10px;margin:10px 0", r = "width:120px;color:#556;flex:none", c = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", h = t.querySelector("td,th"), d = t.style.width || "", m = h && h.style.padding ? parseFloat(h.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", f = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", v = t.style.marginLeft, y = t.style.marginRight, T = v === "auto" && y === "auto" ? "center" : v === "auto" ? "right" : y === "auto" && v === "0" ? "left" : "";
+    let e, i, s, l, o;
+    const n = "display:flex;align-items:center;gap:10px;margin:10px 0", r = "width:120px;color:#556;flex:none", a = "flex:1;border:1px solid #cfd6df;border-radius:6px;padding:7px 9px;font:14px inherit", h = t.querySelector("td,th"), d = t.style.width || "", m = h && h.style.padding ? parseFloat(h.style.padding) : "", g = t.style.borderSpacing ? parseFloat(t.style.borderSpacing) : "", u = t.style.borderWidth ? parseFloat(t.style.borderWidth) : "", v = t.style.marginLeft, b = t.style.marginRight, x = v === "auto" && b === "auto" ? "center" : v === "auto" ? "right" : b === "auto" && v === "0" ? "left" : "";
     this.dialog(
       this.t("tablepropsttl"),
-      (S) => {
-        const M = (x, E) => {
-          const H = document.createElement("div");
-          H.style.cssText = o;
-          const N = document.createElement("span");
-          N.style.cssText = r, N.textContent = this.t(x), H.append(N, E), S.appendChild(H);
+      (C) => {
+        const M = (w, k) => {
+          const L = document.createElement("div");
+          L.style.cssText = n;
+          const H = document.createElement("span");
+          H.style.cssText = r, H.textContent = this.t(w), L.append(H, k), C.appendChild(L);
         };
-        e = document.createElement("input"), e.type = "text", e.style.cssText = c, e.placeholder = "e.g. 600px or 100%", e.value = d, M("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = c, i.value = String(m), M("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = c, s.value = String(g), M("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = c, l.value = String(f), M("tblborder", l), n = document.createElement("select"), n.style.cssText = c, [
+        e = document.createElement("input"), e.type = "text", e.style.cssText = a, e.placeholder = "e.g. 600px or 100%", e.value = d, M("tblwidth", e), i = document.createElement("input"), i.type = "number", i.min = "0", i.style.cssText = a, i.value = String(m), M("tblcellpadding", i), s = document.createElement("input"), s.type = "number", s.min = "0", s.style.cssText = a, s.value = String(g), M("tblcellspacing", s), l = document.createElement("input"), l.type = "number", l.min = "0", l.style.cssText = a, l.value = String(u), M("tblborder", l), o = document.createElement("select"), o.style.cssText = a, [
           ["", "alignnone"],
           ["left", "alignleft"],
           ["center", "aligncenter"],
           ["right", "alignright"]
-        ].forEach(([x, E]) => {
-          const H = document.createElement("option");
-          H.value = x, H.textContent = this.t(E), x === T && (H.selected = !0), n.appendChild(H);
-        }), M("tblalign", n);
+        ].forEach(([w, k]) => {
+          const L = document.createElement("option");
+          L.value = w, L.textContent = this.t(k), w === x && (L.selected = !0), o.appendChild(L);
+        }), M("tblalign", o);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -2108,7 +3499,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
               cellpadding: i.value.trim(),
               cellspacing: s.value.trim(),
               border: l.value.trim(),
-              align: n.value
+              align: o.value
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -2147,8 +3538,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "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, l]) => {
-      const n = document.createElement("option");
-      n.value = s, n.textContent = l, s === e && (n.selected = !0), i.appendChild(n);
+      const o = document.createElement("option");
+      o.value = s, o.textContent = l, s === e && (o.selected = !0), i.appendChild(o);
     }), i;
   }
   formBg(t) {
@@ -2158,8 +3549,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     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 l = document.createElement("label");
     l.style.cssText = "display:flex;align-items:center;gap:6px;cursor:pointer;color:#556";
-    const n = document.createElement("input");
-    return n.type = "checkbox", n.checked = !!i, l.append(n, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => n.checked = !0), e.append(s, l), { wrap: e, color: s, fill: n };
+    const o = document.createElement("input");
+    return o.type = "checkbox", o.checked = !!i, l.append(o, document.createTextNode(this.t("fill"))), s.addEventListener("input", () => o.checked = !0), e.append(s, l), { wrap: e, color: s, fill: o };
   }
   setOrClear(t, e, i) {
     i ? t.style.setProperty(e, /^(width|height)$/.test(e) && /^\d+$/.test(i) ? i + "px" : i) : t.style.removeProperty(e);
@@ -2170,11 +3561,11 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       alert(this.t("nocell"));
       return;
     }
-    let e, i, s, l, n;
+    let e, i, s, l, o;
     this.dialog(
       this.t("cellprops").replace("…", ""),
-      (o) => {
-        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(o, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(o, this.t("tblheight"), i), s = this.formSelect(
+      (n) => {
+        e = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(n, this.t("tblwidth"), e), i = this.formInput(t.style.height, "e.g. 40px"), this.formRow(n, this.t("tblheight"), i), s = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["left", this.t("alignleft")],
@@ -2182,7 +3573,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
             ["right", this.t("alignright")]
           ],
           t.style.textAlign || ""
-        ), this.formRow(o, this.t("tblalign"), s), l = this.formSelect(
+        ), this.formRow(n, this.t("tblalign"), s), l = this.formSelect(
           [
             ["", this.t("alignnone")],
             ["top", this.t("valigntop")],
@@ -2190,7 +3581,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
             ["bottom", this.t("valignbottom")]
           ],
           t.style.verticalAlign || ""
-        ), this.formRow(o, this.t("valign"), l), n = this.formBg(t.style.backgroundColor || ""), this.formRow(o, this.t("backcolor"), n.wrap);
+        ), this.formRow(n, this.t("valign"), l), o = this.formBg(t.style.backgroundColor || ""), this.formRow(n, this.t("backcolor"), o.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -2198,7 +3589,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
           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", l.value), this.setOrClear(t, "background-color", n.fill.checked ? n.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
+            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", l.value), this.setOrClear(t, "background-color", o.fill.checked ? o.color.value : ""), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
       ]
@@ -2236,11 +3627,11 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       return;
     }
     const e = t.parentElement, i = t.closest("table"), s = Array.from(e.children).indexOf(t), l = Array.from(i.rows).map((r) => r.cells[s]).filter(Boolean);
-    let n, o;
+    let o, n;
     this.dialog(
       this.t("colprops").replace("…", ""),
       (r) => {
-        n = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(r, this.t("tblwidth"), n), o = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), o.wrap);
+        o = this.formInput(t.style.width, "e.g. 120px / 25%"), this.formRow(r, this.t("tblwidth"), o), n = this.formBg(t.style.backgroundColor || ""), this.formRow(r, this.t("backcolor"), n.wrap);
       },
       [
         { label: this.t("cancel"), action: () => this.closeDlg() },
@@ -2249,7 +3640,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
           primary: !0,
           action: () => {
             l.forEach((r) => {
-              this.setOrClear(r, "width", n.value.trim()), this.setOrClear(r, "background-color", o.fill.checked ? o.color.value : "");
+              this.setOrClear(r, "width", o.value.trim()), this.setOrClear(r, "background-color", n.fill.checked ? n.color.value : "");
             }), this.closeDlg(), this.onChange(), this.positionTableHandles();
           }
         }
@@ -2265,8 +3656,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const s = document.createElement("div");
     s.className = "dlg", s.dir = this.dir(), s.innerHTML = `<header><span>${t}</span><button type="button">×</button></header>
                    <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((l) => {
-      const n = document.createElement("button");
-      n.type = "button", n.textContent = l.label, l.primary && (n.className = "pri"), n.onclick = l.action, s.querySelector("footer").appendChild(n);
+      const o = document.createElement("button");
+      o.type = "button", o.textContent = l.label, l.primary && (o.className = "pri"), o.onclick = l.action, s.querySelector("footer").appendChild(o);
     }), this.dlgOvl.appendChild(s), this.dlgOvl.addEventListener("mousedown", (l) => {
       l.target === this.dlgOvl && this.closeDlg();
     }), document.body.appendChild(this.dlgOvl);
@@ -2320,19 +3711,37 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       e.style.cssText = "width:640px;max-width:78vw;max-height:52vh;overflow:auto;border:1px solid #e3e3e3;border-radius:6px;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:14px", e.innerHTML = this.ed.innerHTML, t.appendChild(e);
     });
   }
+  /** Two-pane picker shared by the special-character map and the emoji map:
+   *  fixed category tabs on the left, the active category's glyphs on the right. */
+  glyphPickerDlg(t, e, i) {
+    this.saveSel(), this.dialog(t, (s) => {
+      const l = document.createElement("div");
+      l.className = "chmap";
+      const o = document.createElement("div");
+      o.className = "chtabs";
+      const n = document.createElement("div");
+      n.className = "chpanel";
+      const r = document.createElement("div");
+      r.className = "chgrid" + (i ? " emgrid" : ""), n.appendChild(r);
+      const a = (h) => {
+        o.querySelectorAll("button").forEach((d, m) => d.classList.toggle("on", m === h)), r.innerHTML = "", e[h].chars.forEach((d) => {
+          const m = document.createElement("button");
+          m.type = "button", m.textContent = d, m.onclick = () => {
+            this.closeDlg(), this.exec("insertText", d);
+          }, r.appendChild(m);
+        }), n.scrollTop = 0;
+      };
+      e.forEach((h, d) => {
+        const m = document.createElement("button");
+        m.type = "button", m.textContent = this.t(h.key), m.addEventListener("click", () => a(d)), o.appendChild(m);
+      }), l.append(o, n), s.appendChild(l), a(0);
+    });
+  }
   charMap() {
-    this.dialog(
-      this.t("charmap").replace("…", ""),
-      (t) => {
-        const e = document.createElement("div");
-        e.className = "chgrid", it.forEach((i) => {
-          const s = document.createElement("button");
-          s.textContent = i, s.onclick = () => {
-            this.closeDlg(), this.exec("insertText", i);
-          }, e.appendChild(s);
-        }), t.appendChild(e);
-      }
-    );
+    this.glyphPickerDlg(this.t("charmap").replace("…", ""), ht, !1);
+  }
+  emojiMap() {
+    this.glyphPickerDlg(this.t("emoji").replace("…", ""), dt, !0);
   }
   printDoc() {
     const t = window.open("", "_blank");
@@ -2345,7 +3754,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   }
   /* ---------------------------------------------- image upload placeholder */
   imgPhHTML(t) {
-    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${a.image}<span>${this.t("dropimage")}</span></div>`;
+    return `<div class="img-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.image}<span>${this.t("dropimage")}</span></div>`;
   }
   insertImagePlaceholder() {
     this.restoreSel();
@@ -2366,15 +3775,24 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.phActive !== t && (this.clearImgPlaceholderSel(), this.phActive = t, t.classList.add("active"), this.phCtx = document.createElement("div"), this.phCtx.className = "imgctx img-ph-ctx", this.phCtx.dir = this.dir(), document.body.appendChild(this.phCtx), this.renderPhCtxButtons());
   }
   renderPhCtxButtons() {
+    var e;
     const t = this.phCtx;
     t && (t.innerHTML = "", t.append(
-      this.ctxBtn(a.uploadic, this.t("uploadimg"), () => {
+      this.ctxBtn(c.uploadic, this.t("uploadimg"), () => {
         this.phUploadTarget = this.phActive, this.pickImage();
       }),
-      this.ctxBtn(a.link, this.t("imagelink"), () => this.renderPhCtxUrlInput()),
-      this.ctxSep(),
-      this.ctxBtn(a.trash, this.t("deleteimg"), () => this.removeImgPlaceholder())
-    ), this.positionImgPhCtx());
+      this.ctxBtn(c.link, this.t("imagelink"), () => this.renderPhCtxUrlInput())
+    ), (e = this.phActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(c.video, this.t("quickvideo"), () => this.swapPlaceholderKind("video"))), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deleteimg"), () => this.removeImgPlaceholder())), this.positionImgPhCtx());
+  }
+  /** Swaps a template slot's placeholder between image and video kinds, so the
+   *  same media slot can be filled with either. */
+  swapPlaceholderKind(t) {
+    const e = t === "video" ? this.phActive : this.vphActive;
+    if (!e) return;
+    const i = document.createElement("div");
+    i.innerHTML = t === "video" ? this.vidPhHTML() : this.imgPhHTML();
+    const s = i.firstElementChild;
+    t === "video" ? this.clearImgPlaceholderSel() : this.clearVphPlaceholderSel(), e.replaceWith(s), t === "video" ? this.selectVphPlaceholder(s) : this.selectImgPlaceholder(s), this.onChange();
   }
   renderPhCtxUrlInput() {
     const t = this.phCtx;
@@ -2385,17 +3803,17 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const i = document.createElement("button");
     i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertimg");
     const s = () => {
-      const l = e.value.trim(), n = this.phActive;
-      if (!n) return;
+      const l = e.value.trim(), o = this.phActive;
+      if (!o) return;
       if (!/^(https?:|data:image\/|blob:)/i.test(l)) {
         e.classList.add("err"), e.focus();
         return;
       }
       i.disabled = !0, e.disabled = !0;
-      const o = new Image();
-      o.onload = () => this.replacePlaceholderWithImage(n, l, ""), o.onerror = () => {
+      const n = new Image();
+      n.onload = () => this.replacePlaceholderWithImage(o, l, ""), n.onerror = () => {
         i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
-      }, o.src = l;
+      }, n.src = l;
     };
     i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (l) => {
       l.key === "Enter" ? (l.preventDefault(), s()) : l.key === "Escape" && (l.stopPropagation(), this.renderPhCtxButtons());
@@ -2421,8 +3839,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     s && (s.textContent = this.t("uploading")), this.imageUploadHandler(t).then((l) => {
       this.ed.contains(e) && this.replacePlaceholderWithImage(e, l, i);
     }).catch((l) => {
-      var n;
-      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (n = this.onImageUploadError) == null || n.call(this, l, t));
+      var o;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (o = this.onImageUploadError) == null || o.call(this, l, t));
     });
   }
   replacePlaceholderWithImage(t, e, i) {
@@ -2441,6 +3859,446 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     let l = t.bottom + scrollY + 8;
     t.bottom + 8 + i > innerHeight - 4 && (l = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.phCtx.style.left = s + "px", this.phCtx.style.top = l + "px";
   }
+  /* ---------------------------------------------------------- video upload placeholder */
+  pickVideo() {
+    this.vidInput.value = "", this.vidInput.click();
+  }
+  vidPhHTML(t) {
+    return `<div class="img-ph vid-ph"${t ? ` id="${t}"` : ""} contenteditable="false">${c.video}<span>${this.t("dropvideo")}</span></div>`;
+  }
+  insertVideoPlaceholder() {
+    this.restoreSel();
+    const t = "vid-ph-" + Date.now().toString(36) + Math.random().toString(36).slice(2, 6);
+    document.execCommand("insertHTML", !1, this.vidPhHTML(t));
+    const e = this.ed.querySelector("#" + t);
+    e && (e.removeAttribute("id"), this.selectVphPlaceholder(e)), this.onChange();
+  }
+  clearVphPlaceholderSel() {
+    var t, e;
+    (t = this.vphCtx) == null || t.remove(), this.vphCtx = null, (e = this.vphActive) == null || e.classList.remove("active"), this.vphActive = null;
+  }
+  removeVphPlaceholder() {
+    const t = this.vphActive;
+    t && (this.clearVphPlaceholderSel(), (t.closest(".tpl-media") || t).remove(), this.refreshState(), this.onChange());
+  }
+  selectVphPlaceholder(t) {
+    this.vphActive !== t && (this.clearVphPlaceholderSel(), this.vphActive = t, t.classList.add("active"), this.vphCtx = document.createElement("div"), this.vphCtx.className = "imgctx img-ph-ctx", this.vphCtx.dir = this.dir(), document.body.appendChild(this.vphCtx), this.renderVphCtxButtons());
+  }
+  renderVphCtxButtons() {
+    var e;
+    const t = this.vphCtx;
+    t && (t.innerHTML = "", t.append(
+      this.ctxBtn(c.uploadic, this.t("uploadvideo"), () => {
+        this.vphUploadTarget = this.vphActive, this.pickVideo();
+      }),
+      this.ctxBtn(c.link, this.t("videolink"), () => this.renderVphCtxUrlInput())
+    ), (e = this.vphActive) != null && e.closest(".tpl-media") && t.append(this.ctxBtn(c.image, this.t("quickimage"), () => this.swapPlaceholderKind("image"))), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deletevideo"), () => this.removeVphPlaceholder())), this.positionVphCtx());
+  }
+  renderVphCtxUrlInput() {
+    const t = this.vphCtx;
+    if (!t) return;
+    t.innerHTML = "";
+    const e = document.createElement("input");
+    e.type = "url", e.className = "urlinp", e.placeholder = this.t("videourlph");
+    const i = document.createElement("button");
+    i.type = "button", i.className = "txtbtn", i.textContent = this.t("insertvideo");
+    const s = () => {
+      const l = e.value.trim(), o = this.vphActive;
+      if (!o) return;
+      if (!/^(https?:|data:video\/|blob:)/i.test(l)) {
+        e.classList.add("err"), e.focus();
+        return;
+      }
+      const n = this.videoEmbedUrl(l);
+      if (n) {
+        this.replacePlaceholderWithEmbed(o, n);
+        return;
+      }
+      i.disabled = !0, e.disabled = !0;
+      const r = document.createElement("video");
+      r.preload = "metadata", r.onloadedmetadata = () => this.replacePlaceholderWithVideo(o, l, ""), r.onerror = () => {
+        i.disabled = !1, e.disabled = !1, e.classList.add("err"), e.focus();
+      }, r.src = l;
+    };
+    i.addEventListener("click", s), e.addEventListener("input", () => e.classList.remove("err")), e.addEventListener("keydown", (l) => {
+      l.key === "Enter" ? (l.preventDefault(), s()) : l.key === "Escape" && (l.stopPropagation(), this.renderVphCtxButtons());
+    }), t.append(e, i), this.positionVphCtx(), e.focus();
+  }
+  readVideoFileInto(t, e) {
+    if (e.classList.contains("uploading")) return;
+    if (this.videoUploadHandler) {
+      this.uploadVideoFile(t, e);
+      return;
+    }
+    const i = new FileReader();
+    i.onload = () => {
+      this.ed.contains(e) && this.replacePlaceholderWithVideo(e, i.result, t.name.replace(/"/g, ""));
+    }, i.readAsDataURL(t);
+  }
+  /** Runs the host-supplied videoUploadHandler instead of inlining base64,
+   *  so apps can route the file to S3 / Azure Blob / their own server. */
+  uploadVideoFile(t, e) {
+    const i = t.name.replace(/"/g, "");
+    e.classList.remove("upload-error"), e.classList.add("uploading");
+    const s = e.querySelector("span");
+    s && (s.textContent = this.t("uploading")), this.videoUploadHandler(t).then((l) => {
+      this.ed.contains(e) && this.replacePlaceholderWithVideo(e, l, i);
+    }).catch((l) => {
+      var o;
+      this.ed.contains(e) && (e.classList.remove("uploading"), e.classList.add("upload-error"), s && (s.textContent = this.t("uploadfailed")), (o = this.onVideoUploadError) == null || o.call(this, l, t));
+    });
+  }
+  replacePlaceholderWithVideo(t, e, i) {
+    const s = document.createElement("video");
+    s.controls = !0, s.src = e, i && (s.title = i), t.replaceWith(s), this.vphActive === t && this.clearVphPlaceholderSel(), this.refreshState(), this.onChange();
+  }
+  /** Swaps a video placeholder for a hosted player iframe (YouTube & co.). */
+  replacePlaceholderWithEmbed(t, e) {
+    const i = document.createElement("div");
+    i.innerHTML = this.videoEmbedHTML(e), t.replaceWith(i.firstElementChild), this.vphActive === t && this.clearVphPlaceholderSel(), this.refreshState(), this.onChange();
+  }
+  positionVphCtx() {
+    if (this.vphActive && !document.body.contains(this.vphActive)) {
+      this.clearVphPlaceholderSel();
+      return;
+    }
+    if (!this.vphActive || !this.vphCtx) return;
+    const t = this.vphActive.getBoundingClientRect(), e = this.vphCtx.offsetWidth, i = this.vphCtx.offsetHeight;
+    let s = t.left + scrollX + (t.width - e) / 2;
+    s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
+    let l = t.bottom + scrollY + 8;
+    t.bottom + 8 + i > innerHeight - 4 && (l = Math.max(this.ctxMinTop(), t.top + scrollY - i - 8)), this.vphCtx.style.left = s + "px", this.vphCtx.style.top = l + "px";
+  }
+  /* ---------------------------------------------------------- video toolbar (post-insert) */
+  cancelVidHide() {
+    this.vidHideTimer != null && (window.clearTimeout(this.vidHideTimer), this.vidHideTimer = null);
+  }
+  clearVidHandles() {
+    var t, e;
+    this.cancelVidHide(), (t = this.vidCtx) == null || t.remove(), this.vidCtx = null, (e = this.vidActive) == null || e.classList.remove("vid-selected"), this.vidActive = null;
+  }
+  selectVideo(t) {
+    this.vidActive !== t && (this.clearVidHandles(), this.vidActive = t, t.classList.add("vid-selected"), this.vidCtx = this.buildVideoCtxToolbar(t), this.positionVidCtx());
+  }
+  buildVideoCtxToolbar(t) {
+    const e = document.createElement("div");
+    e.className = "imgctx", e.dir = this.dir();
+    const i = () => {
+      var h;
+      const a = this.buildVideoCtxToolbar(t);
+      (h = this.vidCtx) == null || h.replaceWith(a), this.vidCtx = a, this.positionVidCtx();
+    }, s = (a) => {
+      this.setVideoAlign(t, a), i();
+    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, d, m) => {
+      const g = this.ctxBtn(a, h, m);
+      return g.classList.toggle("on", d), g;
+    };
+    return e.append(
+      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
+      r(c.alignright, this.t("alignright"), o, () => s("right")),
+      this.ctxSep(),
+      r(c.trash, this.t("deletevideo"), !1, () => {
+        t.remove(), this.clearVidHandles(), this.onChange();
+      })
+    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelVidHide()), e.addEventListener("mouseleave", () => {
+      this.cancelVidHide(), this.vidHideTimer = window.setTimeout(() => this.clearVidHandles(), 250);
+    }), document.body.appendChild(e), e;
+  }
+  setVideoAlign(t, e) {
+    t.style.float = "", t.style.display = "", t.style.marginLeft = "", t.style.marginRight = "", t.style.marginBottom = "", e === "left" ? (t.style.float = "left", t.style.marginInlineEnd = "1em", t.style.marginBottom = "0.5em") : e === "right" ? (t.style.float = "right", t.style.marginInlineStart = "1em", t.style.marginBottom = "0.5em") : (t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto"), this.onChange();
+  }
+  positionVidCtx() {
+    if (!this.vidActive || !document.body.contains(this.vidActive)) {
+      this.clearVidHandles();
+      return;
+    }
+    const t = this.vidActive.getBoundingClientRect();
+    if (!this.vidCtx) return;
+    const e = this.vidCtx.offsetWidth, i = this.vidCtx.offsetHeight;
+    let s = t.left + scrollX + (t.width - e) / 2;
+    s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
+    let l = t.top + scrollY - i - 8;
+    l < this.ctxMinTop() && (l = t.bottom + scrollY + 8), this.vidCtx.style.left = s + "px", this.vidCtx.style.top = l + "px";
+  }
+  /* ---------------------------------------------------------- video dialog / embeds */
+  /** Maps a page URL from a known video host to its iframe player URL. Returns
+   *  null for anything else (e.g. direct .mp4 file URLs). */
+  videoEmbedUrl(t) {
+    let e = t.match(/^https?:\/\/(?:www\.|m\.)?youtube\.com\/watch\?(?:[^\s#]*[?&])?v=([\w-]{5,})/i);
+    return e || (e = t.match(/^https?:\/\/(?:www\.)?(?:youtu\.be|youtube\.com\/(?:embed|shorts|live))\/([\w-]{5,})/i)), e ? "https://www.youtube.com/embed/" + e[1] : (e = t.match(/^https?:\/\/(?:www\.)?vimeo\.com\/(\d+)/i), e ? "https://player.vimeo.com/video/" + e[1] : (e = t.match(/^https?:\/\/(?:www\.)?dailymotion\.com\/video\/(\w+)/i), e ? "https://www.dailymotion.com/embed/video/" + e[1] : null));
+  }
+  videoEmbedHTML(t, e = 560, i = 314) {
+    return `<span class="video-embed" contenteditable="false"><iframe src="${t}" width="${e}" height="${i}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></span>`;
+  }
+  /** Insert/edit-video dialog with General (source/width/height), Embed (embed
+   *  code) and Advanced (alternative source, poster image) tabs. Hosted page
+   *  URLs (YouTube & co.) become iframe players; anything else becomes a
+   *  <video> tag. The General tab also offers the same upload path as before
+   *  (videoUploadHandler when configured, else inline base64). */
+  videoDlg() {
+    this.saveSel();
+    let t, e, i, s, l, o;
+    const n = (a, h) => {
+      const d = document.createElement("div");
+      d.className = "dfield";
+      const m = document.createElement("label");
+      return m.textContent = this.t(a), d.append(m, h), d;
+    }, r = () => {
+      const a = document.createElement("input");
+      return a.type = "url", a;
+    };
+    this.dialog(
+      this.t("videodlgttl"),
+      (a) => {
+        const h = document.createElement("div");
+        h.className = "dtabs";
+        const d = [], m = (v, b) => {
+          const x = document.createElement("button");
+          x.type = "button", x.textContent = this.t(v);
+          const C = document.createElement("div");
+          C.className = "dtabpanel", b(C);
+          const M = d.length;
+          d.push(C), x.addEventListener("click", () => g(M)), h.appendChild(x);
+        }, g = (v) => {
+          h.querySelectorAll("button").forEach((b, x) => b.classList.toggle("on", x === v)), d.forEach((b, x) => b.style.display = x === v ? "" : "none");
+        };
+        m("vidgeneral", (v) => {
+          t = r(), t.placeholder = this.t("videourlph");
+          const b = document.createElement("div");
+          b.className = "drow";
+          const x = document.createElement("button");
+          x.type = "button", x.className = "txtbtn", x.textContent = this.t("uploadvideo");
+          const C = document.createElement("input");
+          C.type = "file", C.accept = this.options.videoFileTypes.join(","), C.style.display = "none", x.addEventListener("click", () => {
+            C.value = "", C.click();
+          }), C.addEventListener("change", () => {
+            var L;
+            const w = (L = C.files) == null ? void 0 : L[0];
+            if (!w) return;
+            x.disabled = !0, x.textContent = this.t("uploading");
+            const k = (H) => {
+              t.value = H, x.disabled = !1, x.textContent = this.t("uploadvideo");
+            };
+            if (this.videoUploadHandler)
+              this.videoUploadHandler(w).then(k).catch((H) => {
+                var z;
+                x.disabled = !1, x.textContent = this.t("uploadfailed"), (z = this.onVideoUploadError) == null || z.call(this, H, w);
+              });
+            else {
+              const H = new FileReader();
+              H.onload = () => k(H.result), H.readAsDataURL(w);
+            }
+          }), b.append(t, x, C), t.style.flex = "1", v.appendChild(n("vidsource", b));
+          const M = document.createElement("div");
+          M.className = "drow", e = document.createElement("input"), e.type = "number", e.value = "560", i = document.createElement("input"), i.type = "number", i.value = "314", M.append(n("tblwidth", e), n("tblheight", i)), v.appendChild(M);
+        }), m("vidembed", (v) => {
+          const b = document.createElement("p");
+          b.textContent = this.t("vidembedhint"), b.style.cssText = "margin:0 0 8px;color:#556;font-size:13.5px", s = document.createElement("textarea"), s.style.cssText = "width:100%;box-sizing:border-box;height:160px", v.append(b, s);
+        }), m("vidadvanced", (v) => {
+          l = r(), o = r(), v.append(n("vidaltsource", l), n("vidposter", o));
+        });
+        const u = document.createElement("div");
+        u.className = "dtabbody", d.forEach((v) => u.appendChild(v)), a.append(h, u), g(0), setTimeout(() => t.focus(), 0);
+      },
+      [
+        { label: this.t("cancel"), action: () => this.closeDlg() },
+        {
+          label: this.t("save"),
+          primary: !0,
+          action: () => {
+            const a = s.value.trim(), h = t.value.trim(), d = parseInt(e.value, 10) || 560, m = parseInt(i.value, 10) || 314;
+            if (this.closeDlg(), !a && !h) return;
+            if (this.restoreSel(), a) {
+              document.execCommand("insertHTML", !1, `<span class="video-embed" contenteditable="false">${a}</span>`), this.onChange();
+              return;
+            }
+            const g = this.videoEmbedUrl(h);
+            if (g)
+              document.execCommand("insertHTML", !1, this.videoEmbedHTML(g, d, m));
+            else {
+              const u = l.value.trim(), v = o.value.trim();
+              document.execCommand(
+                "insertHTML",
+                !1,
+                `<video controls width="${d}" height="${m}"${v ? ` poster="${this.escapeAttr(v)}"` : ""}><source src="${this.escapeAttr(h)}">${u ? `<source src="${this.escapeAttr(u)}">` : ""}</video>`
+              );
+            }
+            this.onChange();
+          }
+        }
+      ]
+    );
+  }
+  escapeAttr(t) {
+    return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+  }
+  escHtml(t) {
+    return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  }
+  /* ---------------------------------------------------------- inline code & code samples */
+  /** The inline <code> run the caret sits in, if any (code blocks don't count). */
+  closestInlineCode() {
+    const t = window.getSelection(), e = t && this.ed.contains(t.anchorNode) ? t.anchorNode : null;
+    if (!e) return null;
+    const i = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement, s = i == null ? void 0 : i.closest("code");
+    return s && this.ed.contains(s) && !s.closest("pre") ? s : null;
+  }
+  /** Wraps the selection in an inline <code> run, or unwraps the run the caret is
+   *  in. Selections spanning multiple blocks are left alone (a <code> can't wrap
+   *  across paragraphs without producing invalid markup). */
+  toggleInlineCode() {
+    this.restoreSel();
+    const t = window.getSelection();
+    if (!t || !t.rangeCount) return;
+    const e = this.closestInlineCode();
+    if (e) {
+      const i = e.firstChild, s = e.lastChild;
+      for (; e.firstChild; ) e.parentNode.insertBefore(e.firstChild, e);
+      if (e.remove(), i && s) {
+        const l = document.createRange();
+        l.setStartBefore(i), l.setEndAfter(s), t.removeAllRanges(), t.addRange(l);
+      }
+    } else {
+      const i = t.getRangeAt(0);
+      if (i.collapsed || this.closestBlock(i.startContainer) !== this.closestBlock(i.endContainer)) return;
+      const s = document.createElement("code");
+      s.appendChild(i.extractContents()), i.insertNode(s);
+      const l = document.createRange();
+      l.selectNodeContents(s), t.removeAllRanges(), t.addRange(l);
+    }
+    this.saveSel(), this.refreshState(), this.onChange();
+  }
+  /** Typing `snippet` converts to an inline <code> run the moment the closing
+   *  backtick is typed, so code can be marked up without reaching for the toolbar. */
+  tryCodeTyping(t) {
+    var h;
+    const e = window.getSelection();
+    if (!e || !e.isCollapsed || !e.anchorNode) return;
+    const i = e.anchorNode;
+    if (i.nodeType !== Node.TEXT_NODE || !this.ed.contains(i) || (h = i.parentElement) != null && h.closest("code, pre")) return;
+    const l = (i.textContent || "").slice(0, e.anchorOffset).match(/(?:^|[^`])`([^`]+)$/);
+    if (!l) return;
+    const o = l[1];
+    if (/^\s|\s$/.test(o)) return;
+    t.preventDefault();
+    const n = document.createRange();
+    n.setStart(i, e.anchorOffset - o.length - 1), n.setEnd(i, e.anchorOffset), n.deleteContents();
+    const r = document.createElement("code");
+    r.textContent = o, n.insertNode(r);
+    const a = document.createRange();
+    a.setStartAfter(r), a.collapse(!0), e.removeAllRanges(), e.addRange(a), this.saveSel(), this.onChange();
+  }
+  /** Custom dropdown for dialog fields (a native <select> popup can't be styled):
+   *  a field-styled button showing the current choice that opens a floating,
+   *  scrollable option list. Read the current choice via `.value()`. */
+  dlgSelect(t, e) {
+    var r;
+    let i = e;
+    const s = document.createElement("div");
+    s.className = "dsel";
+    const l = document.createElement("button");
+    l.type = "button", l.className = "dsel-btn";
+    const o = document.createElement("span");
+    o.className = "lbl", o.textContent = ((r = t.find(([a]) => a === e)) == null ? void 0 : r[1]) || "", l.append(o), l.insertAdjacentHTML("beforeend", c.chev);
+    const n = document.createElement("div");
+    return n.className = "dsel-list", t.forEach(([a, h]) => {
+      const d = document.createElement("button");
+      d.type = "button", d.textContent = h, d.classList.toggle("on", a === i), d.addEventListener("click", () => {
+        i = a, o.textContent = h, n.querySelectorAll("button").forEach((m) => m.classList.toggle("on", m === d)), s.classList.remove("open"), l.focus();
+      }), n.appendChild(d);
+    }), l.addEventListener("click", () => {
+      var a;
+      s.classList.toggle("open"), s.classList.contains("open") && ((a = n.querySelector(".on")) == null || a.scrollIntoView({ block: "nearest" }));
+    }), s.addEventListener("focusout", (a) => {
+      s.contains(a.relatedTarget) || s.classList.remove("open");
+    }), s.addEventListener("keydown", (a) => {
+      a.key === "Escape" && s.classList.contains("open") && (a.stopPropagation(), s.classList.remove("open"), l.focus());
+    }), s.append(l, n), { el: s, value: () => i };
+  }
+  /** Insert/edit-code-sample dialog: language dropdown + monospace textarea to
+   *  paste or type code into. Inserts a non-editable <pre class="code-block">
+   *  whose header shows the language; click the block to edit / copy / delete. */
+  codeDlg(t) {
+    this.saveSel();
+    let e, i;
+    this.dialog(
+      this.t("codedlgttl"),
+      (s) => {
+        var n;
+        const l = document.createElement("div");
+        l.className = "dfield";
+        const o = document.createElement("label");
+        o.textContent = this.t("codelang"), e = this.dlgSelect(_, (t == null ? void 0 : t.dataset.lang) || "plain"), l.append(o, e.el), i = document.createElement("textarea"), i.className = "code-input", i.spellcheck = !1, i.value = ((n = t == null ? void 0 : t.querySelector("code")) == null ? void 0 : n.textContent) || "", i.placeholder = "const answer = 42;", s.append(l, i), setTimeout(() => i.focus(), 0);
+      },
+      [
+        { label: this.t("cancel"), action: () => this.closeDlg() },
+        {
+          label: this.t("save"),
+          primary: !0,
+          action: () => {
+            var n;
+            const s = i.value.replace(/\s+$/, ""), l = e.value(), o = ((n = _.find(([r]) => r === l)) == null ? void 0 : n[1]) || l;
+            if (this.closeDlg(), !!s.trim()) {
+              if (t) {
+                t.dataset.lang = l, t.setAttribute("data-lang-label", o);
+                const r = t.querySelector("code") || t;
+                r.textContent = s, this.clearCodeSel(), this.onChange();
+                return;
+              }
+              this.restoreSel(), document.execCommand(
+                "insertHTML",
+                !1,
+                `<pre class="code-block" contenteditable="false" data-lang="${l}" data-lang-label="${this.escapeAttr(o)}"><code>${this.escHtml(s)}</code></pre><p><br></p>`
+              ), this.onChange();
+            }
+          }
+        }
+      ]
+    );
+  }
+  clearCodeSel() {
+    var t, e;
+    (t = this.codeCtx) == null || t.remove(), this.codeCtx = null, (e = this.codeActive) == null || e.classList.remove("code-selected"), this.codeActive = null;
+  }
+  selectCodeEl(t) {
+    this.codeActive !== t && (this.clearCodeSel(), this.codeActive = t, t.classList.add("code-selected"), this.codeCtx = this.buildCodeCtxToolbar(t), this.positionCodeCtx());
+  }
+  buildCodeCtxToolbar(t) {
+    const e = document.createElement("div");
+    return e.className = "imgctx", e.dir = this.dir(), e.append(
+      this.ctxBtn(c.editic, this.t("editcode"), () => this.codeDlg(t)),
+      this.ctxBtn(c.copyic, this.t("copycode"), () => this.copyCodeBlock(t)),
+      this.ctxSep(),
+      this.ctxBtn(c.trash, this.t("deletecode"), () => {
+        t.remove(), this.clearCodeSel(), this.onChange();
+      })
+    ), e.addEventListener("mousedown", (i) => i.preventDefault()), document.body.appendChild(e), e;
+  }
+  copyCodeBlock(t) {
+    var s, l;
+    const e = ((s = t.querySelector("code")) == null ? void 0 : s.textContent) ?? t.textContent ?? "";
+    if ((l = navigator.clipboard) != null && l.writeText) {
+      navigator.clipboard.writeText(e).catch(() => {
+      });
+      return;
+    }
+    const i = document.createElement("textarea");
+    i.value = e, document.body.appendChild(i), i.select(), document.execCommand("copy"), i.remove();
+  }
+  positionCodeCtx() {
+    if (!this.codeActive || !document.body.contains(this.codeActive)) {
+      this.clearCodeSel();
+      return;
+    }
+    const t = this.codeActive.getBoundingClientRect();
+    if (!this.codeCtx) return;
+    const e = this.codeCtx.offsetWidth, i = this.codeCtx.offsetHeight;
+    let s = t.left + scrollX + (t.width - e) / 2;
+    s = Math.max(8 + scrollX, Math.min(s, scrollX + innerWidth - e - 8));
+    let l = t.top + scrollY - i - 8;
+    l < this.ctxMinTop() && (l = t.bottom + scrollY + 8), this.codeCtx.style.left = s + "px", this.codeCtx.style.top = l + "px";
+  }
   /* ---------------------------------------------------------- templates */
   templateMenu(t) {
     this.popup(t, (e) => this.buildTemplatePickInto(e));
@@ -2448,14 +4306,14 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   /** Miniature div-based mockup of a layout, mirroring what the block looks
       like in the editor: grey box = image slot, bars = heading/paragraph. */
   tplPreviewHTML(t) {
-    const e = '<span class="pv-img"></span>', i = '<span class="pv-h"></span>', s = (r) => `<span class="pv-l" style="width:${r}%"></span>`, l = (r) => `<span class="pv-col">${r}</span>`, n = (r) => `<span class="pv-row">${r}</span>`, o = l(i + s(100) + s(88));
-    return t === "img-left" ? `<span class="pv">${n(e + o)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${n(o + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
+    const e = '<span class="pv-img"></span>', i = '<span class="pv-h"></span>', s = (r) => `<span class="pv-l" style="width:${r}%"></span>`, l = (r) => `<span class="pv-col">${r}</span>`, o = (r) => `<span class="pv-row">${r}</span>`, n = l(i + s(100) + s(88));
+    return t === "img-left" ? `<span class="pv">${o(e + n)}${s(100)}${s(72)}</span>` : t === "img-right" ? `<span class="pv">${o(n + e)}${s(100)}${s(72)}</span>` : t === "img-top" ? `<span class="pv pv-c">${e}${i}${s(100)}${s(72)}</span>` : `<span class="pv pv-c">${i}${s(100)}${s(72)}${e}</span>`;
   }
   buildTemplatePickInto(t, e) {
     const i = document.createElement("div");
-    i.className = "tplpick", D.forEach((s) => {
+    i.className = "tplpick", F.forEach((s) => {
       const l = document.createElement("button");
-      l.type = "button", l.className = "tpltile", l.title = this.t(R[s]), l.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(R[s])}</span>`, l.addEventListener("click", () => {
+      l.type = "button", l.className = "tpltile", l.title = this.t(O[s]), l.innerHTML = this.tplPreviewHTML(s) + `<span class="tpllbl">${this.t(O[s])}</span>`, l.addEventListener("click", () => {
         this.closePop(), this.insertTemplate(s), e == null || e();
       }), i.appendChild(l);
     }), t.appendChild(i);
@@ -2474,15 +4332,15 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   }
   renderTplCtxButtons() {
     const t = this.tplCtx, e = this.tplActive;
-    !t || !e || (t.innerHTML = "", D.forEach((i) => {
-      const s = this.ctxBtn(xt[i], this.t(R[i]), () => this.setTplLayout(i));
+    !t || !e || (t.innerHTML = "", F.forEach((i) => {
+      const s = this.ctxBtn(At[i], this.t(O[i]), () => this.setTplLayout(i));
       s.classList.toggle("on", e.classList.contains("tpl-" + i)), t.appendChild(s);
-    }), t.append(this.ctxSep(), this.ctxBtn(a.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
+    }), t.append(this.ctxSep(), this.ctxBtn(c.trash, this.t("deltemplate"), () => this.removeTemplate())), this.positionTplCtx());
   }
   setTplLayout(t) {
     const e = this.tplActive;
     if (!e) return;
-    D.forEach((l) => e.classList.remove("tpl-" + l)), e.classList.add("tpl-" + t);
+    F.forEach((l) => e.classList.remove("tpl-" + l)), e.classList.add("tpl-" + t);
     const i = e.querySelector(":scope > .tpl-media"), s = e.querySelector(":scope > .tpl-text");
     i && s && (t === "img-center" ? e.appendChild(i) : e.insertBefore(i, s)), this.renderTplCtxButtons(), this.positionImgPhCtx(), this.positionImageHandles(), this.onChange();
   }
@@ -2514,7 +4372,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   /* ---------------------------------------------------------- table resize */
   clearTableHandles() {
     var t, e, i, s, l;
-    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((n) => n.remove()), this.tblColBars = [], (e = this.tblCtx) == null || e.remove(), this.tblCtx = null, (i = this.tblCellMark) == null || i.remove(), this.tblCellMark = null, (s = this.tblOpMark) == null || s.remove(), this.tblOpMark = null, this.tblOpMarkKind = null, (l = this.tblActive) == null || l.classList.remove("tbl-selected"), this.tblActive = null;
+    (t = this.tblCorner) == null || t.remove(), this.tblCorner = null, this.tblColBars.forEach((o) => o.remove()), this.tblColBars = [], (e = this.tblCtx) == null || e.remove(), this.tblCtx = null, (i = this.tblCellMark) == null || i.remove(), this.tblCellMark = null, (s = this.tblOpMark) == null || s.remove(), this.tblOpMark = null, this.tblOpMarkKind = null, (l = this.tblActive) == null || l.classList.remove("tbl-selected"), this.tblActive = null;
   }
   /** Blue outline around the cell that holds the caret, so it is clear
       which cell / row / column the table operations will target. */
@@ -2541,8 +4399,8 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       return;
     }
     this.tblOpMark || (this.tblOpMark = document.createElement("div"), this.tblOpMark.className = "tbl-opmark", document.body.appendChild(this.tblOpMark));
-    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), n = t === "row" ? l.left : s.left, o = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, c = t === "row" ? l.height : i.height;
-    this.tblOpMark.style.left = n + scrollX + "px", this.tblOpMark.style.top = o + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = c + "px";
+    const i = this.tblActive.getBoundingClientRect(), s = e.getBoundingClientRect(), l = e.parentElement.getBoundingClientRect(), o = t === "row" ? l.left : s.left, n = t === "row" ? l.top : i.top, r = t === "row" ? l.width : s.width, a = t === "row" ? l.height : i.height;
+    this.tblOpMark.style.left = o + scrollX + "px", this.tblOpMark.style.top = n + scrollY + "px", this.tblOpMark.style.width = r + "px", this.tblOpMark.style.height = a + "px";
   }
   /** Lowest allowed top for floating context toolbars — keeps them from
       covering the editor menubar/toolbar when the target sits on the first line. */
@@ -2551,7 +4409,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   }
   ctxBtn(t, e, i, s) {
     const l = document.createElement("button");
-    return l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (n) => n.preventDefault()), l.addEventListener("click", i), l;
+    return l.type = "button", l.title = e, l.innerHTML = t, s && (l.dataset.id = s), l.addEventListener("mousedown", (o) => o.preventDefault()), l.addEventListener("click", i), l;
   }
   ctxSep() {
     const t = document.createElement("div");
@@ -2560,18 +4418,27 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
   buildTableCtxToolbar() {
     const t = document.createElement("div");
     t.className = "tblctx", t.dir = this.dir();
-    const e = (i, s) => (i.addEventListener("mouseenter", () => this.setOpTarget(s)), i.addEventListener("mouseleave", () => this.setOpTarget(null)), i);
+    const e = (s, l) => (s.addEventListener("mouseenter", () => this.setOpTarget(l)), s.addEventListener("mouseleave", () => this.setOpTarget(null)), s), i = this.ctxBtn(c.palette, this.t("cellbg"), () => this.cellFillMenu(i));
     return t.append(
-      e(this.ctxBtn(a.rowbefore, this.t("rowabove"), () => this.tableOp("rowabove")), "row"),
-      e(this.ctxBtn(a.rowafter, this.t("rowbelow"), () => this.tableOp("rowbelow")), "row"),
-      e(this.ctxBtn(a.rowdelete, this.t("delrow"), () => this.tableOp("delrow")), "row"),
+      e(this.ctxBtn(c.rowbefore, this.t("rowabove"), () => this.tableOp("rowabove")), "row"),
+      e(this.ctxBtn(c.rowafter, this.t("rowbelow"), () => this.tableOp("rowbelow")), "row"),
+      e(this.ctxBtn(c.moverowup, this.t("moverowup"), () => this.tableMove("rowup")), "row"),
+      e(this.ctxBtn(c.moverowdown, this.t("moverowdown"), () => this.tableMove("rowdown")), "row"),
+      e(this.ctxBtn(c.rowdelete, this.t("delrow"), () => this.tableOp("delrow")), "row"),
       this.ctxSep(),
-      e(this.ctxBtn(a.colbefore, this.t("colbefore"), () => this.tableOp("colbefore")), "col"),
-      e(this.ctxBtn(a.colafter, this.t("colafter"), () => this.tableOp("colafter")), "col"),
-      e(this.ctxBtn(a.coldelete, this.t("delcol"), () => this.tableOp("delcol")), "col"),
+      e(this.ctxBtn(c.colbefore, this.t("colbefore"), () => this.tableOp("colbefore")), "col"),
+      e(this.ctxBtn(c.colafter, this.t("colafter"), () => this.tableOp("colafter")), "col"),
+      e(this.ctxBtn(c.movecolleft, this.t("movecolleft"), () => this.tableMove("colleft")), "col"),
+      e(this.ctxBtn(c.movecolright, this.t("movecolright"), () => this.tableMove("colright")), "col"),
+      e(this.ctxBtn(c.coldelete, this.t("delcol"), () => this.tableOp("delcol")), "col"),
       this.ctxSep(),
-      this.ctxBtn(a.trash, this.t("deltable"), () => this.tableOp("deltable")),
-      this.ctxBtn(a.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
+      this.ctxBtn(c.alignleft, this.t("tblalignleft"), () => this.alignTable("left")),
+      this.ctxBtn(c.aligncenter, this.t("tblaligncenter"), () => this.alignTable("center")),
+      this.ctxBtn(c.alignright, this.t("tblalignright"), () => this.alignTable("right")),
+      this.ctxSep(),
+      i,
+      this.ctxBtn(c.trash, this.t("deltable"), () => this.tableOp("deltable")),
+      this.ctxBtn(c.tableic, this.t("tablepropsttl"), () => this.tablePropsDlg())
     ), document.body.appendChild(t), t;
   }
   positionTableHandles() {
@@ -2579,20 +4446,20 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       this.clearTableHandles();
       return;
     }
-    const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY;
-    if (this.tblCorner && (this.tblCorner.style.top = n - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : l - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
-      const r = this.tblCtx.offsetWidth, c = this.tblCtx.offsetHeight;
+    const t = this.ed.getAttribute("dir") === "rtl", e = this.tblActive.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, o = e.bottom + scrollY;
+    if (this.tblCorner && (this.tblCorner.style.top = o - 5 + "px", this.tblCorner.style.left = (t ? s - 5 : l - 5) + "px", this.tblCorner.style.cursor = t ? "nesw-resize" : "nwse-resize"), this.tblCtx) {
+      const r = this.tblCtx.offsetWidth, a = this.tblCtx.offsetHeight;
       let h = s + (l - s) / 2 - r / 2;
       h = Math.max(8 + scrollX, Math.min(h, scrollX + innerWidth - r - 8));
-      let d = i - c - 8;
-      d < this.ctxMinTop() && (d = n + 8), this.tblCtx.style.left = h + "px", this.tblCtx.style.top = d + "px";
+      let d = i - a - 8;
+      d < this.ctxMinTop() && (d = o + 8), this.tblCtx.style.left = h + "px", this.tblCtx.style.top = d + "px";
     }
     this.tblColBars.forEach((r) => r.remove()), this.tblColBars = [];
-    const o = this.tblActive.rows[0];
-    if (o)
-      for (let r = 0; r < o.cells.length - 1; r++) {
-        const c = o.cells[r].getBoundingClientRect(), h = (t ? c.left : c.right) + scrollX, d = document.createElement("div");
-        d.className = "tbl-colbar", d.style.top = i + "px", d.style.left = h + "px", d.style.height = n - i + "px", document.body.appendChild(d), d.addEventListener("mousedown", (m) => this.startColBarDrag(m, r)), this.tblColBars.push(d);
+    const n = this.tblActive.rows[0];
+    if (n)
+      for (let r = 0; r < n.cells.length - 1; r++) {
+        const a = n.cells[r].getBoundingClientRect(), h = (t ? a.left : a.right) + scrollX, d = document.createElement("div");
+        d.className = "tbl-colbar", d.style.top = i + "px", d.style.left = h + "px", d.style.height = o - i + "px", document.body.appendChild(d), d.addEventListener("mousedown", (m) => this.startColBarDrag(m, r)), this.tblColBars.push(d);
       }
     this.positionCellMarker(), this.positionOpMark();
   }
@@ -2610,27 +4477,27 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const e = this.tblActive;
     if (!e) return;
     const i = this.ed.getAttribute("dir") === "rtl", s = t.clientX, l = e.getBoundingClientRect().width;
-    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((n) => {
-      const o = (c) => {
-        const h = i ? -(c.clientX - s) : c.clientX - s;
+    e.style.tableLayout = e.style.tableLayout || "fixed", this.withNoTextSelect((o) => {
+      const n = (a) => {
+        const h = i ? -(a.clientX - s) : a.clientX - s;
         e.style.width = Math.max(60, Math.round(l + h)) + "px", this.positionTableHandles();
       }, r = () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", r), n(), this.onChange();
+        window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r), o(), this.onChange();
       };
-      window.addEventListener("mousemove", o), window.addEventListener("mouseup", r);
+      window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
     });
   }
   startColBarDrag(t, e) {
     t.preventDefault(), t.stopPropagation();
     const i = this.tblActive;
     if (!i) return;
-    const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), n = l.map((d) => d.cells[e]).filter(Boolean), o = l.map((d) => d.cells[e + 1]).filter(Boolean);
-    if (!n.length || !o.length) return;
-    const r = t.clientX, c = n[0].getBoundingClientRect().width, h = o[0].getBoundingClientRect().width;
+    const s = this.ed.getAttribute("dir") === "rtl", l = Array.from(i.rows), o = l.map((d) => d.cells[e]).filter(Boolean), n = l.map((d) => d.cells[e + 1]).filter(Boolean);
+    if (!o.length || !n.length) return;
+    const r = t.clientX, a = o[0].getBoundingClientRect().width, h = n[0].getBoundingClientRect().width;
     i.style.tableLayout = "fixed", this.withNoTextSelect((d) => {
-      const m = (f) => {
-        const v = (s ? -1 : 1) * (f.clientX - r);
-        n.forEach((y) => y.style.width = Math.max(24, Math.round(c + v)) + "px"), o.forEach((y) => y.style.width = Math.max(24, Math.round(h - v)) + "px"), this.positionTableHandles();
+      const m = (u) => {
+        const v = (s ? -1 : 1) * (u.clientX - r);
+        o.forEach((b) => b.style.width = Math.max(24, Math.round(a + v)) + "px"), n.forEach((b) => b.style.width = Math.max(24, Math.round(h - v)) + "px"), this.positionTableHandles();
       }, g = () => {
         window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", g), d(), this.onChange();
       };
@@ -2649,7 +4516,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.cancelImgHide(), this.imgHandles.forEach((i) => i.remove()), this.imgHandles = [], (t = this.imgCtx) == null || t.remove(), this.imgCtx = null, (e = this.imgActive) == null || e.classList.remove("img-selected"), this.imgActive = null;
   }
   selectImage(t) {
-    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = wt.map((e) => {
+    this.imgActive !== t && (this.clearImageHandles(), this.imgActive = t, t.classList.add("img-selected"), this.imgHandles = kt.map((e) => {
       const i = document.createElement("div");
       return i.className = "img-handle img-handle-" + e, i.dataset.corner = e, i.addEventListener("mousedown", (s) => this.startImageResizeDrag(s, e)), i.addEventListener("mouseenter", () => this.cancelImgHide()), i.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(i), i;
     }), this.imgCtx = this.buildImageCtxToolbar(t), this.positionImageHandles());
@@ -2659,38 +4526,38 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     e.className = "imgctx", e.dir = this.dir();
     const i = () => {
       var h;
-      const c = this.buildImageCtxToolbar(t);
-      (h = this.imgCtx) == null || h.replaceWith(c), this.imgCtx = c, this.positionImageHandles();
-    }, s = (c) => {
-      this.setImageAlign(t, c), i();
-    }, l = t.style.float === "left", n = t.style.float === "right", o = !l && !n && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (c, h, d, m) => {
-      const g = this.ctxBtn(c, h, m);
+      const a = this.buildImageCtxToolbar(t);
+      (h = this.imgCtx) == null || h.replaceWith(a), this.imgCtx = a, this.positionImageHandles();
+    }, s = (a) => {
+      this.setImageAlign(t, a), i();
+    }, l = t.style.float === "left", o = t.style.float === "right", n = !l && !o && t.style.marginLeft === "auto" && t.style.marginRight === "auto", r = (a, h, d, m) => {
+      const g = this.ctxBtn(a, h, m);
       return g.classList.toggle("on", d), g;
     };
     return e.append(
-      r(a.alignleft, this.t("alignleft"), l, () => s("left")),
-      r(a.aligncenter, this.t("aligncenter"), o, () => s("center")),
-      r(a.alignright, this.t("alignright"), n, () => s("right")),
+      r(c.alignleft, this.t("alignleft"), l, () => s("left")),
+      r(c.aligncenter, this.t("aligncenter"), n, () => s("center")),
+      r(c.alignright, this.t("alignright"), o, () => s("right")),
       this.ctxSep(),
-      r(a.rotateleft, this.t("rotateleft"), !1, () => {
+      r(c.rotateleft, this.t("rotateleft"), !1, () => {
         this.rotateImage(t, -90), i();
       }),
-      r(a.rotateright, this.t("rotateright"), !1, () => {
+      r(c.rotateright, this.t("rotateright"), !1, () => {
         this.rotateImage(t, 90), i();
       }),
       this.ctxSep(),
-      r(a.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
+      r(c.fliphorizontal, this.t("fliphorizontal"), t.dataset.flipx === "1", () => {
         this.flipImage(t, "x"), i();
       }),
-      r(a.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
+      r(c.flipvertical, this.t("flipvertical"), t.dataset.flipy === "1", () => {
         this.flipImage(t, "y"), i();
       }),
       this.ctxSep(),
-      r(a.trash, this.t("deleteimg"), !1, () => {
-        const c = t.closest(".tpl-media");
-        c && this.ed.contains(c) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
+      r(c.trash, this.t("deleteimg"), !1, () => {
+        const a = t.closest(".tpl-media");
+        a && this.ed.contains(a) ? t.outerHTML = this.imgPhHTML() : t.remove(), this.clearImageHandles(), this.onChange();
       })
-    ), e.addEventListener("mousedown", (c) => c.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
+    ), e.addEventListener("mousedown", (a) => a.preventDefault()), e.addEventListener("mouseenter", () => this.cancelImgHide()), e.addEventListener("mouseleave", () => this.scheduleImgHide()), document.body.appendChild(e), e;
   }
   setImageAlign(t, e) {
     t.style.float = "", t.style.display = "", t.style.marginLeft = "", t.style.marginRight = "", t.style.marginBottom = "", e === "left" ? (t.style.float = "left", t.style.marginInlineEnd = "1em", t.style.marginBottom = "0.5em") : e === "right" ? (t.style.float = "right", t.style.marginInlineStart = "1em", t.style.marginBottom = "0.5em") : (t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto"), this.onChange();
@@ -2712,21 +4579,21 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       this.clearImageHandles();
       return;
     }
-    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, l = t.bottom + scrollY, n = {
+    const t = this.imgActive.getBoundingClientRect(), e = t.top + scrollY, i = t.left + scrollX, s = t.right + scrollX, l = t.bottom + scrollY, o = {
       nw: [i, e],
       ne: [s, e],
       sw: [i, l],
       se: [s, l]
     };
-    if (this.imgHandles.forEach((o) => {
-      const [r, c] = n[o.dataset.corner];
-      o.style.left = r - 5 + "px", o.style.top = c - 5 + "px";
+    if (this.imgHandles.forEach((n) => {
+      const [r, a] = o[n.dataset.corner];
+      n.style.left = r - 5 + "px", n.style.top = a - 5 + "px";
     }), this.imgCtx) {
-      const o = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
-      let c = i + (s - i) / 2 - o / 2;
-      c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - o - 8));
+      const n = this.imgCtx.offsetWidth, r = this.imgCtx.offsetHeight;
+      let a = i + (s - i) / 2 - n / 2;
+      a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
       let h = e - r - 8;
-      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = c + "px", this.imgCtx.style.top = h + "px";
+      h < this.ctxMinTop() && (h = l + 8), this.imgCtx.style.left = a + "px", this.imgCtx.style.top = h + "px";
     }
   }
   startImageResizeDrag(t, e) {
@@ -2734,14 +4601,14 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     const i = this.imgActive;
     if (!i) return;
     this.cancelImgHide();
-    const s = t.clientX, l = i.getBoundingClientRect().width, n = e === "nw" || e === "sw" ? -1 : 1;
-    this.withNoTextSelect((o) => {
+    const s = t.clientX, l = i.getBoundingClientRect().width, o = e === "nw" || e === "sw" ? -1 : 1;
+    this.withNoTextSelect((n) => {
       const r = (h) => {
-        i.style.width = Math.max(24, Math.round(l + n * (h.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
-      }, c = () => {
-        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", c), o(), this.onChange();
+        i.style.width = Math.max(24, Math.round(l + o * (h.clientX - s))) + "px", i.style.height = "auto", this.positionImageHandles();
+      }, a = () => {
+        window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", a), n(), this.onChange();
       };
-      window.addEventListener("mousemove", r), window.addEventListener("mouseup", c);
+      window.addEventListener("mousemove", r), window.addEventListener("mouseup", a);
     });
   }
   /* ---------------------------------------------------------- selection bubble toolbar */
@@ -2765,39 +4632,40 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     this.selCtx || (this.selCtx = this.buildSelToolbar()), this.positionSelToolbar(e);
   }
   buildSelToolbar() {
-    var o;
+    var n;
     const t = document.createElement("div");
     t.className = "selctx", t.dir = this.dir();
     const e = this.ctxBtn(
       '<b style="font:600 15px/1 Georgia,serif">A</b><span class="colorbar" data-cb="fore"></span>',
       this.t("forecolor"),
       () => this.colorMenu(e, "fore")
-    ), i = this.ctxBtn(a.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
-    (o = i.querySelector("svg")) == null || o.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
-    const s = this.ctxBtn(a.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(a.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), n = this.ctxBtn(a.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(n));
+    ), i = this.ctxBtn(c.backcolor, this.t("backcolor"), () => this.colorMenu(i, "back"));
+    (n = i.querySelector("svg")) == null || n.insertAdjacentHTML("afterend", '<span class="colorbar" data-cb="back"></span>');
+    const s = this.ctxBtn(c.caseic, this.t("changecase"), () => this.caseMenu(s)), l = this.ctxBtn(c.lineheight, this.t("lineheight"), () => this.lineHeightMenu(l)), o = this.ctxBtn(c.wordspacing, this.t("wordspacing"), () => this.wordSpacingMenu(o));
     return t.append(
-      this.ctxBtn(a.bold, this.t("bold"), () => this.exec("bold"), "bold"),
-      this.ctxBtn(a.italic, this.t("italic"), () => this.exec("italic"), "italic"),
+      this.ctxBtn(c.bold, this.t("bold"), () => this.exec("bold"), "bold"),
+      this.ctxBtn(c.italic, this.t("italic"), () => this.exec("italic"), "italic"),
       e,
       i,
       this.ctxSep(),
-      this.ctxBtn(a.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      this.ctxBtn(c.quote, this.t("quote"), () => this.toggleBlock("blockquote"), "blockquote"),
+      this.ctxBtn(c.inlinecodeic, this.t("code"), () => this.toggleInlineCode(), "code"),
       this.ctxBtn('<b style="font:700 12px/1 Arial,sans-serif">H2</b>', this.blockLabel("h2"), () => this.toggleBlock("h2"), "h2"),
       this.ctxBtn('<b style="font:700 12px/1 Arial,sans-serif">H3</b>', this.blockLabel("h3"), () => this.toggleBlock("h3"), "h3"),
       this.ctxSep(),
-      this.ctxBtn(a.link, this.t("linkttl"), () => this.linkDlg()),
+      this.ctxBtn(c.link, this.t("linkttl"), () => this.linkDlg()),
       s,
       l,
-      n
+      o
     ), t.addEventListener("mousedown", (r) => r.preventDefault()), document.body.appendChild(t), this.syncColorSwatches(t), t;
   }
   positionSelToolbar(t) {
     if (!this.selCtx) return;
-    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, n = e.bottom + scrollY, o = this.selCtx.offsetWidth, r = this.selCtx.offsetHeight;
-    let c = s + (l - s) / 2 - o / 2;
-    c = Math.max(8 + scrollX, Math.min(c, scrollX + innerWidth - o - 8));
+    const e = t.getBoundingClientRect(), i = e.top + scrollY, s = e.left + scrollX, l = e.right + scrollX, o = e.bottom + scrollY, n = this.selCtx.offsetWidth, r = this.selCtx.offsetHeight;
+    let a = s + (l - s) / 2 - n / 2;
+    a = Math.max(8 + scrollX, Math.min(a, scrollX + innerWidth - n - 8));
     let h = i - r - 8;
-    h < this.ctxMinTop() && (h = n + 8), this.selCtx.style.left = c + "px", this.selCtx.style.top = h + "px";
+    h < this.ctxMinTop() && (h = o + 8), this.selCtx.style.left = a + "px", this.selCtx.style.top = h + "px";
   }
   repositionSelToolbar() {
     if (!this.selCtx) return;
@@ -2825,7 +4693,7 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
     return t > 0 ? t + "px" : "";
   }
   refreshState() {
-    var r, c, h;
+    var r, a, h;
     const t = window.getSelection(), e = t ? this.ed.contains(t.anchorNode) : !1, i = this.currentBlock();
     [this.toolbar, this.selCtx].filter(Boolean).forEach((d) => {
       [
@@ -2839,21 +4707,23 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
         "justifyFull",
         "insertOrderedList",
         "insertUnorderedList"
-      ].forEach((m) => {
-        const g = d.querySelector(`[data-id=${m}]`);
-        g && g.classList.toggle("on", e && document.queryCommandState(m));
-      }), ["h2", "h3", "blockquote"].forEach((m) => {
-        const g = d.querySelector(`[data-id=${m}]`);
-        g && g.classList.toggle("on", e && i === m);
+      ].forEach((g) => {
+        const u = d.querySelector(`[data-id=${g}]`);
+        u && u.classList.toggle("on", e && document.queryCommandState(g));
+      }), ["h2", "h3", "blockquote"].forEach((g) => {
+        const u = d.querySelector(`[data-id=${g}]`);
+        u && u.classList.toggle("on", e && i === g);
       });
+      const m = d.querySelector("[data-id=code]");
+      m && m.classList.toggle("on", e && !!this.closestInlineCode());
     });
-    const l = t ? this.closestBlock(t.anchorNode) : null, n = ((r = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : r.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
-    (c = this.toolbar.querySelector("[data-id=ltr]")) == null || c.classList.toggle("on", e && n === "ltr"), (h = this.toolbar.querySelector("[data-id=rtl]")) == null || h.classList.toggle("on", e && n === "rtl");
-    const o = (d, m, g) => {
-      const f = this.toolbar.querySelector(`[data-id=${d}] .lbl`);
-      f && (f.textContent = m || g || "", f.classList.toggle("empty", !m));
+    const l = t ? this.closestBlock(t.anchorNode) : null, o = ((r = l == null ? void 0 : l.closest("[dir]")) == null ? void 0 : r.getAttribute("dir")) || this.ed.getAttribute("dir") || this.dir();
+    (a = this.toolbar.querySelector("[data-id=ltr]")) == null || a.classList.toggle("on", e && o === "ltr"), (h = this.toolbar.querySelector("[data-id=rtl]")) == null || h.classList.toggle("on", e && o === "rtl");
+    const n = (d, m, g) => {
+      const u = this.toolbar.querySelector(`[data-id=${d}] .lbl`);
+      u && (u.textContent = m || g || "", u.classList.toggle("empty", !m));
     };
-    o("fontsel", this.currentFont()), o("sizesel", this.currentSize().replace("px", "")), e && o("blocksel", P.some((d) => d[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
+    n("fontsel", this.currentFont()), n("sizesel", this.currentSize().replace("px", "")), e && n("blocksel", V.some((d) => d[0] === i) ? this.blockLabel(i) : this.t("para")), this.sbWords.textContent = this.countWords() + " " + this.t("words");
   }
   countWords() {
     const t = (this.ed.textContent || "").trim();
@@ -2872,26 +4742,33 @@ const wt = ["nw", "ne", "sw", "se"], D = ["img-left", "img-right", "img-top", "i
       }, l.readAsDataURL(s.getAsFile());
       return;
     }
-    i ? document.execCommand("insertHTML", !1, mt(i, this.dir())) : document.execCommand("insertHTML", !1, ut(e.getData("text/plain"))), this.onChange();
+    if (!i) {
+      const l = e.getData("text/plain"), o = /^\S+$/.test(l.trim()) ? this.videoEmbedUrl(l.trim()) : null;
+      if (o) {
+        document.execCommand("insertHTML", !1, this.videoEmbedHTML(o)), this.onChange();
+        return;
+      }
+    }
+    i ? document.execCommand("insertHTML", !1, wt(i, this.dir())) : document.execCommand("insertHTML", !1, Tt(e.getData("text/plain"))), this.onChange();
   }
   /* ---------------------------------------------------------- init */
   initUI() {
-    this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImgPlaceholderSel(), this.shell.dir = this.dir(), this.ed.dir = this.dir(), this.options.menubar ? this.buildMenubar() : this.menubar.style.display = "none", this.options.toolbar ? this.buildToolbar() : this.toolbar.style.display = "none", this.sbHelp.textContent = this.t("statushelp"), this.refreshState();
+    this.closePop(), this.closeDlg(), this.clearTableHandles(), this.clearImgPlaceholderSel(), this.clearVphPlaceholderSel(), this.clearVidHandles(), this.clearCodeSel(), this.shell.dir = this.dir(), this.ed.dir = this.dir(), this.options.menubar ? this.buildMenubar() : this.menubar.style.display = "none", this.options.toolbar ? this.buildToolbar() : this.toolbar.style.display = "none", this.sbHelp.textContent = this.t("statushelp"), this.refreshState();
   }
 };
-A.instanceCounter = 0;
-let W = A;
+I.instanceCounter = 0, I.TBR_COLLAPSE_MAX = 992;
+let G = I;
 export {
-  P as BLOCKS,
-  it as CHARS,
-  et as COLORS,
-  Q as FONTS,
-  W as FableEditor,
-  j as I18N,
-  a as IC,
-  Y as SIZES,
-  Ct as TXT,
-  mt as cleanPastedHTML,
-  B as getStrings,
-  ut as normalizeTextPaste
+  V as BLOCKS,
+  Bt as CHARS,
+  ct as COLORS,
+  et as FONTS,
+  G as FableEditor,
+  K as I18N,
+  c as IC,
+  it as SIZES,
+  Nt as TXT,
+  wt as cleanPastedHTML,
+  R as getStrings,
+  Tt as normalizeTextPaste
 };